@grame/faust-web-component 0.3.4 → 0.3.5

package/dist/faust-web-component.js

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 (function() {
   "use strict";
   function ownKeys(object, enumerableOnly) {
@@ -45,14 +42,12 @@ var __publicField = (obj, key, value) => {
       var descriptor = props[i2];
       descriptor.enumerable = descriptor.enumerable || false;
       descriptor.configurable = true;
-      if ("value" in descriptor)
-        descriptor.writable = true;
+      if ("value" in descriptor) descriptor.writable = true;
       Object.defineProperty(target, descriptor.key, descriptor);
     }
   }
   function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps)
-      _defineProperties(Constructor.prototype, protoProps);
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     Object.defineProperty(Constructor, "prototype", {
       writable: false
     });
@@ -78,21 +73,17 @@ var __publicField = (obj, key, value) => {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
   function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr))
-      return _arrayLikeToArray(arr);
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
   function _arrayWithHoles(arr) {
-    if (Array.isArray(arr))
-      return arr;
+    if (Array.isArray(arr)) return arr;
   }
   function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
-      return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
   function _iterableToArrayLimit(arr, i2) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null)
-      return;
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
@@ -100,41 +91,31 @@ var __publicField = (obj, key, value) => {
     try {
       for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
         _arr.push(_s.value);
-        if (i2 && _arr.length === i2)
-          break;
+        if (i2 && _arr.length === i2) break;
       }
     } catch (err) {
       _d = true;
       _e = err;
     } finally {
       try {
-        if (!_n && _i["return"] != null)
-          _i["return"]();
+        if (!_n && _i["return"] != null) _i["return"]();
       } finally {
-        if (_d)
-          throw _e;
+        if (_d) throw _e;
       }
     }
     return _arr;
   }
   function _unsupportedIterableToArray(o, minLen) {
-    if (!o)
-      return;
-    if (typeof o === "string")
-      return _arrayLikeToArray(o, minLen);
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor)
-      n = o.constructor.name;
-    if (n === "Map" || n === "Set")
-      return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _arrayLikeToArray(o, minLen);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
   }
   function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length)
