lexgui 8.1.2 → 8.2.0

package/build/extensions/Audio.js

@@ -1,163 +1,163 @@
-// This is a generated file. Do not edit.
-import { LX } from '../core/Namespace.js';
-
-// Audio.ts @jxarco
-if (!LX) {
-    throw ('Missing LX namespace!');
-}
-LX.extensions.push('Audio');
-const Panel = LX.Panel;
-const BaseComponent = LX.BaseComponent;
-const ComponentType = LX.ComponentType;
-const IEvent = LX.IEvent;
-/**
- * @class Knob
- * @description Knob Component
- */
-class Knob extends BaseComponent {
-    constructor(name, value, min, max, callback, options = {}) {
-        if (value.constructor == Number) {
-            value = LX.clamp(value, min, max);
-            value = options.precision ? LX.round(value, options.precision) : value;
-        }
-        super(ComponentType.KNOB, name, value, options);
-        this.onGetValue = () => {
-            return innerKnobCircle.value;
-        };
-        this.onSetValue = (newValue, skipCallback, event) => {
-            innerSetValue(newValue);
-            LX.BaseComponent._dispatchEvent(innerKnobCircle, 'change', skipCallback);
-        };
-        this.onResize = () => {
-            const realNameWidth = this.root.domName?.style.width ?? '0px';
-            container.style.width = `calc( 100% - ${realNameWidth})`;
-        };
-        const snapEnabled = options.snap && options.snap.constructor == Number;
-        const ticks = [];
-        if (snapEnabled) {
-            const range = (max - min) / options.snap;
-            for (let i = 0; i < (options.snap + 1); ++i) {
-                ticks.push(min + (i * range));
-            }
-        }
-        var container = document.createElement('div');
-        container.className = 'lexknob';
-        LX.addClass(container, options.size);
-        LX.addClass(container, snapEnabled ? 'show-ticks' : null);
-        let knobCircle = document.createElement('div');
-        knobCircle.className = 'knobcircle';
-        if (snapEnabled) {
-            knobCircle.style.setProperty('--knob-snap-mark', (270 / options.snap) + 'deg');
-        }
-        let innerKnobCircle = document.createElement('div');
-        innerKnobCircle.className = 'innerknobcircle';
-        innerKnobCircle.min = min;
-        innerKnobCircle.max = max;
-        knobCircle.appendChild(innerKnobCircle);
-        let knobMarker = document.createElement('div');
-        knobMarker.className = 'knobmarker';
-        innerKnobCircle.appendChild(knobMarker);
-        innerKnobCircle.value = innerKnobCircle.iValue = value;
-        let mustSnap = false;
-        let innerSetValue = function (v) {
-            // Convert val between (-135 and 135)
-            const angle = LX.remapRange(v, innerKnobCircle.min, innerKnobCircle.max, -135, 135.0);
-            innerKnobCircle.style.rotate = angle + 'deg';
-            innerKnobCircle.value = v;
-        };
-        const angle = LX.remapRange(value, min, max, -135, 135.0);
-        innerKnobCircle.style.rotate = angle + 'deg';
-        if (options.disabled) {
-            LX.addClass(container, 'disabled');
-        }
-        innerKnobCircle.addEventListener('change', (e) => {
-            const knob = e.target;
-            const skipCallback = e.detail;
-            if (mustSnap) {
-                knob.value = ticks.reduce((prev, curr) => Math.abs(curr - knob.value) < Math.abs(prev - knob.value) ? curr : prev);
-            }
-            let val = knob.value = LX.clamp(knob.value, knob.min, knob.max);
-            val = options.precision ? LX.round(val, options.precision) : val;
-            innerSetValue(val);
-            // Reset button (default value)
-            if (!skipCallback) {
-                let btn = this.root.querySelector('.lexcomponentname .lexicon');
-                if (btn)
-                    btn.style.display = val != innerKnobCircle.iValue ? 'block' : 'none';
-                if (!(snapEnabled && !mustSnap)) {
-                    this._trigger(new IEvent(name, val, e), callback);
-                    mustSnap = false;
-                }
-            }
-        }, { passive: false });
-        // Add drag input
-        innerKnobCircle.addEventListener('mousedown', innerMouseDown);
-        var that = this;
-        function innerMouseDown(e) {
-            if (document.activeElement == innerKnobCircle || options.disabled) {
-                return;
-            }
-            var doc = that.root.ownerDocument;
-            doc.addEventListener('mousemove', innerMouseMove);
-            doc.addEventListener('mouseup', innerMouseUp);
-            document.body.classList.add('noevents');
-            if (!document.pointerLockElement) {
-                container.requestPointerLock();
-            }
-            e.stopImmediatePropagation();
-            e.stopPropagation();
-        }
-        function innerMouseMove(e) {
-            let dt = -e.movementY;
-            if (dt != 0) {
-                let mult = options.step ?? 1;
-                if (e.shiftKey)
-                    mult *= 10;
-                else if (e.altKey)
-                    mult *= 0.1;
-                let new_value = innerKnobCircle.value - mult * dt;
-                innerKnobCircle.value = new_value;
-                LX.BaseComponent._dispatchEvent(innerKnobCircle, 'change');
-            }
-            e.stopPropagation();
-            e.preventDefault();
-        }
-        function innerMouseUp(e) {
-            var doc = that.root.ownerDocument;
-            doc.removeEventListener('mousemove', innerMouseMove);
-            doc.removeEventListener('mouseup', innerMouseUp);
-            document.body.classList.remove('noevents');
-            // Snap if necessary
-            if (snapEnabled) {
-                mustSnap = true;
-                LX.BaseComponent._dispatchEvent(innerKnobCircle, 'change');
-            }
-            if (document.pointerLockElement) {
-                document.exitPointerLock();
-            }
-        }
-        container.appendChild(knobCircle);
-        this.root.appendChild(container);
-        LX.doAsync(this.onResize.bind(this));
-    }
-}
-LX.Knob = Knob;
-/**
- * @method addKnob
- * @param {String} name Component name
- * @param {Number} value Knob value
- * @param {Number} min Min Knob value
- * @param {Number} max Max Knob value
- * @param {Function} callback Callback function on change
- * @param {*} options:
- * minLabel (String): Label to show as min value
- * maxLabel (String): Label to show as max value
- */
-const panelProto = Panel.prototype;
-panelProto.addKnob = function (name, value, min, max, callback, options = {}) {
-    const component = new Knob(name, value, min, max, callback, options);
-    return this._attachComponent(component);
-};
-
-export { Knob };
-//# sourceMappingURL=Audio.js.map
+// This is a generated file. Do not edit.
+import { LX } from '../core/Namespace.js';
+
+// Audio.ts @jxarco
+if (!LX) {
+    throw ('Missing LX namespace!');
+}
+LX.extensions.push('Audio');
+const Panel = LX.Panel;
+const BaseComponent = LX.BaseComponent;
+const ComponentType = LX.ComponentType;
+const IEvent = LX.IEvent;
+/**
+ * @class Knob
+ * @description Knob Component
+ */
+class Knob extends BaseComponent {
+    constructor(name, value, min, max, callback, options = {}) {
+        if (value.constructor == Number) {
+            value = LX.clamp(value, min, max);
+            value = options.precision ? LX.round(value, options.precision) : value;
+        }
+        super(ComponentType.KNOB, name, value, options);
+        this.onGetValue = () => {
+            return innerKnobCircle.value;
+        };
+        this.onSetValue = (newValue, skipCallback, event) => {
+            innerSetValue(newValue);
+            LX.BaseComponent._dispatchEvent(innerKnobCircle, 'change', skipCallback);
+        };
+        this.onResize = () => {
+            const realNameWidth = this.root.domName?.style.width ?? '0px';
+            container.style.width = `calc( 100% - ${realNameWidth})`;
+        };
+        const snapEnabled = options.snap && options.snap.constructor == Number;
+        const ticks = [];
+        if (snapEnabled) {
+            const range = (max - min) / options.snap;
+            for (let i = 0; i < (options.snap + 1); ++i) {
+                ticks.push(min + (i * range));
+            }
+        }
+        var container = document.createElement('div');
+        container.className = 'lexknob';
+        LX.addClass(container, options.size);
+        LX.addClass(container, snapEnabled ? 'show-ticks' : null);
+        let knobCircle = document.createElement('div');
+        knobCircle.className = 'knobcircle';
+        if (snapEnabled) {
+            knobCircle.style.setProperty('--knob-snap-mark', (270 / options.snap) + 'deg');
+        }
+        let innerKnobCircle = document.createElement('div');
+        innerKnobCircle.className = 'innerknobcircle';
+        innerKnobCircle.min = min;
+        innerKnobCircle.max = max;
+        knobCircle.appendChild(innerKnobCircle);
+        let knobMarker = document.createElement('div');
+        knobMarker.className = 'knobmarker';
+        innerKnobCircle.appendChild(knobMarker);
+        innerKnobCircle.value = innerKnobCircle.iValue = value;
+        let mustSnap = false;
+        let innerSetValue = function (v) {
+            // Convert val between (-135 and 135)
+            const angle = LX.remapRange(v, innerKnobCircle.min, innerKnobCircle.max, -135, 135.0);
+            innerKnobCircle.style.rotate = angle + 'deg';
+            innerKnobCircle.value = v;
+        };
+        const angle = LX.remapRange(value, min, max, -135, 135.0);
+        innerKnobCircle.style.rotate = angle + 'deg';
+        if (options.disabled) {
+            LX.addClass(container, 'disabled');
+        }
+        innerKnobCircle.addEventListener('change', (e) => {
+            const knob = e.target;
+            const skipCallback = e.detail;
+            if (mustSnap) {
+                knob.value = ticks.reduce((prev, curr) => Math.abs(curr - knob.value) < Math.abs(prev - knob.value) ? curr : prev);
+            }
+            let val = knob.value = LX.clamp(knob.value, knob.min, knob.max);
+            val = options.precision ? LX.round(val, options.precision) : val;
+            innerSetValue(val);
+            // Reset button (default value)
+            if (!skipCallback) {
+                let btn = this.root.querySelector('.lexcomponentname .lexicon');
+                if (btn)
+                    btn.style.display = val != innerKnobCircle.iValue ? 'block' : 'none';
+                if (!(snapEnabled && !mustSnap)) {
+                    this._trigger(new IEvent(name, val, e), callback);
+                    mustSnap = false;
+                }
+            }
+        }, { passive: false });
+        // Add drag input
+        innerKnobCircle.addEventListener('mousedown', innerMouseDown);
+        var that = this;
+        function innerMouseDown(e) {
+            if (document.activeElement == innerKnobCircle || options.disabled) {
+                return;
+            }
+            var doc = that.root.ownerDocument;
+            doc.addEventListener('mousemove', innerMouseMove);
+            doc.addEventListener('mouseup', innerMouseUp);
+            document.body.classList.add('noevents');
+            if (!document.pointerLockElement) {
+                container.requestPointerLock();
+            }
+            e.stopImmediatePropagation();
+            e.stopPropagation();
+        }
+        function innerMouseMove(e) {
+            let dt = -e.movementY;
+            if (dt != 0) {
+                let mult = options.step ?? 1;
+                if (e.shiftKey)
+                    mult *= 10;
+                else if (e.altKey)
+                    mult *= 0.1;
+                let new_value = innerKnobCircle.value - mult * dt;
+                innerKnobCircle.value = new_value;
+                LX.BaseComponent._dispatchEvent(innerKnobCircle, 'change');
+            }
+            e.stopPropagation();
+            e.preventDefault();
+        }
+        function innerMouseUp(e) {
+            var doc = that.root.ownerDocument;
+            doc.removeEventListener('mousemove', innerMouseMove);
+            doc.removeEventListener('mouseup', innerMouseUp);
+            document.body.classList.remove('noevents');
+            // Snap if necessary
+            if (snapEnabled) {
+                mustSnap = true;
+                LX.BaseComponent._dispatchEvent(innerKnobCircle, 'change');
+            }
+            if (document.pointerLockElement) {
+                document.exitPointerLock();
+            }
+        }
+        container.appendChild(knobCircle);
+        this.root.appendChild(container);
+        LX.doAsync(this.onResize.bind(this));
+    }
+}
+LX.Knob = Knob;
+/**
+ * @method addKnob
+ * @param {String} name Component name
+ * @param {Number} value Knob value
+ * @param {Number} min Min Knob value
+ * @param {Number} max Max Knob value
+ * @param {Function} callback Callback function on change
+ * @param {*} options:
+ * minLabel (String): Label to show as min value
+ * maxLabel (String): Label to show as max value
+ */
+const panelProto = Panel.prototype;
+panelProto.addKnob = function (name, value, min, max, callback, options = {}) {
+    const component = new Knob(name, value, min, max, callback, options);
+    return this._attachComponent(component);
+};
+
+export { Knob };
+//# sourceMappingURL=Audio.js.map

