@tresjs/cientos 1.2.1 → 1.2.2

package/dist/trescientos.js

@@ -1,12 +1,12 @@
 /**
  * name: @tresjs/cientos
- * version: v1.1.0
+ * version: v1.2.2
  * (c) 2022
  * description: Collection of useful helpers and fully functional, ready-made abstractions for Tres
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { inject as Vs, defineComponent as ar, ref as dl, resolveComponent as Zi, unref as Lt, openBlock as Qi, createBlock as Ji, createCommentVNode as er, onMounted as hl, onUnmounted as ml, useSlots as vl, computed as Xr, withAsyncContext as fl, withCtx as bl, renderSlot as gl } from "vue";
-import { EventDispatcher as _l, Vector3 as Oe, MOUSE as gn, TOUCH as _n, PerspectiveCamera as qt, Quaternion as tr, Spherical as Wr, Vector2 as Ie, OrthographicCamera as As, Loader as lr, LoaderUtils as Xt, FileLoader as ns, Color as Ge, SpotLight as wl, PointLight as xl, DirectionalLight as yl, MeshBasicMaterial as ts, sRGBEncoding as Wt, MeshPhysicalMaterial as Zt, TangentSpaceNormalMap as Cl, TextureLoader as El, ImageBitmapLoader as Pl, InterleavedBuffer as kl, InterleavedBufferAttribute as Tl, BufferAttribute as Rs, LinearFilter as ao, LinearMipmapLinearFilter as lo, RepeatWrapping as nr, PointsMaterial as Ml, Material as $i, LineBasicMaterial as Ll, MeshStandardMaterial as cr, DoubleSide as Sl, PropertyBinding as Al, BufferGeometry as co, SkinnedMesh as Vl, Mesh as Rl, LineSegments as Nl, Line as Il, LineLoop as Ol, Points as Dl, Group as qi, MathUtils as Fl, InterpolateLinear as po, AnimationClip as jl, Bone as Bl, Object3D as zl, Matrix4 as uo, Skeleton as Ul, TriangleFanDrawMode as ho, NearestFilter as Hl, NearestMipmapNearestFilter as Kl, LinearMipmapNearestFilter as Gl, NearestMipmapLinearFilter as $l, ClampToEdgeWrapping as ql, MirroredRepeatWrapping as Yl, InterpolateDiscrete as Xl, FrontSide as Wl, Texture as Zr, TriangleStripDrawMode as Zl, VectorKeyframeTrack as Ql, QuaternionKeyframeTrack as Qr, NumberKeyframeTrack as Jl, Box3 as ec, Sphere as tc, Interpolant as nc, ExtrudeGeometry as sc, ShapePath as ic } from "three";
+import { inject as Rs, defineComponent as ar, ref as dl, resolveComponent as Zi, unref as Lt, openBlock as Qi, createBlock as Ji, createCommentVNode as er, onMounted as hl, onUnmounted as ml, useSlots as vl, computed as Xr, withAsyncContext as fl, withCtx as bl, renderSlot as gl } from "vue";
+import { EventDispatcher as _l, Vector3 as Oe, MOUSE as gn, TOUCH as _n, PerspectiveCamera as qt, Quaternion as tr, Spherical as Wr, Vector2 as Ie, OrthographicCamera as Vs, Loader as lr, LoaderUtils as Xt, FileLoader as ns, Color as Ge, SpotLight as wl, PointLight as xl, DirectionalLight as yl, MeshBasicMaterial as ts, sRGBEncoding as Wt, MeshPhysicalMaterial as Zt, TangentSpaceNormalMap as Cl, TextureLoader as El, ImageBitmapLoader as Pl, InterleavedBuffer as kl, InterleavedBufferAttribute as Tl, BufferAttribute as Ns, LinearFilter as ao, LinearMipmapLinearFilter as lo, RepeatWrapping as nr, PointsMaterial as Ml, Material as qi, LineBasicMaterial as Ll, MeshStandardMaterial as cr, DoubleSide as Sl, PropertyBinding as Al, BufferGeometry as co, SkinnedMesh as Vl, Mesh as Rl, LineSegments as Nl, Line as Il, LineLoop as Ol, Points as Dl, Group as Yi, MathUtils as Fl, InterpolateLinear as po, AnimationClip as jl, Bone as Bl, Object3D as zl, Matrix4 as uo, Skeleton as Ul, TriangleFanDrawMode as ho, NearestFilter as Hl, NearestMipmapNearestFilter as Kl, LinearMipmapNearestFilter as Gl, NearestMipmapLinearFilter as $l, ClampToEdgeWrapping as ql, MirroredRepeatWrapping as Yl, InterpolateDiscrete as Xl, FrontSide as Wl, Texture as Zr, TriangleStripDrawMode as Zl, VectorKeyframeTrack as Ql, QuaternionKeyframeTrack as Qr, NumberKeyframeTrack as Jl, Box3 as ec, Sphere as tc, Interpolant as nc, ExtrudeGeometry as sc, ShapePath as ic } from "three";
 import { useRenderLoop as rc, useLoader as oc } from "@tresjs/core";
 function ac(k, l) {
   for (var u = 0; u < l.length; u++) {
@@ -131,14 +131,14 @@ class lc extends _l {
           let mt = E.length();
           mt *= Math.tan(a.object.fov / 2 * Math.PI / 180), pe(2 * B * mt / oe.clientHeight, a.object.matrix), ve(2 * $ * mt / oe.clientHeight, a.object.matrix);
         } else
-          oe && a.object instanceof As && a.object.isOrthographicCamera ? (pe(B * (a.object.right - a.object.left) / a.object.zoom / oe.clientWidth, a.object.matrix), ve($ * (a.object.top - a.object.bottom) / a.object.zoom / oe.clientHeight, a.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), a.enablePan = !1);
+          oe && a.object instanceof Vs && a.object.isOrthographicCamera ? (pe(B * (a.object.right - a.object.left) / a.object.zoom / oe.clientWidth, a.object.matrix), ve($ * (a.object.top - a.object.bottom) / a.object.zoom / oe.clientHeight, a.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), a.enablePan = !1);
       };
     })();
     function j(E) {
-      a.object instanceof qt && a.object.isPerspectiveCamera ? P /= E : a.object instanceof As && a.object.isOrthographicCamera ? (a.object.zoom = Math.max(a.minZoom, Math.min(a.maxZoom, a.object.zoom * E)), a.object.updateProjectionMatrix(), L = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), a.enableZoom = !1);
+      a.object instanceof qt && a.object.isPerspectiveCamera ? P /= E : a.object instanceof Vs && a.object.isOrthographicCamera ? (a.object.zoom = Math.max(a.minZoom, Math.min(a.maxZoom, a.object.zoom * E)), a.object.updateProjectionMatrix(), L = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), a.enableZoom = !1);
     }
     function pt(E) {
-      a.object instanceof qt && a.object.isPerspectiveCamera ? P *= E : a.object instanceof As && a.object.isOrthographicCamera ? (a.object.zoom = Math.max(a.minZoom, Math.min(a.maxZoom, a.object.zoom / E)), a.object.updateProjectionMatrix(), L = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), a.enableZoom = !1);
+      a.object instanceof qt && a.object.isPerspectiveCamera ? P *= E : a.object instanceof Vs && a.object.isOrthographicCamera ? (a.object.zoom = Math.max(a.minZoom, Math.min(a.maxZoom, a.object.zoom / E)), a.object.updateProjectionMatrix(), L = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), a.enableZoom = !1);
     }
     function Qt(E) {
       N.set(E.clientX, E.clientY);
@@ -1123,7 +1123,7 @@ const ct = {
   CUBICSPLINE: void 0,
   LINEAR: po,
   STEP: Xl
-}, Yi = {
+}, Xi = {
   OPAQUE: "OPAQUE",
   MASK: "MASK",
   BLEND: "BLEND"
@@ -1410,10 +1410,10 @@ class Dc {
         let O = u.cache.get(G);
         O || (N = new w(f, I * S, d.count * S / C), O = new kl(N, S / C), u.cache.add(G, O)), A = new Tl(O, v, P % S / C, L);
       } else
-        f === null ? N = new w(d.count * v) : N = new w(f, P, d.count * v), A = new Rs(N, v, L);
+        f === null ? N = new w(d.count * v) : N = new w(f, P, d.count * v), A = new Ns(N, v, L);
       if (d.sparse !== void 0) {
         const I = so.SCALAR, G = ss[d.sparse.indices.componentType], O = d.sparse.indices.byteOffset || 0, ie = d.sparse.values.byteOffset || 0, ue = new G(h[1], O, d.sparse.count * I), te = new w(h[2], ie, d.sparse.count * v);
-        f !== null && (A = new Rs(A.array.slice(), A.itemSize, A.normalized));
+        f !== null && (A = new Ns(A.array.slice(), A.itemSize, A.normalized));
         for (let Y = 0, H = ue.length; Y < H; Y++) {
           const J = ue[Y];
           if (A.setX(J, te[Y * v]), v >= 2 && A.setY(J, te[Y * v + 1]), v >= 3 && A.setZ(J, te[Y * v + 2]), v >= 4 && A.setW(J, te[Y * v + 3]), v >= 5)
@@ -1498,11 +1498,11 @@ class Dc {
     if (l.isPoints) {
       const f = "PointsMaterial:" + a.uuid;
       let v = this.cache.get(f);
-      v || (v = new Ml(), $i.prototype.copy.call(v, a), v.color.copy(a.color), v.map = a.map, v.sizeAttenuation = !1, this.cache.add(f, v)), a = v;
+      v || (v = new Ml(), qi.prototype.copy.call(v, a), v.color.copy(a.color), v.map = a.map, v.sizeAttenuation = !1, this.cache.add(f, v)), a = v;
     } else if (l.isLine) {
       const f = "LineBasicMaterial:" + a.uuid;
       let v = this.cache.get(f);
-      v || (v = new Ll(), $i.prototype.copy.call(v, a), v.color.copy(a.color), this.cache.add(f, v)), a = v;
+      v || (v = new Ll(), qi.prototype.copy.call(v, a), v.color.copy(a.color), this.cache.add(f, v)), a = v;
     }
     if (d || m || h) {
       let f = "ClonedMaterial:" + a.uuid + ":";
@@ -1538,8 +1538,8 @@ class Dc {
       })));
     }
     m.doubleSided === !0 && (f.side = Sl);
-    const C = m.alphaMode || Yi.OPAQUE;
-    if (C === Yi.BLEND ? (f.transparent = !0, f.depthWrite = !1) : (f.transparent = !1, C === Yi.MASK && (f.alphaTest = m.alphaCutoff !== void 0 ? m.alphaCutoff : 0.5)), m.normalTexture !== void 0 && h !== ts && (w.push(u.assignTexture(f, "normalMap", m.normalTexture)), f.normalScale = new Ie(1, 1), m.normalTexture.scale !== void 0)) {
+    const C = m.alphaMode || Xi.OPAQUE;
+    if (C === Xi.BLEND ? (f.transparent = !0, f.depthWrite = !1) : (f.transparent = !1, C === Xi.MASK && (f.alphaTest = m.alphaCutoff !== void 0 ? m.alphaCutoff : 0.5)), m.normalTexture !== void 0 && h !== ts && (w.push(u.assignTexture(f, "normalMap", m.normalTexture)), f.normalScale = new Ie(1, 1), m.normalTexture.scale !== void 0)) {
       const _ = m.normalTexture.scale;
       f.normalScale.set(_, _);
     }
@@ -1612,7 +1612,7 @@ class Dc {
         });
       if (_.length === 1)
         return _[0];
-      const P = new qi();
+      const P = new Yi();
       u.associations.set(P, {
         meshes: l
       });
@@ -1628,7 +1628,7 @@ class Dc {
       console.warn("THREE.GLTFLoader: Missing camera parameters.");
       return;
     }
-    return a.type === "perspective" ? u = new qt(Fl.radToDeg(d.yfov), d.aspectRatio || 1, d.znear || 1, d.zfar || 2e6) : a.type === "orthographic" && (u = new As(-d.xmag, d.xmag, d.ymag, -d.ymag, d.znear, d.zfar)), a.name && (u.name = this.createUniqueName(a.name)), Yt(u, a), Promise.resolve(u);
+    return a.type === "perspective" ? u = new qt(Fl.radToDeg(d.yfov), d.aspectRatio || 1, d.znear || 1, d.zfar || 2e6) : a.type === "orthographic" && (u = new Vs(-d.xmag, d.xmag, d.ymag, -d.ymag, d.znear, d.zfar)), a.name && (u.name = this.createUniqueName(a.name)), Yt(u, a), Promise.resolve(u);
   }
   loadSkin(l) {
     const u = this.json.skins[l], a = {
@@ -1714,7 +1714,7 @@ class Dc {
       }), Promise.all(f);
     }().then(function(f) {
       let v;
-      if (m.isBone === !0 ? v = new Bl() : f.length > 1 ? v = new qi() : f.length === 1 ? v = f[0] : v = new zl(), v !== f[0])
+      if (m.isBone === !0 ? v = new Bl() : f.length > 1 ? v = new Yi() : f.length === 1 ? v = f[0] : v = new zl(), v !== f[0])
         for (let w = 0, C = f.length; w < C; w++)
           v.add(f[w]);
       if (m.name && (v.userData.name = m.name, v.name = h), Yt(v, m), m.extensions && es(a, v, m), m.matrix !== void 0) {
@@ -1726,7 +1726,7 @@ class Dc {
     });
   }
   loadScene(l) {
-    const u = this.json, a = this.extensions, d = this.json.scenes[l], m = this, h = new qi();
+    const u = this.json, a = this.extensions, d = this.json.scenes[l], m = this, h = new Yi();
     d.name && (h.name = m.createUniqueName(d.name)), Yt(h, d), d.extensions && es(a, h, d);
     const f = d.nodes || [], v = [];
     for (let w = 0, C = f.length; w < C; w++)
@@ -1735,7 +1735,7 @@ class Dc {
       const w = (C) => {
         const _ = /* @__PURE__ */ new Map();
         for (const [P, S] of m.associations)
