svgedit

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>JSDoc: Source: editor/dialogs/cmenuDialog.js</title> <script src="scripts/prettify/prettify.js"> </script> <script src="scripts/prettify/lang-css.js"> </script>  <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css"> <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css"> </head> <body> <div id="main"> <h1 class="page-title">Source: editor/dialogs/cmenuDialog.js</h1> <section> <article> <pre class="prettyprint source linenums"><code>const template = document.createElement('template'); // eslint-disable-next-line no-unsanitized/property template.innerHTML = ` <style> .contextMenu { position: absolute; z-index: 99999; border: solid 1px rgba(0,0,0,.33); background: rgba(255,255,255,.95); padding: 5px 0; margin: 0px; display: none; font: 12px/15px Lucida Sans, Helvetica, Verdana, sans-serif; border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 2px 5px 10px rgba(0,0,0,.3); -webkit-box-shadow: 2px 5px 10px rgba(0,0,0,.3); box-shadow: 2px 5px 10px rgba(0,0,0,.3); } .contextMenu li { list-style: none; padding: 0px; margin: 0px; } .contextMenu .shortcut { width: 115px; text-align:right; float:right; } .contextMenu a { -moz-user-select: none; -webkit-user-select: none; color: #222; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; background-repeat: no-repeat; outline: none; padding: 0px 15px 1px 20px; } .contextMenu li.hover a { background-color: #2e5dea; color: white; cursor: default; } .contextMenu li.disabled a { color: #999; } .contextMenu li.hover.disabled a { background-color: transparent; } .contextMenu li.separator { border-top: solid 1px #E3E3E3; padding-top: 5px; margin-top: 5px; } </style> <ul id="cmenu_canvas" class="contextMenu"> <li> <a href="#cut" id="se-cut"> <span class="shortcut">META+X</span> </a> </li> <li> <a href="#copy" id="se-copy"> <span class="shortcut">META+C</span> </a> </li> <li> <a href="#paste" id="se-paste"></a> </li> <li> <a href="#paste_in_place" id="se-paste-in-place"></a> </li> <li class="separator"> <a href="#delete" id="se-delete"> <span class="shortcut">BACKSPACE</span> </a> </li> <li class="separator"> <a href="#group" id="se-group"> <span class="shortcut">G</span> </a> </li> <li> <a href="#ungroup" id="se-ungroup"> <span class="shortcut">G</span> </a> </li> <li class="separator"> <a href="#move_front" id="se-move-front"> <span class="shortcut">CTRL+SHFT+]</span> </a> </li> <li> <a href="#move_up" id="se-move-up"> <span class="shortcut">CTRL+]</span> </a> </li> <li> <a href="#move_down" id="se-move-down"> <span class="shortcut">CTRL+[</span> </a> </li> <li> <a href="#move_back" id="se-move-back"> <span class="shortcut">CTRL+SHFT+[</span> </a> </li> </ul> `; /** * @class SeCMenuDialog */ export class SeCMenuDialog extends HTMLElement { /** * @function constructor */ constructor () { super(); // create the shadowDom and insert the template this._shadowRoot = this.attachShadow({ mode: 'open' }); this._shadowRoot.append(template.content.cloneNode(true)); this._workarea = document.getElementById('workarea'); this.$dialog = this._shadowRoot.querySelector('#cmenu_canvas'); this.$copyLink = this._shadowRoot.querySelector('#se-copy'); this.$cutLink = this._shadowRoot.querySelector('#se-cut'); this.$pasteLink = this._shadowRoot.querySelector('#se-paste'); this.$pasteInPlaceLink = this._shadowRoot.querySelector('#se-paste-in-place'); this.$deleteLink = this._shadowRoot.querySelector('#se-delete'); this.$groupLink = this._shadowRoot.querySelector('#se-group'); this.$ungroupLink = this._shadowRoot.querySelector('#se-ungroup'); this.$moveFrontLink = this._shadowRoot.querySelector('#se-move-front'); this.$moveUpLink = this._shadowRoot.querySelector('#se-move-up'); this.$moveDownLink = this._shadowRoot.querySelector('#se-move-down'); this.$moveBackLink = this._shadowRoot.querySelector('#se-move-back'); } /** * @function init * @param {any} name * @returns {void} */ init (i18next) { this.setAttribute('tools-cut', i18next.t('tools.cut')); this.setAttribute('tools-copy', i18next.t('tools.copy')); this.setAttribute('tools-paste', i18next.t('tools.paste')); this.setAttribute('tools-paste_in_place', i18next.t('tools.paste_in_place')); this.setAttribute('tools-delete', i18next.t('tools.delete')); this.setAttribute('tools-group', i18next.t('tools.group')); this.setAttribute('tools-ungroup', i18next.t('tools.ungroup')); this.setAttribute('tools-move_front', i18next.t('tools.move_front')); this.setAttribute('tools-move_up', i18next.t('tools.move_up')); this.setAttribute('tools-move_down', i18next.t('tools.move_down')); this.setAttribute('tools-move_back', i18next.t('tools.move_back')); } /** * @function observedAttributes * @returns {any} observed */ static get observedAttributes () { return [ 'disableallmenu', 'enablemenuitems', 'disablemenuitems', 'tools-cut', 'tools-copy', 'tools-paste', 'tools-paste_in_place', 'tools-delete', 'tools-group', 'tools-ungroup', 'tools-move_front', 'tools-move_up', 'tools-move_down', 'tools-move_back' ]; } /** * @function attributeChangedCallback * @param {string} name * @param {string} oldValue * @param {string} newValue * @returns {void} */ attributeChangedCallback (name, oldValue, newValue) { let eles = []; let textnode; const sdowRoot = this._shadowRoot; switch (name) { case 'disableallmenu': if (newValue === 'true') { const elesli = sdowRoot.querySelectorAll('li'); elesli.forEach(function (eleli) { eleli.classList.add('disabled'); }); } break; case 'enablemenuitems': eles = newValue.split(','); eles.forEach(function (ele) { const selEle = sdowRoot.querySelector('a[href*="' + ele + '"]'); selEle.parentElement.classList.remove('disabled'); }); break; case 'disablemenuitems': eles = newValue.split(','); eles.forEach(function (ele) { const selEle = sdowRoot.querySelector('a[href*="' + ele + '"]'); selEle.parentElement.classList.add('disabled'); }); break; case 'tools-cut': textnode = document.createTextNode(newValue); this.$cutLink.prepend(textnode); break; case 'tools-copy': textnode = document.createTextNode(newValue); this.$copyLink.prepend(textnode); break; case 'tools-paste': this.$pasteLink.textContent = newValue; break; case 'tools-paste_in_place': this.$pasteInPlaceLink.textContent = newValue; break; case 'tools-delete': textnode = document.createTextNode(newValue); this.$deleteLink.prepend(textnode); break; case 'tools-group': textnode = document.createTextNode(newValue); this.$groupLink.prepend(textnode); break; case 'tools-ungroup': textnode = document.createTextNode(newValue); this.$ungroupLink.prepend(textnode); break; case 'tools-move_front': textnode = document.createTextNode(newValue); this.$moveFrontLink.prepend(textnode); break; case 'tools-move_up': textnode = document.createTextNode(newValue); this.$moveUpLink.prepend(textnode); break; case 'tools-move_down': textnode = document.createTextNode(newValue); this.$moveDownLink.prepend(textnode); break; case 'tools-move_back': textnode = document.createTextNode(newValue); this.$moveBackLink.prepend(textnode); break; default: // super.attributeChangedCallback(name, oldValue, newValue); break; } } /** * @function get * @returns {any} */ get disableallmenu () { return this.getAttribute('disableallmenu'); } /** * @function set * @returns {void} */ set disableallmenu (value) { this.setAttribute('disableallmenu', value); } /** * @function get * @returns {any} */ get enablemenuitems () { return this.getAttribute('enablemenuitems'); } /** * @function set * @returns {void} */ set enablemenuitems (value) { this.setAttribute('enablemenuitems', value); } /** * @function get * @returns {any} */ get disablemenuitems () { return this.getAttribute('disablemenuitems'); } /** * @function set * @returns {void} */ set disablemenuitems (value) { this.setAttribute('disablemenuitems', value); } /** * @function connectedCallback * @returns {void} */ connectedCallback () { const current = this; const onMenuOpenHandler = (e) => { e.preventDefault(); // Detect mouse position let x = e.pageX; let y = e.pageY; const xOff = screen.width - 250; // menu width const yOff = screen.height - (276 + 150); // menu height + bottom panel height and scroll bar if (x > xOff) { x = xOff; } if (y > yOff) { y = yOff; } current.$dialog.style.top = y + 'px'; current.$dialog.style.left = x + 'px'; current.$dialog.style.display = 'block'; }; const onMenuCloseHandler = (e) => { if (e.button !== 2) { current.$dialog.style.display = 'none'; } }; const onMenuClickHandler = (e, action) => { const triggerEvent = new CustomEvent('change', { detail: { trigger: action } }); this.dispatchEvent(triggerEvent); }; this._workarea.addEventListener('contextmenu', onMenuOpenHandler); this._workarea.addEventListener('mousedown', onMenuCloseHandler); this.$cutLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'cut')); this.$copyLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'copy')); this.$pasteLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'paste')); this.$pasteInPlaceLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'paste_in_place')); this.$deleteLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'delete')); this.$groupLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'group')); this.$ungroupLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'ungroup')); this.$moveFrontLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'move_front')); this.$moveUpLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'move_up')); this.$moveDownLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'move_down')); this.$moveBackLink.addEventListener('click', (evt) => onMenuClickHandler(evt, 'move_back')); } } // Register customElements.define('se-cmenu_canvas-dialog', SeCMenuDialog); </code></pre> </article> </section> </div> <nav> <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-blur.html">blur</a></li><li><a href="module-browser.html">browser</a></li><li><a href="module-clear.html">clear</a></li><li><a href="module-contextmenu.html">contextmenu</a></li><li><a href="module-coords.html">coords</a></li><li><a href="module-draw.html">draw</a></li><li><a href="module-elem-get-set%2520get%2520and%2520set%2520methods..html">elem-get-set get and set methods.</a></li><li><a href="module-event.html">event</a></li><li><a href="module-history.html">history</a></li><li><a href="module-jGraduate.html">jGraduate</a></li><li><a href="module-jPicker.html">jPicker</a></li><li><a href="module-jQueryAttr.html">jQueryAttr</a></li><li><a href="module-layer.html">layer</a></li><li><a href="module-locale.html">locale</a></li><li><a href="module-math.html">math</a></li><li><a href="module-namespaces.html">namespaces</a></li><li><a href="module-path.html">path</a></li><li><a href="module-recalculate.html">recalculate</a></li><li><a href="module-sanitize.html">sanitize</a></li><li><a href="module-select.html">select</a></li><li><a href="module-selected-elem.html">selected-elem</a></li><li><a href="module-selection.html">selection</a></li><li><a href="module-svg.html">svg</a></li><li><a href="module-svgcanvas.html">svgcanvas</a></li><li><a href="module-SVGEditor.html">SVGEditor</a></li><li><a href="module-text-actions%2520Tools%2520for%2520Text%2520edit%2520functions.html">text-actions Tools for Text edit functions</a></li><li><a href="module-undo.html">undo</a></li><li><a href="module-units.html">units</a></li><li><a href="module-utilities.html">utilities</a></li></ul><h3>Externals</h3><ul><li><a href="external-JamilihArray.html">JamilihArray</a></li><li><a href="external-jQuery.html">jQuery</a></li><li><a href="external-Math.html">Math</a></li><li><a href="external-MouseEvent.html">MouseEvent</a></li><li><a href="external-Window.html">Window</a></li></ul><h3>Namespaces</h3><ul><li><a href="external-jQuery.fn.html">fn</a></li><li><a href="external-jQuery.fn.$.fn.jPicker.defaults.html">defaults</a></li><li><a href="external-jQuery.fn.exports.jPickerMethod.html">exports.jPickerMethod</a></li><li><a href="external-jQuery.fn.jGraduateDefaults.html">jGraduateDefaults</a></li><li><a href="external-jQuery.fn.jGraduateDefaults.images.html">images</a></li><li><a href="external-jQuery.fn.jGraduateDefaults.window.html">window</a></li><li><a href="external-jQuery.jGraduate.html">jGraduate</a></li><li><a href="external-jQuery.jPicker.html">jPicker</a></li><li><a href="external-jQuery.jPicker.ColorMethods.html">ColorMethods</a></li><li><a href="module-path.html#.pathActions">pathActions</a></li><li><a href="module-svgcanvas.SvgCanvas_pathActions.html">pathActions</a></li><li><a href="module-svgcanvas.SvgCanvas_textActions.html">textActions</a></li></ul><h3>Classes</h3><ul><li><a href="BottomPanel.html">BottomPanel</a></li><li><a href="configObj.html">configObj</a></li><li><a href="Dropdown.html">Dropdown</a></li><li><a href="EditorStartup.html">EditorStartup</a></li><li><a href="ElixMenuButton.html">ElixMenuButton</a></li><li><a href="ElixNumberSpinBox.html">ElixNumberSpinBox</a></li><li><a href="ExplorerButton.html">ExplorerButton</a></li><li><a href="external-jQuery.jGraduate.Paint.html">Paint</a></li><li><a href="external-jQuery.jPicker.Color.html">Color</a></li><li><a href="FlyingButton.html">FlyingButton</a></li><li><a href="LayersPanel.html">LayersPanel</a></li><li><a href="LeftPanel.html">LeftPanel</a></li><li><a href="MainMenu.html">MainMenu</a></li><li><a href="module.exports.html">exports</a></li><li><a href="module.exports_module.exports.html">exports</a></li><li><a href="module-draw.Drawing.html">Drawing</a></li><li><a href="module-draw.Layer.html">Layer</a></li><li><a href="module-history.BatchCommand.html">BatchCommand</a></li><li><a href="module-history.ChangeElementCommand.html">ChangeElementCommand</a></li><li><a href="module-history.Command.html">Command</a></li><li><a href="module-history.HistoryRecordingService.html">HistoryRecordingService</a></li><li><a href="module-history.InsertElementCommand.html">InsertElementCommand</a></li><li><a href="module-history.MoveElementCommand.html">MoveElementCommand</a></li><li><a href="module-history.RemoveElementCommand.html">RemoveElementCommand</a></li><li><a href="module-history.UndoManager.html">UndoManager</a></li><li><a href="module-jPicker.module.exports.html">module.exports</a></li><li><a href="module-layer.Layer.html">Layer</a></li><li><a href="module-path.Path.html">Path</a></li><li><a href="module-path.Segment.html">Segment</a></li><li><a href="module-select.Selector.html">Selector</a></li><li><a href="module-select.SelectorManager.html">SelectorManager</a></li><li><a href="module-svgcanvas.SvgCanvas.html">SvgCanvas</a></li><li><a href="module-SVGEditor-Editor.html">Editor</a></li><li><a href="NumberSpinBox.html">NumberSpinBox</a></li><li><a href="PaintBox.html">PaintBox</a></li><li><a href="PlainNumberSpinBox.html">PlainNumberSpinBox</a></li><li><a href="Rulers.html">Rulers</a></li><li><a href="SeCMenuDialog.html">SeCMenuDialog</a></li><li><a href="SeCMenuLayerDialog.html">SeCMenuLayerDialog</a></li><li><a href="SeColorPicker.html">SeColorPicker</a></li><li><a href="SeEditPrefsDialog.html">SeEditPrefsDialog</a></li><li><a href="SeExportDialog.html">SeExportDialog</a></li><li><a href="SeImgPropDialog.html">SeImgPropDialog</a></li><li><a href="SEInput.html">SEInput</a></li><li><a href="SeList.html">SeList</a></li><li><a href="SeMenu.html">SeMenu</a></li><li><a href="SeMenuItem.html">SeMenuItem</a></li><li><a href="SEPalette.html">SEPalette</a></li><li><a href="SePlainAlertDialog.html">SePlainAlertDialog</a></li><li><a href="SePlainBorderButton.html">SePlainBorderButton</a></li><li><a href="SePromptDialog.html">SePromptDialog</a></li><li><a href="SESpinInput.html">SESpinInput</a></li><li><a href="SeStorageDialog.html">SeStorageDialog</a></li><li><a href="SeSvgSourceEditorDialog.html">SeSvgSourceEditorDialog</a></li><li><a href="SeText.html">SeText</a></li><li><a href="ToolButton.html">ToolButton</a></li><li><a href="TopPanel.html">TopPanel</a></li></ul><h3>Interfaces</h3><ul><li><a href="module-coords.EditorContext.html">EditorContext</a></li><li><a href="module-draw.DrawCanvasInit.html">DrawCanvasInit</a></li><li><a href="module-history.HistoryCommand.html">HistoryCommand</a></li><li><a href="module-history.HistoryEventHandler.html">HistoryEventHandler</a></li><li><a href="module-locale.LocaleEditorInit.html">LocaleEditorInit</a></li><li><a href="module-path.EditorContext.html">EditorContext</a></li><li><a href="module-recalculate.EditorContext.html">EditorContext</a></li><li><a href="module-select.SVGFactory.html">SVGFactory</a></li><li><a href="module-svgcanvas.PrivateMethods.html">PrivateMethods</a></li><li><a href="module-SVGEditor.Config.html">Config</a></li><li><a href="module-SVGEditor.Prefs.html">Prefs</a></li><li><a href="module-SVGthis.CustomHandler.html">CustomHandler</a></li><li><a href="module-units.ElementContainer.html">ElementContainer</a></li><li><a href="module-utilities.EditorContext.html">EditorContext</a></li></ul><h3>Events</h3><ul><li><a href="module-history-Command.html#event:event:history">history</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:changed">changed</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:cleared">cleared</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:contextset">contextset</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:exported">exported</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:exportedPDF">exportedPDF</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_addLangData">ext_addLangData</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_callback">ext_callback</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_canvasUpdated">ext_canvasUpdated</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_elementChanged">ext_elementChanged</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_elementTransition">ext_elementTransition</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_IDsUpdated">ext_IDsUpdated</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_langChanged">ext_langChanged</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_langReady">ext_langReady</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_mouseDown">ext_mouseDown</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_mouseMove">ext_mouseMove</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_mouseUp">ext_mouseUp</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_onNewDocument">ext_onNewDocument</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_selectedChanged">ext_selectedChanged</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_toolButtonStateUpdate">ext_toolButtonStateUpdate</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_workareaResized">ext_workareaResized</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:ext_zoomChanged">ext_zoomChanged</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:extension_added">extension_added</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:extensions_added">extensions_added</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:GenericCanvasEvent">GenericCanvasEvent</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:message">message</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:pointsAdded">pointsAdded</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:saved">saved</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:selected">selected</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:setnonce">setnonce</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:transition">transition</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:unsetnonce">unsetnonce</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:updateCanvas">updateCanvas</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:zoomDone">zoomDone</a></li><li><a href="module-svgcanvas.SvgCanvas.html#event:event:zoomed">zoomed</a></li><li><a href="module-SVGEditor.html#event:event:svgEditorReadyEvent">svgEditorReadyEvent</a></li></ul><h3>Tutorials</h3><ul><li><a href="tutorial-CanvasAPI.html">CanvasAPI</a></li><li><a href="tutorial-Editor.html">Editor</a></li><li><a href="tutorial-EditorAPI.html">EditorAPI</a></li><li><a href="tutorial-Events.html">Events</a></li><li><a href="tutorial-FrequentlyAskedQuestions.html">Frequently Asked Questions (FAQ)</a></li></ul><h3>Global</h3><ul><li><a href="global.html#attributeChangedCallback">attributeChangedCallback</a></li><li><a href="global.html#connectedCallback">connectedCallback</a></li><li><a href="global.html#constructor">constructor</a></li><li><a href="global.html#expireCookie">expireCookie</a></li><li><a href="global.html#findPos">findPos</a></li><li><a href="global.html#formatValueFormatthenumericvalueasastring.Thisisusedafterincrementing/decrementingthevaluetoreformatthevalueasastring.">formatValue Format the numeric value as a string. This is used after incrementing/decrementing the value to reformat the value as a string.</a></li><li><a href="global.html#get">get</a></li><li><a href="global.html#getClosest">getClosest</a></li><li><a href="global.html#getParents">getParents</a></li><li><a href="global.html#init">init</a></li><li><a href="global.html#inputsize">inputsize</a></li><li><a href="global.html#isNullish">isNullish</a></li><li><a href="global.html#loadloadConfig">load load Config</a></li><li><a href="global.html#loadFromURLLoadconfig/datafromURLifgiven">loadFromURL Load config/data from URL if given</a></li><li><a href="global.html#name">name</a></li><li><a href="global.html#observedAttributes">observedAttributes</a></li><li><a href="global.html#parseValue">parseValue</a></li><li><a href="global.html#pref">pref</a></li><li><a href="global.html#processResults">processResults</a></li><li><a href="global.html#readySignal">readySignal</a></li><li><a href="global.html#regexEscape">regexEscape</a></li><li><a href="global.html#removeStoragePrefCookie">removeStoragePrefCookie</a></li><li><a href="global.html#replaceStoragePrompt">replaceStoragePrompt</a></li><li><a href="global.html#set">set</a></li><li><a href="global.html#setupCurConfig">setupCurConfig</a></li><li><a href="global.html#setupCurPrefs">setupCurPrefs</a></li><li><a href="global.html#src">src</a></li><li><a href="global.html#stateEffects">stateEffects</a></li><li><a href="global.html#stepDown">stepDown</a></li><li><a href="global.html#stepUp">stepUp</a></li><li><a href="global.html#touchHandler">touchHandler</a></li><li><a href="global.html#updateLib">updateLib</a></li><li><a href="global.html#value">value</a></li></ul> </nav> <br class="clear"> <footer> Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.7</a> on Mon Nov 08 2021 09:47:00 GMT+0100 (Central European Standard Time) </footer> <script> prettyPrint(); </script> <script src="scripts/linenumber.js"> </script> </body> </html>