package/build/extensions/Audio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Audio.js","sources":["../../src/extensions/Audio.ts"],"sourcesContent":["// Audio.ts @jxarco\r\n\r\nimport { LX } from '../core/Namespace';\r\n\r\nif ( !LX )\r\n{\r\n    throw ( 'Missing LX namespace!' );\r\n}\r\n\r\nLX.extensions.push( 'Audio' );\r\n\r\nconst Panel = LX.Panel;\r\nconst BaseComponent = LX.BaseComponent;\r\nconst ComponentType = LX.ComponentType;\r\nconst IEvent = LX.IEvent;\r\n\r\n/**\r\n * @class Knob\r\n * @description Knob Component\r\n */\r\n\r\nexport class Knob extends BaseComponent\r\n{\r\n    constructor( name: string, value: number, min: number, max: number, callback: any, options: any = {} )\r\n    {\r\n        if ( value.constructor == Number )\r\n        {\r\n            value = LX.clamp( value, min, max );\r\n            value = options.precision ? LX.round( value, options.precision ) : value;\r\n        }\r\n\r\n        super( ComponentType.KNOB, name, value, options );\r\n\r\n        this.onGetValue = () => {\r\n            return innerKnobCircle.value;\r\n        };\r\n\r\n        this.onSetValue = ( newValue: any, skipCallback?: boolean, event?: any ) => {\r\n            innerSetValue( newValue );\r\n            LX.BaseComponent._dispatchEvent( innerKnobCircle, 'change', skipCallback );\r\n        };\r\n\r\n        this.onResize = () => {\r\n            const realNameWidth = this.root.domName?.style.width ?? '0px';\r\n            container.style.width = `calc( 100% - ${realNameWidth})`;\r\n        };\r\n\r\n        const snapEnabled = options.snap && options.snap.constructor == Number;\r\n        const ticks: number[] = [];\r\n        if ( snapEnabled )\r\n        {\r\n            const range = ( max - min ) / options.snap;\r\n            for ( let i = 0; i < ( options.snap + 1 ); ++i )\r\n            {\r\n                ticks.push( min + ( i * range ) );\r\n            }\r\n        }\r\n\r\n        var container: any = document.createElement( 'div' );\r\n        container.className = 'lexknob';\r\n        LX.addClass( container, options.size );\r\n        LX.addClass( container, snapEnabled ? 'show-ticks' : null );\r\n\r\n        let knobCircle = document.createElement( 'div' );\r\n        knobCircle.className = 'knobcircle';\r\n        if ( snapEnabled )\r\n        {\r\n            knobCircle.style.setProperty( '--knob-snap-mark', ( 270 / options.snap ) + 'deg' );\r\n        }\r\n\r\n        let innerKnobCircle: any = document.createElement( 'div' );\r\n        innerKnobCircle.className = 'innerknobcircle';\r\n        innerKnobCircle.min = min;\r\n        innerKnobCircle.max = max;\r\n        knobCircle.appendChild( innerKnobCircle );\r\n\r\n        let knobMarker: any = document.createElement( 'div' );\r\n        knobMarker.className = 'knobmarker';\r\n        innerKnobCircle.appendChild( knobMarker );\r\n        innerKnobCircle.value = innerKnobCircle.iValue = value;\r\n\r\n        let mustSnap = false;\r\n        let innerSetValue = function( v: number )\r\n        {\r\n            // Convert val between (-135 and 135)\r\n            const angle = LX.remapRange( v, innerKnobCircle.min, innerKnobCircle.max, -135.0, 135.0 );\r\n            innerKnobCircle.style.rotate = angle + 'deg';\r\n            innerKnobCircle.value = v;\r\n        };\r\n\r\n        const angle = LX.remapRange( value, min, max, -135.0, 135.0 );\r\n        innerKnobCircle.style.rotate = angle + 'deg';\r\n\r\n        if ( options.disabled )\r\n        {\r\n            LX.addClass( container, 'disabled' );\r\n        }\r\n\r\n        innerKnobCircle.addEventListener( 'change', ( e: InputEvent ) => {\r\n            const knob: any = e.target;\r\n\r\n            const skipCallback = e.detail;\r\n\r\n            if ( mustSnap )\r\n            {\r\n                knob.value = ticks.reduce( ( prev, curr ) =>\r\n                    Math.abs( curr - knob.value ) < Math.abs( prev - knob.value ) ? curr : prev\r\n                );\r\n            }\r\n\r\n            let val = knob.value = LX.clamp( knob.value, knob.min, knob.max );\r\n            val = options.precision ? LX.round( val, options.precision ) : val;\r\n\r\n            innerSetValue( val );\r\n\r\n            // Reset button (default value)\r\n            if ( !skipCallback )\r\n            {\r\n                let btn = this.root.querySelector( '.lexcomponentname .lexicon' );\r\n                if ( btn ) btn.style.display = val != innerKnobCircle.iValue ? 'block' : 'none';\r\n\r\n                if ( !( snapEnabled && !mustSnap ) )\r\n                {\r\n                    this._trigger( new IEvent( name, val, e ), callback );\r\n                    mustSnap = false;\r\n                }\r\n            }\r\n        }, { passive: false } );\r\n\r\n        // Add drag input\r\n\r\n        innerKnobCircle.addEventListener( 'mousedown', innerMouseDown );\r\n\r\n        var that = this;\r\n\r\n        function innerMouseDown( e: MouseEvent )\r\n        {\r\n            if ( document.activeElement == innerKnobCircle || options.disabled )\r\n            {\r\n                return;\r\n            }\r\n\r\n            var doc = that.root.ownerDocument;\r\n            doc.addEventListener( 'mousemove', innerMouseMove );\r\n            doc.addEventListener( 'mouseup', innerMouseUp );\r\n            document.body.classList.add( 'noevents' );\r\n\r\n            if ( !document.pointerLockElement )\r\n            {\r\n                container.requestPointerLock();\r\n            }\r\n\r\n            e.stopImmediatePropagation();\r\n            e.stopPropagation();\r\n        }\r\n\r\n        function innerMouseMove( e: MouseEvent )\r\n        {\r\n            let dt = -e.movementY;\r\n\r\n            if ( dt != 0 )\r\n            {\r\n                let mult = options.step ?? 1;\r\n                if ( e.shiftKey ) mult *= 10;\r\n                else if ( e.altKey ) mult *= 0.1;\r\n                let new_value = innerKnobCircle.value - mult * dt;\r\n                innerKnobCircle.value = new_value;\r\n                LX.BaseComponent._dispatchEvent( innerKnobCircle, 'change' );\r\n            }\r\n\r\n            e.stopPropagation();\r\n            e.preventDefault();\r\n        }\r\n\r\n        function innerMouseUp( e: MouseEvent )\r\n        {\r\n            var doc = that.root.ownerDocument;\r\n            doc.removeEventListener( 'mousemove', innerMouseMove );\r\n            doc.removeEventListener( 'mouseup', innerMouseUp );\r\n            document.body.classList.remove( 'noevents' );\r\n\r\n            // Snap if necessary\r\n            if ( snapEnabled )\r\n            {\r\n                mustSnap = true;\r\n                LX.BaseComponent._dispatchEvent( innerKnobCircle, 'change' );\r\n            }\r\n\r\n            if ( document.pointerLockElement )\r\n            {\r\n                document.exitPointerLock();\r\n            }\r\n        }\r\n\r\n        container.appendChild( knobCircle );\r\n\r\n        this.root.appendChild( container );\r\n\r\n        LX.doAsync( this.onResize.bind( this ) );\r\n    }\r\n}\r\n\r\nLX.Knob = Knob;\r\n\r\n/**\r\n * @method addKnob\r\n * @param {String} name Component name\r\n * @param {Number} value Knob value\r\n * @param {Number} min Min Knob value\r\n * @param {Number} max Max Knob value\r\n * @param {Function} callback Callback function on change\r\n * @param {*} options:\r\n * minLabel (String): Label to show as min value\r\n * maxLabel (String): Label to show as max value\r\n */\r\n\r\nconst panelProto: any = Panel.prototype;\r\npanelProto.addKnob = function( name: string, value: number, min: number, max: number, callback: any, options: any = {} )\r\n{\r\n    const component = new Knob( name, value, min, max, callback, options );\r\n    return this._attachComponent( component );\r\n};\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Audio.js","sources":["../../src/extensions/Audio.ts"],"sourcesContent":["// Audio.ts @jxarco\r\n\r\nimport { LX } from '../core/Namespace';\r\n\r\nif ( !LX )\r\n{\r\n    throw ( 'Missing LX namespace!' );\r\n}\r\n\r\nLX.extensions.push( 'Audio' );\r\n\r\nconst Panel = LX.Panel;\r\nconst BaseComponent = LX.BaseComponent;\r\nconst ComponentType = LX.ComponentType;\r\nconst IEvent = LX.IEvent;\r\n\r\n/**\r\n * @class Knob\r\n * @description Knob Component\r\n */\r\n\r\nexport class Knob extends BaseComponent\r\n{\r\n    constructor( name: string, value: number, min: number, max: number, callback: any, options: any = {} )\r\n    {\r\n        if ( value.constructor == Number )\r\n        {\r\n            value = LX.clamp( value, min, max );\r\n            value = options.precision ? LX.round( value, options.precision ) : value;\r\n        }\r\n\r\n        super( ComponentType.KNOB, name, value, options );\r\n\r\n        this.onGetValue = () => {\r\n            return innerKnobCircle.value;\r\n        };\r\n\r\n        this.onSetValue = ( newValue: any, skipCallback?: boolean, event?: any ) => {\r\n            innerSetValue( newValue );\r\n            LX.BaseComponent._dispatchEvent( innerKnobCircle, 'change', skipCallback );\r\n        };\r\n\r\n        this.onResize = () => {\r\n            const realNameWidth = this.root.domName?.style.width ?? '0px';\r\n            container.style.width = `calc( 100% - ${realNameWidth})`;\r\n        };\r\n\r\n        const snapEnabled = options.snap && options.snap.constructor == Number;\r\n        const ticks: number[] = [];\r\n        if ( snapEnabled )\r\n        {\r\n            const range = ( max - min ) / options.snap;\r\n            for ( let i = 0; i < ( options.snap + 1 ); ++i )\r\n            {\r\n                ticks.push( min + ( i * range ) );\r\n            }\r\n        }\r\n\r\n        var container: any = document.createElement( 'div' );\r\n        container.className = 'lexknob';\r\n        LX.addClass( container, options.size );\r\n        LX.addClass( container, snapEnabled ? 'show-ticks' : null );\r\n\r\n        let knobCircle = document.createElement( 'div' );\r\n        knobCircle.className = 'knobcircle';\r\n        if ( snapEnabled )\r\n        {\r\n            knobCircle.style.setProperty( '--knob-snap-mark', ( 270 / options.snap ) + 'deg' );\r\n        }\r\n\r\n        let innerKnobCircle: any = document.createElement( 'div' );\r\n        innerKnobCircle.className = 'innerknobcircle';\r\n        innerKnobCircle.min = min;\r\n        innerKnobCircle.max = max;\r\n        knobCircle.appendChild( innerKnobCircle );\r\n\r\n        let knobMarker: any = document.createElement( 'div' );\r\n        knobMarker.className = 'knobmarker';\r\n        innerKnobCircle.appendChild( knobMarker );\r\n        innerKnobCircle.value = innerKnobCircle.iValue = value;\r\n\r\n        let mustSnap = false;\r\n        let innerSetValue = function( v: number )\r\n        {\r\n            // Convert val between (-135 and 135)\r\n            const angle = LX.remapRange( v, innerKnobCircle.min, innerKnobCircle.max, -135.0, 135.0 );\r\n            innerKnobCircle.style.rotate = angle + 'deg';\r\n            innerKnobCircle.value = v;\r\n        };\r\n\r\n        const angle = LX.remapRange( value, min, max, -135.0, 135.0 );\r\n        innerKnobCircle.style.rotate = angle + 'deg';\r\n\r\n        if ( options.disabled )\r\n        {\r\n            LX.addClass( container, 'disabled' );\r\n        }\r\n\r\n        innerKnobCircle.addEventListener( 'change', ( e: InputEvent ) => {\r\n            const knob: any = e.target;\r\n\r\n            const skipCallback = e.detail;\r\n\r\n            if ( mustSnap )\r\n            {\r\n                knob.value = ticks.reduce( ( prev, curr ) => Math.abs( curr - knob.value ) < Math.abs( prev - knob.value ) ? curr : prev );\r\n            }\r\n\r\n            let val = knob.value = LX.clamp( knob.value, knob.min, knob.max );\r\n            val = options.precision ? LX.round( val, options.precision ) : val;\r\n\r\n            innerSetValue( val );\r\n\r\n            // Reset button (default value)\r\n            if ( !skipCallback )\r\n            {\r\n                let btn = this.root.querySelector( '.lexcomponentname .lexicon' );\r\n                if ( btn ) btn.style.display = val != innerKnobCircle.iValue ? 'block' : 'none';\r\n\r\n                if ( !( snapEnabled && !mustSnap ) )\r\n                {\r\n                    this._trigger( new IEvent( name, val, e ), callback );\r\n                    mustSnap = false;\r\n                }\r\n            }\r\n        }, { passive: false } );\r\n\r\n        // Add drag input\r\n\r\n        innerKnobCircle.addEventListener( 'mousedown', innerMouseDown );\r\n\r\n        var that = this;\r\n\r\n        function innerMouseDown( e: MouseEvent )\r\n        {\r\n            if ( document.activeElement == innerKnobCircle || options.disabled )\r\n            {\r\n                return;\r\n            }\r\n\r\n            var doc = that.root.ownerDocument;\r\n            doc.addEventListener( 'mousemove', innerMouseMove );\r\n            doc.addEventListener( 'mouseup', innerMouseUp );\r\n            document.body.classList.add( 'noevents' );\r\n\r\n            if ( !document.pointerLockElement )\r\n            {\r\n                container.requestPointerLock();\r\n            }\r\n\r\n            e.stopImmediatePropagation();\r\n            e.stopPropagation();\r\n        }\r\n\r\n        function innerMouseMove( e: MouseEvent )\r\n        {\r\n            let dt = -e.movementY;\r\n\r\n            if ( dt != 0 )\r\n            {\r\n                let mult = options.step ?? 1;\r\n                if ( e.shiftKey ) mult *= 10;\r\n                else if ( e.altKey ) mult *= 0.1;\r\n                let new_value = innerKnobCircle.value - mult * dt;\r\n                innerKnobCircle.value = new_value;\r\n                LX.BaseComponent._dispatchEvent( innerKnobCircle, 'change' );\r\n            }\r\n\r\n            e.stopPropagation();\r\n            e.preventDefault();\r\n        }\r\n\r\n        function innerMouseUp( e: MouseEvent )\r\n        {\r\n            var doc = that.root.ownerDocument;\r\n            doc.removeEventListener( 'mousemove', innerMouseMove );\r\n            doc.removeEventListener( 'mouseup', innerMouseUp );\r\n            document.body.classList.remove( 'noevents' );\r\n\r\n            // Snap if necessary\r\n            if ( snapEnabled )\r\n            {\r\n                mustSnap = true;\r\n                LX.BaseComponent._dispatchEvent( innerKnobCircle, 'change' );\r\n            }\r\n\r\n            if ( document.pointerLockElement )\r\n            {\r\n                document.exitPointerLock();\r\n            }\r\n        }\r\n\r\n        container.appendChild( knobCircle );\r\n\r\n        this.root.appendChild( container );\r\n\r\n        LX.doAsync( this.onResize.bind( this ) );\r\n    }\r\n}\r\n\r\nLX.Knob = Knob;\r\n\r\n/**\r\n * @method addKnob\r\n * @param {String} name Component name\r\n * @param {Number} value Knob value\r\n * @param {Number} min Min Knob value\r\n * @param {Number} max Max Knob value\r\n * @param {Function} callback Callback function on change\r\n * @param {*} options:\r\n * minLabel (String): Label to show as min value\r\n * maxLabel (String): Label to show as max value\r\n */\r\n\r\nconst panelProto: any = Panel.prototype;\r\npanelProto.addKnob = function( name: string, value: number, min: number, max: number, callback: any, options: any = {} )\r\n{\r\n    const component = new Knob( name, value, min, max, callback, options );\r\n    return this._attachComponent( component );\r\n};\r\n"],"names":[],"mappings":"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"}