-          (P instanceof $i || P instanceof Zr) && _.set(P, S);
+          (P instanceof qi || P instanceof Zr) && _.set(P, S);
         return C.traverse((P) => {
           const S = m.associations.get(P);
           S != null && _.set(P, S);
@@ -1977,7 +1977,7 @@ var bo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function Hc(k) {
   return k && k.__esModule && Object.prototype.hasOwnProperty.call(k, "default") ? k.default : k;
 }
-const Xi = /* @__PURE__ */ new WeakMap();
+const Wi = /* @__PURE__ */ new WeakMap();
 class Kc extends lr {
   constructor(l) {
     super(l), this.decoderPath = "", this.decoderConfig = {}, this.decoderBinary = null, this.decoderPending = null, this.workerLimit = 4, this.workerPool = [], this.workerNextTaskID = 1, this.workerSourceURL = "", this.defaultAttributeIDs = {
@@ -2026,8 +2026,8 @@ class Kc extends lr {
       w.BYTES_PER_ELEMENT !== void 0 && (u.attributeTypes[v] = w.name);
     }
     const a = JSON.stringify(u);
-    if (Xi.has(l)) {
-      const v = Xi.get(l);
+    if (Wi.has(l)) {
+      const v = Wi.get(l);
       if (v.key === a)
         return v.promise;
       if (l.byteLength === 0)
@@ -2047,17 +2047,17 @@ class Kc extends lr {
     }))).then((v) => this._createGeometry(v.geometry));
     return f.catch(() => !0).then(() => {
       d && m && this._releaseTask(d, m);
-    }), Xi.set(l, {
+    }), Wi.set(l, {
       key: a,
       promise: f
     }), f;
   }
   _createGeometry(l) {
     const u = new co();
-    l.index && u.setIndex(new Rs(l.index.array, 1));
+    l.index && u.setIndex(new Ns(l.index.array, 1));
     for (let a = 0; a < l.attributes.length; a++) {
       const d = l.attributes[a], m = d.name, h = d.array, f = d.itemSize;
-      u.setAttribute(m, new Rs(h, f));
+      u.setAttribute(m, new Ns(h, f));
     }
     return u;
   }
@@ -2231,7 +2231,7 @@ function Gc() {
 }
 function go() {
   return {
-    extend: Vs("extend") || (() => {
+    extend: Rs("extend") || (() => {
       console.warn("No extend function provided");
     })
   };
@@ -2246,7 +2246,7 @@ const Jc = /* @__PURE__ */ ar({
     enableDamping: { type: Boolean }
   },
   setup(k) {
-    const l = dl(null), u = Vs("camera"), a = Vs("renderer"), { extend: d } = go();
+    const l = dl(null), u = Rs("camera"), a = Rs("renderer"), { extend: d } = go();
     return d({ OrbitControls: lc }), (m, h) => {
       var v;
       const f = Zi("TresOrbitControls");
@@ -3180,13 +3180,13 @@ var or = { exports: {} };
         }), this.rackController = e.rackController;
       }
     }
-    class Is {
+    class Os {
       constructor(e, t) {
         const i = O(t.viewName);
         this.element = e.createElement("div"), this.element.classList.add(i()), t.viewProps.bindClassModifiers(this.element);
       }
     }
-    function Os(n, e) {
+    function Ds(n, e) {
       for (let t = 0; t < n.length; t++) {
         const i = n[t];
         if (i instanceof Te && i.binding === e)
@@ -3194,7 +3194,7 @@ var or = { exports: {} };
       }
       return null;
     }
-    function Ds(n, e) {
+    function Fs(n, e) {
       for (let t = 0; t < n.length; t++) {
         const i = n[t];
         if (i instanceof Xe && i.binding === e)
@@ -3202,7 +3202,7 @@ var or = { exports: {} };
       }
       return null;
     }
-    function Fs(n, e) {
+    function js(n, e) {
       for (let t = 0; t < n.length; t++) {
         const i = n[t];
         if (i instanceof Pe && i.value === e)
@@ -3213,14 +3213,14 @@ var or = { exports: {} };
     function Tn(n) {
       return n instanceof Ft ? n.rack : n instanceof kn ? n.rackController.rack : null;
     }
-    function js(n) {
+    function Bs(n) {
       const e = Tn(n);
       return e ? e.bcSet_ : null;
     }
-    class Bs {
+    class zs {
       constructor(e) {
         var t;
-        this.onBladePositionsChange_ = this.onBladePositionsChange_.bind(this), this.onSetAdd_ = this.onSetAdd_.bind(this), this.onSetRemove_ = this.onSetRemove_.bind(this), this.onChildDispose_ = this.onChildDispose_.bind(this), this.onChildPositionsChange_ = this.onChildPositionsChange_.bind(this), this.onChildInputChange_ = this.onChildInputChange_.bind(this), this.onChildMonitorUpdate_ = this.onChildMonitorUpdate_.bind(this), this.onChildValueChange_ = this.onChildValueChange_.bind(this), this.onChildViewPropsChange_ = this.onChildViewPropsChange_.bind(this), this.onDescendantLayout_ = this.onDescendantLayout_.bind(this), this.onDescendantInputChange_ = this.onDescendantInputChange_.bind(this), this.onDescendantMonitorUpdate_ = this.onDescendantMonitorUpdate_.bind(this), this.emitter = new I(), this.blade_ = e ?? null, (t = this.blade_) === null || t === void 0 || t.value("positions").emitter.on("change", this.onBladePositionsChange_), this.bcSet_ = new _e(js), this.bcSet_.emitter.on("add", this.onSetAdd_), this.bcSet_.emitter.on("remove", this.onSetRemove_);
+        this.onBladePositionsChange_ = this.onBladePositionsChange_.bind(this), this.onSetAdd_ = this.onSetAdd_.bind(this), this.onSetRemove_ = this.onSetRemove_.bind(this), this.onChildDispose_ = this.onChildDispose_.bind(this), this.onChildPositionsChange_ = this.onChildPositionsChange_.bind(this), this.onChildInputChange_ = this.onChildInputChange_.bind(this), this.onChildMonitorUpdate_ = this.onChildMonitorUpdate_.bind(this), this.onChildValueChange_ = this.onChildValueChange_.bind(this), this.onChildViewPropsChange_ = this.onChildViewPropsChange_.bind(this), this.onDescendantLayout_ = this.onDescendantLayout_.bind(this), this.onDescendantInputChange_ = this.onDescendantInputChange_.bind(this), this.onDescendantMonitorUpdate_ = this.onDescendantMonitorUpdate_.bind(this), this.emitter = new I(), this.blade_ = e ?? null, (t = this.blade_) === null || t === void 0 || t.value("positions").emitter.on("change", this.onBladePositionsChange_), this.bcSet_ = new _e(Bs), this.bcSet_.emitter.on("add", this.onSetAdd_), this.bcSet_.emitter.on("remove", this.onSetRemove_);
       }
       get children() {
         return this.bcSet_.items;
@@ -3306,7 +3306,7 @@ var or = { exports: {} };
         });
       }
       onChildInputChange_(e) {
-        const t = Os(this.find(Te), e.sender);
+        const t = Ds(this.find(Te), e.sender);
         if (!t)
           throw L.alreadyDisposed();
         this.emitter.emit("inputchange", {
@@ -3316,7 +3316,7 @@ var or = { exports: {} };
         });
       }
       onChildMonitorUpdate_(e) {
-        const t = Ds(this.find(Xe), e.sender);
+        const t = Fs(this.find(Xe), e.sender);
         if (!t)
           throw L.alreadyDisposed();
         this.emitter.emit("monitorupdate", {
@@ -3325,7 +3325,7 @@ var or = { exports: {} };
         });
       }
       onChildValueChange_(e) {
-        const t = Fs(this.find(Pe), e.sender);
+        const t = js(this.find(Pe), e.sender);
         if (!t)
           throw L.alreadyDisposed();
         this.emitter.emit("inputchange", {
@@ -3358,11 +3358,11 @@ var or = { exports: {} };
     }
     class Ft extends Ce {
       constructor(e, t) {
-        super(Object.assign(Object.assign({}, t), { view: new Is(e, {
+        super(Object.assign(Object.assign({}, t), { view: new Os(e, {
           viewName: "brk",
           viewProps: t.viewProps
         }) })), this.onRackAdd_ = this.onRackAdd_.bind(this), this.onRackRemove_ = this.onRackRemove_.bind(this);
-        const i = new Bs(t.root ? void 0 : t.blade);
+        const i = new zs(t.root ? void 0 : t.blade);
         i.emitter.on("add", this.onRackAdd_), i.emitter.on("remove", this.onRackRemove_), this.rack = i, this.viewProps.handleDispose(() => {
           for (let p = this.rack.children.length - 1; p >= 0; p--)
             this.rack.children[p].viewProps.set("disposed", !0);
@@ -3376,7 +3376,7 @@ var or = { exports: {} };
       }
     }
     const is = O("cnt");
-    class zs {
+    class Us {
       constructor(e, t) {
         var i;
         this.className_ = O((i = t.viewName) !== null && i !== void 0 ? i : "fld"), this.element = e.createElement("div"), this.element.classList.add(this.className_(), is()), t.viewProps.bindClassModifiers(this.element), this.foldable_ = t.foldable, this.foldable_.bindExpandedClass(this.element, this.className_(void 0, "expanded")), Y(this.foldable_, "completed", J(this.element, this.className_(void 0, "cpl")));
@@ -3400,7 +3400,7 @@ var or = { exports: {} };
           root: t.root,
           viewProps: t.viewProps
         });
-        super(Object.assign(Object.assign({}, t), { rackController: g, view: new zs(e, {
+        super(Object.assign(Object.assign({}, t), { rackController: g, view: new Us(e, {
           containerElement: g.view.element,
           foldable: p,
           props: t.props,
@@ -3419,7 +3419,7 @@ var or = { exports: {} };
         this.foldable.set("expanded", !this.foldable.get("expanded"));
       }
     }
-    const Us = {
+    const Hs = {
       id: "folder",
       type: "blade",
       accept(n) {
@@ -3456,7 +3456,7 @@ var or = { exports: {} };
     class Ln extends d {
     }
     const rs = O("spr");
-    class Hs {
+    class Ks {
       constructor(e, t) {
         this.element = e.createElement("div"), this.element.classList.add(rs()), t.viewProps.bindClassModifiers(this.element);
         const i = e.createElement("hr");
@@ -3465,7 +3465,7 @@ var or = { exports: {} };
     }
     class os extends Ce {
       constructor(e, t) {
-        super(Object.assign(Object.assign({}, t), { view: new Hs(e, {
+        super(Object.assign(Object.assign({}, t), { view: new Ks(e, {
           viewProps: t.viewProps
         }) }));
       }
@@ -3488,9 +3488,9 @@ var or = { exports: {} };
       api(n) {
         return n.controller instanceof os ? new Ln(n.controller) : null;
       }
-    }, Ks = O("");
+    }, Gs = O("");
     function jt(n, e) {
-      return J(n, Ks(void 0, e));
+      return J(n, Gs(void 0, e));
     }
     class We extends j {
       constructor(e) {
@@ -3525,7 +3525,7 @@ var or = { exports: {} };
       }
     }
     const ce = O("tbi");
-    class Gs {
+    class $s {
       constructor(e, t) {
         this.element = e.createElement("div"), this.element.classList.add(ce()), t.viewProps.bindClassModifiers(this.element), Y(t.props, "selected", (g) => {
           g ? this.element.classList.add(ce(void 0, "sel")) : this.element.classList.remove(ce(void 0, "sel"));
@@ -3538,7 +3538,7 @@ var or = { exports: {} };
     }
     class on {
       constructor(e, t) {
-        this.emitter = new I(), this.onClick_ = this.onClick_.bind(this), this.props = t.props, this.viewProps = t.viewProps, this.view = new Gs(e, {
+        this.emitter = new I(), this.onClick_ = this.onClick_.bind(this), this.props = t.props, this.viewProps = t.viewProps, this.view = new $s(e, {
           props: t.props,
           viewProps: t.viewProps
         }), this.view.buttonElement.addEventListener("click", this.onClick_);
@@ -3688,7 +3688,7 @@ var or = { exports: {} };
       }
     }
     const ps = -1;
-    class $s {
+    class qs {
       constructor() {
         this.onItemSelectedChange_ = this.onItemSelectedChange_.bind(this), this.empty = X(!0), this.selectedIndex = X(ps), this.items_ = [];
       }
@@ -3737,7 +3737,7 @@ var or = { exports: {} };
         const i = new Ft(e, {
           blade: t.blade,
           viewProps: t.viewProps
-        }), p = new $s();
+        }), p = new qs();
         super({
           blade: t.blade,
           rackController: i,
@@ -3798,7 +3798,7 @@ var or = { exports: {} };
         return n.controller instanceof zt ? new cs(n.controller, n.pool) : null;
       }
     };
-    function qs(n, e) {
+    function Ys(n, e) {
       const t = n.accept(e.params);
       if (!t)
         return null;
@@ -3902,7 +3902,7 @@ var or = { exports: {} };
       }
     }
     const Rn = O("lst");
-    class Ys {
+    class Xs {
       constructor(e, t) {
         this.onValueChange_ = this.onValueChange_.bind(this), this.props_ = t.props, this.element = e.createElement("div"), this.element.classList.add(Rn()), t.viewProps.bindClassModifiers(this.element);
         const i = e.createElement("select");
@@ -3924,7 +3924,7 @@ var or = { exports: {} };
     }
     class st {
       constructor(e, t) {
-        this.onSelectChange_ = this.onSelectChange_.bind(this), this.props = t.props, this.value = t.value, this.viewProps = t.viewProps, this.view = new Ys(e, {
+        this.onSelectChange_ = this.onSelectChange_.bind(this), this.props = t.props, this.value = t.value, this.viewProps = t.viewProps, this.view = new Xs(e, {
           props: this.props,
           value: this.value,
           viewProps: this.viewProps
@@ -3939,14 +3939,14 @@ var or = { exports: {} };
       }
     }
     const ds = O("pop");
-    class Xs {
+    class Ws {
       constructor(e, t) {
         this.element = e.createElement("div"), this.element.classList.add(ds()), t.viewProps.bindClassModifiers(this.element), te(t.shows, J(this.element, ds(void 0, "v")));
       }
     }
     class Nn {
       constructor(e, t) {
-        this.shows = X(!1), this.viewProps = t.viewProps, this.view = new Xs(e, {
+        this.shows = X(!1), this.viewProps = t.viewProps, this.view = new Ws(e, {
           shows: this.shows,
           viewProps: this.viewProps
         });
@@ -3980,16 +3980,16 @@ var or = { exports: {} };
         _(p) || (this.value.rawValue = p), this.view.refresh();
       }
     }
-    function Ws(n) {
+    function Zs(n) {
       return String(n);
     }
     function ms(n) {
       return n === "false" ? !1 : !!n;
     }
     function vs(n) {
-      return Ws(n);
+      return Zs(n);
     }
-    class Zs {
+    class Qs {
       constructor(e) {
         this.text = e;
       }
@@ -4000,7 +4000,7 @@ var or = { exports: {} };
         return this.text;
       }
     }
-    const Qs = {
+    const Js = {
       "**": (n, e) => Math.pow(n, e),
       "*": (n, e) => n * e,
       "/": (n, e) => n / e,
@@ -4014,12 +4014,12 @@ var or = { exports: {} };
       "^": (n, e) => n ^ e,
       "|": (n, e) => n | e
     };
-    class Js {
+    class ei {
       constructor(e, t, i) {
         this.left = t, this.operator = e, this.right = i;
       }
       evaluate() {
-        const e = Qs[this.operator];
+        const e = Js[this.operator];
         if (!e)
           throw new Error(`unexpected binary operator: '${this.operator}`);
         return e(this.left.evaluate(), this.right.evaluate());
@@ -4034,17 +4034,17 @@ var or = { exports: {} };
         ].join(" ");
       }
     }
-    const ei = {
+    const ti = {
       "+": (n) => n,
       "-": (n) => -n,
       "~": (n) => ~n
     };
-    class ti {
+    class ni {
       constructor(e, t) {
         this.operator = e, this.expression = t;
       }
       evaluate() {
-        const e = ei[this.operator];
+        const e = ti[this.operator];
         if (!e)
           throw new Error(`unexpected unary operator: '${this.operator}`);
         return e(this.expression.evaluate());
@@ -4068,7 +4068,7 @@ var or = { exports: {} };
       const i = n.substr(e).match(/^\s+/);
       return (t = i && i[0]) !== null && t !== void 0 ? t : "";
     }
-    function ni(n, e) {
+    function si(n, e) {
       const t = n.substr(e, 1);
       return t.match(/^[1-9]$/) ? t : "";
     }
@@ -4077,7 +4077,7 @@ var or = { exports: {} };
       const i = n.substr(e).match(/^[0-9]+/);
       return (t = i && i[0]) !== null && t !== void 0 ? t : "";
     }
-    function si(n, e) {
+    function ii(n, e) {
       const t = Kt(n, e);
       if (t !== "")
         return t;
@@ -4091,17 +4091,17 @@ var or = { exports: {} };
       const t = n.substr(e, 1);
       if (e += 1, t.toLowerCase() !== "e")
         return "";
-      const i = si(n, e);
+      const i = ii(n, e);
       return i === "" ? "" : t + i;
     }
     function fs(n, e) {
       const t = n.substr(e, 1);
       if (t === "0")
         return t;
-      const i = ni(n, e);
+      const i = si(n, e);
       return e += i.length, i === "" ? "" : i + Kt(n, e);
     }
-    function ii(n, e) {
+    function ri(n, e) {
       const t = fs(n, e);
       if (e += t.length, t === "")
         return "";
@@ -4118,16 +4118,16 @@ var or = { exports: {} };
       const i = Kt(n, e);
       return e += i.length, i === "" ? "" : t + i + ln(n, e);
     }
-    function ri(n, e) {
+    function oi(n, e) {
       const t = fs(n, e);
       return e += t.length, t === "" ? "" : t + ln(n, e);
     }
-    const oi = In([
-      ii,
+    const ai = In([
+      ri,
       On,
-      ri
+      oi
     ]);
-    function ai(n, e) {
+    function li(n, e) {
       var t;
       const i = n.substr(e).match(/^[01]+/);
       return (t = i && i[0]) !== null && t !== void 0 ? t : "";
@@ -4136,49 +4136,49 @@ var or = { exports: {} };
       const t = n.substr(e, 2);
       if (e += t.length, t.toLowerCase() !== "0b")
         return "";
-      const i = ai(n, e);
+      const i = li(n, e);
       return i === "" ? "" : t + i;
     }
-    function li(n, e) {
+    function ci(n, e) {
       var t;
       const i = n.substr(e).match(/^[0-7]+/);
       return (t = i && i[0]) !== null && t !== void 0 ? t : "";
     }
-    function ci(n, e) {
+    function pi(n, e) {
       const t = n.substr(e, 2);
       if (e += t.length, t.toLowerCase() !== "0o")
         return "";
-      const i = li(n, e);
+      const i = ci(n, e);
       return i === "" ? "" : t + i;
     }
-    function pi(n, e) {
+    function ui(n, e) {
       var t;
       const i = n.substr(e).match(/^[0-9a-f]+/i);
       return (t = i && i[0]) !== null && t !== void 0 ? t : "";
     }
-    function ui(n, e) {
+    function di(n, e) {
       const t = n.substr(e, 2);
       if (e += t.length, t.toLowerCase() !== "0x")
         return "";
-      const i = pi(n, e);
+      const i = ui(n, e);
       return i === "" ? "" : t + i;
     }
-    const di = In([
+    const hi = In([
       Qe,
-      ci,
-      ui
+      pi,
+      di
     ]), bs = In([
-      di,
-      oi
+      hi,
+      ai
     ]);
-    function hi(n, e) {
+    function mi(n, e) {
       const t = bs(n, e);
       return e += t.length, t === "" ? null : {
-        evaluable: new Zs(t),
+        evaluable: new Qs(t),
         cursor: e
       };
     }
-    function mi(n, e) {
+    function vi(n, e) {
       const t = n.substr(e, 1);
       if (e += t.length, t !== "(")
         return null;
@@ -4194,7 +4194,7 @@ var or = { exports: {} };
     }
     function Me(n, e) {
       var t;
-      return (t = hi(n, e)) !== null && t !== void 0 ? t : mi(n, e);
+      return (t = mi(n, e)) !== null && t !== void 0 ? t : vi(n, e);
     }
     function gs(n, e) {
       const t = Me(n, e);
@@ -4206,10 +4206,10 @@ var or = { exports: {} };
       const p = gs(n, e);
       return p ? (e = p.cursor, {
         cursor: e,
-        evaluable: new ti(i, p.evaluable)
+        evaluable: new ni(i, p.evaluable)
       }) : null;
     }
-    function vi(n, e, t) {
+    function fi(n, e, t) {
       t += Ht(e, t).length;
       const i = n.filter((p) => e.startsWith(p, t))[0];
       return i ? (t += i.length, t += Ht(e, t).length, {
@@ -4225,14 +4225,14 @@ var or = { exports: {} };
         i = p.cursor;
         let g = p.evaluable;
         for (; ; ) {
-          const y = vi(e, t, i);
+          const y = fi(e, t, i);
           if (!y)
             break;
           i = y.cursor;
           const M = n(t, i);
           if (!M)
             return null;
-          i = M.cursor, g = new Js(y.operator, g, M.evaluable);
+          i = M.cursor, g = new ei(y.operator, g, M.evaluable);
         }
         return g ? {
           cursor: i,
@@ -4240,7 +4240,7 @@ var or = { exports: {} };
         } : null;
       };
     }
-    const fi = [
+    const bi = [
       ["**"],
       ["*", "/", "%"],
       ["+", "-"],
@@ -4250,7 +4250,7 @@ var or = { exports: {} };
       ["|"]
     ].reduce((n, e) => Dn(n, e), gs);
     function je(n, e) {
-      return e += Ht(n, e).length, fi(n, e);
+      return e += Ht(n, e).length, bi(n, e);
     }
     function _s(n) {
       const e = je(n, 0);
@@ -4271,15 +4271,15 @@ var or = { exports: {} };
       }
       return 0;
     }
-    function bi(n) {
+    function gi(n) {
       return String(n);
     }
     function se(n) {
       return (e) => e.toFixed(Math.max(Math.min(n, 20), 0));
     }
-    const gi = se(0);
+    const _i = se(0);
     function gt(n) {
-      return gi(n) + "%";
+      return _i(n) + "%";
     }
     function ws(n) {
       return String(n);
@@ -4291,16 +4291,16 @@ var or = { exports: {} };
       for (; n.length < e; )
         n.push(void 0);
     }
-    function _i(n) {
+    function wi(n) {
       const e = [];
       return ze(e, n), X(e);
     }
-    function wi(n) {
+    function xi(n) {
       const e = n.indexOf(void 0);
       return e < 0 ? n : n.slice(0, e);
     }
     function xs(n, e) {
-      const t = [...wi(n), e];
+      const t = [...xi(n), e];
       return t.length > n.length ? t.splice(0, t.length - n.length) : ze(t, n.length), t;
     }
     function _t({ primary: n, secondary: e, forward: t, backward: i }) {
@@ -4461,7 +4461,7 @@ var or = { exports: {} };
       return (n % e + e) % e;
     }
     const xe = O("txt");
-    class xi {
+    class yi {
       constructor(e, t) {
         this.onChange_ = this.onChange_.bind(this), this.props_ = t.props, this.props_.emitter.on("change", this.onChange_), this.element = e.createElement("div"), this.element.classList.add(xe(), xe(void 0, "num")), t.arrayPosition && this.element.classList.add(xe(void 0, t.arrayPosition)), t.viewProps.bindClassModifiers(this.element);
         const i = e.createElement("input");
@@ -4499,7 +4499,7 @@ var or = { exports: {} };
     class He {
       constructor(e, t) {
         var i;
-        this.originRawValue_ = 0, this.onInputChange_ = this.onInputChange_.bind(this), this.onInputKeyDown_ = this.onInputKeyDown_.bind(this), this.onInputKeyUp_ = this.onInputKeyUp_.bind(this), this.onPointerDown_ = this.onPointerDown_.bind(this), this.onPointerMove_ = this.onPointerMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.baseStep_ = t.baseStep, this.parser_ = t.parser, this.props = t.props, this.sliderProps_ = (i = t.sliderProps) !== null && i !== void 0 ? i : null, this.value = t.value, this.viewProps = t.viewProps, this.dragging_ = X(null), this.view = new xi(e, {
+        this.originRawValue_ = 0, this.onInputChange_ = this.onInputChange_.bind(this), this.onInputKeyDown_ = this.onInputKeyDown_.bind(this), this.onInputKeyUp_ = this.onInputKeyUp_.bind(this), this.onPointerDown_ = this.onPointerDown_.bind(this), this.onPointerMove_ = this.onPointerMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.baseStep_ = t.baseStep, this.parser_ = t.parser, this.props = t.props, this.sliderProps_ = (i = t.sliderProps) !== null && i !== void 0 ? i : null, this.value = t.value, this.viewProps = t.viewProps, this.dragging_ = X(null), this.view = new yi(e, {
           arrayPosition: t.arrayPosition,
           dragging: this.dragging_,
           props: this.props,
@@ -4573,7 +4573,7 @@ var or = { exports: {} };
         this.update_();
       }
     }
-    class yi {
+    class Ci {
       constructor(e, t) {
         this.onKeyDown_ = this.onKeyDown_.bind(this), this.onKeyUp_ = this.onKeyUp_.bind(this), this.onPointerDownOrMove_ = this.onPointerDownOrMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.baseStep_ = t.baseStep, this.value = t.value, this.viewProps = t.viewProps, this.props = t.props, this.view = new Ps(e, {
           props: this.props,
@@ -4622,7 +4622,7 @@ var or = { exports: {} };
     }
     class pn {
       constructor(e, t) {
-        this.value = t.value, this.viewProps = t.viewProps, this.sliderC_ = new yi(e, {
+        this.value = t.value, this.viewProps = t.viewProps, this.sliderC_ = new Ci(e, {
           baseStep: t.baseStep,
           props: t.sliderProps,
           value: t.value,
@@ -4686,7 +4686,7 @@ var or = { exports: {} };
       const e = n ? Q(n, bt) : null;
       return e ? e.options : null;
     }
-    function Ci(n) {
+    function Ei(n) {
       const e = n ? Q(n, he) : null;
       return e ? e.step : null;
     }
@@ -4695,7 +4695,7 @@ var or = { exports: {} };
       return t ? Cs(t.step) : Math.max(Cs(e), 2);
     }
     function yt(n) {
-      const e = Ci(n);
+      const e = Ei(n);
       return e ?? 1;
     }
     function Ct(n, e) {
@@ -4704,7 +4704,7 @@ var or = { exports: {} };
       return p === 0 ? 0.1 : Math.pow(10, Math.floor(Math.log10(p)) - 1);
     }
     const dn = O("ckb");
-    class Ei {
+    class Pi {
       constructor(e, t) {
         this.onValueChange_ = this.onValueChange_.bind(this), this.element = e.createElement("div"), this.element.classList.add(dn()), t.viewProps.bindClassModifiers(this.element);
         const i = e.createElement("label");
@@ -4723,9 +4723,9 @@ var or = { exports: {} };
         this.update_();
       }
     }
-    class Pi {
+    class ki {
       constructor(e, t) {
-        this.onInputChange_ = this.onInputChange_.bind(this), this.value = t.value, this.viewProps = t.viewProps, this.view = new Ei(e, {
+        this.onInputChange_ = this.onInputChange_.bind(this), this.value = t.value, this.viewProps = t.viewProps, this.view = new Pi(e, {
           value: this.value,
           viewProps: this.viewProps
         }), this.view.inputElement.addEventListener("change", this.onInputChange_);
@@ -4739,7 +4739,7 @@ var or = { exports: {} };
       const e = [], t = Hn(n.options);
       return t && e.push(t), new Ze(e);
     }
-    const ki = {
+    const Ti = {
       id: "input-bool",
       type: "input",
       accept: (n, e) => {
@@ -4767,7 +4767,7 @@ var or = { exports: {} };
           }),
           value: i,
           viewProps: n.viewProps
-        }) : new Pi(t, {
+        }) : new ki(t, {
           value: i,
           viewProps: n.viewProps
         });
@@ -4788,7 +4788,7 @@ var or = { exports: {} };
           this.pickerElement = null;
       }
     }
-    function Ti(n, e, t) {
+    function Mi(n, e, t) {
       const i = ae(n / 255, 0, 1), p = ae(e / 255, 0, 1), g = ae(t / 255, 0, 1), y = Math.max(i, p, g), M = Math.min(i, p, g), F = y - M;
       let U = 0, W = 0;
       const Z = (M + y) / 2;
@@ -4799,7 +4799,7 @@ var or = { exports: {} };
       let U, W, Z;
       return i >= 0 && i < 60 ? [U, W, Z] = [y, M, 0] : i >= 60 && i < 120 ? [U, W, Z] = [M, y, 0] : i >= 120 && i < 180 ? [U, W, Z] = [0, y, M] : i >= 180 && i < 240 ? [U, W, Z] = [0, M, y] : i >= 240 && i < 300 ? [U, W, Z] = [M, 0, y] : [U, W, Z] = [y, 0, M], [(U + F) * 255, (W + F) * 255, (Z + F) * 255];
     }
-    function Mi(n, e, t) {
+    function Li(n, e, t) {
       const i = ae(n / 255, 0, 1), p = ae(e / 255, 0, 1), g = ae(t / 255, 0, 1), y = Math.max(i, p, g), M = Math.min(i, p, g), F = y - M;
       let U;
       F === 0 ? U = 0 : y === i ? U = 60 * (((p - g) / F % 6 + 6) % 6) : y === p ? U = 60 * ((g - i) / F + 2) : U = 60 * ((i - p) / F + 4);
@@ -4811,7 +4811,7 @@ var or = { exports: {} };
       let U, W, Z;
       return i >= 0 && i < 60 ? [U, W, Z] = [y, M, 0] : i >= 60 && i < 120 ? [U, W, Z] = [M, y, 0] : i >= 120 && i < 180 ? [U, W, Z] = [0, y, M] : i >= 180 && i < 240 ? [U, W, Z] = [0, M, y] : i >= 240 && i < 300 ? [U, W, Z] = [M, 0, y] : [U, W, Z] = [y, 0, M], [(U + F) * 255, (W + F) * 255, (Z + F) * 255];
     }
-    function Li(n, e, t) {
+    function Si(n, e, t) {
       const i = t + e * (100 - Math.abs(2 * t - 100)) / 200;
       return [
         n,
@@ -4819,7 +4819,7 @@ var or = { exports: {} };
         t + e * (100 - Math.abs(2 * t - 100)) / (2 * 100)
       ];
     }
-    function Si(n, e, t) {
+    function Ai(n, e, t) {
       const i = 100 - Math.abs(t * (200 - e) / 100 - 100);
       return [n, i !== 0 ? e * t / i : 0, t * (200 - e) / (2 * 100)];
     }
@@ -4832,17 +4832,17 @@ var or = { exports: {} };
     const r = {
       hsl: {
         hsl: (n, e, t) => [n, e, t],
-        hsv: Li,
+        hsv: Si,
         rgb: $n
       },
       hsv: {
-        hsl: Si,
+        hsl: Ai,
         hsv: (n, e, t) => [n, e, t],
         rgb: Ms
       },
       rgb: {
-        hsl: Ti,
-        hsv: Mi,
+        hsl: Mi,
+        hsv: Li,
         rgb: (n, e, t) => [n, e, t]
       }
     };
@@ -5209,7 +5209,7 @@ var or = { exports: {} };
     function Eo(n) {
       return Co.reduce((e, { parser: t, result: i }) => e || (t(n) ? i : null), null);
     }
-    function Ai(n, e = "int") {
+    function Vi(n, e = "int") {
       const t = Eo(n);
       return t ? t.notation === "hex" && e !== "float" ? Object.assign(Object.assign({}, t), { type: "int" }) : t.notation === "func" ? Object.assign(Object.assign({}, t), { type: e }) : null : null;
     }
@@ -5242,7 +5242,7 @@ var or = { exports: {} };
         return i ?? D.black(n);
       };
     }
-    function Vi(n) {
+    function Ri(n) {
       const e = kr[n];
       return (t) => e.reduce((i, p) => i || p(t), null);
     }
@@ -5254,7 +5254,7 @@ var or = { exports: {} };
       const t = o(n.getComponents("rgb")).map(Tr).join("");
       return `${e}${t}`;
     }
-    function Ri(n, e = "#") {
+    function Ni(n, e = "#") {
       const t = n.getComponents("rgb"), i = [t[0], t[1], t[2], t[3] * 255].map(Tr).join("");
       return `${e}${i}`;
     }
@@ -5323,7 +5323,7 @@ var or = { exports: {} };
           notation: "hex",
           type: "int"
         },
-        stringifier: Ri
+        stringifier: Ni
       },
       {
         format: {
@@ -5383,7 +5383,7 @@ var or = { exports: {} };
         }
       ], [])
     ];
-    function Ni(n) {
+    function Ii(n) {
       return Vo.reduce((e, t) => e || (_o(t.format, n) ? t.stringifier : null), null);
     }
     const Xn = O("apl");
@@ -5513,7 +5513,7 @@ var or = { exports: {} };
         max: i
       });
     }
-    function Ii(n, e, t) {
+    function Oi(n, e, t) {
       return new He(n, {
         arrayPosition: t === 0 ? "fst" : t === 3 - 1 ? "lst" : "mid",
         baseStep: ot(!1),
@@ -5542,9 +5542,9 @@ var or = { exports: {} };
           parser: this.parser_,
           viewProps: this.viewProps
         }, i = [
-          Ii(e, t, 0),
-          Ii(e, t, 1),
-          Ii(e, t, 2)
+          Oi(e, t, 0),
+          Oi(e, t, 1),
+          Oi(e, t, 2)
         ];
         return i.forEach((p, g) => {
           _t({
@@ -5567,14 +5567,14 @@ var or = { exports: {} };
         ];
       }
     }
-    const Oi = O("hpl");
+    const Di = O("hpl");
     class Bo {
       constructor(e, t) {
-        this.onValueChange_ = this.onValueChange_.bind(this), this.value = t.value, this.value.emitter.on("change", this.onValueChange_), this.element = e.createElement("div"), this.element.classList.add(Oi()), t.viewProps.bindTabIndex(this.element);
+        this.onValueChange_ = this.onValueChange_.bind(this), this.value = t.value, this.value.emitter.on("change", this.onValueChange_), this.element = e.createElement("div"), this.element.classList.add(Di()), t.viewProps.bindTabIndex(this.element);
         const i = e.createElement("div");
-        i.classList.add(Oi("c")), this.element.appendChild(i);
+        i.classList.add(Di("c")), this.element.appendChild(i);
         const p = e.createElement("div");
-        p.classList.add(Oi("m")), this.element.appendChild(p), this.markerElem_ = p, this.update_();
+        p.classList.add(Di("m")), this.element.appendChild(p), this.markerElem_ = p, this.update_();
       }
       update_() {
         const e = this.value.rawValue, [t] = e.getComponents("hsv");
@@ -5634,14 +5634,14 @@ var or = { exports: {} };
         });
       }
     }
-    const Di = O("svp"), Vr = 64;
+    const Fi = O("svp"), Vr = 64;
     class Uo {
       constructor(e, t) {
-        this.onValueChange_ = this.onValueChange_.bind(this), this.value = t.value, this.value.emitter.on("change", this.onValueChange_), this.element = e.createElement("div"), this.element.classList.add(Di()), t.viewProps.bindTabIndex(this.element);
+        this.onValueChange_ = this.onValueChange_.bind(this), this.value = t.value, this.value.emitter.on("change", this.onValueChange_), this.element = e.createElement("div"), this.element.classList.add(Fi()), t.viewProps.bindTabIndex(this.element);
         const i = e.createElement("canvas");
-        i.height = Vr, i.width = Vr, i.classList.add(Di("c")), this.element.appendChild(i), this.canvasElement = i;
+        i.height = Vr, i.width = Vr, i.classList.add(Fi("c")), this.element.appendChild(i), this.canvasElement = i;
         const p = e.createElement("div");
-        p.classList.add(Di("m")), this.element.appendChild(p), this.markerElem_ = p, this.update_();
+        p.classList.add(Fi("m")), this.element.appendChild(p), this.markerElem_ = p, this.update_();
       }
       update_() {
         const e = Cn(this.canvasElement);
@@ -5763,18 +5763,18 @@ var or = { exports: {} };
         return this.textC_;
       }
     }
-    const Fi = O("colsw");
+    const ji = O("colsw");
     class Go {
       constructor(e, t) {
-        this.onValueChange_ = this.onValueChange_.bind(this), t.value.emitter.on("change", this.onValueChange_), this.value = t.value, this.element = e.createElement("div"), this.element.classList.add(Fi()), t.viewProps.bindClassModifiers(this.element);
+        this.onValueChange_ = this.onValueChange_.bind(this), t.value.emitter.on("change", this.onValueChange_), this.value = t.value, this.element = e.createElement("div"), this.element.classList.add(ji()), t.viewProps.bindClassModifiers(this.element);
         const i = e.createElement("div");
-        i.classList.add(Fi("sw")), this.element.appendChild(i), this.swatchElem_ = i;
+        i.classList.add(ji("sw")), this.element.appendChild(i), this.swatchElem_ = i;
         const p = e.createElement("button");
-        p.classList.add(Fi("b")), t.viewProps.bindDisabled(p), this.element.appendChild(p), this.buttonElement = p, this.update_();
+        p.classList.add(ji("b")), t.viewProps.bindDisabled(p), this.element.appendChild(p), this.buttonElement = p, this.update_();
       }
       update_() {
         const e = this.value.rawValue;
-        this.swatchElem_.style.backgroundColor = Ri(e);
+        this.swatchElem_.style.backgroundColor = Ni(e);
       }
       onValueChange_() {
         this.update_();
@@ -5788,7 +5788,7 @@ var or = { exports: {} };
         });
       }
     }
-    class ji {
+    class Bi {
       constructor(e, t) {
         this.onButtonBlur_ = this.onButtonBlur_.bind(this), this.onButtonClick_ = this.onButtonClick_.bind(this), this.onPopupChildBlur_ = this.onPopupChildBlur_.bind(this), this.onPopupChildKeydown_ = this.onPopupChildKeydown_.bind(this), this.value = t.value, this.viewProps = t.viewProps, this.foldable_ = Fe.create(t.expanded), this.swatchC_ = new $o(e, {
           value: this.value,
@@ -5875,7 +5875,7 @@ var or = { exports: {} };
       return typeof n != "number" ? D.black() : Zo(n);
     }
     function ea(n) {
-      const e = Ni(n);
+      const e = Ii(n);
       return e ? (t, i) => {
         wt(t, e(i));
       } : null;
@@ -5899,12 +5899,12 @@ var or = { exports: {} };
         n ? na(t, i, e) : sa(t, i, e);
       };
     }
-    function Bi(n) {
+    function zi(n) {
       var e;
       return !!(n != null && n.alpha || !((e = n == null ? void 0 : n.color) === null || e === void 0) && e.alpha);
     }
     function ra(n) {
-      return n ? (e) => Ri(e, "0x") : (e) => Mr(e, "0x");
+      return n ? (e) => Ni(e, "0x") : (e) => Mr(e, "0x");
     }
     function oa(n) {
       return "color" in n || "view" in n && n.view === "color";
@@ -5922,17 +5922,17 @@ var or = { exports: {} };
         } : null;
       },
       binding: {
-        reader: (n) => Bi(n.params) ? Jo : Qo,
+        reader: (n) => zi(n.params) ? Jo : Qo,
         equals: D.equals,
-        writer: (n) => ta(Bi(n.params))
+        writer: (n) => ta(zi(n.params))
       },
       controller: (n) => {
-        const e = Bi(n.params), t = "expanded" in n.params ? n.params.expanded : void 0, i = "picker" in n.params ? n.params.picker : void 0;
-        return new ji(n.document, {
+        const e = zi(n.params), t = "expanded" in n.params ? n.params.expanded : void 0, i = "picker" in n.params ? n.params.picker : void 0;
+        return new Bi(n.document, {
           colorType: "int",
           expanded: t ?? !1,
           formatter: ra(e),
-          parser: Vi("int"),
+          parser: Ri("int"),
           pickerLayout: i ?? "popup",
           supportsAlpha: e,
           value: n.value,
@@ -5969,11 +5969,11 @@ var or = { exports: {} };
       controller: (n) => {
         var e;
         const t = D.isRgbaColorObject(n.initialValue), i = "expanded" in n.params ? n.params.expanded : void 0, p = "picker" in n.params ? n.params.picker : void 0, g = (e = $t(n.params)) !== null && e !== void 0 ? e : "int";
-        return new ji(n.document, {
+        return new Bi(n.document, {
           colorType: g,
           expanded: i ?? !1,
           formatter: pa(t, g),
-          parser: Vi(g),
+          parser: Ri(g),
           pickerLayout: p ?? "popup",
           supportsAlpha: t,
           value: n.value,
@@ -5986,8 +5986,8 @@ var or = { exports: {} };
       accept: (n, e) => {
         if (typeof n != "string" || "view" in e && e.view === "text")
           return null;
-        const t = Ai(n, $t(e));
-        if (!t || !Ni(t))
+        const t = Vi(n, $t(e));
+        if (!t || !Ii(t))
           return null;
         const p = Yn(e);
         return p ? {
@@ -6002,7 +6002,7 @@ var or = { exports: {} };
         },
         equals: D.equals,
         writer: (n) => {
-          const e = Ai(n.initialValue, $t(n.params));
+          const e = Vi(n.initialValue, $t(n.params));
           if (!e)
             throw L.shouldNeverHappen();
           const t = ea(e);
@@ -6012,18 +6012,18 @@ var or = { exports: {} };
         }
       },
       controller: (n) => {
-        const e = Ai(n.initialValue, $t(n.params));
+        const e = Vi(n.initialValue, $t(n.params));
         if (!e)
           throw L.shouldNeverHappen();
-        const t = Ni(e);
+        const t = Ii(e);
         if (!t)
           throw L.shouldNeverHappen();
         const i = "expanded" in n.params ? n.params.expanded : void 0, p = "picker" in n.params ? n.params.picker : void 0;
-        return new ji(n.document, {
+        return new Bi(n.document, {
           colorType: e.type,
           expanded: i ?? !1,
           formatter: t,
-          parser: Vi(e.type),
+          parser: Ri(e.type),
           pickerLayout: p ?? "popup",
           supportsAlpha: e.alpha,
           value: n.value,
@@ -6064,7 +6064,7 @@ var or = { exports: {} };
         viewProps: e.viewProps
       });
     }
-    class zi {
+    class Ui {
       constructor(e, t) {
         this.value = t.value, this.viewProps = t.viewProps, this.acs_ = t.axes.map((i, p) => ma(e, t, p)), this.acs_.forEach((i, p) => {
           _t({
@@ -6315,7 +6315,7 @@ var or = { exports: {} };
         });
         g.view.allFocusableElements.forEach((y) => {
           y.addEventListener("blur", this.onPopupChildBlur_), y.addEventListener("keydown", this.onPopupChildKeydown_);
-        }), this.pickerC_ = g, this.textC_ = new zi(e, {
+        }), this.pickerC_ = g, this.textC_ = new Ui(e, {
           assembly: Or,
           axes: t.axes,
           parser: t.parser,
@@ -6494,7 +6494,7 @@ var or = { exports: {} };
         ]
       });
     }
-    function Ui(n, e) {
+    function Hi(n, e) {
       return {
         baseStep: yt(e),
         constraint: e,
@@ -6530,12 +6530,12 @@ var or = { exports: {} };
         const e = n.value, t = n.constraint;
         if (!(t instanceof Et))
           throw L.shouldNeverHappen();
-        return new zi(n.document, {
+        return new Ui(n.document, {
           assembly: Br,
           axes: [
-            Ui(e.rawValue.x, t.components[0]),
-            Ui(e.rawValue.y, t.components[1]),
-            Ui(e.rawValue.z, t.components[2])
+            Hi(e.rawValue.x, t.components[0]),
+            Hi(e.rawValue.y, t.components[1]),
+            Hi(e.rawValue.z, t.components[2])
           ],
           parser: Be,
           value: e,
@@ -6626,7 +6626,7 @@ var or = { exports: {} };
         const e = n.value, t = n.constraint;
         if (!(t instanceof Et))
           throw L.shouldNeverHappen();
-        return new zi(n.document, {
+        return new Ui(n.document, {
           assembly: zr,
           axes: e.rawValue.getComponents().map((i, p) => Oa(i, t.components[p])),
           parser: Be,
@@ -6699,7 +6699,7 @@ var or = { exports: {} };
         this.update_();
       }
     }
-    class Hi {
+    class Ki {
       constructor(e, t) {
         this.value = t.value, this.viewProps = t.viewProps, this.view = new Ba(e, {
           formatter: t.formatter,
@@ -6724,7 +6724,7 @@ var or = { exports: {} };
         this.update_();
       }
     }
-    class Ki {
+    class Gi {
       constructor(e, t) {
         this.value = t.value, this.viewProps = t.viewProps, this.view = new za(e, {
           formatter: t.formatter,
@@ -6752,11 +6752,11 @@ var or = { exports: {} };
       },
       controller: (n) => {
         var e;
-        return n.value.rawValue.length === 1 ? new Ki(n.document, {
+        return n.value.rawValue.length === 1 ? new Gi(n.document, {
           formatter: vs,
           value: n.value,
           viewProps: n.viewProps
-        }) : new Hi(n.document, {
+        }) : new Ki(n.document, {
           formatter: vs,
           lineCount: (e = n.params.lineCount) !== null && e !== void 0 ? e : Wn.monitor.defaultLineCount,
           value: n.value,
@@ -6837,17 +6837,17 @@ var or = { exports: {} };
         this.cursor_.rawValue = -1;
       }
     }
-    function Gi(n) {
+    function $i(n) {
       return "format" in n && !_(n.format) ? n.format : se(2);
     }
     function Ga(n) {
       var e;
-      return n.value.rawValue.length === 1 ? new Ki(n.document, {
-        formatter: Gi(n.params),
+      return n.value.rawValue.length === 1 ? new Gi(n.document, {
+        formatter: $i(n.params),
         value: n.value,
         viewProps: n.viewProps
-      }) : new Hi(n.document, {
-        formatter: Gi(n.params),
+      }) : new Ki(n.document, {
+        formatter: $i(n.params),
         lineCount: (e = n.params.lineCount) !== null && e !== void 0 ? e : Wn.monitor.defaultLineCount,
         value: n.value,
         viewProps: n.viewProps
@@ -6856,7 +6856,7 @@ var or = { exports: {} };
     function $a(n) {
       var e, t, i;
       return new Ka(n.document, {
-        formatter: Gi(n.params),
+        formatter: $i(n.params),
         lineCount: (e = n.params.lineCount) !== null && e !== void 0 ? e : Wn.monitor.defaultLineCount,
         props: j.fromObject({
           maxValue: (t = "max" in n.params ? n.params.max : null) !== null && t !== void 0 ? t : 100,
@@ -6913,12 +6913,12 @@ var or = { exports: {} };
       controller: (n) => {
         var e;
         const t = n.value;
-        return t.rawValue.length > 1 || "multiline" in n.params && n.params.multiline ? new Hi(n.document, {
+        return t.rawValue.length > 1 || "multiline" in n.params && n.params.multiline ? new Ki(n.document, {
           formatter: cn,
           lineCount: (e = n.params.lineCount) !== null && e !== void 0 ? e : Wn.monitor.defaultLineCount,
           value: t,
           viewProps: n.viewProps
-        }) : new Ki(n.document, {
+        }) : new Gi(n.document, {
           formatter: cn,
           value: t,
           viewProps: n.viewProps
@@ -7017,7 +7017,7 @@ var or = { exports: {} };
         reader: F,
         target: e.target,
         ticker: Qa(e.document, W),
-        value: _i(U)
+        value: wi(U)
       }), lt = g.optional.boolean(e.params.disabled).value, Zn = g.optional.boolean(e.params.hidden).value, Qn = n.controller({
         document: e.document,
         params: y.params,
@@ -7093,7 +7093,7 @@ var or = { exports: {} };
         });
       }
       createBlade(e, t) {
-        const i = this.pluginsMap_.blades.reduce((p, g) => p ?? qs(g, {
+        const i = this.pluginsMap_.blades.reduce((p, g) => p ?? Ys(g, {
           document: e,
           params: t
         }), null);
@@ -7133,12 +7133,12 @@ var or = { exports: {} };
         da,
         ua,
         aa,
-        ki,
+        Ti,
         Ua,
         Ya,
         qa,
         ht,
-        Us,
+        Hs,
         as,
         An
       ].forEach((e) => {
@@ -7354,7 +7354,7 @@ var or = { exports: {} };
           }),
           textProps: j.fromObject({
             draggingScale: Ct(void 0, i),
-            formatter: (t = n.params.format) !== null && t !== void 0 ? t : bi
+            formatter: (t = n.params.format) !== null && t !== void 0 ? t : gi
           }),
           value: X(i),
           viewProps: n.viewProps
@@ -7470,7 +7470,7 @@ var or = { exports: {} };
     u.BladeApi = d, u.ButtonApi = A, u.FolderApi = Pn, u.InputBindingApi = we, u.ListApi = Gr, u.MonitorBindingApi = nt, u.Pane = pl, u.SeparatorApi = Ln, u.SliderApi = $r, u.TabApi = cs, u.TabPageApi = Sn, u.TextApi = qr, u.TpChangeEvent = h, u.VERSION = ul, Object.defineProperty(u, "__esModule", { value: !0 });
   });
 })(or, or.exports);
-var Ns = { exports: {} };
+var Is = { exports: {} };
 (function(k, l) {
   (function(u, a) {
     a(l);
@@ -8230,25 +8230,25 @@ var Ns = { exports: {} };
       const c = It(o, s);
       return s += c.length, c === "" ? "" : r + c + rn(o, s);
     }
-    function Is(o, s) {
+    function Os(o, s) {
       const r = Dt(o, s);
       return s += r.length, r === "" ? "" : r + rn(o, s);
     }
-    const Os = Te([
+    const Ds = Te([
       Pn,
       kn,
-      Is
+      Os
     ]);
-    function Ds(o, s) {
+    function Fs(o, s) {
       var r;
       const c = o.substr(s).match(/^[01]+/);
       return (r = c && c[0]) !== null && r !== void 0 ? r : "";
     }
-    function Fs(o, s) {
+    function js(o, s) {
       const r = o.substr(s, 2);
       if (s += r.length, r.toLowerCase() !== "0b")
         return "";
-      const c = Ds(o, s);
+      const c = Fs(o, s);
       return c === "" ? "" : r + c;
     }
     function Tn(o, s) {
@@ -8256,14 +8256,14 @@ var Ns = { exports: {} };
       const c = o.substr(s).match(/^[0-7]+/);
       return (r = c && c[0]) !== null && r !== void 0 ? r : "";
     }
-    function js(o, s) {
+    function Bs(o, s) {
       const r = o.substr(s, 2);
       if (s += r.length, r.toLowerCase() !== "0o")
         return "";
       const c = Tn(o, s);
       return c === "" ? "" : r + c;
     }
-    function Bs(o, s) {
+    function zs(o, s) {
       var r;
       const c = o.substr(s).match(/^[0-9a-f]+/i);
       return (r = c && c[0]) !== null && r !== void 0 ? r : "";
@@ -8272,25 +8272,25 @@ var Ns = { exports: {} };
       const r = o.substr(s, 2);
       if (s += r.length, r.toLowerCase() !== "0x")
         return "";
-      const c = Bs(o, s);
+      const c = zs(o, s);
       return c === "" ? "" : r + c;
     }
     const is = Te([
-      Fs,
       js,
+      Bs,
       Ft
-    ]), zs = Te([
+    ]), Us = Te([
       is,
-      Os
+      Ds
     ]);
     function Mn(o, s) {
-      const r = zs(o, s);
+      const r = Us(o, s);
       return s += r.length, r === "" ? null : {
         evaluable: new ke(r),
         cursor: s
       };
     }
-    function Us(o, s) {
+    function Hs(o, s) {
       const r = o.substr(s, 1);
       if (s += r.length, r !== "(")
         return null;
@@ -8306,7 +8306,7 @@ var Ns = { exports: {} };
     }
     function vt(o, s) {
       var r;
-      return (r = Mn(o, s)) !== null && r !== void 0 ? r : Us(o, s);
+      return (r = Mn(o, s)) !== null && r !== void 0 ? r : Hs(o, s);
     }
     function Ln(o, s) {
       const r = vt(o, s);
@@ -8329,7 +8329,7 @@ var Ns = { exports: {} };
         operator: c
       }) : null;
     }
-    function Hs(o, s) {
+    function Ks(o, s) {
       return (r, c) => {
         const b = o(r, c);
         if (!b)
@@ -8360,17 +8360,17 @@ var Ns = { exports: {} };
       ["&"],
       ["^"],
       ["|"]
-    ].reduce((o, s) => Hs(o, s), Ln);
+    ].reduce((o, s) => Ks(o, s), Ln);
     function as(o, s) {
       return s += nt(o, s).length, os(o, s);
     }
-    function Ks(o) {
+    function Gs(o) {
       const s = as(o, 0);
       return !s || s.cursor + nt(o, s.cursor).length !== o.length ? null : s.evaluable;
     }
     function jt(o) {
       var s;
-      const r = Ks(o);
+      const r = Gs(o);
       return (s = r == null ? void 0 : r.evaluate()) !== null && s !== void 0 ? s : null;
     }
     function We(o) {
@@ -8386,9 +8386,9 @@ var Ns = { exports: {} };
     function ce(o) {
       return (s) => s.toFixed(Math.max(Math.min(o, 20), 0));
     }
-    const Gs = ce(0);
+    const $s = ce(0);
     function on(o) {
-      return Gs(o) + "%";
+      return $s(o) + "%";
     }
     function ls(o) {
       return String(o);
@@ -8405,7 +8405,7 @@ var Ns = { exports: {} };
       const s = o.indexOf(void 0);
       return s < 0 ? o : o.slice(0, s);
     }
-    function $s(o, s) {
+    function qs(o, s) {
       const r = [...ps(o), s];
       return r.length > o.length ? r.splice(0, r.length - o.length) : Sn(r, o.length), r;
     }
@@ -8451,11 +8451,11 @@ var Ns = { exports: {} };
         upKey: o.key === "ArrowRight"
       };
     }
-    function qs(o) {
+    function Ys(o) {
       return o === "ArrowUp" || o === "ArrowDown";
     }
     function us(o) {
-      return qs(o) || o === "ArrowLeft" || o === "ArrowRight";
+      return Ys(o) || o === "ArrowLeft" || o === "ArrowRight";
     }
     function Vn(o, s) {
       var r, c;
@@ -8599,7 +8599,7 @@ var Ns = { exports: {} };
         this.refresh();
       }
     }
-    class Ys {
+    class Xs {
       constructor(s, r) {
         var c;
         this.originRawValue_ = 0, this.onInputChange_ = this.onInputChange_.bind(this), this.onInputKeyDown_ = this.onInputKeyDown_.bind(this), this.onInputKeyUp_ = this.onInputKeyUp_.bind(this), this.onPointerDown_ = this.onPointerDown_.bind(this), this.onPointerMove_ = this.onPointerMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.baseStep_ = r.baseStep, this.parser_ = r.parser, this.props = r.props, this.sliderProps_ = (c = r.sliderProps) !== null && c !== void 0 ? c : null, this.value = r.value, this.viewProps = r.viewProps, this.dragging_ = J(null), this.view = new Rn(s, {
@@ -8666,7 +8666,7 @@ var Ns = { exports: {} };
       const s = o ? Ve(o, Pe) : null;
       return s ? s.step : null;
     }
-    function Xs(o, s) {
+    function Ws(o, s) {
       const r = o && Ve(o, Pe);
       return r ? bt(r.step) : Math.max(bt(s), 2);
     }
@@ -8686,7 +8686,7 @@ var Ns = { exports: {} };
       const s = Se(Math.floor(o), 0, 255).toString(16);
       return s.length === 1 ? `0${s}` : s;
     }
-    function Ws(o, s = "#") {
+    function Zs(o, s = "#") {
       const r = an(o.getComponents("rgb")).map(Ut).join("");
       return `${s}${r}`;
     }
@@ -8698,17 +8698,17 @@ var Ns = { exports: {} };
       const r = ce(s === "float" ? 2 : 0);
       return `rgb(${an(o.getComponents("rgb", s)).map((b) => r(b)).join(", ")})`;
     }
-    function Zs(o) {
+    function Qs(o) {
       return (s) => vs(s, o);
     }
-    function Qs(o, s) {
+    function Js(o, s) {
       const r = ce(2), c = ce(s === "float" ? 2 : 0);
       return `rgba(${o.getComponents("rgb", s).map((x, T) => (T === 3 ? r : c)(x)).join(", ")})`;
     }
-    function Js(o) {
-      return (s) => Qs(s, o);
-    }
     function ei(o) {
+      return (s) => Js(s, o);
+    }
+    function ti(o) {
       const s = [
         ce(0),
         on,
@@ -8716,7 +8716,7 @@ var Ns = { exports: {} };
       ];
       return `hsl(${an(o.getComponents("hsl")).map((c, b) => s[b](c)).join(", ")})`;
     }
-    function ti(o) {
+    function ni(o) {
       const s = [
         ce(0),
         on,
@@ -8732,7 +8732,7 @@ var Ns = { exports: {} };
     function Ht(o) {
       return (s) => In(s, o);
     }
-    function ni(o, s) {
+    function si(o, s) {
       const r = ce(2), c = ce(s === "float" ? 2 : 0), b = ["r", "g", "b", "a"];
       return `{${o.getComponents("rgb", s).map((T, R) => {
         const D = R === 3 ? r : c;
@@ -8740,7 +8740,7 @@ var Ns = { exports: {} };
       }).join(", ")}}`;
     }
     function Kt(o) {
-      return (s) => ni(s, o);
+      return (s) => si(s, o);
     }
     [
       ...["int", "float"].reduce((o, s) => [
@@ -8752,7 +8752,7 @@ var Ns = { exports: {} };
             notation: "func",
             type: s
           },
-          stringifier: Zs(s)
+          stringifier: Qs(s)
         },
         {
           format: {
@@ -8761,7 +8761,7 @@ var Ns = { exports: {} };
             notation: "func",
             type: s
           },
-          stringifier: Js(s)
+          stringifier: ei(s)
         },
         {
           format: {
@@ -8783,7 +8783,7 @@ var Ns = { exports: {} };
         }
       ], [])
     ];
-    class si {
+    class ii {
       constructor(s) {
         this.components = s.components, this.asm_ = s.assembly;
       }
@@ -8804,8 +8804,8 @@ var Ns = { exports: {} };
         });
       }
     }
-    function ii(o, s, r) {
-      return new Ys(o, {
+    function ri(o, s, r) {
+      return new Xs(o, {
         arrayPosition: r === 0 ? "fst" : r === s.axes.length - 1 ? "lst" : "mid",
         baseStep: s.axes[r].baseStep,
         parser: s.parser,
@@ -8818,7 +8818,7 @@ var Ns = { exports: {} };
     }
     class On {
       constructor(s, r) {
-        this.value = r.value, this.viewProps = r.viewProps, this.acs_ = r.axes.map((c, b) => ii(s, r, b)), this.acs_.forEach((c, b) => {
+        this.value = r.value, this.viewProps = r.viewProps, this.acs_ = r.axes.map((c, b) => ri(s, r, b)), this.acs_.forEach((c, b) => {
           Bt({
             primary: this.value,
             secondary: c.value,
@@ -8833,22 +8833,22 @@ var Ns = { exports: {} };
         });
       }
     }
-    function ri(o, s) {
+    function oi(o, s) {
       return "step" in o && !f(o.step) ? new Pe(o.step, s) : null;
     }
-    function oi(o) {
+    function ai(o) {
       return "max" in o && !f(o.max) || "min" in o && !f(o.min) ? new ht({
         max: o.max,
         min: o.min
       }) : null;
     }
-    const ai = {
+    const li = {
       monitor: {
         defaultInterval: 200,
         defaultLineCount: 3
       }
     }, Qe = P("grl");
-    class li {
+    class ci {
       constructor(s, r) {
         this.onCursorChange_ = this.onCursorChange_.bind(this), this.onValueUpdate_ = this.onValueUpdate_.bind(this), this.element = s.createElement("div"), this.element.classList.add(Qe()), r.viewProps.bindClassModifiers(this.element), this.formatter_ = r.formatter, this.props_ = r.props, this.cursor_ = r.cursor, this.cursor_.emitter.on("change", this.onCursorChange_);
         const c = s.createElementNS(K, "svg");
@@ -8884,9 +8884,9 @@ var Ns = { exports: {} };
         this.update_();
       }
     }
-    class ci {
+    class pi {
       constructor(s, r) {
-        if (this.onGraphMouseMove_ = this.onGraphMouseMove_.bind(this), this.onGraphMouseLeave_ = this.onGraphMouseLeave_.bind(this), this.onGraphPointerDown_ = this.onGraphPointerDown_.bind(this), this.onGraphPointerMove_ = this.onGraphPointerMove_.bind(this), this.onGraphPointerUp_ = this.onGraphPointerUp_.bind(this), this.props_ = r.props, this.value = r.value, this.viewProps = r.viewProps, this.cursor_ = J(-1), this.view = new li(s, {
+        if (this.onGraphMouseMove_ = this.onGraphMouseMove_.bind(this), this.onGraphMouseLeave_ = this.onGraphMouseLeave_.bind(this), this.onGraphPointerDown_ = this.onGraphPointerDown_.bind(this), this.onGraphPointerMove_ = this.onGraphPointerMove_.bind(this), this.onGraphPointerUp_ = this.onGraphPointerUp_.bind(this), this.props_ = r.props, this.value = r.value, this.viewProps = r.viewProps, this.cursor_ = J(-1), this.view = new ci(s, {
           cursor: this.cursor_,
           formatter: r.formatter,
           lineCount: r.lineCount,
@@ -8921,7 +8921,7 @@ var Ns = { exports: {} };
         this.cursor_.rawValue = -1;
       }
     }
-    class pi {
+    class ui {
       constructor(s) {
         this.controller_ = s;
       }
@@ -8945,21 +8945,21 @@ var Ns = { exports: {} };
         }), this;
       }
     }
-    class ui extends d {
+    class di extends d {
       constructor(s, r, c) {
         super(s), this.cell = r, this.index = c;
       }
     }
-    class di extends a {
+    class hi extends a {
       constructor(s) {
         super(s), this.cellToApiMap_ = /* @__PURE__ */ new Map(), this.emitter_ = new C();
         const r = this.controller_.valueController;
         r.cellControllers.forEach((c, b) => {
-          const x = new pi(c);
+          const x = new ui(c);
           this.cellToApiMap_.set(c, x), c.emitter.on("click", () => {
             const T = b % r.size[0], R = Math.floor(b / r.size[0]);
             this.emitter_.emit("click", {
-              event: new ui(this, x, [T, R])
+              event: new di(this, x, [T, R])
             });
           });
         });
@@ -9002,7 +9002,7 @@ var Ns = { exports: {} };
         return this.cellCs_;
       }
     }
-    const hi = {
+    const mi = {
       id: "buttongrid",
       type: "blade",
       css: '.tp-cbzgv,.tp-radv_b,.tp-rslv_k,.tp-cbzv_b{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border-width:0;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;outline:none;padding:0}.tp-radv_b,.tp-rslv_k,.tp-cbzv_b{background-color:var(--btn-bg);border-radius:var(--elm-br);color:var(--btn-fg);cursor:pointer;display:block;font-weight:bold;height:var(--bld-us);line-height:var(--bld-us);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-radv_b:hover,.tp-rslv_k:hover,.tp-cbzv_b:hover{background-color:var(--btn-bg-h)}.tp-radv_b:focus,.tp-rslv_k:focus,.tp-cbzv_b:focus{background-color:var(--btn-bg-f)}.tp-radv_b:active,.tp-rslv_k:active,.tp-cbzv_b:active{background-color:var(--btn-bg-a)}.tp-radv_b:disabled,.tp-rslv_k:disabled,.tp-cbzv_b:disabled{opacity:.5}.tp-cbzgv{background-color:var(--in-bg);border-radius:var(--elm-br);box-sizing:border-box;color:var(--in-fg);font-family:inherit;height:var(--bld-us);line-height:var(--bld-us);min-width:0;width:100%}.tp-cbzgv:hover{background-color:var(--in-bg-h)}.tp-cbzgv:focus{background-color:var(--in-bg-f)}.tp-cbzgv:active{background-color:var(--in-bg-a)}.tp-cbzgv:disabled{opacity:.5}.tp-btngridv{border-radius:var(--elm-br);display:grid;overflow:hidden;gap:2px}.tp-btngridv.tp-v-disabled{opacity:.5}.tp-btngridv .tp-btnv_b:disabled{opacity:1}.tp-btngridv .tp-btnv_b:disabled .tp-btnv_t{opacity:.5}.tp-btngridv .tp-btnv_b{border-radius:0}.tp-cbzv{position:relative}.tp-cbzv_h{display:flex}.tp-cbzv_b{margin-right:4px;position:relative;width:var(--bld-us)}.tp-cbzv_b svg{display:block;height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.tp-cbzv_b svg path{stroke:var(--bs-bg);stroke-width:2}.tp-cbzv_t{flex:1}.tp-cbzv_p{height:0;margin-top:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out,opacity .2s linear,margin .2s ease-in-out}.tp-cbzv.tp-cbzv-expanded .tp-cbzv_p{margin-top:var(--bld-s);opacity:1}.tp-cbzv.tp-cbzv-cpl .tp-cbzv_p{overflow:visible}.tp-cbzv .tp-popv{left:calc(-1*var(--cnt-h-p));position:absolute;right:calc(-1*var(--cnt-h-p));top:var(--bld-us)}.tp-cbzpv_t{margin-top:var(--bld-s)}.tp-cbzgv{height:auto;overflow:hidden;position:relative}.tp-cbzgv.tp-v-disabled{opacity:.5}.tp-cbzgv_p{left:16px;position:absolute;right:16px;top:0}.tp-cbzgv_g{cursor:pointer;display:block;height:calc(var(--bld-us)*5);width:100%}.tp-cbzgv_u{opacity:.1;stroke:var(--in-fg);stroke-dasharray:1}.tp-cbzgv_l{fill:rgba(0,0,0,0);stroke:var(--in-fg)}.tp-cbzgv_v{opacity:.5;stroke:var(--in-fg);stroke-dasharray:1}.tp-cbzgv_h{border:var(--in-fg) solid 1px;border-radius:50%;box-sizing:border-box;height:4px;margin-left:-2px;margin-top:-2px;pointer-events:none;position:absolute;width:4px}.tp-cbzgv:focus .tp-cbzgv_h-sel{background-color:var(--in-fg);border-width:0}.tp-cbzprvv{cursor:pointer;height:4px;padding:4px 0;position:relative}.tp-cbzprvv_g{display:block;height:100%;overflow:visible;width:100%}.tp-cbzprvv_t{opacity:.5;stroke:var(--mo-fg)}.tp-cbzprvv_m{background-color:var(--mo-fg);border-radius:50%;height:4px;margin-left:-2px;margin-top:-2px;opacity:0;position:absolute;top:50%;transition:opacity .2s ease-out;width:4px}.tp-cbzprvv_m.tp-cbzprvv_m-a{opacity:1}.tp-fpsv{position:relative}.tp-fpsv_l{bottom:4px;color:var(--mo-fg);line-height:1;right:4px;pointer-events:none;position:absolute}.tp-fpsv_u{margin-left:.2em;opacity:.7}.tp-rslv{cursor:pointer;padding-left:8px;padding-right:8px}.tp-rslv.tp-v-disabled{opacity:.5}.tp-rslv_t{height:calc(var(--bld-us));position:relative}.tp-rslv_t::before{background-color:var(--in-bg);border-radius:1px;content:"";height:2px;margin-top:-1px;position:absolute;top:50%;left:-4px;right:-4px}.tp-rslv_b{bottom:0;top:0;position:absolute}.tp-rslv_b::before{background-color:var(--in-fg);content:"";height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.tp-rslv_k{height:calc(var(--bld-us) - 8px);margin-top:calc((var(--bld-us) - 8px)/-2);position:absolute;top:50%;width:8px}.tp-rslv_k.tp-rslv_k-min{margin-left:-8px}.tp-rslv_k.tp-rslv_k-max{margin-left:0}.tp-rslv.tp-rslv-zero .tp-rslv_k.tp-rslv_k-min{border-bottom-right-radius:0;border-top-right-radius:0}.tp-rslv.tp-rslv-zero .tp-rslv_k.tp-rslv_k-max{border-bottom-left-radius:0;border-top-left-radius:0}.tp-rsltxtv{display:flex}.tp-rsltxtv_s{flex:1}.tp-rsltxtv_t{flex:1;margin-left:4px}.tp-radv_l{display:block;position:relative}.tp-radv_i{left:0;opacity:0;position:absolute;top:0}.tp-radv_b{opacity:.5}.tp-radv_i:hover+.tp-radv_b{background-color:var(--btn-bg-h)}.tp-radv_i:focus+.tp-radv_b{background-color:var(--btn-bg-f)}.tp-radv_i:active+.tp-radv_b{background-color:var(--btn-bg-a)}.tp-radv_i:checked+.tp-radv_b{opacity:1}.tp-radv_t{bottom:0;color:inherit;left:0;overflow:hidden;position:absolute;right:0;text-align:center;text-overflow:ellipsis;top:0}.tp-radv_i:disabled+.tp-radv_b>.tp-radv_t{opacity:.5}.tp-radgridv{border-radius:var(--elm-br);display:grid;overflow:hidden;gap:2px}.tp-radgridv.tp-v-disabled{opacity:.5}.tp-radgridv .tp-radv_b{border-radius:0}',
@@ -9028,10 +9028,10 @@ var Ns = { exports: {} };
         });
       },
       api(o) {
-        return !(o.controller instanceof et) || !(o.controller.valueController instanceof bs) ? null : new di(o.controller);
+        return !(o.controller instanceof et) || !(o.controller.valueController instanceof bs) ? null : new hi(o.controller);
       }
     };
-    class mi extends a {
+    class vi extends a {
       get label() {
         return this.controller_.props.get("label");
       }
@@ -9054,12 +9054,12 @@ var Ns = { exports: {} };
     function Me(o, s, r) {
       return o * (1 - r) + s * r;
     }
-    const gs = 20, vi = 1e-3, Dn = 100;
-    function fi(o, s) {
+    const gs = 20, fi = 1e-3, Dn = 100;
+    function bi(o, s) {
       let r = 0.25, c = 0.5, b = -1;
       for (let x = 0; x < gs; x++) {
         const [T, R] = o.curve(c);
-        if (c += r * (T < s ? 1 : -1), b = R, r *= 0.5, Math.abs(s - T) < vi)
+        if (c += r * (T < s ? 1 : -1), b = R, r *= 0.5, Math.abs(s - T) < fi)
           break;
       }
       return b;
@@ -9094,7 +9094,7 @@ var Ns = { exports: {} };
         if (this.cache_.length === 0) {
           const r = [];
           for (let c = 0; c < Dn; c++)
-            r.push(fi(this, Q(c, 0, Dn - 1, 0, 1)));
+            r.push(bi(this, Q(c, 0, Dn - 1, 0, 1)));
           this.cache_ = r;
         }
         return this.cache_[Math.round(Q(Se(s, 0, 1), 0, 1, 0, Dn - 1))];
@@ -9112,7 +9112,7 @@ var Ns = { exports: {} };
       return `cubic-bezier(${o.toObject().map((c) => s(c)).join(", ")})`;
     }
     const Fn = [0, 0.5, 0.5, 1];
-    function bi(o) {
+    function gi(o) {
       const s = o.match(/^cubic-bezier\s*\(\s*([0-9.]+)\s*,\s*([0-9.]+)\s*,\s*([0-9.]+)\s*,\s*([0-9.]+)\s*\)$/);
       if (!s)
         return new je(...Fn);
@@ -9125,7 +9125,7 @@ var Ns = { exports: {} };
       return new je(...r ?? Fn);
     }
     const se = P("cbz");
-    class gi {
+    class _i {
       constructor(s, r) {
         this.element = s.createElement("div"), this.element.classList.add(se()), r.viewProps.bindClassModifiers(this.element), r.foldable.bindExpandedClass(this.element, se(void 0, "expanded")), A(r.foldable, "completed", G(this.element, se(void 0, "cpl")));
         const c = s.createElement("div");
@@ -9166,10 +9166,10 @@ var Ns = { exports: {} };
       });
     }
     const ze = P("cbzg");
-    function _i(o, s) {
+    function wi(o, s) {
       return (r) => s(o(r));
     }
-    class wi {
+    class xi {
       constructor(s, r) {
         this.element = s.createElement("div"), this.element.classList.add(ze()), r.viewProps.bindClassModifiers(this.element), r.viewProps.bindTabIndex(this.element);
         const c = s.createElement("div");
@@ -9187,7 +9187,7 @@ var Ns = { exports: {} };
         ], this.vectorElems_.forEach((R) => {
           R.classList.add(ze("v")), this.svgElem_.appendChild(R);
         }), this.value_ = r.value, this.value_.emitter.on("change", this.onValueChange_.bind(this)), this.sel_ = r.selection, this.handleElems_.forEach((R, D) => {
-          N(this.sel_, _i((le) => le === D, G(R, ze("h", "sel"))));
+          N(this.sel_, wi((le) => le === D, G(R, ze("h", "sel"))));
         }), cn(this.element, () => {
           this.refresh();
         });
@@ -9292,7 +9292,7 @@ var Ns = { exports: {} };
     }
     class Bn {
       constructor(s, r) {
-        this.onKeyDown_ = this.onKeyDown_.bind(this), this.onKeyUp_ = this.onKeyUp_.bind(this), this.onPointerDown_ = this.onPointerDown_.bind(this), this.onPointerMove_ = this.onPointerMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.baseStep_ = r.baseStep, this.value = r.value, this.sel_ = J(0), this.viewProps = r.viewProps, this.view = new wi(s, {
+        this.onKeyDown_ = this.onKeyDown_.bind(this), this.onKeyUp_ = this.onKeyUp_.bind(this), this.onPointerDown_ = this.onPointerDown_.bind(this), this.onPointerMove_ = this.onPointerMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.baseStep_ = r.baseStep, this.value = r.value, this.sel_ = J(0), this.viewProps = r.viewProps, this.view = new xi(s, {
           selection: this.sel_,
           value: this.value,
           viewProps: this.viewProps
@@ -9383,12 +9383,12 @@ var Ns = { exports: {} };
     }
     class ee {
       constructor(s, r) {
-        this.onButtonBlur_ = this.onButtonBlur_.bind(this), this.onButtonClick_ = this.onButtonClick_.bind(this), this.onPopupChildBlur_ = this.onPopupChildBlur_.bind(this), this.onPopupChildKeydown_ = this.onPopupChildKeydown_.bind(this), this.value = r.value, this.viewProps = r.viewProps, this.foldable_ = yn(r.expanded), this.view = new gi(s, {
+        this.onButtonBlur_ = this.onButtonBlur_.bind(this), this.onButtonClick_ = this.onButtonClick_.bind(this), this.onPopupChildBlur_ = this.onPopupChildBlur_.bind(this), this.onPopupChildKeydown_ = this.onPopupChildKeydown_.bind(this), this.value = r.value, this.viewProps = r.viewProps, this.foldable_ = yn(r.expanded), this.view = new _i(s, {
           foldable: this.foldable_,
           pickerLayout: r.pickerLayout,
           viewProps: this.viewProps
         }), this.view.buttonElement.addEventListener("blur", this.onButtonBlur_), this.view.buttonElement.addEventListener("click", this.onButtonClick_), this.tc_ = new $(s, {
-          parser: bi,
+          parser: gi,
           props: ne.fromObject({
             formatter: Be
           }),
@@ -9433,7 +9433,7 @@ var Ns = { exports: {} };
       }
     }
     function Cs() {
-      return new si({
+      return new ii({
         assembly: _s,
         components: [0, 1, 2, 3].map((o) => o % 2 === 0 ? new ht({
           min: 0,
@@ -9482,7 +9482,7 @@ var Ns = { exports: {} };
         });
       },
       api(o) {
-        return !(o.controller instanceof qe) || !(o.controller.valueController instanceof ee) ? null : new mi(o.controller);
+        return !(o.controller instanceof qe) || !(o.controller.valueController instanceof ee) ? null : new vi(o.controller);
       }
     };
     class Es extends a {
@@ -9494,7 +9494,7 @@ var Ns = { exports: {} };
       }
     }
     const xe = 20;
-    class xi {
+    class yi {
       constructor() {
         this.start_ = null, this.duration_ = 0, this.fps_ = null, this.frameCount_ = 0, this.timestamps_ = [];
       }
@@ -9547,9 +9547,9 @@ var Ns = { exports: {} };
     }
     class Ps {
       constructor(s, r) {
-        this.stopwatch_ = new xi(), this.onTick_ = this.onTick_.bind(this), this.ticker_ = r.ticker, this.ticker_.emitter.on("tick", this.onTick_), this.value_ = r.value, this.viewProps = r.viewProps, this.view = new zn(s, {
+        this.stopwatch_ = new yi(), this.onTick_ = this.onTick_.bind(this), this.ticker_ = r.ticker, this.ticker_.emitter.on("tick", this.onTick_), this.value_ = r.value, this.viewProps = r.viewProps, this.view = new zn(s, {
           viewProps: this.viewProps
-        }), this.graphC_ = new ci(s, {
+        }), this.graphC_ = new pi(s, {
           formatter: ce(0),
           lineCount: r.lineCount,
           props: ne.fromObject({
@@ -9572,12 +9572,12 @@ var Ns = { exports: {} };
         const s = this.stopwatch_.fps;
         if (s !== null) {
           const r = this.value_.rawValue;
-          this.value_.rawValue = $s(r, s), this.view.valueElement.textContent = s.toFixed(0);
+          this.value_.rawValue = qs(r, s), this.view.valueElement.textContent = s.toFixed(0);
         }
       }
     }
-    function yi(o, s) {
-      return s === 0 ? new Ye() : new En(o, s ?? ai.monitor.defaultInterval);
+    function Ci(o, s) {
+      return s === 0 ? new Ye() : new En(o, s ?? li.monitor.defaultInterval);
     }
     const Un = {
       id: "fpsgraph",
@@ -9605,7 +9605,7 @@ var Ns = { exports: {} };
             lineCount: (r = o.params.lineCount) !== null && r !== void 0 ? r : 2,
             maxValue: (c = o.params.max) !== null && c !== void 0 ? c : 90,
             minValue: (b = o.params.min) !== null && b !== void 0 ? b : 0,
-            ticker: yi(o.document, x),
+            ticker: Ci(o.document, x),
             value: cs(80),
             viewProps: o.viewProps
           })
@@ -9772,16 +9772,16 @@ var Ns = { exports: {} };
         return this.tc_;
       }
     }
-    function Ci(o) {
+    function Ei(o) {
       return Le.isObject(o) ? new Le(o.min, o.max) : new Le(0, 0);
     }
     function un(o, s) {
       o.writeProperty("max", s.max), o.writeProperty("min", s.min);
     }
     function yt(o) {
-      const s = [], r = oi(o);
+      const s = [], r = ai(o);
       r && s.push(r);
-      const c = ri(o);
+      const c = oi(o);
       return c && s.push(c), new wt(new Nt(s));
     }
     const Ct = {
@@ -9803,7 +9803,7 @@ var Ns = { exports: {} };
         } : null;
       },
       binding: {
-        reader: (o) => Ci,
+        reader: (o) => Ei,
         constraint: (o) => yt(o.params),
         equals: Le.equals,
         writer: (o) => un
@@ -9813,7 +9813,7 @@ var Ns = { exports: {} };
         const r = o.value, c = o.constraint;
         if (!(c instanceof wt))
           throw w.shouldNeverHappen();
-        const b = (r.rawValue.min + r.rawValue.max) / 2, x = (s = o.params.format) !== null && s !== void 0 ? s : ce(Xs(c.edge, b)), T = c.edge && Ve(c.edge, ht);
+        const b = (r.rawValue.min + r.rawValue.max) / 2, x = (s = o.params.format) !== null && s !== void 0 ? s : ce(Ws(c.edge, b)), T = c.edge && Ve(c.edge, ht);
         if ((T == null ? void 0 : T.minValue) !== void 0 && (T == null ? void 0 : T.maxValue) !== void 0)
           return new Kn(o.document, {
             baseStep: Nn(c.edge),
@@ -9861,12 +9861,12 @@ var Ns = { exports: {} };
         this.controller_.props.set("title", s);
       }
     }
-    class Ei extends m {
+    class Pi extends m {
       constructor(s, r, c, b, x) {
         super(s, b, x), this.cell = r, this.index = c;
       }
     }
-    class Pi extends a {
+    class ki extends a {
       constructor(s) {
         super(s), this.cellToApiMap_ = /* @__PURE__ */ new Map(), this.controller_.valueController.cellControllers.forEach((c) => {
           const b = new dn(c);
@@ -9890,12 +9890,12 @@ var Ns = { exports: {} };
           if (!R)
             return;
           const D = x.cellControllers.indexOf(T);
-          c(new Ei(this, R, [D % x.size[0], Math.floor(D / x.size[0])], b.rawValue, void 0));
+          c(new Pi(this, R, [D % x.size[0], Math.floor(D / x.size[0])], b.rawValue, void 0));
         });
       }
     }
     const Gt = P("rad");
-    class ki {
+    class Ti {
       constructor(s, r) {
         this.element = s.createElement("div"), this.element.classList.add(Gt()), r.viewProps.bindClassModifiers(this.element);
         const c = s.createElement("label");
@@ -9912,7 +9912,7 @@ var Ns = { exports: {} };
     }
     class rt {
       constructor(s, r) {
-        this.props = r.props, this.viewProps = r.viewProps, this.view = new ki(s, {
+        this.props = r.props, this.viewProps = r.viewProps, this.view = new Ti(s, {
           name: r.name,
           props: this.props,
           viewProps: this.viewProps
@@ -9954,7 +9954,7 @@ var Ns = { exports: {} };
         c < 0 || (this.value.rawValue = this.cellValues_[c]);
       }
     }
-    const Ti = function() {
+    const Mi = function() {
       return {
         id: "radiogrid",
         type: "blade",
@@ -9984,7 +9984,7 @@ var Ns = { exports: {} };
           });
         },
         api(o) {
-          return !(o.controller instanceof qe) || !(o.controller.valueController instanceof Gn) ? null : new Pi(o.controller);
+          return !(o.controller instanceof qe) || !(o.controller.valueController instanceof Gn) ? null : new ki(o.controller);
         }
       };
     }();
@@ -10015,7 +10015,7 @@ var Ns = { exports: {} };
         })
       };
     }
-    const Mi = $n({
+    const Li = $n({
       isType: (o) => typeof o == "number",
       binding: {
         reader: (o) => We,
@@ -10027,29 +10027,29 @@ var Ns = { exports: {} };
         reader: (o) => ls,
         writer: (o) => st
       }
-    }), Li = $n({
+    }), Si = $n({
       isType: (o) => typeof o == "boolean",
       binding: {
         reader: (o) => oe,
         writer: (o) => st
       }
-    }), Si = [
-      hi,
+    }), Ai = [
+      mi,
       ae,
       Un,
       Ct,
-      Ti,
-      Li,
       Mi,
+      Si,
+      Li,
       Ms
     ];
-    u.CubicBezier = je, u.plugins = Si, Object.defineProperty(u, "__esModule", { value: !0 });
+    u.CubicBezier = je, u.plugins = Ai, Object.defineProperty(u, "__esModule", { value: !0 });
   });
-})(Ns, Ns.exports);
-const $c = /* @__PURE__ */ Hc(Ns.exports), qc = /* @__PURE__ */ ac({
+})(Is, Is.exports);
+const $c = /* @__PURE__ */ Hc(Is.exports), qc = /* @__PURE__ */ ac({
   __proto__: null,
   default: $c
-}, [Ns.exports]);
+}, [Is.exports]);
 let wn, Ss;
 const ep = (k = "tres-container") => {
   wn = new or.exports.Pane({
@@ -10068,10 +10068,10 @@ const ep = (k = "tres-container") => {
     l();
   }), { pane: wn, fpsGraph: Ss, disposeTweakPane: l };
 };
-let Wi = null;
+let As = null;
 function Yc(k, l) {
   return (u) => {
-    l && l(u), Wi || (Wi = new Kc()), Wi.setDecoderPath(k.decoderPath || "https://www.gstatic.com/draco/versioned/decoders/1.4.3/");
+    l && l(u), k.draco && (As || (As = new Kc()), As.setDecoderPath(k.decoderPath || "https://www.gstatic.com/draco/versioned/decoders/1.4.3/"), u.setDRACOLoader(As));
   };
 }
 async function Xc(k, l = {
@@ -10083,10 +10083,11 @@ const tp = ar({
   name: "GLTFModel",
   props: {
     path: String,
-    draco: Boolean
+    draco: Boolean,
+    decoderPath: String
   },
   async setup(k) {
-    const l = Vs("local-scene"), { scene: u } = await Xc(k.path, { draco: k.draco });
+    const l = Rs("local-scene"), { scene: u } = await Xc(k.path, { draco: k.draco, decoderPath: k.decoderPath });
     return l != null && l.value && l.value.add(u), () => null;
   }
 }), np = /* @__PURE__ */ ar({