-      len = arr.length;
-    for (var i2 = 0, arr2 = new Array(len); i2 < len; i2++)
-      arr2[i2] = arr[i2];
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i2 = 0, arr2 = new Array(len); i2 < len; i2++) arr2[i2] = arr[i2];
     return arr2;
   }
   function _nonIterableSpread() {
@@ -153,14 +134,10 @@ var __publicField = (obj, key, value) => {
     measure: noop
   };
   try {
-    if (typeof window !== "undefined")
-      _WINDOW = window;
-    if (typeof document !== "undefined")
-      _DOCUMENT = document;
-    if (typeof MutationObserver !== "undefined")
-      _MUTATION_OBSERVER = MutationObserver;
-    if (typeof performance !== "undefined")
-      _PERFORMANCE = performance;
+    if (typeof window !== "undefined") _WINDOW = window;
+    if (typeof document !== "undefined") _DOCUMENT = document;
+    if (typeof MutationObserver !== "undefined") _MUTATION_OBSERVER = MutationObserver;
+    if (typeof performance !== "undefined") _PERFORMANCE = performance;
   } catch (e) {
   }
   var _ref = _WINDOW.navigator || {}, _ref$userAgent = _ref.userAgent, userAgent = _ref$userAgent === void 0 ? "" : _ref$userAgent;
@@ -312,12 +289,9 @@ var __publicField = (obj, key, value) => {
     }
   }
   function coerce(val) {
-    if (val === "")
-      return true;
-    if (val === "false")
-      return false;
-    if (val === "true")
-      return true;
+    if (val === "") return true;
+    if (val === "false") return false;
+    if (val === "true") return true;
     return val;
   }
   if (DOCUMENT && typeof DOCUMENT.querySelector === "function") {
@@ -349,8 +323,7 @@ var __publicField = (obj, key, value) => {
     initial.cssPrefix = initial.familyPrefix;
   }
   var _config = _objectSpread2(_objectSpread2({}, _default), initial);
-  if (!_config.autoReplaceSvg)
-    _config.observeMutations = false;
+  if (!_config.autoReplaceSvg) _config.observeMutations = false;
   var config$1 = {};
   Object.keys(_default).forEach(function(key) {
     Object.defineProperty(config$1, key, {
@@ -532,14 +505,10 @@ var __publicField = (obj, key, value) => {
     }
   };
   var w = WINDOW || {};
-  if (!w[NAMESPACE_IDENTIFIER])
-    w[NAMESPACE_IDENTIFIER] = {};
-  if (!w[NAMESPACE_IDENTIFIER].styles)
-    w[NAMESPACE_IDENTIFIER].styles = {};
-  if (!w[NAMESPACE_IDENTIFIER].hooks)
-    w[NAMESPACE_IDENTIFIER].hooks = {};
-  if (!w[NAMESPACE_IDENTIFIER].shims)
-    w[NAMESPACE_IDENTIFIER].shims = [];
+  if (!w[NAMESPACE_IDENTIFIER]) w[NAMESPACE_IDENTIFIER] = {};
+  if (!w[NAMESPACE_IDENTIFIER].styles) w[NAMESPACE_IDENTIFIER].styles = {};
+  if (!w[NAMESPACE_IDENTIFIER].hooks) w[NAMESPACE_IDENTIFIER].hooks = {};
+  if (!w[NAMESPACE_IDENTIFIER].shims) w[NAMESPACE_IDENTIFIER].shims = [];
   var namespace = w[NAMESPACE_IDENTIFIER];
   var functions = [];
   var listener = function listener2() {
@@ -552,12 +521,10 @@ var __publicField = (obj, key, value) => {
   var loaded = false;
   if (IS_DOM) {
     loaded = (DOCUMENT.documentElement.doScroll ? /^loaded|^c/ : /^loaded|^i|^c/).test(DOCUMENT.readyState);
-    if (!loaded)
-      DOCUMENT.addEventListener("DOMContentLoaded", listener);
+    if (!loaded) DOCUMENT.addEventListener("DOMContentLoaded", listener);
   }
   function domready(fn) {
-    if (!IS_DOM)
-      return;
+    if (!IS_DOM) return;
     loaded ? setTimeout(fn, 0) : functions.push(fn);
   }
   function toHtml(abstractNodes) {
@@ -878,8 +845,7 @@ var __publicField = (obj, key, value) => {
           _this.definitions[key] = _objectSpread2(_objectSpread2({}, _this.definitions[key] || {}), additions[key]);
           defineIcons(key, additions[key]);
           var longPrefix = PREFIX_TO_LONG_STYLE[FAMILY_CLASSIC][key];
-          if (longPrefix)
-            defineIcons(longPrefix, additions[key]);
+          if (longPrefix) defineIcons(longPrefix, additions[key]);
           build();
         });
       }
@@ -897,8 +863,7 @@ var __publicField = (obj, key, value) => {
         Object.keys(normalized).map(function(key) {
           var _normalized$key = normalized[key], prefix = _normalized$key.prefix, iconName = _normalized$key.iconName, icon2 = _normalized$key.icon;
           var aliases = icon2[2];
-          if (!additions[prefix])
-            additions[prefix] = {};
+          if (!additions[prefix]) additions[prefix] = {};
           if (aliases.length > 0) {
             aliases.forEach(function(alias) {
               if (typeof alias === "string") {
@@ -987,8 +952,7 @@ var __publicField = (obj, key, value) => {
     }
     var iconName = iconLookup.iconName;
     var prefix = iconLookup.prefix || getDefaultUsablePrefix();
-    if (!iconName)
-      return;
+    if (!iconName) return;
     iconName = byAlias(prefix, iconName) || iconName;
     return iconFromMapping(library.definitions, prefix, iconName) || iconFromMapping(namespace.styles, prefix, iconName);
   }
@@ -1073,10 +1037,9 @@ var __publicField = (obj, key, value) => {
   var autoReplace = function autoReplace2() {
     var params = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var _params$autoReplaceSv = params.autoReplaceSvgRoot, autoReplaceSvgRoot = _params$autoReplaceSv === void 0 ? DOCUMENT : _params$autoReplaceSv;
-    if ((Object.keys(namespace.styles).length > 0 || config$1.autoFetchSvg) && IS_DOM && config$1.autoReplaceSvg)
-      api.dom.i2svg({
-        node: autoReplaceSvgRoot
-      });
+    if ((Object.keys(namespace.styles).length > 0 || config$1.autoFetchSvg) && IS_DOM && config$1.autoReplaceSvg) api.dom.i2svg({
+      node: autoReplaceSvgRoot
+    });
   };
   function domVariants(val, abstractCreator) {
     Object.defineProperty(val, "abstract", {
@@ -1091,8 +1054,7 @@ var __publicField = (obj, key, value) => {
     });
     Object.defineProperty(val, "node", {
       get: function get() {
-        if (!IS_DOM)
-          return;
+        if (!IS_DOM) return;
         var container = DOCUMENT.createElement("div");
         container.innerHTML = val.html;
         return container.children;
@@ -1504,8 +1466,7 @@ var __publicField = (obj, key, value) => {
     }
     var _options$treeCallback = options.treeCallback, treeCallback = _options$treeCallback === void 0 ? noop$2 : _options$treeCallback, _options$nodeCallback = options.nodeCallback, nodeCallback = _options$nodeCallback === void 0 ? noop$2 : _options$nodeCallback, _options$pseudoElemen = options.pseudoElementsCallback, pseudoElementsCallback = _options$pseudoElemen === void 0 ? noop$2 : _options$pseudoElemen, _options$observeMutat = options.observeMutationsRoot, observeMutationsRoot = _options$observeMutat === void 0 ? DOCUMENT : _options$observeMutat;
     mo = new MUTATION_OBSERVER(function(objects) {
-      if (disabled)
-        return;
+      if (disabled) return;
       var defaultPrefix = getDefaultUsablePrefix();
       toArray(objects).forEach(function(mutationRecord) {
         if (mutationRecord.type === "childList" && mutationRecord.addedNodes.length > 0 && !isWatched(mutationRecord.addedNodes[0])) {
@@ -1521,16 +1482,14 @@ var __publicField = (obj, key, value) => {
           if (mutationRecord.attributeName === "class" && hasPrefixAndIcon(mutationRecord.target)) {
             var _getCanonicalIcon = getCanonicalIcon(classArray(mutationRecord.target)), prefix = _getCanonicalIcon.prefix, iconName = _getCanonicalIcon.iconName;
             mutationRecord.target.setAttribute(DATA_PREFIX, prefix || defaultPrefix);
-            if (iconName)
-              mutationRecord.target.setAttribute(DATA_ICON, iconName);
+            if (iconName) mutationRecord.target.setAttribute(DATA_ICON, iconName);
           } else if (hasBeenReplaced(mutationRecord.target)) {
             nodeCallback(mutationRecord.target);
           }
         }
       });
     });
-    if (!IS_DOM)
-      return;
+    if (!IS_DOM) return;
     mo.observe(observeMutationsRoot, {
       childList: true,
       attributes: true,
@@ -1539,8 +1498,7 @@ var __publicField = (obj, key, value) => {
     });
   }
   function disconnect() {
-    if (!mo)
-      return;
+    if (!mo) return;
     mo.disconnect();
   }
   function styleParser(node) {
@@ -1670,8 +1628,7 @@ var __publicField = (obj, key, value) => {
   knownPrefixes = _toConsumableArray(knownPrefixes);
   function onTree(root) {
     var callback = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-    if (!IS_DOM)
-      return Promise.resolve();
+    if (!IS_DOM) return Promise.resolve();
     var htmlClassList = DOCUMENT.documentElement.classList;
     var hclAdd = function hclAdd2(suffix) {
       return htmlClassList.add("".concat(HTML_CLASS_I2SVG_BASE_CLASS, "-").concat(suffix));
@@ -1724,8 +1681,7 @@ var __publicField = (obj, key, value) => {
           hclAdd("active");
           hclAdd("complete");
           hclRemove("pending");
-          if (typeof callback === "function")
-            callback();
+          if (typeof callback === "function") callback();
           mark();
           resolve();
         });
@@ -1759,8 +1715,7 @@ var __publicField = (obj, key, value) => {
   var render = function render2(iconDefinition) {
     var params = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     var _params$transform = params.transform, transform = _params$transform === void 0 ? meaninglessTransform : _params$transform, _params$symbol = params.symbol, symbol = _params$symbol === void 0 ? false : _params$symbol, _params$mask = params.mask, mask = _params$mask === void 0 ? null : _params$mask, _params$maskId = params.maskId, maskId = _params$maskId === void 0 ? null : _params$maskId, _params$title = params.title, title = _params$title === void 0 ? null : _params$title, _params$titleId = params.titleId, titleId = _params$titleId === void 0 ? null : _params$titleId, _params$classes = params.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params.styles, styles2 = _params$styles === void 0 ? {} : _params$styles;
-    if (!iconDefinition)
-      return;
+    if (!iconDefinition) return;
     var prefix = iconDefinition.prefix, iconName = iconDefinition.iconName, icon2 = iconDefinition.icon;
     return domVariants(_objectSpread2({
       type: "icon"
@@ -2077,8 +2032,7 @@ var __publicField = (obj, key, value) => {
     return node.parentNode !== document.head && !~TAGNAMES_TO_SKIP_FOR_PSEUDOELEMENTS.indexOf(node.tagName.toUpperCase()) && !node.getAttribute(DATA_FA_PSEUDO_ELEMENT) && (!node.parentNode || node.parentNode.tagName !== "svg");
   }
   function searchPseudoElements(root) {
-    if (!IS_DOM)
-      return;
+    if (!IS_DOM) return;
     return new Promise(function(resolve, reject) {
       var operations = toArray(root.querySelectorAll("*")).filter(processable).map(replace);
       var end2 = perf.begin("searchPseudoElements");
@@ -3544,6 +3498,25 @@ var __publicField = (obj, key, value) => {
                   /*! ./index.scss */
                   "./src/index.scss"
                 );
+                var __defProp2 = Object.defineProperty;
+                var __defProps = Object.defineProperties;
+                var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+                var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+                var __hasOwnProp = Object.prototype.hasOwnProperty;
+                var __propIsEnum = Object.prototype.propertyIsEnumerable;
+                var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+                var __spreadValues = (a, b) => {
+                  for (var prop in b || (b = {}))
+                    if (__hasOwnProp.call(b, prop))
+                      __defNormalProp2(a, prop, b[prop]);
+                  if (__getOwnPropSymbols)
+                    for (var prop of __getOwnPropSymbols(b)) {
+                      if (__propIsEnum.call(b, prop))
+                        __defNormalProp2(a, prop, b[prop]);
+                    }
+                  return a;
+                };
+                var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 class FaustUI {
                   /**
                    * Calculate incoming UI's layout, bind window events
@@ -3551,8 +3524,7 @@ var __publicField = (obj, key, value) => {
                   constructor(options) {
                     this.componentMap = {};
                     this.paramChangeByUI = (path, value) => {
-                      if (!this.hostWindow)
-                        return;
+                      if (!this.hostWindow) return;
                       this.hostWindow.postMessage({ path, value, type: "param" }, "*");
                     };
                     const { root, ui: uiIn, listenWindowResize, listenWindowMessage } = options;
@@ -3568,8 +3540,7 @@ var __publicField = (obj, key, value) => {
                         const { data, source } = e;
                         this.hostWindow = source;
                         const { type } = data;
-                        if (!type)
-                          return;
+                        if (!type) return;
                         if (type === "ui") {
                           this.ui = data.ui;
                         } else if (type === "param") {
@@ -3609,17 +3580,14 @@ var __publicField = (obj, key, value) => {
                    * This method should be called by components to register itself to map.
                    */
                   register(path, item) {
-                    if (this.componentMap[path])
-                      this.componentMap[path].push(item);
-                    else
-                      this.componentMap[path] = [item];
+                    if (this.componentMap[path]) this.componentMap[path].push(item);
+                    else this.componentMap[path] = [item];
                   }
                   /**
                    * Notify the component to change its value.
                    */
                   paramChangeByDSP(path, value) {
-                    if (this.componentMap[path])
-                      this.componentMap[path].forEach((item) => item.setState({ value }));
+                    if (this.componentMap[path]) this.componentMap[path].forEach((item) => item.setState({ value }));
                   }
                   /**
                    * Calculate UI layout in grid then calculate grid size.
@@ -3643,16 +3611,30 @@ var __publicField = (obj, key, value) => {
                    * Force recalculate grid size and resize UI
                    */
                   resize() {
-                    if (!this.faustUIRoot)
-                      return;
+                    if (!this.faustUIRoot) return;
                     this.calcGrid();
                     this.faustUIRoot.setState({ style: { grid: this.grid } });
                   }
+                  /** Filter out items with `hidden` metadata and `soundfile` items */
+                  filter(ui) {
+                    const callback = (items, item) => {
+                      var _a2;
+                      if (item.type === "soundfile") return items;
+                      if (item.type === "hgroup" || item.type === "vgroup" || item.type === "tgroup") {
+                        items.push(__spreadProps(__spreadValues({}, item), { items: item.items.reduce(callback, []) }));
+                        return items;
+                      }
+                      if ((_a2 = item.meta) == null ? void 0 : _a2.find((m) => m.hidden && m.hidden === "1")) return items;
+                      items.push(item);
+                      return items;
+                    };
+                    return ui.reduce(callback, []);
+                  }
                   get ui() {
                     return this._ui;
                   }
                   set ui(uiIn) {
-                    this._ui = uiIn;
+                    this._ui = this.filter(uiIn);
                     this.calc();
                     this.mount();
                   }
@@ -3738,10 +3720,8 @@ var __publicField = (obj, key, value) => {
                       if (stateKey in this.state && this.state[stateKey] !== stateValue) {
                         this.state[stateKey] = stateValue;
                         shouldUpdate = true;
-                      } else
-                        return;
-                      if (shouldUpdate)
-                        this.emit(stateKey, this.state[stateKey]);
+                      } else return;
+                      if (shouldUpdate) this.emit(stateKey, this.state[stateKey]);
                     }
                   }
                   /**
@@ -3749,10 +3729,8 @@ var __publicField = (obj, key, value) => {
                    * schedule what you need to do in next render tick in `raf` callback
                    */
                   schedule(func) {
-                    if (this.tasks.indexOf(func) === -1)
-                      this.tasks.push(func);
-                    if (this.$raf)
-                      return;
+                    if (this.tasks.indexOf(func) === -1) this.tasks.push(func);
+                    if (this.$raf) return;
                     this.$raf = window.requestAnimationFrame(this.raf);
                   }
                 }
@@ -3803,7 +3781,7 @@ var __publicField = (obj, key, value) => {
                     }
                   return a;
                 };
-                const _AbstractItem = class extends _AbstractComponent__WEBPACK_IMPORTED_MODULE_0__["default"] {
+                const _AbstractItem = class _AbstractItem2 extends _AbstractComponent__WEBPACK_IMPORTED_MODULE_0__["default"] {
                   /**
                    * Initiate default state with incoming state.
                    */
@@ -3890,19 +3868,16 @@ var __publicField = (obj, key, value) => {
                     this.handleFocusIn = (e) => this.setState({ focus: true });
                     this.handleFocusOut = (e) => this.setState({ focus: false });
                     this.state.style = __spreadValues(__spreadValues({}, this.defaultProps.style), props.style);
-                    if (this.state.emitter)
-                      this.state.emitter.register(this.state.address, this);
+                    if (this.state.emitter) this.state.emitter.register(this.state.address, this);
                   }
                   /**
                    * Get a nearest valid number
                    */
                   toValidNumber(value) {
                     const { min, max, step } = this.state;
-                    if (typeof min !== "number" || typeof max !== "number")
-                      return value;
+                    if (typeof min !== "number" || typeof max !== "number") return value;
                     const v = Math.min(max, Math.max(min, value));
-                    if (!step)
-                      return v;
+                    if (!step) return v;
                     return min + Math.floor((v - min) / step) * step;
                   }
                   /**
@@ -3911,16 +3886,14 @@ var __publicField = (obj, key, value) => {
                   setValue(valueIn) {
                     const value = this.toValidNumber(valueIn);
                     const changed = this.setState({ value });
-                    if (changed)
-                      this.change(value);
+                    if (changed) this.change(value);
                     return changed;
                   }
                   /**
                    * Send value to DSP
                    */
                   change(valueIn) {
-                    if (this.state.emitter)
-                      this.state.emitter.paramChangeByUI(this.state.address, typeof valueIn === "number" ? valueIn : this.state.value);
+                    if (this.state.emitter) this.state.emitter.paramChangeByUI(this.state.address, typeof valueIn === "number" ? valueIn : this.state.value);
                   }
                   /**
                    * set internal state and fire events for UI parts subscribed
@@ -3942,10 +3915,8 @@ var __publicField = (obj, key, value) => {
                       } else if (stateKey in this.state && this.state[stateKey] !== stateValue) {
                         this.state[stateKey] = stateValue;
                         shouldUpdate = true;
-                      } else
-                        return false;
-                      if (shouldUpdate)
-                        this.emit(stateKey, this.state[stateKey]);
+                      } else return false;
+                      if (shouldUpdate) this.emit(stateKey, this.state[stateKey]);
                     }
                     return shouldUpdate;
                   }
@@ -3958,8 +3929,7 @@ var __publicField = (obj, key, value) => {
                     this.container.className = ["faust-ui-component", "faust-ui-component-" + this.className].join(" ");
                     this.container.tabIndex = 1;
                     this.container.id = this.state.address;
-                    if (this.state.tooltip)
-                      this.container.title = this.state.tooltip;
+                    if (this.state.tooltip) this.container.title = this.state.tooltip;
                     this.label = document.createElement("div");
                     this.label.className = "faust-ui-component-label";
                     this.labelCanvas = document.createElement("canvas");
@@ -3980,8 +3950,7 @@ var __publicField = (obj, key, value) => {
                     const canvas = this.labelCanvas;
                     const ratio = window.devicePixelRatio || 1;
                     let { width, height } = this.label.getBoundingClientRect();
-                    if (!width || !height)
-                      return this;
+                    if (!width || !height) return this;
                     width = Math.floor(width);
                     height = Math.floor(height);
                     const scaledWidth = Math.floor(width * ratio);
@@ -4021,10 +3990,8 @@ var __publicField = (obj, key, value) => {
                     const { type, max, min, step, enums } = this.state;
                     const maxSteps = type === "enum" ? enums.length : type === "int" ? max - min : (max - min) / step;
                     if (step) {
-                      if (type === "enum")
-                        return enums.length;
-                      if (type === "int")
-                        return Math.min(Math.floor((max - min) / (Math.round(step) || 1)), maxSteps);
+                      if (type === "enum") return enums.length;
+                      if (type === "int") return Math.min(Math.floor((max - min) / (Math.round(step) || 1)), maxSteps);
                       return Math.floor((max - min) / step);
                     }
                     return maxSteps;
@@ -4034,12 +4001,11 @@ var __publicField = (obj, key, value) => {
                    */
                   get distance() {
                     const { type, max, min, value, enums, scale } = this.state;
-                    return _AbstractItem.getDistance({ type, max, min, value, enums, scale });
+                    return _AbstractItem2.getDistance({ type, max, min, value, enums, scale });
                   }
                   static getDistance(state) {
                     const { type, max, min, value, enums, scale } = state;
-                    if (type === "enum")
-                      return value / (enums.length - 1);
+                    if (type === "enum") return value / (enums.length - 1);
                     const v = scale === "exp" ? (0, _utils__WEBPACK_IMPORTED_MODULE_1__.normLog)(value, min, max) : scale === "log" ? (0, _utils__WEBPACK_IMPORTED_MODULE_1__.normExp)(value, min, max) : value;
                     return (0, _utils__WEBPACK_IMPORTED_MODULE_1__.normalize)(v, min, max);
                   }
@@ -4052,8 +4018,7 @@ var __publicField = (obj, key, value) => {
                     return full / stepsCount;
                   }
                 };
-                let AbstractItem = _AbstractItem;
-                AbstractItem.defaultProps = {
+                _AbstractItem.defaultProps = {
                   value: 0,
                   active: true,
                   focus: false,
@@ -4068,6 +4033,7 @@ var __publicField = (obj, key, value) => {
                   step: 0.01,
                   style: { width: 45, height: 15, left: 0, top: 0, labelcolor: "rgba(226, 222, 255, 0.5)" }
                 };
+                let AbstractItem = _AbstractItem;
               }
             ),
             /***/
@@ -4300,8 +4266,7 @@ var __publicField = (obj, key, value) => {
                       this.children = [];
                       const { style, type, items, emitter, isRoot } = this.state;
                       const { grid, left, top: top2, width, height } = style;
-                      if (!this.state.isRoot)
-                        this.label.style.height = `${grid * 0.3}px`;
+                      if (!this.state.isRoot) this.label.style.height = `${grid * 0.3}px`;
                       this.container.style.left = `${left * grid}px`;
                       this.container.style.top = `${top2 * grid}px`;
                       this.container.style.width = `${width * grid}px`;
@@ -4310,13 +4275,11 @@ var __publicField = (obj, key, value) => {
                       items.forEach((item) => {
                         if (item.type.endsWith("group")) {
                           const component = Group.getComponent(item, emitter, grid);
-                          if (component)
-                            this.children.push(component);
+                          if (component) this.children.push(component);
                         } else {
                           const ioItem = item;
                           const itemComponent = Group.getComponent(ioItem, this.state.emitter, grid);
-                          if (itemComponent)
-                            this.children.push(itemComponent);
+                          if (itemComponent) this.children.push(itemComponent);
                         }
                       });
                       if (type === "tgroup") {
@@ -4336,8 +4299,7 @@ var __publicField = (obj, key, value) => {
                             const groups = [];
                             for (let j = 0; j < this.container.children.length; j++) {
                               const element = this.container.children[j];
-                              if (j > 1)
-                                groups.push(element);
+                              if (j > 1) groups.push(element);
                             }
                             for (let j = 0; j < groups.length; j++) {
                               const element = groups[j];
@@ -4346,10 +4308,8 @@ var __publicField = (obj, key, value) => {
                             for (let j = 0; j < this.tabs.children.length; j++) {
                               const e = this.tabs.children[j];
                               if (i2 !== j) {
-                                if (e.classList.contains("active"))
-                                  e.classList.remove("active");
-                              } else
-                                e.classList.add("active");
+                                if (e.classList.contains("active")) e.classList.remove("active");
+                              } else e.classList.add("active");
                             }
                           });
                           this.tabs.appendChild(tab);
@@ -4359,8 +4319,7 @@ var __publicField = (obj, key, value) => {
                   }
                   static parseMeta(metaIn) {
                     const metaObject = {};
-                    if (!metaIn)
-                      return { metaObject };
+                    if (!metaIn) return { metaObject };
                     metaIn.forEach((m) => Object.assign(metaObject, m));
                     if (metaObject.style) {
                       const enumsRegex = /\{(?:(?:'|_|-)(.+?)(?:'|_|-):([-+]?[0-9]*\.?[0-9]+?);)+(?:(?:'|_|-)(.+?)(?:'|_|-):([-+]?[0-9]*\.?[0-9]+?))\}/;
@@ -4422,32 +4381,19 @@ var __publicField = (obj, key, value) => {
                       step: "step" in item ? +item.step : 1,
                       value: "init" in item ? +item.init || 0 : 0
                     };
-                    if (type === "button")
-                      return new _Button__WEBPACK_IMPORTED_MODULE_5__["default"](props);
-                    if (type === "checkbox")
-                      return new _Checkbox__WEBPACK_IMPORTED_MODULE_6__["default"](props);
-                    if (type === "nentry")
-                      return new _Nentry__WEBPACK_IMPORTED_MODULE_3__["default"](props);
-                    if (type === "soundfile")
-                      return new _Soundfile__WEBPACK_IMPORTED_MODULE_4__["default"](props);
-                    if (type === "knob")
-                      return new _Knob__WEBPACK_IMPORTED_MODULE_7__["default"](props);
-                    if (type === "menu")
-                      return new _Menu__WEBPACK_IMPORTED_MODULE_8__["default"](props);
-                    if (type === "radio")
-                      return new _Radio__WEBPACK_IMPORTED_MODULE_9__["default"](props);
-                    if (type === "hslider")
-                      return new _HSlider__WEBPACK_IMPORTED_MODULE_1__["default"](props);
-                    if (type === "vslider")
-                      return new _VSlider__WEBPACK_IMPORTED_MODULE_2__["default"](props);
-                    if (type === "hbargraph")
-                      return new _HBargraph__WEBPACK_IMPORTED_MODULE_12__["default"](props);
-                    if (type === "vbargraph")
-                      return new _VBargraph__WEBPACK_IMPORTED_MODULE_13__["default"](props);
-                    if (type === "numerical")
-                      return new _Numerical__WEBPACK_IMPORTED_MODULE_11__["default"](props);
-                    if (type === "led")
-                      return new _Led__WEBPACK_IMPORTED_MODULE_10__["default"](props);
+                    if (type === "button") return new _Button__WEBPACK_IMPORTED_MODULE_5__["default"](props);
+                    if (type === "checkbox") return new _Checkbox__WEBPACK_IMPORTED_MODULE_6__["default"](props);
+                    if (type === "nentry") return new _Nentry__WEBPACK_IMPORTED_MODULE_3__["default"](props);
+                    if (type === "soundfile") return new _Soundfile__WEBPACK_IMPORTED_MODULE_4__["default"](props);
+                    if (type === "knob") return new _Knob__WEBPACK_IMPORTED_MODULE_7__["default"](props);
+                    if (type === "menu") return new _Menu__WEBPACK_IMPORTED_MODULE_8__["default"](props);
+                    if (type === "radio") return new _Radio__WEBPACK_IMPORTED_MODULE_9__["default"](props);
+                    if (type === "hslider") return new _HSlider__WEBPACK_IMPORTED_MODULE_1__["default"](props);
+                    if (type === "vslider") return new _VSlider__WEBPACK_IMPORTED_MODULE_2__["default"](props);
+                    if (type === "hbargraph") return new _HBargraph__WEBPACK_IMPORTED_MODULE_12__["default"](props);
+                    if (type === "vbargraph") return new _VBargraph__WEBPACK_IMPORTED_MODULE_13__["default"](props);
+                    if (type === "numerical") return new _Numerical__WEBPACK_IMPORTED_MODULE_11__["default"](props);
+                    if (type === "led") return new _Led__WEBPACK_IMPORTED_MODULE_10__["default"](props);
                     return null;
                   }
                   setState(newState) {
@@ -4466,10 +4412,8 @@ var __publicField = (obj, key, value) => {
                       } else if (stateKey in this.state && this.state[stateKey] !== stateValue) {
                         this.state[stateKey] = stateValue;
                         shouldUpdate = true;
-                      } else
-                        return;
-                      if (shouldUpdate)
-                        this.emit(stateKey, this.state[stateKey]);
+                      } else return;
+                      if (shouldUpdate) this.emit(stateKey, this.state[stateKey]);
                     }
                   }
                   componentWillMount() {
@@ -4487,16 +4431,14 @@ var __publicField = (obj, key, value) => {
                     return this;
                   }
                   paintLabel() {
-                    if (this.state.isRoot)
-                      return this;
+                    if (this.state.isRoot) return this;
                     const label = this.state.label;
                     const color = this.state.style.labelcolor;
                     const ctx = this.labelCtx;
                     const canvas = this.labelCanvas;
                     const ratio = window.devicePixelRatio || 1;
                     let { width, height } = this.label.getBoundingClientRect();
-                    if (!width || !height)
-                      return this;
+                    if (!width || !height) return this;
                     width = Math.floor(width);
                     height = Math.floor(height);
                     const scaledWidth = Math.floor(width * ratio);
@@ -4517,8 +4459,7 @@ var __publicField = (obj, key, value) => {
                       this.label.appendChild(this.labelCanvas);
                       this.container.appendChild(this.label);
                     }
-                    if (this.tabs.children.length)
-                      this.container.appendChild(this.tabs);
+                    if (this.tabs.children.length) this.container.appendChild(this.tabs);
                     this.children.forEach((item) => {
                       item.mount();
                       this.container.appendChild(item.container);
@@ -4526,10 +4467,10 @@ var __publicField = (obj, key, value) => {
                     return this;
                   }
                   componentDidMount() {
+                    var _a2;
                     const handleResize = () => {
                       const { grid, left, top: top2, width, height } = this.state.style;
-                      if (!this.state.isRoot)
-                        this.label.style.height = `${grid * 0.3}px`;
+                      if (!this.state.isRoot) this.label.style.height = `${grid * 0.3}px`;
                       this.container.style.width = `${width * grid}px`;
                       this.container.style.height = `${height * grid}px`;
                       this.container.style.left = `${left * grid}px`;
@@ -4560,8 +4501,7 @@ var __publicField = (obj, key, value) => {
                     };
                     this.on("label", () => this.schedule(labelChange));
                     this.paintLabel();
-                    if (this.tabs && this.tabs.children.length)
-                      this.tabs.children[0].click();
+                    if ((_a2 = this.tabs) == null ? void 0 : _a2.children.length) this.tabs.children[0].click();
                     this.children.forEach((item) => item.componentDidMount());
                     return this;
                   }
@@ -4629,8 +4569,7 @@ var __publicField = (obj, key, value) => {
                       const paintValue = this.paintValue;
                       if (paintValue > this.maxValue) {
                         this.maxValue = paintValue;
-                        if (this.maxTimer)
-                          window.clearTimeout(this.maxTimer);
+                        if (this.maxTimer) window.clearTimeout(this.maxTimer);
                         this.maxTimer = window.setTimeout(() => {
                           this.maxValue = this.paintValue;
                           this.maxTimer = void 0;
@@ -4650,23 +4589,15 @@ var __publicField = (obj, key, value) => {
                       const hotStop = (-3 - min) / (max - min);
                       const overloadStop = Math.max(0, -min / (max - min));
                       const gradient = ctx.createLinearGradient(left, 0, drawWidth, 0);
-                      if (coldStop <= 1 && coldStop >= 0)
-                        gradient.addColorStop(coldStop, coldcolor);
-                      else if (coldStop > 1)
-                        gradient.addColorStop(1, coldcolor);
-                      if (warmStop <= 1 && warmStop >= 0)
-                        gradient.addColorStop(warmStop, warmcolor);
-                      if (hotStop <= 1 && hotStop >= 0)
-                        gradient.addColorStop(hotStop, hotcolor);
-                      if (overloadStop <= 1 && overloadStop >= 0)
-                        gradient.addColorStop(overloadStop, overloadcolor);
-                      else if (overloadStop < 0)
-                        gradient.addColorStop(0, coldcolor);
+                      if (coldStop <= 1 && coldStop >= 0) gradient.addColorStop(coldStop, coldcolor);
+                      else if (coldStop > 1) gradient.addColorStop(1, coldcolor);
+                      if (warmStop <= 1 && warmStop >= 0) gradient.addColorStop(warmStop, warmcolor);
+                      if (hotStop <= 1 && hotStop >= 0) gradient.addColorStop(hotStop, hotcolor);
+                      if (overloadStop <= 1 && overloadStop >= 0) gradient.addColorStop(overloadStop, overloadcolor);
+                      else if (overloadStop < 0) gradient.addColorStop(0, coldcolor);
                       ctx.fillStyle = barbgcolor;
-                      if (paintValue < 0)
-                        ctx.fillRect(left, top2, drawWidth * overloadStop, drawHeight);
-                      if (paintValue < max)
-                        ctx.fillRect(left + drawWidth * overloadStop + 1, top2, drawWidth * (1 - overloadStop) - 1, drawHeight);
+                      if (paintValue < 0) ctx.fillRect(left, top2, drawWidth * overloadStop, drawHeight);
+                      if (paintValue < max) ctx.fillRect(left + drawWidth * overloadStop + 1, top2, drawWidth * (1 - overloadStop) - 1, drawHeight);
                       ctx.fillStyle = gradient;
                       if (paintValue > min) {
                         const distance = Math.max(0, _AbstractItem__WEBPACK_IMPORTED_MODULE_0__["default"].getDistance({ type, max, min, enums, scale, value: Math.min(0, paintValue) }));
@@ -4823,8 +4754,7 @@ var __publicField = (obj, key, value) => {
                       const value = parseFloat(e.currentTarget.value);
                       if (isFinite(value)) {
                         const changed = this.setValue(+this.inputNumber.value);
-                        if (changed)
-                          return;
+                        if (changed) return;
                       }
                       this.input.value = this.inputNumber.value + (this.state.unit || "");
                     };
@@ -4879,8 +4809,7 @@ var __publicField = (obj, key, value) => {
                     };
                     this.handlePointerDrag = (e) => {
                       const newValue = this.getValueFromDelta(e);
-                      if (newValue !== this.state.value)
-                        this.setValue(newValue);
+                      if (newValue !== this.state.value) this.setValue(newValue);
                     };
                   }
                   static get defaultProps() {
@@ -4973,10 +4902,8 @@ var __publicField = (obj, key, value) => {
                     const v = scale === "exp" ? (0, _utils__WEBPACK_IMPORTED_MODULE_1__.normExp)(denormalized, min, max) : scale === "log" ? (0, _utils__WEBPACK_IMPORTED_MODULE_1__.normLog)(denormalized, min, max) : denormalized;
                     let steps = Math.round((0, _utils__WEBPACK_IMPORTED_MODULE_1__.normalize)(v, min, max) * range / stepRange);
                     steps = Math.min(stepsCount, Math.max(0, steps));
-                    if (type === "enum")
-                      return steps;
-                    if (type === "int")
-                      return Math.round(steps * step + min);
+                    if (type === "enum") return steps;
+                    if (type === "int") return Math.round(steps * step + min);
                     return steps * step + min;
                   }
                 }
@@ -5056,29 +4983,19 @@ var __publicField = (obj, key, value) => {
                       const hotStop = (-3 - min) / (max - min);
                       const overloadStop = -min / (max - min);
                       const gradient = tempCtx.createLinearGradient(0, 0, tempCanvas.width, 0);
-                      if (coldStop <= 1 && coldStop >= 0)
-                        gradient.addColorStop(coldStop, coldcolor);
-                      else if (coldStop > 1)
-                        gradient.addColorStop(1, coldcolor);
-                      if (warmStop <= 1 && warmStop >= 0)
-                        gradient.addColorStop(warmStop, warmcolor);
-                      if (hotStop <= 1 && hotStop >= 0)
-                        gradient.addColorStop(hotStop, hotcolor);
-                      if (overloadStop <= 1 && overloadStop >= 0)
-                        gradient.addColorStop(overloadStop, overloadcolor);
-                      else if (overloadStop < 0)
-                        gradient.addColorStop(0, coldcolor);
+                      if (coldStop <= 1 && coldStop >= 0) gradient.addColorStop(coldStop, coldcolor);
+                      else if (coldStop > 1) gradient.addColorStop(1, coldcolor);
+                      if (warmStop <= 1 && warmStop >= 0) gradient.addColorStop(warmStop, warmcolor);
+                      if (hotStop <= 1 && hotStop >= 0) gradient.addColorStop(hotStop, hotcolor);
+                      if (overloadStop <= 1 && overloadStop >= 0) gradient.addColorStop(overloadStop, overloadcolor);
+                      else if (overloadStop < 0) gradient.addColorStop(0, coldcolor);
                       tempCtx.fillStyle = gradient;
                       tempCtx.fillRect(0, 0, tempCanvas.width, 10);
                       const d2 = tempCtx.getImageData(Math.min(tempCanvas.width - 1, distance * tempCanvas.width), 0, 1, 1).data;
-                      if (distance)
-                        ctx.fillStyle = `rgb(${d2[0]}, ${d2[1]}, ${d2[2]})`;
-                      else
-                        ctx.fillStyle = ledbgcolor;
-                      if (shape === "circle")
-                        ctx.arc(width / 2, height / 2, width / 2 - left, 0, 2 * Math.PI);
-                      else
-                        ctx.rect(left, top2, drawWidth, drawHeight);
+                      if (distance) ctx.fillStyle = `rgb(${d2[0]}, ${d2[1]}, ${d2[2]})`;
+                      else ctx.fillStyle = ledbgcolor;
+                      if (shape === "circle") ctx.arc(width / 2, height / 2, width / 2 - left, 0, 2 * Math.PI);
+                      else ctx.rect(left, top2, drawWidth, drawHeight);
                       ctx.fill();
                     };
                   }
@@ -5227,8 +5144,7 @@ var __publicField = (obj, key, value) => {
                         const option = document.createElement("option");
                         option.value = enums[key].toString();
                         option.text = key;
-                        if (i2 === 0)
-                          option.selected = true;
+                        if (i2 === 0) option.selected = true;
                         this.select.appendChild(option);
                         i2++;
                       }
@@ -5243,8 +5159,7 @@ var __publicField = (obj, key, value) => {
                     const valueChange = () => {
                       for (let i2 = this.select.children.length - 1; i2 >= 0; i2--) {
                         const option = this.select.children[i2];
-                        if (+option.value === this.state.value)
-                          this.select.selectedIndex = i2;
+                        if (+option.value === this.state.value) this.select.selectedIndex = i2;
                       }
                     };
                     this.on("value", () => this.schedule(valueChange));
@@ -5516,11 +5431,9 @@ var __publicField = (obj, key, value) => {
                           input.value = enums[key].toString();
                           input.name = address;
                           input.type = "radio";
-                          if (i2 === 0)
-                            input.checked = true;
+                          if (i2 === 0) input.checked = true;
                           input.addEventListener("change", () => {
-                            if (input.checked)
-                              this.setValue(enums[key]);
+                            if (input.checked) this.setValue(enums[key]);
                           });
                           div.appendChild(input);
                           div.append(key);
@@ -5568,8 +5481,7 @@ var __publicField = (obj, key, value) => {
                     const valueChange = () => {
                       for (let i2 = this.group.children.length - 1; i2 >= 0; i2--) {
                         const input = this.group.children[i2].querySelector("input");
-                        if (+input.value === this.state.value)
-                          input.checked = true;
+                        if (+input.value === this.state.value) input.checked = true;
                       }
                     };
                     this.on("value", () => this.schedule(valueChange));
@@ -5767,8 +5679,7 @@ var __publicField = (obj, key, value) => {
                       const paintValue = this.paintValue;
                       if (paintValue > this.maxValue) {
                         this.maxValue = paintValue;
-                        if (this.maxTimer)
-                          window.clearTimeout(this.maxTimer);
+                        if (this.maxTimer) window.clearTimeout(this.maxTimer);
                         this.maxTimer = window.setTimeout(() => {
                           this.maxValue = this.paintValue;
                           this.maxTimer = void 0;
@@ -5788,23 +5699,15 @@ var __publicField = (obj, key, value) => {
                       const hotStop = (-3 - min) / (max - min);
                       const overloadStop = Math.max(0, -min / (max - min));
                       const gradient = ctx.createLinearGradient(0, drawHeight, 0, top2);
-                      if (coldStop <= 1 && coldStop >= 0)
-                        gradient.addColorStop(coldStop, coldcolor);
-                      else if (coldStop > 1)
-                        gradient.addColorStop(1, coldcolor);
-                      if (warmStop <= 1 && warmStop >= 0)
-                        gradient.addColorStop(warmStop, warmcolor);
-                      if (hotStop <= 1 && hotStop >= 0)
-                        gradient.addColorStop(hotStop, hotcolor);
-                      if (overloadStop <= 1 && overloadStop >= 0)
-                        gradient.addColorStop(overloadStop, overloadcolor);
-                      else if (overloadStop < 0)
-                        gradient.addColorStop(0, coldcolor);
+                      if (coldStop <= 1 && coldStop >= 0) gradient.addColorStop(coldStop, coldcolor);
+                      else if (coldStop > 1) gradient.addColorStop(1, coldcolor);
+                      if (warmStop <= 1 && warmStop >= 0) gradient.addColorStop(warmStop, warmcolor);
+                      if (hotStop <= 1 && hotStop >= 0) gradient.addColorStop(hotStop, hotcolor);
+                      if (overloadStop <= 1 && overloadStop >= 0) gradient.addColorStop(overloadStop, overloadcolor);
+                      else if (overloadStop < 0) gradient.addColorStop(0, coldcolor);
                       ctx.fillStyle = barbgcolor;
-                      if (paintValue < 0)
-                        ctx.fillRect(left, top2 + (1 - overloadStop) * drawHeight, drawWidth, drawHeight * overloadStop);
-                      if (paintValue < max)
-                        ctx.fillRect(left, top2, drawWidth, (1 - overloadStop) * drawHeight - 1);
+                      if (paintValue < 0) ctx.fillRect(left, top2 + (1 - overloadStop) * drawHeight, drawWidth, drawHeight * overloadStop);
+                      if (paintValue < max) ctx.fillRect(left, top2, drawWidth, (1 - overloadStop) * drawHeight - 1);
                       ctx.fillStyle = gradient;
                       if (paintValue > min) {
                         const distance = Math.max(0, _AbstractItem__WEBPACK_IMPORTED_MODULE_0__["default"].getDistance({ type, max, min, enums, scale, value: Math.min(0, paintValue) }));
@@ -5949,8 +5852,7 @@ var __publicField = (obj, key, value) => {
                       const value = parseFloat(e.currentTarget.value);
                       if (isFinite(value)) {
                         const changed = this.setValue(+value);
-                        if (changed)
-                          return;
+                        if (changed) return;
                       }
                       this.input.value = this.inputNumber.value + (this.state.unit || "");
                     };
@@ -5992,16 +5894,13 @@ var __publicField = (obj, key, value) => {
                     };
                     this.handlePointerDown = (e) => {
                       const { value } = this.state;
-                      if (e.x < this.interactionRect[0] || e.x > this.interactionRect[0] + this.interactionRect[2] || e.y < this.interactionRect[1] || e.y > this.interactionRect[1] + this.interactionRect[3])
-                        return;
+                      if (e.x < this.interactionRect[0] || e.x > this.interactionRect[0] + this.interactionRect[2] || e.y < this.interactionRect[1] || e.y > this.interactionRect[1] + this.interactionRect[3]) return;
                       const newValue = this.getValueFromPos(e);
-                      if (newValue !== value)
-                        this.setValue(this.getValueFromPos(e));
+                      if (newValue !== value) this.setValue(this.getValueFromPos(e));
                     };
                     this.handlePointerDrag = (e) => {
                       const newValue = this.getValueFromPos(e);
-                      if (newValue !== this.state.value)
-                        this.setValue(newValue);
+                      if (newValue !== this.state.value) this.setValue(newValue);
                     };
                   }
                   static get defaultProps() {
@@ -6092,10 +5991,8 @@ var __publicField = (obj, key, value) => {
                     const { type, max, min, step, enums } = this.state;
                     const maxSteps = type === "enum" ? enums.length : type === "int" ? max - min : (max - min) / step;
                     if (step) {
-                      if (type === "enum")
-                        return enums.length;
-                      if (type === "int")
-                        return Math.min(Math.floor((max - min) / (Math.round(step) || 0)), maxSteps);
+                      if (type === "enum") return enums.length;
+                      if (type === "int") return Math.min(Math.floor((max - min) / (Math.round(step) || 0)), maxSteps);
                       return Math.floor((max - min) / step);
                     }
                     return maxSteps;
@@ -6116,10 +6013,8 @@ var __publicField = (obj, key, value) => {
                     const v = scale === "exp" ? (0, _utils__WEBPACK_IMPORTED_MODULE_1__.normExp)(denormalized, min, max) : scale === "log" ? (0, _utils__WEBPACK_IMPORTED_MODULE_1__.normLog)(denormalized, min, max) : denormalized;
                     let steps = Math.round((0, _utils__WEBPACK_IMPORTED_MODULE_1__.normalize)(v, min, max) * range / stepRange);
                     steps = Math.min(stepsCount, Math.max(0, steps));
-                    if (type === "enum")
-                      return steps;
-                    if (type === "int")
-                      return Math.round(steps * step + min);
+                    if (type === "enum") return steps;
+                    if (type === "int") return Math.round(steps * step + min);
                     return steps * step + min;
                   }
                 }
@@ -6222,10 +6117,8 @@ var __publicField = (obj, key, value) => {
                 const iNormExp = normLog;
                 const roundedRect = (ctx, x, y, width, height, radius) => {
                   const radii = [0, 0, 0, 0];
-                  if (typeof radius === "number")
-                    radii.fill(radius);
-                  else
-                    radius.forEach((v, i2) => radii[i2] = v);
+                  if (typeof radius === "number") radii.fill(radius);
+                  else radius.forEach((v, i2) => radii[i2] = v);
                   ctx.beginPath();
                   ctx.moveTo(x + radii[0], y);
                   ctx.lineTo(x + width - radii[1], y);
@@ -6241,10 +6134,8 @@ var __publicField = (obj, key, value) => {
                 };
                 const fillRoundedRect = (ctx, x, y, width, height, radius) => {
                   const radii = [0, 0, 0, 0];
-                  if (typeof radius === "number")
-                    radii.fill(radius);
-                  else
-                    radius.forEach((v, i2) => radii[i2] = v);
+                  if (typeof radius === "number") radii.fill(radius);
+                  else radius.forEach((v, i2) => radii[i2] = v);
                   ctx.beginPath();
                   ctx.moveTo(x + radii[0], y);
                   ctx.lineTo(x + width - radii[1], y);
@@ -6273,12 +6164,12 @@ var __publicField = (obj, key, value) => {
                   "default": () => __WEBPACK_DEFAULT_EXPORT__
                   /* harmony export */
                 });
-                var _FaustUI__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__2(
+                var _FaustUI__WEBPACK_IMPORTED_MODULE_0__2 = __webpack_require__2(
                   /*! ./FaustUI */
                   "./src/FaustUI.ts"
                 );
                 const instantiate = () => {
-                  const faustUI = new _FaustUI__WEBPACK_IMPORTED_MODULE_0__["default"]({
+                  const faustUI = new _FaustUI__WEBPACK_IMPORTED_MODULE_0__2["default"]({
                     root: document.getElementById("root"),
                     listenWindowResize: true,
                     listenWindowMessage: true
@@ -6289,12 +6180,10 @@ var __publicField = (obj, key, value) => {
                     host = source;
                   });
                   window.addEventListener("keydown", (e) => {
-                    if (host)
-                      host.postMessage({ type: "keydown", key: e.key }, "*");
+                    if (host) host.postMessage({ type: "keydown", key: e.key }, "*");
                   });
                   window.addEventListener("keyup", (e) => {
-                    if (host)
-                      host.postMessage({ type: "keyup", key: e.key }, "*");
+                    if (host) host.postMessage({ type: "keyup", key: e.key }, "*");
                   });
                   window.faustUI = faustUI;
                 };
@@ -6317,7 +6206,7 @@ var __publicField = (obj, key, value) => {
                   )
                   /* harmony export */
                 });
-                const _AbstractGroup = class {
+                const _AbstractGroup = class _AbstractGroup2 {
                   constructor(group, isRoot) {
                     this.isRoot = !!isRoot;
                     Object.assign(this, group);
@@ -6325,8 +6214,8 @@ var __publicField = (obj, key, value) => {
                     const sizing = hasHSizingDesc && hasVSizingDesc ? "both" : hasHSizingDesc ? "horizontal" : hasVSizingDesc ? "vertical" : "none";
                     this.layout = {
                       type: group.type,
-                      width: _AbstractGroup.padding * 2,
-                      height: _AbstractGroup.padding * 2 + (this.isRoot ? 0 : _AbstractGroup.labelHeight),
+                      width: _AbstractGroup2.padding * 2,
+                      height: _AbstractGroup2.padding * 2 + (this.isRoot ? 0 : _AbstractGroup2.labelHeight),
                       sizing
                     };
                   }
@@ -6335,8 +6224,7 @@ var __publicField = (obj, key, value) => {
                    */
                   get hasHSizingDesc() {
                     return !!this.items.find((item) => {
-                      if (item instanceof _AbstractGroup)
-                        return item.hasHSizingDesc;
+                      if (item instanceof _AbstractGroup2) return item.hasHSizingDesc;
                       return item.layout.sizing === "horizontal" || item.layout.sizing === "both";
                     });
                   }
@@ -6345,8 +6233,7 @@ var __publicField = (obj, key, value) => {
                    */
                   get hasVSizingDesc() {
                     return !!this.items.find((item) => {
-                      if (item instanceof _AbstractGroup)
-                        return item.hasVSizingDesc;
+                      if (item instanceof _AbstractGroup2) return item.hasVSizingDesc;
                       return item.layout.sizing === "vertical" || item.layout.sizing === "both";
                     });
                   }
@@ -6360,10 +6247,10 @@ var __publicField = (obj, key, value) => {
                     return this;
                   }
                 };
+                _AbstractGroup.padding = 0.2;
+                _AbstractGroup.labelHeight = 0.25;
+                _AbstractGroup.spaceBetween = 0.1;
                 let AbstractGroup = _AbstractGroup;
-                AbstractGroup.padding = 0.2;
-                AbstractGroup.labelHeight = 0.25;
-                AbstractGroup.spaceBetween = 0.1;
               }
             ),
             /***/
@@ -6580,15 +6467,13 @@ var __publicField = (obj, key, value) => {
                       this.layout.height = Math.max(this.layout.height, item.layout.height + 2 * _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].padding + (this.isRoot ? 0 : _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].labelHeight));
                     });
                     this.layout.width += _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].spaceBetween * (this.items.length - 1);
-                    if (this.layout.width < 1)
-                      this.layout.width += 1;
+                    if (this.layout.width < 1) this.layout.width += 1;
                     return this;
                   }
                   expand(dX) {
                     let hExpandItems = 0;
                     this.items.forEach((item) => {
-                      if (item.layout.sizing === "both" || item.layout.sizing === "horizontal")
-                        hExpandItems++;
+                      if (item.layout.sizing === "both" || item.layout.sizing === "horizontal") hExpandItems++;
                     });
                     this.items.forEach((item) => {
                       let dX$ = 0;
@@ -6775,22 +6660,31 @@ var __publicField = (obj, key, value) => {
                    * Get the rendering type of an item by parsing its metadata
                    */
                   static predictType(item) {
-                    if (item.type === "vgroup" || item.type === "hgroup" || item.type === "tgroup" || item.type === "button" || item.type === "checkbox" || item.type === "soundfile")
-                      return item.type;
+                    var _a2, _b, _c, _d, _e;
                     if (item.type === "hbargraph" || item.type === "vbargraph") {
-                      if (item.meta && item.meta.find((meta2) => meta2.style && meta2.style.startsWith("led")))
-                        return "led";
-                      if (item.meta && item.meta.find((meta2) => meta2.style && meta2.style.startsWith("numerical")))
-                        return "numerical";
+                      if ((_a2 = item.meta) == null ? void 0 : _a2.find((meta2) => {
+                        var _a22;
+                        return (_a22 = meta2.style) == null ? void 0 : _a22.startsWith("led");
+                      })) return "led";
+                      if ((_b = item.meta) == null ? void 0 : _b.find((meta2) => {
+                        var _a22;
+                        return (_a22 = meta2.style) == null ? void 0 : _a22.startsWith("numerical");
+                      })) return "numerical";
                       return item.type;
                     }
                     if (item.type === "hslider" || item.type === "nentry" || item.type === "vslider") {
-                      if (item.meta && item.meta.find((meta2) => meta2.style && meta2.style.startsWith("knob")))
-                        return "knob";
-                      if (item.meta && item.meta.find((meta2) => meta2.style && meta2.style.startsWith("menu")))
-                        return "menu";
-                      if (item.meta && item.meta.find((meta2) => meta2.style && meta2.style.startsWith("radio")))
-                        return "radio";
+                      if ((_c = item.meta) == null ? void 0 : _c.find((meta2) => {
+                        var _a22;
+                        return (_a22 = meta2.style) == null ? void 0 : _a22.startsWith("knob");
+                      })) return "knob";
+                      if ((_d = item.meta) == null ? void 0 : _d.find((meta2) => {
+                        var _a22;
+                        return (_a22 = meta2.style) == null ? void 0 : _a22.startsWith("menu");
+                      })) return "menu";
+                      if ((_e = item.meta) == null ? void 0 : _e.find((meta2) => {
+                        var _a22;
+                        return (_a22 = meta2.style) == null ? void 0 : _a22.startsWith("radio");
+                      })) return "radio";
                     }
                     return item.type;
                   }
@@ -6821,8 +6715,7 @@ var __publicField = (obj, key, value) => {
                   }
                   static getItems(items) {
                     return items.map((item) => {
-                      if ("items" in item)
-                        item.items = this.getItems(item.items);
+                      if ("items" in item) item.items = this.getItems(item.items);
                       return this.getItem(item);
                     });
                   }
@@ -7055,18 +6948,17 @@ var __publicField = (obj, key, value) => {
                   /*! ./AbstractGroup */
                   "./src/layout/AbstractGroup.ts"
                 );
-                const _TGroup = class extends _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"] {
+                const _TGroup = class _TGroup2 extends _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"] {
                   adjust() {
                     this.items.forEach((item) => {
                       item.adjust();
                       this.layout.width = Math.max(this.layout.width, item.layout.width + 2 * _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].padding);
-                      this.layout.height = Math.max(this.layout.height, item.layout.height + 2 * _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].padding + _TGroup.labelHeight);
+                      this.layout.height = Math.max(this.layout.height, item.layout.height + 2 * _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].padding + _TGroup2.labelHeight);
                     });
                     const tabsCount = this.items.length;
-                    this.layout.width = Math.max(this.layout.width, tabsCount * _TGroup.tabLayout.width);
-                    this.layout.height += _TGroup.tabLayout.height;
-                    if (this.layout.width < 1)
-                      this.layout.width += 1;
+                    this.layout.width = Math.max(this.layout.width, tabsCount * _TGroup2.tabLayout.width);
+                    this.layout.height += _TGroup2.tabLayout.height;
+                    if (this.layout.width < 1) this.layout.width += 1;
                     return this;
                   }
                   expand() {
@@ -7074,10 +6966,8 @@ var __publicField = (obj, key, value) => {
                     this.items.forEach((item) => {
                       let dY$ = 0;
                       let dX$ = 0;
-                      if (item.layout.sizing === "both" || item.layout.sizing === "horizontal")
-                        dX$ = this.layout.width - 2 * _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].padding - item.layout.width;
-                      if (item.layout.sizing === "both" || item.layout.sizing === "vertical")
-                        dY$ = this.layout.height - 2 * _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].padding - (this.isRoot ? 0 : _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].labelHeight) - (tabsCount ? _TGroup.tabLayout.height : 0) - item.layout.height;
+                      if (item.layout.sizing === "both" || item.layout.sizing === "horizontal") dX$ = this.layout.width - 2 * _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].padding - item.layout.width;
+                      if (item.layout.sizing === "both" || item.layout.sizing === "vertical") dY$ = this.layout.height - 2 * _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].padding - (this.isRoot ? 0 : _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].labelHeight) - (tabsCount ? _TGroup2.tabLayout.height : 0) - item.layout.height;
                       item.expand(dX$, dY$);
                     });
                     return this;
@@ -7085,7 +6975,7 @@ var __publicField = (obj, key, value) => {
                   offset() {
                     const { labelHeight, padding } = _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"];
                     const $left = padding;
-                    const $top = padding + (this.isRoot ? 0 : labelHeight) + _TGroup.tabLayout.height;
+                    const $top = padding + (this.isRoot ? 0 : labelHeight) + _TGroup2.tabLayout.height;
                     this.items.forEach((item) => {
                       item.layout.offsetLeft = $left;
                       item.layout.offsetTop = $top;
@@ -7096,11 +6986,11 @@ var __publicField = (obj, key, value) => {
                     return this;
                   }
                 };
-                let TGroup = _TGroup;
-                TGroup.tabLayout = {
+                _TGroup.tabLayout = {
                   width: 2,
                   height: 1
                 };
+                let TGroup = _TGroup;
               }
             ),
             /***/
@@ -7164,15 +7054,13 @@ var __publicField = (obj, key, value) => {
                       this.layout.height += item.layout.height;
                     });
                     this.layout.height += _AbstractGroup__WEBPACK_IMPORTED_MODULE_0__["default"].spaceBetween * (this.items.length - 1);
-                    if (this.layout.width < 1)
-                      this.layout.width += 1;
+                    if (this.layout.width < 1) this.layout.width += 1;
                     return this;
                   }
                   expand(dX, dY) {
                     let vExpandItems = 0;
                     this.items.forEach((item) => {
-                      if (item.layout.sizing === "both" || item.layout.sizing === "vertical")
-                        vExpandItems++;
+                      if (item.layout.sizing === "both" || item.layout.sizing === "vertical") vExpandItems++;
                     });
                     this.items.forEach((item) => {
                       let dX$ = 0;
@@ -8448,33 +8336,31 @@ var __publicField = (obj, key, value) => {
             __webpack_require__.nc = void 0;
           })();
           var __webpack_exports__ = {};
-          (() => {
-            /*!**********************!*\
-              !*** ./src/index.ts ***!
-              \**********************/
-            __webpack_require__.r(__webpack_exports__);
-            __webpack_require__.d(__webpack_exports__, {
-              /* harmony export */
-              FaustUI: () => (
-                /* reexport safe */
-                _FaustUI__WEBPACK_IMPORTED_MODULE_0__["default"]
-              ),
-              /* harmony export */
-              instantiate: () => (
-                /* reexport safe */
-                _instantiate__WEBPACK_IMPORTED_MODULE_1__["default"]
-              )
-              /* harmony export */
-            });
-            var _FaustUI__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-              /*! ./FaustUI */
-              "./src/FaustUI.ts"
-            );
-            var _instantiate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-              /*! ./instantiate */
-              "./src/instantiate.ts"
-            );
-          })();
+          /*!**********************!*\
+            !*** ./src/index.ts ***!
+            \**********************/
+          __webpack_require__.r(__webpack_exports__);
+          __webpack_require__.d(__webpack_exports__, {
+            /* harmony export */
+            FaustUI: () => (
+              /* reexport safe */
+              _FaustUI__WEBPACK_IMPORTED_MODULE_0__["default"]
+            ),
+            /* harmony export */
+            instantiate: () => (
+              /* reexport safe */
+              _instantiate__WEBPACK_IMPORTED_MODULE_1__["default"]
+            )
+            /* harmony export */
+          });
+          var _FaustUI__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
+            /*! ./FaustUI */
+            "./src/FaustUI.ts"
+          );
+          var _instantiate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+            /*! ./instantiate */
+            "./src/instantiate.ts"
+          );
           return __webpack_exports__;
         })()
       );
@@ -8557,8 +8443,7 @@ var __publicField = (obj, key, value) => {
     return obj = {}, obj[dim] = gutSize + "px", obj;
   };
   var Split = function(idsOption, options) {
-    if (options === void 0)
-      options = {};
+    if (options === void 0) options = {};
     if (ssr) {
       return {};
     }
@@ -8956,6 +8841,24 @@ var __publicField = (obj, key, value) => {
       pairs
     };
   };
+  var __accessCheck = (obj, member, msg) => {
+    if (!member.has(obj))
+      throw TypeError("Cannot " + msg);
+  };
+  var __privateGet = (obj, member, getter) => {
+    __accessCheck(obj, member, "read from private field");
+    return getter ? getter.call(obj) : member.get(obj);
+  };
+  var __privateAdd = (obj, member, value) => {
+    if (member.has(obj))
+      throw TypeError("Cannot add the same private member more than once");
+    member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+  };
+  var __privateSet = (obj, member, value, setter) => {
+    __accessCheck(obj, member, "write to private field");
+    member.set(obj, value);
+    return value;
+  };
   var instantiateFaustModuleFromFile = async (jsFile, dataFile = jsFile.replace(/c?js$/, "data"), wasmFile = jsFile.replace(/c?js$/, "wasm")) => {
     var _a2, _b;
     let FaustModule;
@@ -9073,18 +8976,30 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
       handleMessageAux(e) {
         const msg = e.data;
         switch (msg.type) {
-          case "midi":
+          case "acc": {
+            this.propagateAcc(msg.data, msg.invert);
+            break;
+          }
+          case "gyr": {
+            this.propagateGyr(msg.data);
+            break;
+          }
+          case "midi": {
             this.midiMessage(msg.data);
             break;
-          case "ctrlChange":
+          }
+          case "ctrlChange": {
             this.ctrlChange(msg.data[0], msg.data[1], msg.data[2]);
             break;
-          case "pitchWheel":
+          }
+          case "pitchWheel": {
             this.pitchWheel(msg.data[0], msg.data[1]);
             break;
-          case "param":
+          }
+          case "param": {
             this.setParamValue(msg.data.path, msg.data.value);
             break;
+          }
           case "setPlotHandler": {
             if (msg.data) {
               this.fDSPCode.setPlotHandler((output, index, events) => this.port.postMessage({ type: "plot", value: output, index, events }));
@@ -9121,6 +9036,12 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
       pitchWheel(channel, wheel) {
         this.fDSPCode.pitchWheel(channel, wheel);
       }
+      propagateAcc(accelerationIncludingGravity, invert = false) {
+        this.fDSPCode.propagateAcc(accelerationIncludingGravity, invert);
+      }
+      propagateGyr(event) {
+        this.fDSPCode.propagateGyr(event);
+      }
     }
     class FaustMonoAudioWorkletProcessor extends FaustAudioWorkletProcessor {
       constructor(options) {
@@ -10403,6 +10324,268 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
     }
   };
   var FaustWasmInstantiator_default = FaustWasmInstantiator;
+  var FaustSensors = class _FaustSensors {
+    /**
+     * Function to convert a number to an axis type
+     * 
+     * @param value number
+     * @returns axis type
+     */
+    static convertToAxis(value) {
+      switch (value) {
+        case 0:
+          return 0;
+        case 1:
+          return 1;
+        case 2:
+          return 2;
+        default:
+          console.error("Error: Axis not found value: " + value);
+          return 0;
+      }
+    }
+    /**
+     * Function to convert a number to a curve type
+     * 
+     * @param value number
+     * @returns curve type
+     */
+    static convertToCurve(value) {
+      switch (value) {
+        case 0:
+          return 0;
+        case 1:
+          return 1;
+        case 2:
+          return 2;
+        case 3:
+          return 3;
+        default:
+          console.error("Error: Curve not found value: " + value);
+          return 0;
+      }
+    }
+    static get Range() {
+      if (!this._Range) {
+        this._Range = class {
+          constructor(x, y) {
+            this.fLo = Math.min(x, y);
+            this.fHi = Math.max(x, y);
+          }
+          clip(x) {
+            if (x < this.fLo)
+              return this.fLo;
+            if (x > this.fHi)
+              return this.fHi;
+            return x;
+          }
+        };
+      }
+      return this._Range;
+    }
+    /**
+     * Interpolator class
+     */
+    static get Interpolator() {
+      if (!this._Interpolator) {
+        this._Interpolator = class {
+          constructor(lo, hi, v1, v2) {
+            this.fRange = new _FaustSensors.Range(lo, hi);
+            if (hi !== lo) {
+              this.fCoef = (v2 - v1) / (hi - lo);
+              this.fOffset = v1 - lo * this.fCoef;
+            } else {
+              this.fCoef = 0;
+              this.fOffset = (v1 + v2) / 2;
+            }
+          }
+          returnMappedValue(v) {
+            var x = this.fRange.clip(v);
+            return this.fOffset + x * this.fCoef;
+          }
+          getLowHigh(amin, amax) {
+            return { amin: this.fRange.fLo, amax: this.fRange.fHi };
+          }
+        };
+      }
+      return this._Interpolator;
+    }
+    /**
+     * Interpolator3pt class, combine two interpolators
+     */
+    static get Interpolator3pt() {
+      if (!this._Interpolator3pt) {
+        this._Interpolator3pt = class {
+          constructor(lo, mid, hi, v1, vMid, v2) {
+            this.fSegment1 = new _FaustSensors.Interpolator(lo, mid, v1, vMid);
+            this.fSegment2 = new _FaustSensors.Interpolator(mid, hi, vMid, v2);
+            this.fMid = mid;
+          }
+          returnMappedValue(x) {
+            return x < this.fMid ? this.fSegment1.returnMappedValue(x) : this.fSegment2.returnMappedValue(x);
+          }
+          getMappingValues(amin, amid, amax) {
+            var lowHighSegment1 = this.fSegment1.getLowHigh(amin, amid);
+            var lowHighSegment2 = this.fSegment2.getLowHigh(amid, amax);
+            return { amin: lowHighSegment1.amin, amid: lowHighSegment2.amin, amax: lowHighSegment2.amax };
+          }
+        };
+      }
+      return this._Interpolator3pt;
+    }
+    /**
+     * UpConverter class, convert accelerometer value to Faust value
+     */
+    static get UpConverter() {
+      if (!this._UpConverter) {
+        this._UpConverter = class {
+          constructor(amin, amid, amax, fmin, fmid, fmax) {
+            this.fActive = true;
+            this.fA2F = new _FaustSensors.Interpolator3pt(amin, amid, amax, fmin, fmid, fmax);
+            this.fF2A = new _FaustSensors.Interpolator3pt(fmin, fmid, fmax, amin, amid, amax);
+          }
+          uiToFaust(x) {
+            return this.fA2F.returnMappedValue(x);
+          }
+          faustToUi(x) {
+            return this.fF2A.returnMappedValue(x);
+          }
+          setMappingValues(amin, amid, amax, min, init, max) {
+            this.fA2F = new _FaustSensors.Interpolator3pt(amin, amid, amax, min, init, max);
+            this.fF2A = new _FaustSensors.Interpolator3pt(min, init, max, amin, amid, amax);
+          }
+          getMappingValues(amin, amid, amax) {
+            return this.fA2F.getMappingValues(amin, amid, amax);
+          }
+          setActive(onOff) {
+            this.fActive = onOff;
+          }
+          getActive() {
+            return this.fActive;
+          }
+        };
+      }
+      return this._UpConverter;
+    }
+    /**
+     * DownConverter class, convert accelerometer value to Faust value
+     */
+    static get DownConverter() {
+      if (!this._DownConverter) {
+        this._DownConverter = class {
+          constructor(amin, amid, amax, fmin, fmid, fmax) {
+            this.fActive = true;
+            this.fA2F = new _FaustSensors.Interpolator3pt(amin, amid, amax, fmax, fmid, fmin);
+            this.fF2A = new _FaustSensors.Interpolator3pt(fmin, fmid, fmax, amax, amid, amin);
+          }
+          uiToFaust(x) {
+            return this.fA2F.returnMappedValue(x);
+          }
+          faustToUi(x) {
+            return this.fF2A.returnMappedValue(x);
+          }
+          setMappingValues(amin, amid, amax, min, init, max) {
+            this.fA2F = new _FaustSensors.Interpolator3pt(amin, amid, amax, max, init, min);
+            this.fF2A = new _FaustSensors.Interpolator3pt(min, init, max, amax, amid, amin);
+          }
+          getMappingValues(amin, amid, amax) {
+            return this.fA2F.getMappingValues(amin, amid, amax);
+          }
+          setActive(onOff) {
+            this.fActive = onOff;
+          }
+          getActive() {
+            return this.fActive;
+          }
+        };
+      }
+      return this._DownConverter;
+    }
+    /**
+     * UpDownConverter class, convert accelerometer value to Faust value
+     */
+    static get UpDownConverter() {
+      if (!this._UpDownConverter) {
+        this._UpDownConverter = class {
+          constructor(amin, amid, amax, fmin, fmid, fmax) {
+            this.fActive = true;
+            this.fA2F = new _FaustSensors.Interpolator3pt(amin, amid, amax, fmin, fmax, fmin);
+            this.fF2A = new _FaustSensors.Interpolator(fmin, fmax, amin, amax);
+          }
+          uiToFaust(x) {
+            return this.fA2F.returnMappedValue(x);
+          }
+          faustToUi(x) {
+            return this.fF2A.returnMappedValue(x);
+          }
+          setMappingValues(amin, amid, amax, min, init, max) {
+            this.fA2F = new _FaustSensors.Interpolator3pt(amin, amid, amax, min, max, min);
+            this.fF2A = new _FaustSensors.Interpolator(min, max, amin, amax);
+          }
+          getMappingValues(amin, amid, amax) {
+            return this.fA2F.getMappingValues(amin, amid, amax);
+          }
+          setActive(onOff) {
+            this.fActive = onOff;
+          }
+          getActive() {
+            return this.fActive;
+          }
+        };
+      }
+      return this._UpDownConverter;
+    }
+    static get DownUpConverter() {
+      if (!this._DownUpConverter) {
+        this._DownUpConverter = class {
+          constructor(amin, amid, amax, fmin, fmid, fmax) {
+            this.fActive = true;
+            this.fA2F = new _FaustSensors.Interpolator3pt(amin, amid, amax, fmax, fmin, fmax);
+            this.fF2A = new _FaustSensors.Interpolator(fmin, fmax, amin, amax);
+          }
+          uiToFaust(x) {
+            return this.fA2F.returnMappedValue(x);
+          }
+          faustToUi(x) {
+            return this.fF2A.returnMappedValue(x);
+          }
+          setMappingValues(amin, amid, amax, min, init, max) {
+            this.fA2F = new _FaustSensors.Interpolator3pt(amin, amid, amax, max, min, max);
+            this.fF2A = new _FaustSensors.Interpolator(min, max, amin, amax);
+          }
+          getMappingValues(amin, amid, amax) {
+            return this.fA2F.getMappingValues(amin, amid, amax);
+          }
+          setActive(onOff) {
+            this.fActive = onOff;
+          }
+          getActive() {
+            return this.fActive;
+          }
+        };
+      }
+      return this._DownUpConverter;
+    }
+    /**
+     * Public function to build the accelerometer handler
+     *
+     * @returns `UpdatableValueConverter` built for the given curve
+     */
+    static buildHandler(curve, amin, amid, amax, min, init, max) {
+      switch (curve) {
+        case 0:
+          return new _FaustSensors.UpConverter(amin, amid, amax, min, init, max);
+        case 1:
+          return new _FaustSensors.DownConverter(amin, amid, amax, min, init, max);
+        case 2:
+          return new _FaustSensors.UpDownConverter(amin, amid, amax, min, init, max);
+        case 3:
+          return new _FaustSensors.DownUpConverter(amin, amid, amax, min, init, max);
+        default:
+          return new _FaustSensors.UpConverter(amin, amid, amax, min, init, max);
+      }
+    }
+  };
   var WasmAllocator = class {
     constructor(memory, offset) {
       this.memory = memory;
@@ -10650,17 +10833,25 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
           if (!item.meta)
             return;
           item.meta.forEach((meta2) => {
-            const { midi } = meta2;
-            if (!midi)
-              return;
-            const strMidi = midi.trim();
-            if (strMidi === "pitchwheel") {
-              this.fPitchwheelLabel.push({ path: item.address, min: item.min, max: item.max });
-            } else {
-              const matched = strMidi.match(/^ctrl\s(\d+)/);
-              if (!matched)
-                return;
-              this.fCtrlLabel[parseInt(matched[1])].push({ path: item.address, min: item.min, max: item.max });
+            const { midi, acc, gyr } = meta2;
+            if (midi) {
+              const strMidi = midi.trim();
+              if (strMidi === "pitchwheel") {
+                this.fPitchwheelLabel.push({ path: item.address, min: item.min, max: item.max });
+              } else {
+                const matched = strMidi.match(/^ctrl\s(\d+)/);
+                if (matched) {
+                  this.fCtrlLabel[parseInt(matched[1])].push({ path: item.address, min: item.min, max: item.max });
+                }
+              }
+            }
+            if (acc) {
+              const numAcc = acc.trim().split(" ").map(Number);
+              this.setupAccHandler(item.address, FaustSensors.convertToAxis(numAcc[0]), FaustSensors.convertToCurve(numAcc[1]), numAcc[2], numAcc[3], numAcc[4], item.min, item.init, item.max);
+            }
+            if (gyr) {
+              const numAcc = gyr.trim().split(" ").map(Number);
+              this.setupGyrHandler(item.address, FaustSensors.convertToAxis(numAcc[0]), FaustSensors.convertToCurve(numAcc[1]), numAcc[2], numAcc[3], numAcc[4], item.min, item.init, item.max);
             }
           });
         } else if (item.type === "soundfile") {
@@ -10674,6 +10865,8 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
       this.fPtrSize = sampleSize;
       this.fSampleSize = sampleSize;
       this.fSoundfileBuffers = soundfiles;
+      this.fAcc = { x: [], y: [], z: [] };
+      this.fGyr = { x: [], y: [], z: [] };
     }
     // Tools
     static remap(v, mn0, mx0, mn1, mx1) {
@@ -10703,6 +10896,69 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
       let trimmed = input.replace(/^\{|\}$/g, "");
       return trimmed.split(";").map((str) => str.length <= 2 ? "" : str.substring(1, str.length - 1));
     }
+    get hasAccInput() {
+      return this.fAcc.x.length + this.fAcc.y.length + this.fAcc.z.length > 0;
+    }
+    propagateAcc(accelerationIncludingGravity, invert = false) {
+      const { x, y, z } = accelerationIncludingGravity;
+      if (invert) {
+        if (x !== null)
+          this.fAcc.x.forEach((handler) => handler(-x));
+        if (y !== null)
+          this.fAcc.y.forEach((handler) => handler(-y));
+        if (z !== null)
+          this.fAcc.z.forEach((handler) => handler(-z));
+      } else {
+        if (x !== null)
+          this.fAcc.x.forEach((handler) => handler(x));
+        if (y !== null)
+          this.fAcc.y.forEach((handler) => handler(y));
+        if (z !== null)
+          this.fAcc.z.forEach((handler) => handler(z));
+      }
+    }
+    get hasGyrInput() {
+      return this.fGyr.x.length + this.fGyr.y.length + this.fGyr.z.length > 0;
+    }
+    propagateGyr(event) {
+      const { alpha, beta, gamma } = event;
+      if (alpha !== null)
+        this.fGyr.x.forEach((handler) => handler(alpha));
+      if (beta !== null)
+        this.fGyr.y.forEach((handler) => handler(beta));
+      if (gamma !== null)
+        this.fGyr.z.forEach((handler) => handler(gamma));
+    }
+    /** Build the accelerometer handler */
+    setupAccHandler(path, axis, curve, amin, amid, amax, min, init, max) {
+      const handler = FaustSensors.buildHandler(curve, amin, amid, amax, min, init, max);
+      switch (axis) {
+        case 0:
+          this.fAcc.x.push((val) => this.setParamValue(path, handler.uiToFaust(val)));
+          break;
+        case 1:
+          this.fAcc.y.push((val) => this.setParamValue(path, handler.uiToFaust(val)));
+          break;
+        case 2:
+          this.fAcc.z.push((val) => this.setParamValue(path, handler.uiToFaust(val)));
+          break;
+      }
+    }
+    /** Build the gyroscope handler */
+    setupGyrHandler(path, axis, curve, amin, amid, amax, min, init, max) {
+      const handler = FaustSensors.buildHandler(curve, amin, amid, amax, min, init, max);
+      switch (axis) {
+        case 0:
+          this.fGyr.x.push((val) => this.setParamValue(path, handler.uiToFaust(val)));
+          break;
+        case 1:
+          this.fGyr.y.push((val) => this.setParamValue(path, handler.uiToFaust(val)));
+          break;
+        case 2:
+          this.fGyr.z.push((val) => this.setParamValue(path, handler.uiToFaust(val)));
+          break;
+      }
+    }
     static extractUrlsFromMeta(dspMeta) {
       const soundfilesEntry = dspMeta.meta.find((entry) => entry.soundfiles !== void 0);
       if (soundfilesEntry) {
@@ -11511,6 +11767,18 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
     destroy() {
       this.fDSPCode.destroy();
     }
+    get hasAccInput() {
+      return this.fDSPCode.hasAccInput;
+    }
+    propagateAcc(accelerationIncludingGravity, invert = false) {
+      this.fDSPCode.propagateAcc(accelerationIncludingGravity, invert);
+    }
+    get hasGyrInput() {
+      return this.fDSPCode.hasGyrInput;
+    }
+    propagateGyr(event) {
+      this.fDSPCode.propagateGyr(event);
+    }
     /**
      * Render frames in an array.
      *
@@ -11635,8 +11903,17 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
   };
   var LibFaust_default = LibFaust;
   var SoundfileReader = class {
+    // Set the fallback paths
     static get fallbackPaths() {
-      return [location.href, location.origin];
+      return [location.href, this.getParentUrl(location.href), location.origin];
+    }
+    /**
+     * Extract the parent URL from an URL.
+     * @param url : the URL
+     * @returns : the parent URL
+     */
+    static getParentUrl(url) {
+      return url.substring(0, url.lastIndexOf("/") + 1);
     }
     /**
      * Convert an audio buffer to audio data.
@@ -11677,7 +11954,8 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
     static async checkFileExists(url) {
       try {
         console.log(`"checkFileExists" url: ${url}`);
-        const response = await fetch(url, { method: "HEAD" });
+        const response = await fetch(url);
+        console.log(`"checkFileExists" response.ok: ${response.ok}`);
         return response.ok;
       } catch (error) {
         console.error("Fetch error:", error);
@@ -11744,6 +12022,7 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
     }
   };
   var SoundfileReader_default = SoundfileReader;
+  var _hasAccInput, _hasGyrInput;
   var FaustAudioWorkletNode = class extends (globalThis.AudioWorkletNode || null) {
     constructor(context, name2, factory, options, nodeOptions = {}) {
       const JSONObj = JSON.parse(factory.json);
@@ -11757,6 +12036,8 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
         processorOptions: options,
         ...nodeOptions
       });
+      __privateAdd(this, _hasAccInput, false);
+      __privateAdd(this, _hasGyrInput, false);
       this.fJSONDsp = JSONObj;
       this.fJSON = factory.json;
       this.fOutputHandler = null;
@@ -11768,6 +12049,15 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
         if (item.type === "vslider" || item.type === "hslider" || item.type === "button" || item.type === "checkbox" || item.type === "nentry") {
           this.fInputsItems.push(item.address);
           this.fDescriptor.push(item);
+          if (!item.meta)
+            return;
+          item.meta.forEach((meta2) => {
+            const { midi, acc, gyr } = meta2;
+            if (acc)
+              __privateSet(this, _hasAccInput, true);
+            if (gyr)
+              __privateSet(this, _hasGyrInput, true);
+          });
         }
       };
       FaustBaseWebAudioDsp.parseUI(this.fJSONDsp.ui, this.fUICallback);
@@ -11780,6 +12070,65 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
       };
     }
     // Public API
+    /** Setup accelerometer and gyroscope handlers */
+    async listenSensors() {
+      if (this.hasAccInput) {
+        const isAndroid = /Android/i.test(navigator.userAgent);
+        let handleDeviceMotion = null;
+        if (isAndroid) {
+          handleDeviceMotion = ({ accelerationIncludingGravity }) => {
+            if (!accelerationIncludingGravity)
+              return;
+            const { x, y, z } = accelerationIncludingGravity;
+            this.propagateAcc({ x, y, z }, true);
+          };
+        } else {
+          handleDeviceMotion = ({ accelerationIncludingGravity }) => {
+            if (!accelerationIncludingGravity)
+              return;
+            const { x, y, z } = accelerationIncludingGravity;
+            this.propagateAcc({ x, y, z });
+          };
+        }
+        if (window.DeviceMotionEvent) {
+          if (typeof window.DeviceMotionEvent.requestPermission === "function") {
+            try {
+              const response = await window.DeviceMotionEvent.requestPermission();
+              if (response !== "granted")
+                throw new Error("Unable to access the accelerometer.");
+              window.addEventListener("devicemotion", handleDeviceMotion, true);
+            } catch (error) {
+              console.error(error);
+            }
+          } else {
+            window.addEventListener("devicemotion", handleDeviceMotion, true);
+          }
+        } else {
+          console.log("Cannot set the accelerometer handler.");
+        }
+      }
+      if (this.hasGyrInput) {
+        const handleDeviceOrientation = ({ alpha, beta, gamma }) => {
+          this.propagateGyr({ alpha, beta, gamma });
+        };
+        if (window.DeviceMotionEvent) {
+          if (typeof window.DeviceOrientationEvent.requestPermission === "function") {
+            try {
+              const response = await window.DeviceOrientationEvent.requestPermission();
+              if (response !== "granted")
+                throw new Error("Unable to access the gyroscope.");
+              window.addEventListener("deviceorientation", handleDeviceOrientation, true);
+            } catch (error) {
+              console.error(error);
+            }
+          } else {
+            window.addEventListener("deviceorientation", handleDeviceOrientation, true);
+          }
+        } else {
+          console.log("Cannot set the gyroscope handler.");
+        }
+      }
+    }
     setOutputParamHandler(handler) {
       this.fOutputHandler = handler;
     }
@@ -11838,6 +12187,24 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
       const e = { type: "pitchWheel", data: [channel, wheel] };
       this.port.postMessage(e);
     }
+    get hasAccInput() {
+      return __privateGet(this, _hasAccInput);
+    }
+    propagateAcc(accelerationIncludingGravity, invert = false) {
+      if (!accelerationIncludingGravity)
+        return;
+      const e = { type: "acc", data: accelerationIncludingGravity, invert };
+      this.port.postMessage(e);
+    }
+    get hasGyrInput() {
+      return __privateGet(this, _hasGyrInput);
+    }
+    propagateGyr(event) {
+      if (!event)
+        return;
+      const e = { type: "gyr", data: event };
+      this.port.postMessage(e);
+    }
     setParamValue(path, value) {
       const e = { type: "param", data: { path, value } };
       this.port.postMessage(e);
@@ -11875,6 +12242,8 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
       this.port.close();
     }
   };
+  _hasAccInput = /* @__PURE__ */ new WeakMap();
+  _hasGyrInput = /* @__PURE__ */ new WeakMap();
   var FaustMonoAudioWorkletNode = class extends FaustAudioWorkletNode {
     constructor(context, name2, factory, sampleSize, nodeOptions = {}) {
       super(context, name2, factory, { name: name2, factory, sampleSize }, nodeOptions);
@@ -11968,6 +12337,65 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
       this.start();
     }
     // Public API
+    /** Setup accelerometer and gyroscope handlers */
+    async listenSensors() {
+      if (this.hasAccInput) {
+        const isAndroid = /Android/i.test(navigator.userAgent);
+        let handleDeviceMotion = null;
+        if (isAndroid) {
+          handleDeviceMotion = ({ accelerationIncludingGravity }) => {
+            if (!accelerationIncludingGravity)
+              return;
+            const { x, y, z } = accelerationIncludingGravity;
+            this.propagateAcc({ x, y, z }, true);
+          };
+        } else {
+          handleDeviceMotion = ({ accelerationIncludingGravity }) => {
+            if (!accelerationIncludingGravity)
+              return;
+            const { x, y, z } = accelerationIncludingGravity;
+            this.propagateAcc({ x, y, z });
+          };
+        }
+        if (window.DeviceMotionEvent) {
+          if (typeof window.DeviceMotionEvent.requestPermission === "function") {
+            try {
+              const response = await window.DeviceMotionEvent.requestPermission();
+              if (response !== "granted")
+                throw new Error("Unable to access the accelerometer.");
+              window.addEventListener("devicemotion", handleDeviceMotion, true);
+            } catch (error) {
+              console.error(error);
+            }
+          } else {
+            window.addEventListener("devicemotion", handleDeviceMotion, true);
+          }
+        } else {
+          console.log("Cannot set the accelerometer handler.");
+        }
+      }
+      if (this.hasGyrInput) {
+        const handleDeviceOrientation = ({ alpha, beta, gamma }) => {
+          this.propagateGyr({ alpha, beta, gamma });
+        };
+        if (window.DeviceMotionEvent) {
+          if (typeof window.DeviceOrientationEvent.requestPermission === "function") {
+            try {
+              const response = await window.DeviceOrientationEvent.requestPermission();
+              if (response !== "granted")
+                throw new Error("Unable to access the gyroscope.");
+              window.addEventListener("deviceorientation", handleDeviceOrientation, true);
+            } catch (error) {
+              console.error(error);
+            }
+          } else {
+            window.addEventListener("deviceorientation", handleDeviceOrientation, true);
+          }
+        } else {
+          console.log("Cannot set the gyroscope handler.");
+        }
+      }
+    }
     compute(input, output) {
       return this.fDSPCode.compute(input, output);
     }
@@ -12036,6 +12464,18 @@ export default ${(_b = jsCode.match(jsCodeHead)) == null ? void 0 : _b[1]};
     destroy() {
       this.fDSPCode.destroy();
     }
+    get hasAccInput() {
+      return this.fDSPCode.hasAccInput;
+    }
+    propagateAcc(accelerationIncludingGravity, invert = false) {
+      this.fDSPCode.propagateAcc(accelerationIncludingGravity, invert);
+    }
+    get hasGyrInput() {
+      return this.fDSPCode.hasGyrInput;
+    }
+    propagateGyr(event) {
+      this.fDSPCode.propagateGyr(event);
+    }
   };
   var FaustMonoScriptProcessorNode = class extends FaustScriptProcessorNode {
   };
@@ -12117,6 +12557,8 @@ var ${Soundfile.name} = ${Soundfile.toString()}
 var Soundfile = ${Soundfile.name};
 var ${WasmAllocator.name} = ${WasmAllocator.toString()}
 var WasmAllocator = ${WasmAllocator.name};
+var ${FaustSensors.name} = ${FaustSensors.toString()}
+var FaustSensors = ${FaustSensors.name};
 // Put them in dependencies
 const dependencies = {
     FaustBaseWebAudioDsp,
@@ -12169,6 +12611,8 @@ var ${Soundfile.name} = ${Soundfile.toString()}
 var Soundfile = ${Soundfile.name};
 var ${WasmAllocator.name} = ${WasmAllocator.toString()}
 var WasmAllocator = ${WasmAllocator.name};
+var ${FaustSensors.name} = ${FaustSensors.toString()}
+var FaustSensors = ${FaustSensors.name};
 var FFTUtils = ${fftUtils.toString()}
 // Put them in dependencies
 const dependencies = {
@@ -12395,6 +12839,8 @@ var ${Soundfile.name} = ${Soundfile.toString()}
 var Soundfile = ${Soundfile.name};
 var ${WasmAllocator.name} = ${WasmAllocator.toString()}
 var WasmAllocator = ${WasmAllocator.name};
+var ${FaustSensors.name} = ${FaustSensors.toString()}
+var FaustSensors = ${FaustSensors.name};
 // Put them in dependencies
 const dependencies = {
     FaustBaseWebAudioDsp,
@@ -12614,16 +13060,11 @@ const dependencies = {
       const channel = data[0] & 15;
       const data1 = data[1];
       const data2 = data[2];
-      if (channel === 9)
-        return;
-      else if (cmd2 === 8 || cmd2 === 9 && data2 === 0)
-        node.keyOff(channel, data1, data2);
-      else if (cmd2 === 9)
-        node.keyOn(channel, data1, data2);
-      else if (cmd2 === 11)
-        node.ctrlChange(channel, data1, data2);
-      else if (cmd2 === 14)
-        node.pitchWheel(channel, data2 * 128 + data1);
+      if (channel === 9) return;
+      else if (cmd2 === 8 || cmd2 === 9 && data2 === 0) node.keyOff(channel, data1, data2);
+      else if (cmd2 === 9) node.keyOn(channel, data1, data2);
+      else if (cmd2 === 11) node.ctrlChange(channel, data1, data2);
+      else if (cmd2 === 14) node.pitchWheel(channel, data2 * 128 + data1);
     };
   };
   function extractMidiAndNvoices(jsonData) {
@@ -13535,32 +13976,31 @@ const dependencies = {
     filter(ranges) {
       let resultSections = [], resultInserted = [], filteredSections = [];
       let iter = new SectionIter(this);
-      done:
-        for (let i2 = 0, pos = 0; ; ) {
-          let next = i2 == ranges.length ? 1e9 : ranges[i2++];
-          while (pos < next || pos == next && iter.len == 0) {
-            if (iter.done)
-              break done;
-            let len = Math.min(iter.len, next - pos);
-            addSection(filteredSections, len, -1);
-            let ins = iter.ins == -1 ? -1 : iter.off == 0 ? iter.ins : 0;
-            addSection(resultSections, len, ins);
-            if (ins > 0)
-              addInsert(resultInserted, resultSections, iter.text);
-            iter.forward(len);
-            pos += len;
-          }
-          let end2 = ranges[i2++];
-          while (pos < end2) {
-            if (iter.done)
-              break done;
-            let len = Math.min(iter.len, end2 - pos);
-            addSection(resultSections, len, -1);
-            addSection(filteredSections, len, iter.ins == -1 ? -1 : iter.off == 0 ? iter.ins : 0);
-            iter.forward(len);
-            pos += len;
-          }
+      done: for (let i2 = 0, pos = 0; ; ) {
+        let next = i2 == ranges.length ? 1e9 : ranges[i2++];
+        while (pos < next || pos == next && iter.len == 0) {
+          if (iter.done)
+            break done;
+          let len = Math.min(iter.len, next - pos);
+          addSection(filteredSections, len, -1);
+          let ins = iter.ins == -1 ? -1 : iter.off == 0 ? iter.ins : 0;
+          addSection(resultSections, len, ins);
+          if (ins > 0)
+            addInsert(resultInserted, resultSections, iter.text);
+          iter.forward(len);
+          pos += len;
+        }
+        let end2 = ranges[i2++];
+        while (pos < end2) {
+          if (iter.done)
+            break done;
+          let len = Math.min(iter.len, end2 - pos);
+          addSection(resultSections, len, -1);
+          addSection(filteredSections, len, iter.ins == -1 ? -1 : iter.off == 0 ? iter.ins : 0);
+          iter.forward(len);
+          pos += len;
         }
+      }
       return {
         changes: new ChangeSet(resultSections, resultInserted),
         filtered: ChangeDesc.create(filteredSections)
@@ -15224,8 +15664,7 @@ const dependencies = {
         let value = config2[key], current = result[key];
         if (current === void 0)
           result[key] = value;
-        else if (current === value || value === void 0)
-          ;
+        else if (current === value || value === void 0) ;
         else if (Object.hasOwnProperty.call(combine, key))
           result[key] = combine[key](current, value);
         else
@@ -16042,8 +16481,7 @@ const dependencies = {
       }
       function render2(selectors, spec2, target, isKeyframes) {
         let local = [], isAt = /^@(\w+)\b/.exec(selectors[0]), keyframes = isAt && isAt[1] == "keyframes";
-        if (isAt && spec2 == null)
-          return target.push(selectors[0] + ";");
+        if (isAt && spec2 == null) return target.push(selectors[0] + ";");
         for (let prop in spec2) {
           let value = spec2[prop];
           if (/&/.test(prop)) {
@@ -16053,8 +16491,7 @@ const dependencies = {
               target
             );
           } else if (value && typeof value == "object") {
-            if (!isAt)
-              throw new RangeError("The value of a property (" + prop + ") should be a primitive value.");
+            if (!isAt) throw new RangeError("The value of a property (" + prop + ") should be a primitive value.");
             render2(splitSelector(prop), value, local, keyframes);
           } else if (value != null) {
             local.push(prop.replace(/_.*/, "").replace(/[A-Z]/g, (l) => "-" + l.toLowerCase()) + ": " + value + ";");
@@ -16064,8 +16501,7 @@ const dependencies = {
           target.push((finish && !isAt && !isKeyframes ? selectors.map(finish) : selectors).join(", ") + " {" + local.join(" ") + "}");
         }
       }
-      for (let prop in spec)
-        render2(splitSelector(prop), spec[prop], this.rules);
+      for (let prop in spec) render2(splitSelector(prop), spec[prop], this.rules);
     }
     // :: () → string
     // Returns a string containing the module's CSS rules.
@@ -16097,10 +16533,8 @@ const dependencies = {
     // the `<style>` tag generated by the library.
     static mount(root, modules, options) {
       let set = root[SET], nonce = options && options.nonce;
-      if (!set)
-        set = new StyleSet(root, nonce);
-      else if (nonce)
-        set.setNonce(nonce);
+      if (!set) set = new StyleSet(root, nonce);
+      else if (nonce) set.setNonce(nonce);
       set.mount(Array.isArray(modules) ? modules : [modules], root);
     }
   }
@@ -16110,14 +16544,12 @@ const dependencies = {
       let doc2 = root.ownerDocument || root, win = doc2.defaultView;
       if (!root.head && root.adoptedStyleSheets && win.CSSStyleSheet) {
         let adopted = adoptedSet.get(doc2);
-        if (adopted)
-          return root[SET] = adopted;
+        if (adopted) return root[SET] = adopted;
         this.sheet = new win.CSSStyleSheet();
         adoptedSet.set(doc2, this);
       } else {
         this.styleTag = doc2.createElement("style");
-        if (nonce)
-          this.styleTag.setAttribute("nonce", nonce);
+        if (nonce) this.styleTag.setAttribute("nonce", nonce);
       }
       this.modules = [];
       root[SET] = this;
@@ -16134,12 +16566,10 @@ const dependencies = {
         }
         if (index == -1) {
           this.modules.splice(j++, 0, mod);
-          if (sheet)
-            for (let k = 0; k < mod.rules.length; k++)
-              sheet.insertRule(mod.rules[k], pos++);
+          if (sheet) for (let k = 0; k < mod.rules.length; k++)
+            sheet.insertRule(mod.rules[k], pos++);
         } else {
-          while (j < index)
-            pos += this.modules[j++].rules.length;
+          while (j < index) pos += this.modules[j++].rules.length;
           pos += mod.rules.length;
           j++;
         }
@@ -16244,32 +16674,22 @@ const dependencies = {
   };
   var mac = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
   var ie$1 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-  for (var i = 0; i < 10; i++)
-    base[48 + i] = base[96 + i] = String(i);
-  for (var i = 1; i <= 24; i++)
-    base[i + 111] = "F" + i;
+  for (var i = 0; i < 10; i++) base[48 + i] = base[96 + i] = String(i);
+  for (var i = 1; i <= 24; i++) base[i + 111] = "F" + i;
   for (var i = 65; i <= 90; i++) {
     base[i] = String.fromCharCode(i + 32);
     shift[i] = String.fromCharCode(i);
   }
-  for (var code in base)
-    if (!shift.hasOwnProperty(code))
-      shift[code] = base[code];
+  for (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
   function keyName(event) {
     var ignoreKey = mac && event.metaKey && event.shiftKey && !event.ctrlKey && !event.altKey || ie$1 && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
     var name2 = !ignoreKey && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
-    if (name2 == "Esc")
-      name2 = "Escape";
-    if (name2 == "Del")
-      name2 = "Delete";
-    if (name2 == "Left")
-      name2 = "ArrowLeft";
-    if (name2 == "Up")
-      name2 = "ArrowUp";
-    if (name2 == "Right")
-      name2 = "ArrowRight";
-    if (name2 == "Down")
-      name2 = "ArrowDown";
+    if (name2 == "Esc") name2 = "Escape";
+    if (name2 == "Del") name2 = "Delete";
+    if (name2 == "Left") name2 = "ArrowLeft";
+    if (name2 == "Up") name2 = "ArrowUp";
+    if (name2 == "Right") name2 = "ArrowRight";
+    if (name2 == "Down") name2 = "ArrowDown";
     return name2;
   }
   function getSelection(root) {
@@ -16981,7 +17401,7 @@ const dependencies = {
     android: /* @__PURE__ */ /Android\b/.test(nav.userAgent),
     webkit,
     safari,
-    webkit_version: webkit ? +(/* @__PURE__ */ /\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0,
+    webkit_version: webkit ? +(/* @__PURE__ */ /\bAppleWebKit\/(\d+)/.exec(nav.userAgent) || [0, 0])[1] : 0,
     tabSize: doc.documentElement.style.tabSize != null ? "tab-size" : "-moz-tab-size"
   };
   const MaxJoinLen = 256;
@@ -18277,40 +18697,39 @@ const dependencies = {
         let recurse = !sameDir && ourType == 1 ? [] : null;
         let localLevel = sameDir ? level : level + 1;
         let iScan = iCh;
-        run:
-          for (; ; ) {
-            if (iI < isolates.length && iScan == isolates[iI].from) {
-              if (isNum)
-                break run;
-              let iso = isolates[iI];
-              if (!sameDir)
-                for (let upto = iso.to, jI = iI + 1; ; ) {
-                  if (upto == to)
-                    break run;
-                  if (jI < isolates.length && isolates[jI].from == upto)
-                    upto = isolates[jI++].to;
-                  else if (types[upto] == ourType)
-                    break run;
-                  else
-                    break;
-                }
-              iI++;
-              if (recurse) {
-                recurse.push(iso);
-              } else {
-                if (iso.from > iCh)
-                  order.push(new BidiSpan(iCh, iso.from, localLevel));
-                let dirSwap = iso.direction == LTR != !(localLevel % 2);
-                computeSectionOrder(line, dirSwap ? level + 1 : level, baseLevel, iso.inner, iso.from, iso.to, order);
-                iCh = iso.to;
+        run: for (; ; ) {
+          if (iI < isolates.length && iScan == isolates[iI].from) {
+            if (isNum)
+              break run;
+            let iso = isolates[iI];
+            if (!sameDir)
+              for (let upto = iso.to, jI = iI + 1; ; ) {
+                if (upto == to)
+                  break run;
+                if (jI < isolates.length && isolates[jI].from == upto)
+                  upto = isolates[jI++].to;
+                else if (types[upto] == ourType)
+                  break run;
+                else
+                  break;
               }
-              iScan = iso.to;
-            } else if (iScan == to || (sameDir ? types[iScan] != ourType : types[iScan] == ourType)) {
-              break;
+            iI++;
+            if (recurse) {
+              recurse.push(iso);
             } else {
-              iScan++;
+              if (iso.from > iCh)
+                order.push(new BidiSpan(iCh, iso.from, localLevel));
+              let dirSwap = iso.direction == LTR != !(localLevel % 2);
+              computeSectionOrder(line, dirSwap ? level + 1 : level, baseLevel, iso.inner, iso.from, iso.to, order);
+              iCh = iso.to;
             }
+            iScan = iso.to;
+          } else if (iScan == to || (sameDir ? types[iScan] != ourType : types[iScan] == ourType)) {
+            break;
+          } else {
+            iScan++;
           }
+        }
         if (recurse)
           emitSpans(line, iCh, iScan, level + 1, baseLevel, recurse, order);
         else if (iCh < iScan)
@@ -18330,39 +18749,38 @@ const dependencies = {
         let recurse = !sameDir && ourType == 1 ? [] : null;
         let localLevel = sameDir ? level : level + 1;
         let iScan = iCh;
-        run:
-          for (; ; ) {
-            if (iI && iScan == isolates[iI - 1].to) {
-              if (isNum)
-                break run;
-              let iso = isolates[--iI];
-              if (!sameDir)
-                for (let upto = iso.from, jI = iI; ; ) {
-                  if (upto == from)
-                    break run;
-                  if (jI && isolates[jI - 1].to == upto)
-                    upto = isolates[--jI].from;
-                  else if (types[upto - 1] == ourType)
-                    break run;
-                  else
-                    break;
-                }
-              if (recurse) {
-                recurse.push(iso);
-              } else {
-                if (iso.to < iCh)
-                  order.push(new BidiSpan(iso.to, iCh, localLevel));
-                let dirSwap = iso.direction == LTR != !(localLevel % 2);
-                computeSectionOrder(line, dirSwap ? level + 1 : level, baseLevel, iso.inner, iso.from, iso.to, order);
-                iCh = iso.from;
+        run: for (; ; ) {
+          if (iI && iScan == isolates[iI - 1].to) {
+            if (isNum)
+              break run;
+            let iso = isolates[--iI];
+            if (!sameDir)
+              for (let upto = iso.from, jI = iI; ; ) {
+                if (upto == from)
+                  break run;
+                if (jI && isolates[jI - 1].to == upto)
+                  upto = isolates[--jI].from;
+                else if (types[upto - 1] == ourType)
+                  break run;
+                else
+                  break;
               }
-              iScan = iso.from;
-            } else if (iScan == from || (sameDir ? types[iScan - 1] != ourType : types[iScan - 1] == ourType)) {
-              break;
+            if (recurse) {
+              recurse.push(iso);
             } else {
-              iScan--;
+              if (iso.to < iCh)
+                order.push(new BidiSpan(iso.to, iCh, localLevel));
+              let dirSwap = iso.direction == LTR != !(localLevel % 2);
+              computeSectionOrder(line, dirSwap ? level + 1 : level, baseLevel, iso.inner, iso.from, iso.to, order);
+              iCh = iso.from;
             }
+            iScan = iso.from;
+          } else if (iScan == from || (sameDir ? types[iScan - 1] != ourType : types[iScan - 1] == ourType)) {
+            break;
+          } else {
+            iScan--;
           }
+        }
         if (recurse)
           emitSpans(line, iScan, iCh, level + 1, baseLevel, recurse, order);
         else if (iScan < iCh)
@@ -18457,6 +18875,7 @@ const dependencies = {
     }
   }
   const scrollIntoView$1 = /* @__PURE__ */ StateEffect.define({ map: (t2, ch) => t2.map(ch) });
+  const setEditContextFormatting = /* @__PURE__ */ StateEffect.define();
   function logException(state, exception, context) {
     let handler = state.facet(exceptionSink);
     if (handler.length)
@@ -18732,10 +19151,11 @@ const dependencies = {
       super();
       this.view = view;
       this.decorations = [];
-      this.dynamicDecorationMap = [];
+      this.dynamicDecorationMap = [false];
       this.domChanged = null;
       this.hasComposition = null;
       this.markedForComposition = /* @__PURE__ */ new Set();
+      this.editContextFormatting = Decoration.none;
       this.lastCompositionAfterCursor = false;
       this.minWidth = 0;
       this.minWidthFrom = 0;
@@ -18762,8 +19182,9 @@ const dependencies = {
           this.minWidthTo = update.changes.mapPos(this.minWidthTo, 1);
         }
       }
+      this.updateEditContextFormatting(update);
       let readCompositionAt = -1;
-      if (this.view.inputState.composing >= 0) {
+      if (this.view.inputState.composing >= 0 && !this.view.observer.editContext) {
         if ((_a2 = this.domChanged) === null || _a2 === void 0 ? void 0 : _a2.newSel)
           readCompositionAt = this.domChanged.newSel.head;
         else if (!touchesComposition(update.changes, this.hasComposition) && !update.selectionSet)
@@ -18854,6 +19275,14 @@ const dependencies = {
       if (composition)
         this.fixCompositionDOM(composition);
     }
+    updateEditContextFormatting(update) {
+      this.editContextFormatting = this.editContextFormatting.map(update.changes);
+      for (let tr of update.transactions)
+        for (let effect of tr.effects)
+          if (effect.is(setEditContextFormatting)) {
+            this.editContextFormatting = effect.value;
+          }
+    }
     compositionView(composition) {
       let cur2 = new TextView(composition.text.nodeValue);
       cur2.flags |= 8;
@@ -18911,8 +19340,7 @@ const dependencies = {
             this.dom.focus({ preventScroll: true });
           }
           let rawSel = getSelection(this.view.root);
-          if (!rawSel)
-            ;
+          if (!rawSel) ;
           else if (main.empty) {
             if (browser.gecko) {
               let nextTo = nextToUneditable(anchor.node, anchor.offset);
@@ -19035,6 +19463,11 @@ const dependencies = {
         if (start <= pos && (start < pos || child.covers(-1)) && (end2 > pos || child.covers(1)) && (!best || child instanceof LineView && !(best instanceof LineView && side >= 0))) {
           best = child;
           bestPos = start;
+        } else if (best && start == pos && end2 == pos && child instanceof BlockWidgetView && Math.abs(side) < 2) {
+          if (child.deco.startSide < 0)
+            break;
+          else if (i2)
+            best = null;
         }
         off = start;
       }
@@ -19152,7 +19585,7 @@ const dependencies = {
       return Decoration.set(deco);
     }
     updateDeco() {
-      let i2 = 0;
+      let i2 = 1;
       let allDeco = this.view.state.facet(decorations).map((d2) => {
         let dynamic = this.dynamicDecorationMap[i2++] = typeof d2 == "function";
         return dynamic ? d2(this.view) : d2;
@@ -19168,6 +19601,7 @@ const dependencies = {
         allDeco.push(RangeSet.join(outerDeco));
       }
       this.decorations = [
+        this.editContextFormatting,
         ...allDeco,
         this.computeBlockGapDeco(),
         this.view.viewState.lineGapDeco
@@ -19681,9 +20115,9 @@ const dependencies = {
       this.lastScrollTop = 0;
       this.lastScrollLeft = 0;
       this.pendingIOSKey = void 0;
+      this.tabFocusMode = -1;
       this.lastSelectionOrigin = null;
       this.lastSelectionTime = 0;
-      this.lastEscPress = 0;
       this.lastContextMenu = 0;
       this.scrollHandlers = [];
       this.handlers = /* @__PURE__ */ Object.create(null);
@@ -19744,10 +20178,10 @@ const dependencies = {
     keydown(event) {
       this.lastKeyCode = event.keyCode;
       this.lastKeyTime = Date.now();
-      if (event.keyCode == 9 && Date.now() < this.lastEscPress + 2e3)
+      if (event.keyCode == 9 && this.tabFocusMode > -1 && (!this.tabFocusMode || Date.now() <= this.tabFocusMode))
         return true;
-      if (event.keyCode != 27 && modifierCodes.indexOf(event.keyCode) < 0)
-        this.view.inputState.lastEscPress = 0;
+      if (this.tabFocusMode > 0 && event.keyCode != 27 && modifierCodes.indexOf(event.keyCode) < 0)
+        this.tabFocusMode = -1;
       if (browser.android && browser.chrome && !event.synthetic && (event.keyCode == 13 || event.keyCode == 8)) {
         this.view.observer.delayAndroidKey(event.key, event.keyCode);
         return true;
@@ -19788,6 +20222,7 @@ const dependencies = {
       this.mouseSelection = mouseSelection;
     }
     update(update) {
+      this.view.observer.update(update);
       if (this.mouseSelection)
         this.mouseSelection.update(update);
       if (this.draggedContent && update.docChanged)
@@ -19958,7 +20393,9 @@ const dependencies = {
       this.mustSelect = false;
     }
     update(update) {
-      if (this.style.update(update))
+      if (update.transactions.some((tr) => tr.isUserEvent("input.type")))
+        this.destroy();
+      else if (this.style.update(update))
         setTimeout(() => this.select(this.lastEvent), 20);
     }
   }
@@ -20050,8 +20487,8 @@ const dependencies = {
   };
   handlers.keydown = (view, event) => {
     view.inputState.setSelectionOrigin("select");
-    if (event.keyCode == 27)
-      view.inputState.lastEscPress = Date.now();
+    if (event.keyCode == 27 && view.inputState.tabFocusMode != 0)
+      view.inputState.tabFocusMode = Date.now() + 2e3;
     return false;
   };
   observers.touchstart = (view, e) => {
@@ -20077,7 +20514,12 @@ const dependencies = {
       let mustFocus = !view.hasFocus;
       view.inputState.startMouseSelection(new MouseSelection(view, event, style, mustFocus));
       if (mustFocus)
-        view.observer.ignore(() => focusPreventScroll(view.contentDOM));
+        view.observer.ignore(() => {
+          focusPreventScroll(view.contentDOM);
+          let active = view.root.activeElement;
+          if (active && !active.contains(view.contentDOM))
+            active.blur();
+        });
       let mouseSel = view.inputState.mouseSelection;
       if (mouseSel) {
         mouseSel.start(event);
@@ -20347,6 +20789,8 @@ const dependencies = {
     updateForFocusChange(view);
   };
   observers.compositionstart = observers.compositionupdate = (view) => {
+    if (view.observer.editContext)
+      return;
     if (view.inputState.compositionFirstChange == null)
       view.inputState.compositionFirstChange = true;
     if (view.inputState.composing < 0) {
@@ -20354,6 +20798,8 @@ const dependencies = {
     }
   };
   observers.compositionend = (view) => {
+    if (view.observer.editContext)
+      return;
     view.inputState.composing = -1;
     view.inputState.compositionEndedAt = Date.now();
     view.inputState.compositionPendingKey = true;
@@ -21203,9 +21649,12 @@ const dependencies = {
       this.heightOracle = new HeightOracle(guessWrapping);
       this.stateDeco = state.facet(decorations).filter((d2) => typeof d2 != "function");
       this.heightMap = HeightMap.empty().applyChanges(this.stateDeco, Text.empty, this.heightOracle.setDoc(state.doc), [new ChangedRange(0, 0, 0, state.doc.length)]);
-      this.viewport = this.getViewport(0, null);
+      for (let i2 = 0; i2 < 2; i2++) {
+        this.viewport = this.getViewport(0, null);
+        if (!this.updateForViewport())
+          break;
+      }
       this.updateViewportLines();
-      this.updateForViewport();
       this.lineGaps = this.ensureLineGaps([]);
       this.lineGapDeco = Decoration.set(this.lineGaps.map((gap) => gap.draw(this, false)));
       this.computeVisibleRanges();
@@ -21220,12 +21669,17 @@ const dependencies = {
         }
       }
       this.viewports = viewports.sort((a, b) => a.from - b.from);
+      return this.updateScaler();
+    }
+    updateScaler() {
+      let scaler = this.scaler;
       this.scaler = this.heightMap.height <= 7e6 ? IdScaler : new BigScaler(this.heightOracle, this.heightMap, this.viewports);
+      return scaler.eq(this.scaler) ? 0 : 2;
     }
     updateViewportLines() {
       this.viewportLines = [];
       this.heightMap.forEachLine(this.viewport.from, this.viewport.to, this.heightOracle.setDoc(this.state.doc), 0, 0, (block) => {
-        this.viewportLines.push(this.scaler.scale == 1 ? block : scaleBlock(block, this.scaler));
+        this.viewportLines.push(scaleBlock(block, this.scaler));
       });
     }
     update(update, scrollTarget = null) {
@@ -21249,10 +21703,10 @@ const dependencies = {
       let viewport = heightChanges.length ? this.mapViewport(this.viewport, update.changes) : this.viewport;
       if (scrollTarget && (scrollTarget.range.head < viewport.from || scrollTarget.range.head > viewport.to) || !this.viewportIsAppropriate(viewport))
         viewport = this.getViewport(0, scrollTarget);
-      let updateLines = !update.changes.empty || update.flags & 2 || viewport.from != this.viewport.from || viewport.to != this.viewport.to;
+      let viewportChange = viewport.from != this.viewport.from || viewport.to != this.viewport.to;
       this.viewport = viewport;
-      this.updateForViewport();
-      if (updateLines)
+      update.flags |= this.updateForViewport();
+      if (viewportChange || !update.changes.empty || update.flags & 2)
         this.updateViewportLines();
       if (this.lineGaps.length || this.viewport.to - this.viewport.from > 2e3 << 1)
         this.updateLineGaps(this.ensureLineGaps(this.mapLineGaps(this.lineGaps, update.changes)));
@@ -21343,9 +21797,12 @@ const dependencies = {
           result |= 2;
       }
       let viewportChange = !this.viewportIsAppropriate(this.viewport, bias) || this.scrollTarget && (this.scrollTarget.range.head < this.viewport.from || this.scrollTarget.range.head > this.viewport.to);
-      if (viewportChange)
+      if (viewportChange) {
+        if (result & 2)
+          result |= this.updateScaler();
         this.viewport = this.getViewport(bias, this.scrollTarget);
-      this.updateForViewport();
+        result |= this.updateForViewport();
+      }
       if (result & 2 || viewportChange)
         this.updateViewportLines();
       if (this.lineGaps.length || this.viewport.to - this.viewport.from > 2e3 << 1)
@@ -21452,12 +21909,12 @@ const dependencies = {
         }
         gaps.push(gap);
       };
-      for (let line of this.viewportLines) {
-        if (line.length < doubleMargin)
-          continue;
+      let checkLine = (line) => {
+        if (line.length < doubleMargin || line.type != BlockType.Text)
+          return;
         let structure = lineStructure(line.from, line.to, this.stateDeco);
         if (structure.total < doubleMargin)
-          continue;
+          return;
         let target = this.scrollTarget ? this.scrollTarget.range.head : null;
         let viewFrom, viewTo;
         if (wrapping) {
@@ -21494,6 +21951,12 @@ const dependencies = {
           addGap(line.from, viewFrom, line, structure);
         if (viewTo < line.to)
           addGap(viewTo, line.to, line, structure);
+      };
+      for (let line of this.viewportLines) {
+        if (Array.isArray(line.type))
+          line.type.forEach(checkLine);
+        else
+          checkLine(line);
       }
       return gaps;
     }
@@ -21531,7 +21994,7 @@ const dependencies = {
       return pos >= this.viewport.from && pos <= this.viewport.to && this.viewportLines.find((b) => b.from <= pos && b.to >= pos) || scaleBlock(this.heightMap.lineAt(pos, QueryType$1.ByPos, this.heightOracle, 0, 0), this.scaler);
     }
     lineBlockAtHeight(height) {
-      return scaleBlock(this.heightMap.lineAt(this.scaler.fromDOM(height), QueryType$1.ByHeight, this.heightOracle, 0, 0), this.scaler);
+      return height >= this.viewportLines[0].top && height <= this.viewportLines[this.viewportLines.length - 1].bottom && this.viewportLines.find((l) => l.top <= height && l.bottom >= height) || scaleBlock(this.heightMap.lineAt(this.scaler.fromDOM(height), QueryType$1.ByHeight, this.heightOracle, 0, 0), this.scaler);
     }
     scrollAnchorAt(scrollTop) {
       let block = this.lineBlockAtHeight(scrollTop + 8);
@@ -21609,7 +22072,10 @@ const dependencies = {
     fromDOM(n) {
       return n;
     },
-    scale: 1
+    scale: 1,
+    eq(other) {
+      return other == this;
+    }
   };
   class BigScaler {
     constructor(oracle, heightMap, viewports) {
@@ -21649,6 +22115,11 @@ const dependencies = {
         domBase = vp.domBottom;
       }
     }
+    eq(other) {
+      if (!(other instanceof BigScaler))
+        return false;
+      return this.scale == other.scale && this.viewports.length == other.viewports.length && this.viewports.every((vp, i2) => vp.from == other.viewports[i2].from && vp.to == other.viewports[i2].to);
+    }
   }
   function scaleBlock(block, scaler) {
     if (scaler.scale == 1)
@@ -22036,6 +22507,7 @@ const dependencies = {
       this.typeOver = typeOver;
       this.bounds = null;
       this.text = "";
+      this.domChanged = start > -1;
       let { impreciseHead: iHead, impreciseAnchor: iAnchor } = view.docView;
       if (view.state.readOnly && start > -1) {
         this.newSel = null;
@@ -22106,20 +22578,7 @@ const dependencies = {
       change = { from: sel.from, to: sel.to, insert: Text.of([" "]) };
     }
     if (change) {
-      if (browser.ios && view.inputState.flushIOSKey(change))
-        return true;
-      if (browser.android && (change.to == sel.to && // GBoard will sometimes remove a space it just inserted
-      // after a completion when you press enter
-      (change.from == sel.from || change.from == sel.from - 1 && view.state.sliceDoc(change.from, sel.from) == " ") && change.insert.length == 1 && change.insert.lines == 2 && dispatchKey(view.contentDOM, "Enter", 13) || (change.from == sel.from - 1 && change.to == sel.to && change.insert.length == 0 || lastKey == 8 && change.insert.length < change.to - change.from && change.to > sel.head) && dispatchKey(view.contentDOM, "Backspace", 8) || change.from == sel.from && change.to == sel.to + 1 && change.insert.length == 0 && dispatchKey(view.contentDOM, "Delete", 46)))
-        return true;
-      let text = change.insert.toString();
-      if (view.inputState.composing >= 0)
-        view.inputState.composing++;
-      let defaultTr;
-      let defaultInsert = () => defaultTr || (defaultTr = applyDefaultInsert(view, change, newSel));
-      if (!view.state.facet(inputHandler$1).some((h) => h(view, change.from, change.to, text, defaultInsert)))
-        view.dispatch(defaultInsert());
-      return true;
+      return applyDOMChangeInner(view, change, newSel, lastKey);
     } else if (newSel && !newSel.main.eq(sel)) {
       let scrollIntoView2 = false, userEvent = "select";
       if (view.inputState.lastSelectionTime > Date.now() - 50) {
@@ -22133,6 +22592,23 @@ const dependencies = {
       return false;
     }
   }
+  function applyDOMChangeInner(view, change, newSel, lastKey = -1) {
+    if (browser.ios && view.inputState.flushIOSKey(change))
+      return true;
+    let sel = view.state.selection.main;
+    if (browser.android && (change.to == sel.to && // GBoard will sometimes remove a space it just inserted
+    // after a completion when you press enter
+    (change.from == sel.from || change.from == sel.from - 1 && view.state.sliceDoc(change.from, sel.from) == " ") && change.insert.length == 1 && change.insert.lines == 2 && dispatchKey(view.contentDOM, "Enter", 13) || (change.from == sel.from - 1 && change.to == sel.to && change.insert.length == 0 || lastKey == 8 && change.insert.length < change.to - change.from && change.to > sel.head) && dispatchKey(view.contentDOM, "Backspace", 8) || change.from == sel.from && change.to == sel.to + 1 && change.insert.length == 0 && dispatchKey(view.contentDOM, "Delete", 46)))
+      return true;
+    let text = change.insert.toString();
+    if (view.inputState.composing >= 0)
+      view.inputState.composing++;
+    let defaultTr;
+    let defaultInsert = () => defaultTr || (defaultTr = applyDefaultInsert(view, change, newSel));
+    if (!view.state.facet(inputHandler$1).some((h) => h(view, change.from, change.to, text, defaultInsert)))
+      view.dispatch(defaultInsert());
+    return true;
+  }
   function applyDefaultInsert(view, change, newSel) {
     let tr, startState = view.state, sel = startState.selection.main;
     if (change.from >= sel.from && change.to <= sel.to && change.to - change.from >= (sel.to - sel.from) / 3 && (!newSel || newSel.main.empty && newSel.main.from == change.from + change.insert.length) && view.inputState.composing < 0) {
@@ -22245,6 +22721,7 @@ const dependencies = {
     constructor(view) {
       this.view = view;
       this.active = false;
+      this.editContext = null;
       this.selectionRange = new DOMSelectionState();
       this.selectionChanged = false;
       this.delayedFlush = -1;
@@ -22270,6 +22747,11 @@ const dependencies = {
         else
           this.flush();
       });
+      if (window.EditContext && view.constructor.EDIT_CONTEXT === true) {
+        this.editContext = new EditContextManager(view);
+        if (view.state.facet(editable))
+          view.contentDOM.editContext = this.editContext.editContext;
+      }
       if (useCharData)
         this.onCharData = (event) => {
           this.queue.push({
@@ -22322,6 +22804,8 @@ const dependencies = {
     onScroll(e) {
       if (this.intersecting)
         this.flush(false);
+      if (this.editContext)
+        this.view.requestMeasure(this.editContext.measureReq);
       this.onScrollChanged(e);
     }
     onResize() {
@@ -22559,7 +23043,7 @@ const dependencies = {
       }
       let startState = this.view.state;
       let handled = applyDOMChange(this.view, domChange);
-      if (this.view.state == startState)
+      if (this.view.state == startState && (domChange.domChanged || domChange.newSel && !domChange.newSel.main.eq(this.view.state.selection.main)))
         this.view.update([]);
       return handled;
     }
@@ -22609,6 +23093,13 @@ const dependencies = {
         win.removeEventListener("beforeprint", this.onPrint);
       win.document.removeEventListener("selectionchange", this.onSelectionChange);
     }
+    update(update) {
+      if (this.editContext) {
+        this.editContext.update(update);
+        if (update.startState.facet(editable) != update.state.facet(editable))
+          update.view.contentDOM.editContext = update.state.facet(editable) ? this.editContext.editContext : null;
+      }
+    }
     destroy() {
       var _a2, _b, _c;
       this.stop();
@@ -22659,6 +23150,155 @@ const dependencies = {
     view.contentDOM.removeEventListener("beforeinput", read, true);
     return found ? buildSelectionRangeFromRange(view, found) : null;
   }
+  class EditContextManager {
+    constructor(view) {
+      this.from = 0;
+      this.to = 0;
+      this.pendingContextChange = null;
+      this.resetRange(view.state);
+      let context = this.editContext = new window.EditContext({
+        text: view.state.doc.sliceString(this.from, this.to),
+        selectionStart: this.toContextPos(Math.max(this.from, Math.min(this.to, view.state.selection.main.anchor))),
+        selectionEnd: this.toContextPos(view.state.selection.main.head)
+      });
+      context.addEventListener("textupdate", (e) => {
+        let { anchor } = view.state.selection.main;
+        let change = {
+          from: this.toEditorPos(e.updateRangeStart),
+          to: this.toEditorPos(e.updateRangeEnd),
+          insert: Text.of(e.text.split("\n"))
+        };
+        if (change.from == this.from && anchor < this.from)
+          change.from = anchor;
+        else if (change.to == this.to && anchor > this.to)
+          change.to = anchor;
+        if (change.from == change.to && !change.insert.length)
+          return;
+        this.pendingContextChange = change;
+        applyDOMChangeInner(view, change, EditorSelection.single(this.toEditorPos(e.selectionStart), this.toEditorPos(e.selectionEnd)));
+        if (this.pendingContextChange)
+          this.revertPending(view.state);
+      });
+      context.addEventListener("characterboundsupdate", (e) => {
+        let rects = [], prev = null;
+        for (let i2 = this.toEditorPos(e.rangeStart), end2 = this.toEditorPos(e.rangeEnd); i2 < end2; i2++) {
+          let rect = view.coordsForChar(i2);
+          prev = rect && new DOMRect(rect.left, rect.right, rect.right - rect.left, rect.bottom - rect.top) || prev || new DOMRect();
+          rects.push(prev);
+        }
+        context.updateCharacterBounds(e.rangeStart, rects);
+      });
+      context.addEventListener("textformatupdate", (e) => {
+        let deco = [];
+        for (let format of e.getTextFormats()) {
+          let lineStyle = format.underlineStyle, thickness = format.underlineThickness;
+          if (lineStyle != "None" && thickness != "None") {
+            let style = `text-decoration: underline ${lineStyle == "Dashed" ? "dashed " : lineStyle == "Squiggle" ? "wavy " : ""}${thickness == "Thin" ? 1 : 2}px`;
+            deco.push(Decoration.mark({ attributes: { style } }).range(this.toEditorPos(format.rangeStart), this.toEditorPos(format.rangeEnd)));
+          }
+        }
+        view.dispatch({ effects: setEditContextFormatting.of(Decoration.set(deco)) });
+      });
+      context.addEventListener("compositionstart", () => {
+        if (view.inputState.composing < 0) {
+          view.inputState.composing = 0;
+          view.inputState.compositionFirstChange = true;
+        }
+      });
+      context.addEventListener("compositionend", () => {
+        view.inputState.composing = -1;
+        view.inputState.compositionFirstChange = null;
+      });
+      this.measureReq = { read: (view2) => {
+        this.editContext.updateControlBounds(view2.contentDOM.getBoundingClientRect());
+        let sel = getSelection(view2.root);
+        if (sel && sel.rangeCount)
+          this.editContext.updateSelectionBounds(sel.getRangeAt(0).getBoundingClientRect());
+      } };
+    }
+    applyEdits(update) {
+      let off = 0, abort = false, pending = this.pendingContextChange;
+      update.changes.iterChanges((fromA, toA, _fromB, _toB, insert2) => {
+        if (abort)
+          return;
+        let dLen = insert2.length - (toA - fromA);
+        if (pending && toA >= pending.to) {
+          if (pending.from == fromA && pending.to == toA && pending.insert.eq(insert2)) {
+            pending = this.pendingContextChange = null;
+            off += dLen;
+            return;
+          } else {
+            pending = null;
+            this.revertPending(update.state);
+          }
+        }
+        fromA += off;
+        toA += off;
+        if (toA <= this.from) {
+          this.from += dLen;
+          this.to += dLen;
+        } else if (fromA < this.to) {
+          if (fromA < this.from || toA > this.to || this.to - this.from + insert2.length > 3e4) {
+            abort = true;
+            return;
+          }
+          this.editContext.updateText(this.toContextPos(fromA), this.toContextPos(toA), insert2.toString());
+          this.to += dLen;
+        }
+        off += dLen;
+      });
+      if (pending && !abort)
+        this.revertPending(update.state);
+      return !abort;
+    }
+    update(update) {
+      if (!this.applyEdits(update) || !this.rangeIsValid(update.state)) {
+        this.pendingContextChange = null;
+        this.resetRange(update.state);
+        this.editContext.updateText(0, this.editContext.text.length, update.state.doc.sliceString(this.from, this.to));
+        this.setSelection(update.state);
+      } else if (update.docChanged || update.selectionSet) {
+        this.setSelection(update.state);
+      }
+      if (update.geometryChanged || update.docChanged || update.selectionSet)
+        update.view.requestMeasure(this.measureReq);
+    }
+    resetRange(state) {
+      let { head } = state.selection.main;
+      this.from = Math.max(
+        0,
+        head - 1e4
+        /* CxVp.Margin */
+      );
+      this.to = Math.min(
+        state.doc.length,
+        head + 1e4
+        /* CxVp.Margin */
+      );
+    }
+    revertPending(state) {
+      let pending = this.pendingContextChange;
+      this.pendingContextChange = null;
+      this.editContext.updateText(this.toContextPos(pending.from), this.toContextPos(pending.to + pending.insert.length), state.doc.sliceString(pending.from, pending.to));
+    }
+    setSelection(state) {
+      let { main } = state.selection;
+      let start = this.toContextPos(Math.max(this.from, Math.min(this.to, main.anchor)));
+      let end2 = this.toContextPos(main.head);
+      if (this.editContext.selectionStart != start || this.editContext.selectionEnd != end2)
+        this.editContext.updateSelection(start, end2);
+    }
+    rangeIsValid(state) {
+      let { head } = state.selection.main;
+      return !(this.from > 0 && head - this.from < 500 || this.to < state.doc.length && this.to - head < 500 || this.to - this.from > 1e4 * 3);
+    }
+    toEditorPos(contextPos) {
+      return contextPos + this.from;
+    }
+    toContextPos(editorPos) {
+      return editorPos - this.from;
+    }
+  }
   class EditorView {
     /**
     The current editor state.
@@ -23443,6 +24083,8 @@ const dependencies = {
     calling this.
     */
     destroy() {
+      if (this.root.activeElement == this.contentDOM)
+        this.contentDOM.blur();
       for (let plugin of this.plugins)
         plugin.destroy(this);
       this.plugins = [];
@@ -23480,6 +24122,25 @@ const dependencies = {
       return scrollIntoView$1.of(new ScrollTarget(EditorSelection.cursor(ref.from), "start", "start", ref.top - scrollTop, scrollLeft, true));
     }
     /**
+    Enable or disable tab-focus mode, which disables key bindings
+    for Tab and Shift-Tab, letting the browser's default
+    focus-changing behavior go through instead. This is useful to
+    prevent trapping keyboard users in your editor.
+    
+    Without argument, this toggles the mode. With a boolean, it
+    enables (true) or disables it (false). Given a number, it
+    temporarily enables the mode until that number of milliseconds
+    have passed or another non-Tab key is pressed.
+    */
+    setTabFocusMode(to) {
+      if (to == null)
+        this.inputState.tabFocusMode = this.inputState.tabFocusMode < 0 ? 0 : -1;
+      else if (typeof to == "boolean")
+        this.inputState.tabFocusMode = to ? 0 : -1;
+      else if (this.inputState.tabFocusMode != 0)
+        this.inputState.tabFocusMode = Date.now() + to;
+    }
+    /**
     Returns an extension that can be used to add DOM event handlers.
     The value should be an object mapping event names to handler
     functions. For any given event, such functions are ordered by
@@ -23721,8 +24382,9 @@ const dependencies = {
           let scopeObj = bound[scope] || (bound[scope] = /* @__PURE__ */ Object.create(null));
           if (!scopeObj._any)
             scopeObj._any = { preventDefault: false, stopPropagation: false, run: [] };
+          let { any } = b;
           for (let key in scopeObj)
-            scopeObj[key].run.push(b.any);
+            scopeObj[key].run.push((view) => any(view, currentKeyEvent));
         }
       let name2 = b[platform] || b.key;
       if (!name2)
@@ -23735,7 +24397,9 @@ const dependencies = {
     }
     return bound;
   }
+  let currentKeyEvent = null;
   function runHandlers(map, event, view, scope) {
+    currentKeyEvent = event;
     let name2 = keyName(event);
     let charCode = codePointAt(name2, 0), isChar = codePointSize(charCode) == name2.length && name2 != " ";
     let prefix = "", handled = false, prevented = false, stopPropagation = false;
@@ -23752,7 +24416,7 @@ const dependencies = {
         for (let cmd2 of binding.run)
           if (!ran.has(cmd2)) {
             ran.add(cmd2);
-            if (cmd2(view, event)) {
+            if (cmd2(view)) {
               if (binding.stopPropagation)
                 stopPropagation = true;
               return true;
@@ -23787,6 +24451,7 @@ const dependencies = {
       handled = true;
     if (handled && stopPropagation)
       event.stopPropagation();
+    currentKeyEvent = null;
     return handled;
   }
   class RectangleMarker {
@@ -23847,13 +24512,17 @@ const dependencies = {
     let left = view.textDirection == Direction.LTR ? rect.left : rect.right - view.scrollDOM.clientWidth * view.scaleX;
     return { left: left - view.scrollDOM.scrollLeft * view.scaleX, top: rect.top - view.scrollDOM.scrollTop * view.scaleY };
   }
-  function wrappedLine(view, pos, inside2) {
-    let range = EditorSelection.cursor(pos);
-    return {
-      from: Math.max(inside2.from, view.moveToLineBoundary(range, false, true).from),
-      to: Math.min(inside2.to, view.moveToLineBoundary(range, true, true).from),
-      type: BlockType.Text
-    };
+  function wrappedLine(view, pos, side, inside2) {
+    let coords = view.coordsAtPos(pos, side * 2);
+    if (!coords)
+      return inside2;
+    let editorRect = view.dom.getBoundingClientRect();
+    let y = (coords.top + coords.bottom) / 2;
+    let left = view.posAtCoords({ x: editorRect.left + 1, y });
+    let right = view.posAtCoords({ x: editorRect.right - 1, y });
+    if (left == null || right == null)
+      return inside2;
+    return { from: Math.max(inside2.from, Math.min(left, right)), to: Math.min(inside2.to, Math.max(left, right)) };
   }
   function rectanglesForRange(view, className, range) {
     if (range.to <= view.viewport.from || range.from >= view.viewport.to)
@@ -23868,10 +24537,10 @@ const dependencies = {
     let visualStart = startBlock.type == BlockType.Text ? startBlock : null;
     let visualEnd = endBlock.type == BlockType.Text ? endBlock : null;
     if (visualStart && (view.lineWrapping || startBlock.widgetLineBreaks))
-      visualStart = wrappedLine(view, from, visualStart);
+      visualStart = wrappedLine(view, from, 1, visualStart);
     if (visualEnd && (view.lineWrapping || endBlock.widgetLineBreaks))
-      visualEnd = wrappedLine(view, to, visualEnd);
-    if (visualStart && visualEnd && visualStart.from == visualEnd.from) {
+      visualEnd = wrappedLine(view, to, -1, visualEnd);
+    if (visualStart && visualEnd && visualStart.from == visualEnd.from && visualStart.to == visualEnd.to) {
       return pieces(drawForLine(range.from, range.to, visualStart));
     } else {
       let top2 = visualStart ? drawForLine(range.from, null, visualStart) : drawForWidget(startBlock, false);
@@ -24092,14 +24761,19 @@ const dependencies = {
   });
   const themeSpec = {
     ".cm-line": {
-      "& ::selection": { backgroundColor: "transparent !important" },
-      "&::selection": { backgroundColor: "transparent !important" }
+      "& ::selection, &::selection": { backgroundColor: "transparent !important" }
+    },
+    ".cm-content": {
+      "& :focus": {
+        caretColor: "initial !important",
+        "&::selection, & ::selection": {
+          backgroundColor: "Highlight !important"
+        }
+      }
     }
   };
-  if (CanHidePrimary) {
-    themeSpec[".cm-line"].caretColor = "transparent !important";
-    themeSpec[".cm-content"] = { caretColor: "transparent !important" };
-  }
+  if (CanHidePrimary)
+    themeSpec[".cm-line"].caretColor = themeSpec[".cm-content"].caretColor = "transparent !important";
   const hideNativeSelection = /* @__PURE__ */ Prec.highest(/* @__PURE__ */ EditorView.theme(themeSpec));
   const setDropCursorPos = /* @__PURE__ */ StateEffect.define({
     map(pos, mapping) {
@@ -26933,18 +27607,17 @@ const dependencies = {
         return this._tree;
       let cache = this.bufferNode, result = null, depth = 0;
       if (cache && cache.context == this.buffer) {
-        scan:
-          for (let index = this.index, d2 = this.stack.length; d2 >= 0; ) {
-            for (let c = cache; c; c = c._parent)
-              if (c.index == index) {
-                if (index == this.index)
-                  return c;
-                result = c;
-                depth = d2 + 1;
-                break scan;
-              }
-            index = this.stack[--d2];
-          }
+        scan: for (let index = this.index, d2 = this.stack.length; d2 >= 0; ) {
+          for (let c = cache; c; c = c._parent)
+            if (c.index == index) {
+              if (index == this.index)
+                return c;
+              result = c;
+              depth = d2 + 1;
+              break scan;
+            }
+          index = this.stack[--d2];
+        }
       }
       for (let i2 = depth; i2 < this.stack.length; i2++)
         result = new BufferNode(this.buffer, result, this.stack[i2]);
@@ -27149,39 +27822,38 @@ const dependencies = {
       let fork = cursor.fork();
       let size = 0, start = 0, skip = 0, minStart = fork.end - maxBufferLength;
       let result = { size: 0, start: 0, skip: 0 };
-      scan:
-        for (let minPos = fork.pos - maxSize; fork.pos > minPos; ) {
-          let nodeSize2 = fork.size;
-          if (fork.id == inRepeat && nodeSize2 >= 0) {
-            result.size = size;
-            result.start = start;
-            result.skip = skip;
-            skip += 4;
-            size += 4;
-            fork.next();
-            continue;
-          }
-          let startPos = fork.pos - nodeSize2;
-          if (nodeSize2 < 0 || startPos < minPos || fork.start < minStart)
-            break;
-          let localSkipped = fork.id >= minRepeatType ? 4 : 0;
-          let nodeStart2 = fork.start;
+      scan: for (let minPos = fork.pos - maxSize; fork.pos > minPos; ) {
+        let nodeSize2 = fork.size;
+        if (fork.id == inRepeat && nodeSize2 >= 0) {
+          result.size = size;
+          result.start = start;
+          result.skip = skip;
+          skip += 4;
+          size += 4;
           fork.next();
-          while (fork.pos > startPos) {
-            if (fork.size < 0) {
-              if (fork.size == -3)
-                localSkipped += 4;
-              else
-                break scan;
-            } else if (fork.id >= minRepeatType) {
+          continue;
+        }
+        let startPos = fork.pos - nodeSize2;
+        if (nodeSize2 < 0 || startPos < minPos || fork.start < minStart)
+          break;
+        let localSkipped = fork.id >= minRepeatType ? 4 : 0;
+        let nodeStart2 = fork.start;
+        fork.next();
+        while (fork.pos > startPos) {
+          if (fork.size < 0) {
+            if (fork.size == -3)
               localSkipped += 4;
-            }
-            fork.next();
+            else
+              break scan;
+          } else if (fork.id >= minRepeatType) {
+            localSkipped += 4;
           }
-          start = nodeStart2;
-          size += nodeSize2;
-          skip += localSkipped;
+          fork.next();
         }
+        start = nodeStart2;
+        size += nodeSize2;
+        skip += localSkipped;
+      }
       if (inRepeat < 0 || size == maxSize) {
         result.size = size;
         result.start = start;
@@ -30670,6 +31342,10 @@ const dependencies = {
     }), { userEvent: "delete.dedent" }));
     return true;
   };
+  const toggleTabFocusMode = (view) => {
+    view.setTabFocusMode();
+    return true;
+  };
   const emacsStyleKeymap = [
     { key: "Ctrl-b", run: cursorCharLeft, shift: selectCharLeft, preventDefault: true },
     { key: "Ctrl-f", run: cursorCharRight, shift: selectCharRight },
@@ -30730,38 +31406,32 @@ const dependencies = {
     { key: "Shift-Mod-k", run: deleteLine },
     { key: "Shift-Mod-\\", run: cursorMatchingBracket },
     { key: "Mod-/", run: toggleComment },
-    { key: "Alt-A", run: toggleBlockComment }
+    { key: "Alt-A", run: toggleBlockComment },
+    { key: "Ctrl-m", mac: "Shift-Alt-m", run: toggleTabFocusMode }
   ].concat(standardKeymap);
   function crelt() {
     var elt = arguments[0];
-    if (typeof elt == "string")
-      elt = document.createElement(elt);
+    if (typeof elt == "string") elt = document.createElement(elt);
     var i2 = 1, next = arguments[1];
     if (next && typeof next == "object" && next.nodeType == null && !Array.isArray(next)) {
-      for (var name2 in next)
-        if (Object.prototype.hasOwnProperty.call(next, name2)) {
-          var value = next[name2];
-          if (typeof value == "string")
-            elt.setAttribute(name2, value);
-          else if (value != null)
-            elt[name2] = value;
-        }
+      for (var name2 in next) if (Object.prototype.hasOwnProperty.call(next, name2)) {
+        var value = next[name2];
+        if (typeof value == "string") elt.setAttribute(name2, value);
+        else if (value != null) elt[name2] = value;
+      }
       i2++;
     }
-    for (; i2 < arguments.length; i2++)
-      add(elt, arguments[i2]);
+    for (; i2 < arguments.length; i2++) add(elt, arguments[i2]);
     return elt;
   }
   function add(elt, child) {
     if (typeof child == "string") {
       elt.appendChild(document.createTextNode(child));
-    } else if (child == null)
-      ;
+    } else if (child == null) ;
     else if (child.nodeType != null) {
       elt.appendChild(child);
     } else if (Array.isArray(child)) {
-      for (var i2 = 0; i2 < child.length; i2++)
-        add(elt, child[i2]);
+      for (var i2 = 0; i2 < child.length; i2++) add(elt, child[i2]);
     } else {
       throw new RangeError("Unsupported child node: " + child);
     }
@@ -32003,8 +32673,7 @@ const dependencies = {
       if (chars.length == 1) {
         let first = codePointAt(word, 0), firstSize = codePointSize(first);
         let score2 = firstSize == word.length ? 0 : -100;
-        if (first == chars[0])
-          ;
+        if (first == chars[0]) ;
         else if (first == folded[0])
           score2 += -200;
         else
@@ -33549,17 +34218,16 @@ const dependencies = {
   function assignKeys(actions) {
     let assigned = [];
     if (actions)
-      actions:
-        for (let { name: name2 } of actions) {
-          for (let i2 = 0; i2 < name2.length; i2++) {
-            let ch = name2[i2];
-            if (/[a-zA-Z]/.test(ch) && !assigned.some((c) => c.toLowerCase() == ch.toLowerCase())) {
-              assigned.push(ch);
-              continue actions;
-            }
+      actions: for (let { name: name2 } of actions) {
+        for (let i2 = 0; i2 < name2.length; i2++) {
+          let ch = name2[i2];
+          if (/[a-zA-Z]/.test(ch) && !assigned.some((c) => c.toLowerCase() == ch.toLowerCase())) {
+            assigned.push(ch);
+            continue actions;
           }
-          assigned.push("");
         }
+        assigned.push("");
+      }
     return assigned;
   }
   function renderDiagnostic(view, diagnostic, inPanel) {
@@ -33900,19 +34568,14 @@ const dependencies = {
     return state.context = state.context.prev;
   }
   function typeBefore(stream, state, pos) {
-    if (state.prevToken == "variable" || state.prevToken == "type")
-      return true;
-    if (/\S(?:[^- ]>|[*\]])\s*$|\*$/.test(stream.string.slice(0, pos)))
-      return true;
-    if (state.typeAtEndOfLine && stream.column() == stream.indentation())
-      return true;
+    if (state.prevToken == "variable" || state.prevToken == "type") return true;
+    if (/\S(?:[^- ]>|[*\]])\s*$|\*$/.test(stream.string.slice(0, pos))) return true;
+    if (state.typeAtEndOfLine && stream.column() == stream.indentation()) return true;
   }
   function isTopScope(context) {
     for (; ; ) {
-      if (!context || context.type == "top")
-        return true;
-      if (context.type == "}" && context.prev.info != "namespace")
-        return false;
+      if (!context || context.type == "top") return true;
+      if (context.type == "}" && context.prev.info != "namespace") return false;
       context = context.prev;
     }
   }
@@ -33923,8 +34586,7 @@ const dependencies = {
       var ch = stream.next();
       if (hooks[ch]) {
         var result = hooks[ch](stream, state);
-        if (result !== false)
-          return result;
+        if (result !== false) return result;
       }
       if (ch == '"' || ch == "'") {
         state.tokenize = tokenString(ch);
@@ -33932,8 +34594,7 @@ const dependencies = {
       }
       if (numberStart.test(ch)) {
         stream.backUp(1);
-        if (stream.match(number2))
-          return "number";
+        if (stream.match(number2)) return "number";
         stream.next();
       }
       if (isPunctuationChar.test(ch)) {
@@ -33956,26 +34617,20 @@ const dependencies = {
         return "operator";
       }
       stream.eatWhile(isIdentifierChar);
-      if (namespaceSeparator)
-        while (stream.match(namespaceSeparator))
-          stream.eatWhile(isIdentifierChar);
+      if (namespaceSeparator) while (stream.match(namespaceSeparator))
+        stream.eatWhile(isIdentifierChar);
       var cur2 = stream.current();
       if (contains(keywords2, cur2)) {
-        if (contains(blockKeywords, cur2))
-          curPunc = "newstatement";
-        if (contains(defKeywords, cur2))
-          isDefKeyword = true;
+        if (contains(blockKeywords, cur2)) curPunc = "newstatement";
+        if (contains(defKeywords, cur2)) isDefKeyword = true;
         return "keyword";
       }
-      if (contains(types2, cur2))
-        return "type";
+      if (contains(types2, cur2)) return "type";
       if (contains(builtin, cur2) || isReservedIdentifier && isReservedIdentifier(cur2)) {
-        if (contains(blockKeywords, cur2))
-          curPunc = "newstatement";
+        if (contains(blockKeywords, cur2)) curPunc = "newstatement";
         return "builtin";
       }
-      if (contains(atoms2, cur2))
-        return "atom";
+      if (contains(atoms2, cur2)) return "atom";
       return "variable";
     }
     function tokenString(quote) {
@@ -34022,8 +34677,7 @@ const dependencies = {
       token: function(stream, state) {
         var ctx = state.context;
         if (stream.sol()) {
-          if (ctx.align == null)
-            ctx.align = false;
+          if (ctx.align == null) ctx.align = false;
           state.indented = stream.indentation();
           state.startOfLine = true;
         }
@@ -34033,28 +34687,18 @@ const dependencies = {
         }
         curPunc = isDefKeyword = null;
         var style = (state.tokenize || tokenBase)(stream, state);
-        if (style == "comment" || style == "meta")
-          return style;
-        if (ctx.align == null)
-          ctx.align = true;
+        if (style == "comment" || style == "meta") return style;
+        if (ctx.align == null) ctx.align = true;
         if (curPunc == ";" || curPunc == ":" || curPunc == "," && stream.match(/^\s*(?:\/\/.*)?$/, false))
-          while (state.context.type == "statement")
-            popContext(state);
-        else if (curPunc == "{")
-          pushContext(state, stream.column(), "}");
-        else if (curPunc == "[")
-          pushContext(state, stream.column(), "]");
-        else if (curPunc == "(")
-          pushContext(state, stream.column(), ")");
+          while (state.context.type == "statement") popContext(state);
+        else if (curPunc == "{") pushContext(state, stream.column(), "}");
+        else if (curPunc == "[") pushContext(state, stream.column(), "]");
+        else if (curPunc == "(") pushContext(state, stream.column(), ")");
         else if (curPunc == "}") {
-          while (ctx.type == "statement")
-            ctx = popContext(state);
-          if (ctx.type == "}")
-            ctx = popContext(state);
-          while (ctx.type == "statement")
-            ctx = popContext(state);
-        } else if (curPunc == ctx.type)
-          popContext(state);
+          while (ctx.type == "statement") ctx = popContext(state);
+          if (ctx.type == "}") ctx = popContext(state);
+          while (ctx.type == "statement") ctx = popContext(state);
+        } else if (curPunc == ctx.type) popContext(state);
         else if (indentStatements && ((ctx.type == "}" || ctx.type == "top") && curPunc != ";" || ctx.type == "statement" && curPunc == "newstatement")) {
           pushContext(state, stream.column(), "statement", stream.current());
         }
@@ -34062,11 +34706,9 @@ const dependencies = {
           style = "def";
         if (hooks.token) {
           var result = hooks.token(stream, state, style);
-          if (result !== void 0)
-            style = result;
+          if (result !== void 0) style = result;
         }
-        if (style == "def" && parserConfig.styleDefs === false)
-          style = "variable";
+        if (style == "def" && parserConfig.styleDefs === false) style = "variable";
         state.startOfLine = false;
         state.prevToken = isDefKeyword ? "def" : style || curPunc;
         maybeEOL(stream, state);
@@ -34077,20 +34719,17 @@ const dependencies = {
           return null;
         var ctx = state.context, firstChar = textAfter && textAfter.charAt(0);
         var closing2 = firstChar == ctx.type;
-        if (ctx.type == "statement" && firstChar == "}")
-          ctx = ctx.prev;
+        if (ctx.type == "statement" && firstChar == "}") ctx = ctx.prev;
         if (parserConfig.dontIndentStatements)
           while (ctx.type == "statement" && parserConfig.dontIndentStatements.test(ctx.info))
             ctx = ctx.prev;
         if (hooks.indent) {
           var hook = hooks.indent(state, ctx, textAfter, context.unit);
-          if (typeof hook == "number")
-            return hook;
+          if (typeof hook == "number") return hook;
         }
         var switchBlock = ctx.prev && ctx.prev.info == "switch";
         if (parserConfig.allmanIndentation && /[{(]/.test(firstChar)) {
-          while (ctx.type != "top" && ctx.type != "}")
-            ctx = ctx.prev;
+          while (ctx.type != "top" && ctx.type != "}") ctx = ctx.prev;
           return ctx.indented;
         }
         if (ctx.type == "statement")
@@ -34111,8 +34750,7 @@ const dependencies = {
   }
   function words$1(str) {
     var obj = {}, words2 = str.split(" ");
-    for (var i2 = 0; i2 < words2.length; ++i2)
-      obj[words2[i2]] = true;
+    for (var i2 = 0; i2 < words2.length; ++i2) obj[words2[i2]] = true;
     return obj;
   }
   function contains(words2, word) {
@@ -34137,8 +34775,7 @@ const dependencies = {
   var cBlockKeywords = "case do else for if switch while struct enum union";
   var cDefKeywords = "struct enum union";
   function cppHook(stream, state) {
-    if (!state.startOfLine)
-      return false;
+    if (!state.startOfLine) return false;
     for (var ch, next = null; ch = stream.peek(); ) {
       if (ch == "\\" && stream.match(/^.$/)) {
         next = cppHook;
@@ -34152,15 +34789,12 @@ const dependencies = {
     return "meta";
   }
   function pointerHook(_stream, state) {
-    if (state.prevToken == "type")
-      return "type";
+    if (state.prevToken == "type") return "type";
     return false;
   }
   function cIsReservedIdentifier(token) {
-    if (!token || token.length < 2)
-      return false;
-    if (token[0] != "_")
-      return false;
+    if (!token || token.length < 2) return false;
+    if (token[0] != "_") return false;
     return token[1] == "_" || token[1] !== token[1].toLowerCase();
   }
   function cpp14Literal(stream) {
@@ -34274,14 +34908,12 @@ const dependencies = {
     number: /^(?:0x[a-f\d_]+|0b[01_]+|(?:[\d_]+\.?\d*|\.\d+)(?:e[-+]?[\d_]+)?)(u|ll?|l|f)?/i,
     hooks: {
       "@": function(stream) {
-        if (stream.match("interface", false))
-          return false;
+        if (stream.match("interface", false)) return false;
         stream.eatWhile(/[\w\$_]/);
         return "meta";
       },
       '"': function(stream, state) {
-        if (!stream.match(/""$/))
-          return false;
+        if (!stream.match(/""$/)) return false;
         state.tokenize = tokenTripleString;
         return state.tokenize(stream, state);
       }
@@ -34359,14 +34991,12 @@ const dependencies = {
         return "meta";
       },
       '"': function(stream, state) {
-        if (!stream.match('""'))
-          return false;
+        if (!stream.match('""')) return false;
         state.tokenize = tokenTripleString;
         return state.tokenize(stream, state);
       },
       "'": function(stream) {
-        if (stream.match(/^(\\[^'\s]+|[^\\'])'/))
-          return "character";
+        if (stream.match(/^(\\[^'\s]+|[^\\'])'/)) return "character";
         stream.eatWhile(/[\w\$_\xa1-\uffff]/);
         return "atom";
       },
@@ -34380,8 +35010,7 @@ const dependencies = {
         }
       },
       "/": function(stream, state) {
-        if (!stream.eat("*"))
-          return false;
+        if (!stream.eat("*")) return false;
         state.tokenize = tokenNestedComment(1);
         return state.tokenize(stream, state);
       }
@@ -34442,8 +35071,7 @@ const dependencies = {
         return state.tokenize(stream, state);
       },
       "/": function(stream, state) {
-        if (!stream.eat("*"))
-          return false;
+        if (!stream.eat("*")) return false;
         state.tokenize = tokenNestedComment(1);
         return state.tokenize(stream, state);
       },
@@ -34591,15 +35219,13 @@ const dependencies = {
         return state.tokenize(stream, state);
       },
       "`": function(stream, state) {
-        if (!stringTokenizer || !stream.match("`"))
-          return false;
+        if (!stringTokenizer || !stream.match("`")) return false;
         state.tokenize = stringTokenizer;
         stringTokenizer = null;
         return state.tokenize(stream, state);
       },
       "'": function(stream) {
-        if (stream.match(/^(\\[^'\s]+|[^\\'])'/))
-          return "string.special";
+        if (stream.match(/^(\\[^'\s]+|[^\\'])'/)) return "string.special";
         stream.eatWhile(/[\w\$_\xa1-\uffff]/);
         return "atom";
       },
@@ -34625,10 +35251,8 @@ const dependencies = {
   function tokenDartString(quote, stream, state, raw) {
     var tripleQuoted = false;
     if (stream.eat(quote)) {
-      if (stream.eat(quote))
-        tripleQuoted = true;
-      else
-        return "string";
+      if (stream.eat(quote)) tripleQuoted = true;
+      else return "string";
     }
     function tokenStringHelper(stream2, state2) {
       var escaped = false;
@@ -34697,8 +35321,7 @@ const dependencies = {
         return false;
       },
       "/": function(stream, state) {
-        if (!stream.eat("*"))
-          return false;
+        if (!stream.eat("*")) return false;
         state.tokenize = tokenNestedComment(1);
         return state.tokenize(stream, state);
       },
@@ -34717,8 +35340,7 @@ const dependencies = {
   function words(str) {
     const obj = {};
     const words2 = str.split(" ");
-    for (let i2 = 0; i2 < words2.length; i2++)
-      obj[words2[i2]] = true;
+    for (let i2 = 0; i2 < words2.length; i2++) obj[words2[i2]] = true;
     return obj;
   }
   const faustLanguage = StreamLanguage.define(clike({
@@ -35216,8 +35838,7 @@ const dependencies = {
           return;
         }
         clearError(editor);
-        if (node !== void 0)
-          node.disconnect();
+        if (node !== void 0) node.disconnect();
         if (gnvoices > 0) {
           node = await generator.createNode(audioCtx, gnvoices);
         } else {
@@ -35245,8 +35866,7 @@ const dependencies = {
         }
         openSidebar();
         for (const tab of tabContents) {
-          while (tab.lastChild)
-            tab.lastChild.remove();
+          while (tab.lastChild) tab.lastChild.remove();
         }
         analyser = new AnalyserNode(audioCtx, {
           fftSize: Math.pow(2, 11),
@@ -35303,13 +35923,11 @@ const dependencies = {
         }
         if (i2 === 2) {
           scope.onResize();
-          if (animPlot !== void 0)
-            cancelAnimationFrame(animPlot);
+          if (animPlot !== void 0) cancelAnimationFrame(animPlot);
           animPlot = requestAnimationFrame(drawScope);
         } else if (i2 === 3) {
           spectrum.onResize();
-          if (animPlot !== void 0)
-            cancelAnimationFrame(animPlot);
+          if (animPlot !== void 0) cancelAnimationFrame(animPlot);
           animPlot = requestAnimationFrame(drawSpectrum);
         } else if (animPlot !== void 0) {
           cancelAnimationFrame(animPlot);
@@ -35329,10 +35947,8 @@ const dependencies = {
       };
       const audioInputSelector = this.shadowRoot.querySelector("#audio-input");
       const updateInputDevices = (devices2) => {
-        if (audioInputSelector.disabled)
-          return;
-        while (audioInputSelector.lastChild)
-          audioInputSelector.lastChild.remove();
+        if (audioInputSelector.disabled) return;
+        while (audioInputSelector.lastChild) audioInputSelector.lastChild.remove();
         for (const device of devices2) {
           if (device.kind === "audioinput") {
             audioInputSelector.appendChild(new Option(device.label || device.deviceId, device.deviceId));
@@ -35545,10 +36161,8 @@ const dependencies = {
       };
       const audioInputSelector = this.shadowRoot.querySelector("#audio-input");
       const updateInputDevices = (devices2) => {
-        if (audioInputSelector.disabled)
-          return;
-        while (audioInputSelector.lastChild)
-          audioInputSelector.lastChild.remove();
+        if (audioInputSelector.disabled) return;
+        while (audioInputSelector.lastChild) audioInputSelector.lastChild.remove();
         for (const device of devices2) {
           if (device.kind === "audioinput") {
             audioInputSelector.appendChild(new Option(device.label || device.deviceId, device.deviceId));