package/build/extensions/CodeEditor.d.ts

@@ -20,6 +20,7 @@ declare class Cursor {
     constructor(name: string, position: number | undefined, line: number | undefined, isMain: boolean | undefined, editor: CodeEditor);
     set(position?: number, line?: number, updateEditor?: boolean): void;
     print(): void;
+    destroy(): void;
     isLast(): boolean;
 }
 declare class CodeSelection {
@@ -154,15 +155,27 @@ export declare class CodeEditor {
     explorerName: string;
     newTabOptions: any;
     customSuggestions: any[];
-    onSave: any;
-    onRun: any;
-    onCtrlSpace: any;
-    onCreateStatusPanel: any;
     onContextMenu: any;
+    onCreateFile: any;
+    onCreateStatusPanel: any;
+    onCtrlSpace: any;
     onNewTab: any;
+    onSave: any;
     onSelectTab: any;
-    onCreateFile: any;
+    onReady: any;
+    onRun: any;
     addExplorerItem: any;
+    _blockCommentCache: any[];
+    _buildingBlockComment: any;
+    _buildingString: any;
+    _currentOcurrences: any;
+    _currentLineNumber: number | undefined;
+    _currentLineString: string | undefined;
+    _currentTokenPositions: any;
+    _discardScroll: boolean;
+    _displayObserver: any;
+    _fullVerticalOffset: number;
+    _isReady: boolean;
     _lastTime: any;
     _lastProcessedLine: number;
     _lastResult: any;
@@ -172,35 +185,30 @@ export declare class CodeEditor {
     _lastMouseDown: number;
     _lastTextFound: string;
     _lastBaseareaWidth: number | undefined;
-    _blockCommentCache: any[];
-    _pendingString: string | undefined;
-    _skipTabs: number | undefined;
-    _discardScroll: boolean;
     _markdownHeader: any;
-    _tabStorage: Record<string, any>;
-    _tripleClickSelection: any;
-    _currentOcurrences: any;
-    _currentLineNumber: number | undefined;
-    _currentLineString: string | undefined;
-    _currentTokenPositions: any;
-    _buildingBlockComment: any;
-    _buildingString: any;
-    _verticalTopOffset: number;
-    _verticalBottomOffset: number;
-    _fullVerticalOffset: number;
-    _scopeStack: any;
     _mouseDown: boolean | undefined;
+    _nextCursorPositionOffset: number | undefined;
+    _pendingString: string | undefined;
+    _preparedAt: number | undefined;
+    _scopeStack: any;
     _scopesUpdated: boolean | undefined;
+    _skipTabs: number | undefined;
     _stringEnded: boolean;
     _stringInterpolation: boolean | undefined;
     _stringInterpolationOpened: boolean | undefined;
+    _tabStorage: Record<string, any>;
+    _tripleClickSelection: any;
+    _verticalBottomOffset: number;
+    _verticalTopOffset: number;
     constructor(area: typeof Area, options?: any);
     _init(area: typeof Area, options?: any): Promise<void>;
+    _setupDisplayObserver(): void;
+    _setupEditorWhenVisible(): Promise<void>;
     clear(): void;
     static getInstances(): CodeEditor[];
     onKeyPressed(e: KeyboardEvent): void;
     getText(min?: boolean): any;
-    setText(text?: string, langString?: string): void;
+    setText(text?: string, langString?: string, detectLanguage?: boolean): void;
     appendText(text: string, cursor: Cursor): void;
     setCustomSuggestions(suggestions: string[]): void;
     loadFile(file: File, options?: any): Promise<void>;