@tresjs/cientos 0.2.0 → 0.3.0

package/dist/trescientos.js

@@ -1,40 +1,40 @@
 /**
  * name: @tresjs/cientos
- * version: v0.2.0
+ * version: v0.3.0
  * (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 { defineComponent as va, inject as ma, watch as ba, unref as fa, onMounted as _a, onUnmounted as ga } from "vue";
-import { useLoop as _r } from "@tresjs/core";
-import { EventDispatcher as wa, Vector3 as we, MOUSE as ln, TOUCH as pn, PerspectiveCamera as cn, Quaternion as mr, Spherical as br, Vector2 as qt, OrthographicCamera as Ms } from "three";
+import { defineComponent as ma, inject as mr, watch as ba, unref as fa, onMounted as _a, onUnmounted as ga } from "vue";
+import { useRenderLoop as gr } from "@tresjs/core";
+import { EventDispatcher as wa, Vector3 as we, MOUSE as ln, TOUCH as pn, PerspectiveCamera as cn, Quaternion as br, Spherical as fr, Vector2 as qt, OrthographicCamera as Ms } from "three";
 function xa(G, U) {
-  for (var T = 0; T < U.length; T++) {
-    const u = U[T];
+  for (var V = 0; V < U.length; V++) {
+    const u = U[V];
     if (typeof u != "string" && !Array.isArray(u)) {
-      for (const F in u)
-        if (F !== "default" && !(F in G)) {
-          const et = Object.getOwnPropertyDescriptor(u, F);
-          et && Object.defineProperty(G, F, et.get ? et : {
+      for (const j in u)
+        if (j !== "default" && !(j in G)) {
+          const st = Object.getOwnPropertyDescriptor(u, j);
+          st && Object.defineProperty(G, j, st.get ? st : {
             enumerable: !0,
-            get: () => u[F]
+            get: () => u[j]
           });
         }
     }
   }
   return Object.freeze(Object.defineProperty(G, Symbol.toStringTag, { value: "Module" }));
 }
-function k(G, U, T) {
+function k(G, U, V) {
   return U in G ? Object.defineProperty(G, U, {
-    value: T,
+    value: V,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : G[U] = T, G;
+  }) : G[U] = V, G;
 }
-const fr = (G, U) => (G % U + U) % U;
+const _r = (G, U) => (G % U + U) % U;
 class Ca extends wa {
-  constructor(U, T) {
+  constructor(U, V) {
     super(), k(this, "object", void 0), k(this, "domElement", void 0), k(this, "enabled", !0), k(this, "target", new we()), k(this, "minDistance", 0), k(this, "maxDistance", 1 / 0), k(this, "minZoom", 0), k(this, "maxZoom", 1 / 0), k(this, "minPolarAngle", 0), k(this, "maxPolarAngle", Math.PI), k(this, "minAzimuthAngle", -1 / 0), k(this, "maxAzimuthAngle", 1 / 0), k(this, "enableDamping", !1), k(this, "dampingFactor", 0.05), k(this, "enableZoom", !0), k(this, "zoomSpeed", 1), k(this, "enableRotate", !0), k(this, "rotateSpeed", 1), k(this, "enablePan", !0), k(this, "panSpeed", 1), k(this, "screenSpacePanning", !0), k(this, "keyPanSpeed", 7), k(this, "autoRotate", !1), k(this, "autoRotateSpeed", 2), k(this, "reverseOrbit", !1), k(this, "keys", {
       LEFT: "ArrowLeft",
       UP: "ArrowUp",
@@ -47,39 +47,39 @@ class Ca extends wa {
     }), k(this, "touches", {
       ONE: pn.ROTATE,
       TWO: pn.DOLLY_PAN
-    }), k(this, "target0", void 0), k(this, "position0", void 0), k(this, "zoom0", void 0), k(this, "_domElementKeyEvents", null), k(this, "getPolarAngle", void 0), k(this, "getAzimuthalAngle", void 0), k(this, "setPolarAngle", void 0), k(this, "setAzimuthalAngle", void 0), k(this, "getDistance", void 0), k(this, "listenToKeyEvents", void 0), k(this, "saveState", void 0), k(this, "reset", void 0), k(this, "update", void 0), k(this, "connect", void 0), k(this, "dispose", void 0), this.object = U, this.domElement = T, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object instanceof cn ? this.object.zoom : 1, this.getPolarAngle = () => D.phi, this.getAzimuthalAngle = () => D.theta, this.setPolarAngle = (v) => {
-      let f = fr(v, 2 * Math.PI), x = D.phi;
+    }), k(this, "target0", void 0), k(this, "position0", void 0), k(this, "zoom0", void 0), k(this, "_domElementKeyEvents", null), k(this, "getPolarAngle", void 0), k(this, "getAzimuthalAngle", void 0), k(this, "setPolarAngle", void 0), k(this, "setAzimuthalAngle", void 0), k(this, "getDistance", void 0), k(this, "listenToKeyEvents", void 0), k(this, "saveState", void 0), k(this, "reset", void 0), k(this, "update", void 0), k(this, "connect", void 0), k(this, "dispose", void 0), this.object = U, this.domElement = V, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object instanceof cn ? this.object.zoom : 1, this.getPolarAngle = () => D.phi, this.getAzimuthalAngle = () => D.theta, this.setPolarAngle = (v) => {
+      let f = _r(v, 2 * Math.PI), x = D.phi;
       x < 0 && (x += 2 * Math.PI), f < 0 && (f += 2 * Math.PI);
-      let S = Math.abs(f - x);
-      2 * Math.PI - S < S && (f < x ? f += 2 * Math.PI : x += 2 * Math.PI), M.phi = f - x, u.update();
+      let T = Math.abs(f - x);
+      2 * Math.PI - T < T && (f < x ? f += 2 * Math.PI : x += 2 * Math.PI), S.phi = f - x, u.update();
     }, this.setAzimuthalAngle = (v) => {
-      let f = fr(v, 2 * Math.PI), x = D.theta;
+      let f = _r(v, 2 * Math.PI), x = D.theta;
       x < 0 && (x += 2 * Math.PI), f < 0 && (f += 2 * Math.PI);
-      let S = Math.abs(f - x);
-      2 * Math.PI - S < S && (f < x ? f += 2 * Math.PI : x += 2 * Math.PI), M.theta = f - x, u.update();
+      let T = Math.abs(f - x);
+      2 * Math.PI - T < T && (f < x ? f += 2 * Math.PI : x += 2 * Math.PI), S.theta = f - x, u.update();
     }, this.getDistance = () => u.object.position.distanceTo(u.target), this.listenToKeyEvents = (v) => {
       v.addEventListener("keydown", Kt), this._domElementKeyEvents = v;
     }, this.saveState = () => {
       u.target0.copy(u.target), u.position0.copy(u.object.position), u.zoom0 = u.object instanceof cn ? u.object.zoom : 1;
     }, this.reset = () => {
-      u.target.copy(u.target0), u.object.position.copy(u.position0), u.object instanceof cn && (u.object.zoom = u.zoom0, u.object.updateProjectionMatrix()), u.dispatchEvent(F), u.update(), j = y.NONE;
+      u.target.copy(u.target0), u.object.position.copy(u.position0), u.object instanceof cn && (u.object.zoom = u.zoom0, u.object.updateProjectionMatrix()), u.dispatchEvent(j), u.update(), B = y.NONE;
     }, this.update = (() => {
-      const v = new we(), f = new mr().setFromUnitVectors(U.up, new we(0, 1, 0)), x = f.clone().invert(), S = new we(), Z = new mr(), bt = 2 * Math.PI;
+      const v = new we(), f = new br().setFromUnitVectors(U.up, new we(0, 1, 0)), x = f.clone().invert(), T = new we(), Z = new br(), bt = 2 * Math.PI;
       return function() {
         const Ge = u.object.position;
-        v.copy(Ge).sub(u.target), v.applyQuaternion(f), D.setFromVector3(v), u.autoRotate && j === y.NONE && xe(q()), u.enableDamping ? (D.theta += M.theta * u.dampingFactor, D.phi += M.phi * u.dampingFactor) : (D.theta += M.theta, D.phi += M.phi);
+        v.copy(Ge).sub(u.target), v.applyQuaternion(f), D.setFromVector3(v), u.autoRotate && B === y.NONE && xe(q()), u.enableDamping ? (D.theta += S.theta * u.dampingFactor, D.phi += S.phi * u.dampingFactor) : (D.theta += S.theta, D.phi += S.phi);
         let lt = u.minAzimuthAngle, pt = u.maxAzimuthAngle;
-        return isFinite(lt) && isFinite(pt) && (lt < -Math.PI ? lt += bt : lt > Math.PI && (lt -= bt), pt < -Math.PI ? pt += bt : pt > Math.PI && (pt -= bt), lt <= pt ? D.theta = Math.max(lt, Math.min(pt, D.theta)) : D.theta = D.theta > (lt + pt) / 2 ? Math.max(lt, D.theta) : Math.min(pt, D.theta)), D.phi = Math.max(u.minPolarAngle, Math.min(u.maxPolarAngle, D.phi)), D.makeSafe(), D.radius *= B, D.radius = Math.max(u.minDistance, Math.min(u.maxDistance, D.radius)), u.enableDamping === !0 ? u.target.addScaledVector(Rt, u.dampingFactor) : u.target.add(Rt), v.setFromSpherical(D), v.applyQuaternion(x), Ge.copy(u.target).add(v), u.object.lookAt(u.target), u.enableDamping === !0 ? (M.theta *= 1 - u.dampingFactor, M.phi *= 1 - u.dampingFactor, Rt.multiplyScalar(1 - u.dampingFactor)) : (M.set(0, 0, 0), Rt.set(0, 0, 0)), B = 1, L || S.distanceToSquared(u.object.position) > Vt || 8 * (1 - Z.dot(u.object.quaternion)) > Vt ? (u.dispatchEvent(F), S.copy(u.object.position), Z.copy(u.object.quaternion), L = !1, !0) : !1;
+        return isFinite(lt) && isFinite(pt) && (lt < -Math.PI ? lt += bt : lt > Math.PI && (lt -= bt), pt < -Math.PI ? pt += bt : pt > Math.PI && (pt -= bt), lt <= pt ? D.theta = Math.max(lt, Math.min(pt, D.theta)) : D.theta = D.theta > (lt + pt) / 2 ? Math.max(lt, D.theta) : Math.min(pt, D.theta)), D.phi = Math.max(u.minPolarAngle, Math.min(u.maxPolarAngle, D.phi)), D.makeSafe(), D.radius *= K, D.radius = Math.max(u.minDistance, Math.min(u.maxDistance, D.radius)), u.enableDamping === !0 ? u.target.addScaledVector(Rt, u.dampingFactor) : u.target.add(Rt), v.setFromSpherical(D), v.applyQuaternion(x), Ge.copy(u.target).add(v), u.object.lookAt(u.target), u.enableDamping === !0 ? (S.theta *= 1 - u.dampingFactor, S.phi *= 1 - u.dampingFactor, Rt.multiplyScalar(1 - u.dampingFactor)) : (S.set(0, 0, 0), Rt.set(0, 0, 0)), K = 1, M || T.distanceToSquared(u.object.position) > Vt || 8 * (1 - Z.dot(u.object.quaternion)) > Vt ? (u.dispatchEvent(j), T.copy(u.object.position), Z.copy(u.object.quaternion), M = !1, !0) : !1;
       };
     })(), this.connect = (v) => {
       v === document && console.error('THREE.OrbitControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.'), u.domElement = v, u.domElement.style.touchAction = "none", u.domElement.addEventListener("contextmenu", yt), u.domElement.addEventListener("pointerdown", Ve), u.domElement.addEventListener("pointercancel", Bt), u.domElement.addEventListener("wheel", Ct);
     }, this.dispose = () => {
-      var v, f, x, S, Z, bt;
-      (v = u.domElement) === null || v === void 0 || v.removeEventListener("contextmenu", yt), (f = u.domElement) === null || f === void 0 || f.removeEventListener("pointerdown", Ve), (x = u.domElement) === null || x === void 0 || x.removeEventListener("pointercancel", Bt), (S = u.domElement) === null || S === void 0 || S.removeEventListener("wheel", Ct), (Z = u.domElement) === null || Z === void 0 || Z.ownerDocument.removeEventListener("pointermove", jt), (bt = u.domElement) === null || bt === void 0 || bt.ownerDocument.removeEventListener("pointerup", Xt), u._domElementKeyEvents !== null && u._domElementKeyEvents.removeEventListener("keydown", Kt);
+      var v, f, x, T, Z, bt;
+      (v = u.domElement) === null || v === void 0 || v.removeEventListener("contextmenu", yt), (f = u.domElement) === null || f === void 0 || f.removeEventListener("pointerdown", Ve), (x = u.domElement) === null || x === void 0 || x.removeEventListener("pointercancel", Bt), (T = u.domElement) === null || T === void 0 || T.removeEventListener("wheel", Ct), (Z = u.domElement) === null || Z === void 0 || Z.ownerDocument.removeEventListener("pointermove", jt), (bt = u.domElement) === null || bt === void 0 || bt.ownerDocument.removeEventListener("pointerup", Xt), u._domElementKeyEvents !== null && u._domElementKeyEvents.removeEventListener("keydown", Kt);
     };
-    const u = this, F = {
+    const u = this, j = {
       type: "change"
-    }, et = {
+    }, st = {
       type: "start"
     }, kt = {
       type: "end"
@@ -93,12 +93,12 @@ class Ca extends wa {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let j = y.NONE;
-    const Vt = 1e-6, D = new br(), M = new br();
-    let B = 1;
+    let B = y.NONE;
+    const Vt = 1e-6, D = new fr(), S = new fr();
+    let K = 1;
     const Rt = new we();
-    let L = !1;
-    const nt = new qt(), J = new qt(), I = new qt(), ut = new qt(), P = new qt(), xt = new qt(), zt = new qt(), ot = new qt(), Y = new qt(), A = [], X = {};
+    let M = !1;
+    const et = new qt(), J = new qt(), I = new qt(), ut = new qt(), P = new qt(), xt = new qt(), zt = new qt(), ot = new qt(), Y = new qt(), A = [], X = {};
     function q() {
       return 2 * Math.PI / 60 / 60 * u.autoRotateSpeed;
     }
@@ -106,42 +106,42 @@ class Ca extends wa {
       return Math.pow(0.95, u.zoomSpeed);
     }
     function xe(v) {
-      u.reverseOrbit ? M.theta += v : M.theta -= v;
+      u.reverseOrbit ? S.theta += v : S.theta -= v;
     }
     function Ce(v) {
-      u.reverseOrbit ? M.phi += v : M.phi -= v;
+      u.reverseOrbit ? S.phi += v : S.phi -= v;
     }
     const dt = (() => {
       const v = new we();
-      return function(x, S) {
-        v.setFromMatrixColumn(S, 0), v.multiplyScalar(-x), Rt.add(v);
+      return function(x, T) {
+        v.setFromMatrixColumn(T, 0), v.multiplyScalar(-x), Rt.add(v);
       };
     })(), ye = (() => {
       const v = new we();
-      return function(x, S) {
-        u.screenSpacePanning === !0 ? v.setFromMatrixColumn(S, 1) : (v.setFromMatrixColumn(S, 0), v.crossVectors(u.object.up, v)), v.multiplyScalar(x), Rt.add(v);
+      return function(x, T) {
+        u.screenSpacePanning === !0 ? v.setFromMatrixColumn(T, 1) : (v.setFromMatrixColumn(T, 0), v.crossVectors(u.object.up, v)), v.multiplyScalar(x), Rt.add(v);
       };
     })(), O = (() => {
       const v = new we();
-      return function(x, S) {
+      return function(x, T) {
         const Z = u.domElement;
         if (Z && u.object instanceof cn && u.object.isPerspectiveCamera) {
           const bt = u.object.position;
           v.copy(bt).sub(u.target);
           let oe = v.length();
-          oe *= Math.tan(u.object.fov / 2 * Math.PI / 180), dt(2 * x * oe / Z.clientHeight, u.object.matrix), ye(2 * S * oe / Z.clientHeight, u.object.matrix);
+          oe *= Math.tan(u.object.fov / 2 * Math.PI / 180), dt(2 * x * oe / Z.clientHeight, u.object.matrix), ye(2 * T * oe / Z.clientHeight, u.object.matrix);
         } else
-          Z && u.object instanceof Ms && u.object.isOrthographicCamera ? (dt(x * (u.object.right - u.object.left) / u.object.zoom / Z.clientWidth, u.object.matrix), ye(S * (u.object.top - u.object.bottom) / u.object.zoom / Z.clientHeight, u.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), u.enablePan = !1);
+          Z && u.object instanceof Ms && u.object.isOrthographicCamera ? (dt(x * (u.object.right - u.object.left) / u.object.zoom / Z.clientWidth, u.object.matrix), ye(T * (u.object.top - u.object.bottom) / u.object.zoom / Z.clientHeight, u.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), u.enablePan = !1);
       };
     })();
     function C(v) {
-      u.object instanceof cn && u.object.isPerspectiveCamera ? B /= v : u.object instanceof Ms && u.object.isOrthographicCamera ? (u.object.zoom = Math.max(u.minZoom, Math.min(u.maxZoom, u.object.zoom * v)), u.object.updateProjectionMatrix(), L = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), u.enableZoom = !1);
+      u.object instanceof cn && u.object.isPerspectiveCamera ? K /= v : u.object instanceof Ms && u.object.isOrthographicCamera ? (u.object.zoom = Math.max(u.minZoom, Math.min(u.maxZoom, u.object.zoom * v)), u.object.updateProjectionMatrix(), M = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), u.enableZoom = !1);
     }
     function Ke(v) {
-      u.object instanceof cn && u.object.isPerspectiveCamera ? B *= v : u.object instanceof Ms && u.object.isOrthographicCamera ? (u.object.zoom = Math.max(u.minZoom, Math.min(u.maxZoom, u.object.zoom / v)), u.object.updateProjectionMatrix(), L = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), u.enableZoom = !1);
+      u.object instanceof cn && u.object.isPerspectiveCamera ? K *= v : u.object instanceof Ms && u.object.isOrthographicCamera ? (u.object.zoom = Math.max(u.minZoom, Math.min(u.maxZoom, u.object.zoom / v)), u.object.updateProjectionMatrix(), M = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), u.enableZoom = !1);
     }
     function Fe(v) {
-      nt.set(v.clientX, v.clientY);
+      et.set(v.clientX, v.clientY);
     }
     function Ue(v) {
       zt.set(v.clientX, v.clientY);
@@ -150,11 +150,11 @@ class Ca extends wa {
       ut.set(v.clientX, v.clientY);
     }
     function Ee(v) {
-      J.set(v.clientX, v.clientY), I.subVectors(J, nt).multiplyScalar(u.rotateSpeed);
+      J.set(v.clientX, v.clientY), I.subVectors(J, et).multiplyScalar(u.rotateSpeed);
       const f = u.domElement;
-      f && (xe(2 * Math.PI * I.x / f.clientHeight), Ce(2 * Math.PI * I.y / f.clientHeight)), nt.copy(J), u.update();
+      f && (xe(2 * Math.PI * I.x / f.clientHeight), Ce(2 * Math.PI * I.y / f.clientHeight)), et.copy(J), u.update();
     }
-    function V(v) {
+    function L(v) {
       ot.set(v.clientX, v.clientY), Y.subVectors(ot, zt), Y.y > 0 ? C(It()) : Y.y < 0 && Ke(It()), zt.copy(ot), u.update();
     }
     function H(v) {
@@ -183,10 +183,10 @@ class Ca extends wa {
     }
     function Pe() {
       if (A.length == 1)
-        nt.set(A[0].pageX, A[0].pageY);
+        et.set(A[0].pageX, A[0].pageY);
       else {
         const v = 0.5 * (A[0].pageX + A[1].pageX), f = 0.5 * (A[0].pageY + A[1].pageY);
-        nt.set(v, f);
+        et.set(v, f);
       }
     }
     function ke() {
@@ -211,24 +211,24 @@ class Ca extends wa {
       if (A.length == 1)
         J.set(v.pageX, v.pageY);
       else {
-        const x = Mt(v), S = 0.5 * (v.pageX + x.x), Z = 0.5 * (v.pageY + x.y);
-        J.set(S, Z);
+        const x = Mt(v), T = 0.5 * (v.pageX + x.x), Z = 0.5 * (v.pageY + x.y);
+        J.set(T, Z);
       }
-      I.subVectors(J, nt).multiplyScalar(u.rotateSpeed);
+      I.subVectors(J, et).multiplyScalar(u.rotateSpeed);
       const f = u.domElement;
-      f && (xe(2 * Math.PI * I.x / f.clientHeight), Ce(2 * Math.PI * I.y / f.clientHeight)), nt.copy(J);
+      f && (xe(2 * Math.PI * I.x / f.clientHeight), Ce(2 * Math.PI * I.y / f.clientHeight)), et.copy(J);
     }
     function ie(v) {
       if (A.length == 1)
         P.set(v.pageX, v.pageY);
       else {
-        const f = Mt(v), x = 0.5 * (v.pageX + f.x), S = 0.5 * (v.pageY + f.y);
-        P.set(x, S);
+        const f = Mt(v), x = 0.5 * (v.pageX + f.x), T = 0.5 * (v.pageY + f.y);
+        P.set(x, T);
       }
       xt.subVectors(P, ut).multiplyScalar(u.panSpeed), O(xt.x, xt.y), ut.copy(P);
     }
     function se(v) {
-      const f = Mt(v), x = v.pageX - f.x, S = v.pageY - f.y, Z = Math.sqrt(x * x + S * S);
+      const f = Mt(v), x = v.pageX - f.x, T = v.pageY - f.y, Z = Math.sqrt(x * x + T * T);
       ot.set(0, Z), Y.set(0, Math.pow(ot.y / zt.y, u.zoomSpeed)), C(Y.y), zt.copy(ot);
     }
     function hn(v) {
@@ -251,10 +251,10 @@ class Ca extends wa {
     }
     function Xt(v) {
       if (mt(v), A.length === 0) {
-        var f, x, S;
-        (f = u.domElement) === null || f === void 0 || f.releasePointerCapture(v.pointerId), (x = u.domElement) === null || x === void 0 || x.ownerDocument.removeEventListener("pointermove", jt), (S = u.domElement) === null || S === void 0 || S.ownerDocument.removeEventListener("pointerup", Xt);
+        var f, x, T;
+        (f = u.domElement) === null || f === void 0 || f.releasePointerCapture(v.pointerId), (x = u.domElement) === null || x === void 0 || x.ownerDocument.removeEventListener("pointermove", jt), (T = u.domElement) === null || T === void 0 || T.ownerDocument.removeEventListener("pointerup", Xt);
       }
-      u.dispatchEvent(kt), j = y.NONE;
+      u.dispatchEvent(kt), B = y.NONE;
     }
     function Bt(v) {
       mt(v);
@@ -278,38 +278,38 @@ class Ca extends wa {
         case ln.DOLLY:
           if (u.enableZoom === !1)
             return;
-          Ue(v), j = y.DOLLY;
+          Ue(v), B = y.DOLLY;
           break;
         case ln.ROTATE:
           if (v.ctrlKey || v.metaKey || v.shiftKey) {
             if (u.enablePan === !1)
               return;
-            at(v), j = y.PAN;
+            at(v), B = y.PAN;
           } else {
             if (u.enableRotate === !1)
               return;
-            Fe(v), j = y.ROTATE;
+            Fe(v), B = y.ROTATE;
           }
           break;
         case ln.PAN:
           if (v.ctrlKey || v.metaKey || v.shiftKey) {
             if (u.enableRotate === !1)
               return;
-            Fe(v), j = y.ROTATE;
+            Fe(v), B = y.ROTATE;
           } else {
             if (u.enablePan === !1)
               return;
-            at(v), j = y.PAN;
+            at(v), B = y.PAN;
           }
           break;
         default:
-          j = y.NONE;
+          B = y.NONE;
       }
-      j !== y.NONE && u.dispatchEvent(et);
+      B !== y.NONE && u.dispatchEvent(st);
     }
     function qe(v) {
       if (u.enabled !== !1)
-        switch (j) {
+        switch (B) {
           case y.ROTATE:
             if (u.enableRotate === !1)
               return;
@@ -318,7 +318,7 @@ class Ca extends wa {
           case y.DOLLY:
             if (u.enableZoom === !1)
               return;
-            V(v);
+            L(v);
             break;
           case y.PAN:
             if (u.enablePan === !1)
@@ -328,7 +328,7 @@ class Ca extends wa {
         }
     }
     function Ct(v) {
-      u.enabled === !1 || u.enableZoom === !1 || j !== y.NONE && j !== y.ROTATE || (v.preventDefault(), u.dispatchEvent(et), dn(v), u.dispatchEvent(kt));
+      u.enabled === !1 || u.enableZoom === !1 || B !== y.NONE && B !== y.ROTATE || (v.preventDefault(), u.dispatchEvent(st), dn(v), u.dispatchEvent(kt));
     }
     function Kt(v) {
       u.enabled === !1 || u.enablePan === !1 || $e(v);
@@ -340,15 +340,15 @@ class Ca extends wa {
             case pn.ROTATE:
               if (u.enableRotate === !1)
                 return;
-              Pe(), j = y.TOUCH_ROTATE;
+              Pe(), B = y.TOUCH_ROTATE;
               break;
             case pn.PAN:
               if (u.enablePan === !1)
                 return;
-              ke(), j = y.TOUCH_PAN;
+              ke(), B = y.TOUCH_PAN;
               break;
             default:
-              j = y.NONE;
+              B = y.NONE;
           }
           break;
         case 2:
@@ -356,24 +356,24 @@ class Ca extends wa {
             case pn.DOLLY_PAN:
               if (u.enableZoom === !1 && u.enablePan === !1)
                 return;
-              vt(), j = y.TOUCH_DOLLY_PAN;
+              vt(), B = y.TOUCH_DOLLY_PAN;
               break;
             case pn.DOLLY_ROTATE:
               if (u.enableZoom === !1 && u.enableRotate === !1)
                 return;
-              Gt(), j = y.TOUCH_DOLLY_ROTATE;
+              Gt(), B = y.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              j = y.NONE;
+              B = y.NONE;
           }
           break;
         default:
-          j = y.NONE;
+          B = y.NONE;
       }
-      j !== y.NONE && u.dispatchEvent(et);
+      B !== y.NONE && u.dispatchEvent(st);
     }
     function Le(v) {
-      switch (Lt(v), j) {
+      switch (Lt(v), B) {
         case y.TOUCH_ROTATE:
           if (u.enableRotate === !1)
             return;
@@ -395,7 +395,7 @@ class Ca extends wa {
           vn(v), u.update();
           break;
         default:
-          j = y.NONE;
+          B = y.NONE;
       }
     }
     function yt(v) {
@@ -420,26 +420,27 @@ class Ca extends wa {
       const f = v.pointerId === A[0].pointerId ? A[1] : A[0];
       return X[f.pointerId];
     }
-    T !== void 0 && this.connect(T), this.update();
+    V !== void 0 && this.connect(V), this.update();
   }
 }
-var gr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var wr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function ya(G) {
   return G && G.__esModule && Object.prototype.hasOwnProperty.call(G, "default") ? G.default : G;
 }
-const Ma = /* @__PURE__ */ va({
+const Ma = /* @__PURE__ */ ma({
   __name: "OrbitControls",
   setup(G) {
     let U;
-    const T = ma("UseTresState");
+    const V = mr("camera"), u = mr("renderer");
     return ba(
-      () => T,
-      (u) => {
-        if (u) {
-          const { camera: F, renderer: et } = u;
-          F && et && (U = new Ca(F, fa(et).domElement), U.enableDamping = !0, _r(() => {
+      [V, u],
+      () => {
+        if ((V == null ? void 0 : V.value) && (u == null ? void 0 : u.value)) {
+          U = new Ca(V.value, fa(u).domElement), U.enableDamping = !0;
+          const { onLoop: j } = gr();
+          j(() => {
             U && U.update();
-          }));
+          });
         }
       },
       {
@@ -452,9 +453,9 @@ const Ma = /* @__PURE__ */ va({
 var Ss = { exports: {} };
 /*! Tweakpane 3.1.0 (c) 2016 cocopon, licensed under the MIT license. */
 (function(G, U) {
-  (function(T, u) {
+  (function(V, u) {
     u(U);
-  })(gr, function(T) {
+  })(wr, function(V) {
     class u {
       constructor(t) {
         const [e, s] = t.split("-"), l = e.split(".");
@@ -465,7 +466,7 @@ var Ss = { exports: {} };
         return this.prerelease !== null ? [t, this.prerelease].join("-") : t;
       }
     }
-    class F {
+    class j {
       constructor(t) {
         this.controller_ = t;
       }
@@ -488,27 +489,27 @@ var Ss = { exports: {} };
         this.controller_.viewProps.set("disposed", !0);
       }
     }
-    class et {
+    class st {
       constructor(t) {
         this.target = t;
       }
     }
-    class kt extends et {
+    class kt extends st {
       constructor(t, e, s, l) {
         super(t), this.value = e, this.presetKey = s, this.last = l != null ? l : !0;
       }
     }
-    class y extends et {
+    class y extends st {
       constructor(t, e, s) {
         super(t), this.value = e, this.presetKey = s;
       }
     }
-    class j extends et {
+    class B extends st {
       constructor(t, e) {
         super(t), this.expanded = e;
       }
     }
-    class Vt extends et {
+    class Vt extends st {
       constructor(t, e) {
         super(t), this.index = e;
       }
@@ -516,10 +517,10 @@ var Ss = { exports: {} };
     function D(n) {
       return n;
     }
-    function M(n) {
+    function S(n) {
       return n == null;
     }
-    function B(n, t) {
+    function K(n, t) {
       if (n.length !== t.length)
         return !1;
       for (let e = 0; e < n.length; e++)
@@ -536,21 +537,21 @@ var Ss = { exports: {} };
       propertynotfound: (n) => `Property '${n.name}' not found`,
       shouldneverhappen: () => "This error should never happen"
     };
-    class L {
+    class M {
       constructor(t) {
         var e;
         this.message = (e = Rt[t.type](t.context)) !== null && e !== void 0 ? e : "Unexpected error", this.name = this.constructor.name, this.stack = new Error(this.message).stack, this.type = t.type;
       }
       static alreadyDisposed() {
-        return new L({ type: "alreadydisposed" });
+        return new M({ type: "alreadydisposed" });
       }
       static notBindable() {
-        return new L({
+        return new M({
           type: "notbindable"
         });
       }
       static propertyNotFound(t) {
-        return new L({
+        return new M({
           type: "propertynotfound",
           context: {
             name: t
@@ -558,10 +559,10 @@ var Ss = { exports: {} };
         });
       }
       static shouldNeverHappen() {
-        return new L({ type: "shouldneverhappen" });
+        return new M({ type: "shouldneverhappen" });
       }
     }
-    class nt {
+    class et {
       constructor(t, e, s) {
         this.obj_ = t, this.key_ = e, this.presetKey_ = s != null ? s : e;
       }
@@ -582,14 +583,14 @@ var Ss = { exports: {} };
       }
       writeProperty(t, e) {
         const s = this.read();
-        if (!nt.isBindable(s))
-          throw L.notBindable();
+        if (!et.isBindable(s))
+          throw M.notBindable();
         if (!(t in s))
-          throw L.propertyNotFound(t);
+          throw M.propertyNotFound(t);
         s[t] = e;
       }
     }
-    class J extends F {
+    class J extends j {
       get label() {
         return this.controller_.props.get("label");
       }
@@ -606,7 +607,7 @@ var Ss = { exports: {} };
       on(t, e) {
         const s = e.bind(this);
         return this.controller_.valueController.emitter.on(t, () => {
-          s(new et(this));
+          s(new st(this));
         }), this;
       }
     }
@@ -844,12 +845,12 @@ var Ss = { exports: {} };
         })(n)
       };
     }
-    const V = {
+    const L = {
       optional: Ee(!0),
       required: Ee(!1)
     };
     function H(n, t) {
-      const e = V.required.object(t)(n);
+      const e = L.required.object(t)(n);
       return e.succeeded ? e.value : void 0;
     }
     function dn(n) {
@@ -942,7 +943,7 @@ var Ss = { exports: {} };
         this.element = t.createElement("div"), this.element.classList.add(Kt()), e.viewProps.bindClassModifiers(this.element);
         const s = t.createElement("div");
         s.classList.add(Kt("l")), Y(e.props, "label", (c) => {
-          M(c) ? this.element.classList.add(Kt(void 0, "nol")) : (this.element.classList.remove(Kt(void 0, "nol")), qe(s), s.appendChild(mn(t, c)));
+          S(c) ? this.element.classList.add(Kt(void 0, "nol")) : (this.element.classList.remove(Kt(void 0, "nol")), qe(s), s.appendChild(mn(t, c)));
         }), this.element.appendChild(s), this.labelElement = s;
         const l = t.createElement("div");
         l.classList.add(Kt("v")), this.element.appendChild(l), this.valueElement = l;
@@ -961,7 +962,7 @@ var Ss = { exports: {} };
       id: "button",
       type: "blade",
       accept(n) {
-        const t = V, e = H(n, {
+        const t = L, e = H(n, {
           title: t.required.string,
           view: t.required.constant("button"),
           label: t.optional.string
@@ -994,7 +995,7 @@ var Ss = { exports: {} };
     function Lt() {
       return new C({
         positions: O([], {
-          equals: B
+          equals: K
         })
       });
     }
@@ -1020,7 +1021,7 @@ var Ss = { exports: {} };
         if (!this.styleExpanded)
           return "0";
         const t = this.get("expandedHeight");
-        return this.get("shouldFixHeight") && !M(t) ? `${t}px` : "auto";
+        return this.get("shouldFixHeight") && !S(t) ? `${t}px` : "auto";
       }
       bindExpandedClass(t, e) {
         const s = () => {
@@ -1043,14 +1044,14 @@ var Ss = { exports: {} };
     }
     function x(n, t) {
       n.value("expanded").emitter.on("beforechange", () => {
-        n.set("completed", !1), M(n.get("expandedHeight")) && n.set("expandedHeight", v(n, t)), n.set("shouldFixHeight", !0), Gt(t);
+        n.set("completed", !1), S(n.get("expandedHeight")) && n.set("expandedHeight", v(n, t)), n.set("shouldFixHeight", !0), Gt(t);
       }), n.emitter.on("change", () => {
         f(n, t);
       }), f(n, t), t.addEventListener("transitionend", (e) => {
         e.propertyName === "height" && n.cleanUpTransition();
       });
     }
-    class S extends F {
+    class T extends j {
       constructor(t, e) {
         super(t), this.rackApi_ = e;
       }
@@ -1089,7 +1090,7 @@ var Ss = { exports: {} };
       }
       add(t, e) {
         if (this.includes(t))
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         const s = e !== void 0 ? e : this.items_.length;
         this.items_.splice(s, 0, t), this.cache_.add(t);
         const l = this.extract_(t);
@@ -1132,7 +1133,7 @@ var Ss = { exports: {} };
         });
       }
     }
-    class pt extends F {
+    class pt extends j {
       constructor(t) {
         super(t), this.onBindingChange_ = this.onBindingChange_.bind(this), this.emitter_ = new I(), this.controller_.binding.emitter.on("change", this.onBindingChange_);
       }
@@ -1163,7 +1164,7 @@ var Ss = { exports: {} };
         super(t, e), this.binding = e.binding;
       }
     }
-    class Zt extends F {
+    class Zt extends j {
       constructor(t) {
         super(t), this.onBindingUpdate_ = this.onBindingUpdate_.bind(this), this.emitter_ = new I(), this.controller_.binding.emitter.on("update", this.onBindingUpdate_);
       }
@@ -1197,20 +1198,20 @@ var Ss = { exports: {} };
       }
     }
     function Me(n) {
-      return n instanceof Te ? n.apiSet_ : n instanceof S ? n.rackApi_.apiSet_ : null;
+      return n instanceof Te ? n.apiSet_ : n instanceof T ? n.rackApi_.apiSet_ : null;
     }
     function Se(n, t) {
       const e = n.find((s) => s.controller_ === t);
       if (!e)
-        throw L.shouldNeverHappen();
+        throw M.shouldNeverHappen();
       return e;
     }
     function Ye(n, t, e) {
-      if (!nt.isBindable(n))
-        throw L.notBindable();
-      return new nt(n, t, e);
+      if (!et.isBindable(n))
+        throw M.notBindable();
+      return new et(n, t, e);
     }
-    class Te extends F {
+    class Te extends j {
       constructor(t, e) {
         super(t), this.onRackAdd_ = this.onRackAdd_.bind(this), this.onRackRemove_ = this.onRackRemove_.bind(this), this.onRackInputChange_ = this.onRackInputChange_.bind(this), this.onRackMonitorUpdate_ = this.onRackMonitorUpdate_.bind(this), this.emitter_ = new I(), this.apiSet_ = new lt(Me), this.pool_ = e;
         const s = this.controller_.rack;
@@ -1287,18 +1288,18 @@ var Ss = { exports: {} };
       }
       onRackMonitorUpdate_(t) {
         if (!(t.bladeController instanceof Ft))
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         const e = Se(this.apiSet_, t.bladeController), s = t.bladeController.binding;
         this.emitter_.emit("update", {
           event: new y(e, s.target.read(), s.target.presetKey)
         });
       }
     }
-    class bn extends S {
+    class bn extends T {
       constructor(t, e) {
         super(t, new Te(t.rackController, e)), this.emitter_ = new I(), this.controller_.foldable.value("expanded").emitter.on("change", (s) => {
           this.emitter_.emit("fold", {
-            event: new j(this, s.sender.rawValue)
+            event: new B(this, s.sender.rawValue)
           });
         }), this.rackApi_.on("change", (s) => {
           this.emitter_.emit("change", {
@@ -1496,7 +1497,7 @@ var Ss = { exports: {} };
       onChildInputChange_(t) {
         const e = gi(this.find(ft), t.sender);
         if (!e)
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         this.emitter.emit("inputchange", {
           bladeController: e,
           options: t.options,
@@ -1506,7 +1507,7 @@ var Ss = { exports: {} };
       onChildMonitorUpdate_(t) {
         const e = wi(this.find(Ft), t.sender);
         if (!e)
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         this.emitter.emit("monitorupdate", {
           bladeController: e,
           sender: this
@@ -1515,7 +1516,7 @@ var Ss = { exports: {} };
       onChildValueChange_(t) {
         const e = xi(this.find(mt), t.sender);
         if (!e)
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         this.emitter.emit("inputchange", {
           bladeController: e,
           options: t.options,
@@ -1570,7 +1571,7 @@ var Ss = { exports: {} };
         this.className_ = P((s = e.viewName) !== null && s !== void 0 ? s : "fld"), this.element = t.createElement("div"), this.element.classList.add(this.className_(), $n()), e.viewProps.bindClassModifiers(this.element), this.foldable_ = e.foldable, this.foldable_.bindExpandedClass(this.element, this.className_(void 0, "expanded")), Y(this.foldable_, "completed", X(this.element, this.className_(void 0, "cpl")));
         const l = t.createElement("button");
         l.classList.add(this.className_("b")), Y(e.props, "title", (w) => {
-          M(w) ? this.element.classList.add(this.className_(void 0, "not")) : this.element.classList.remove(this.className_(void 0, "not"));
+          S(w) ? this.element.classList.add(this.className_(void 0, "not")) : this.element.classList.remove(this.className_(void 0, "not"));
         }), e.viewProps.bindDisabled(l), this.element.appendChild(l), this.buttonElement = l;
         const c = t.createElement("div");
         c.classList.add(this.className_("t")), q(e.props.value("title"), c), this.buttonElement.appendChild(c), this.titleElement = c;
@@ -1611,7 +1612,7 @@ var Ss = { exports: {} };
       id: "folder",
       type: "blade",
       accept(n) {
-        const t = V, e = H(n, {
+        const t = L, e = H(n, {
           title: t.required.string,
           view: t.required.constant("folder"),
           expanded: t.optional.boolean
@@ -1641,7 +1642,7 @@ var Ss = { exports: {} };
         }), viewProps: s })), this.props = e.props, this.valueController = e.valueController, this.view.valueElement.appendChild(this.valueController.view.element);
       }
     }
-    class wn extends F {
+    class wn extends j {
     }
     const Hn = P("spr");
     class ki {
@@ -1663,7 +1664,7 @@ var Ss = { exports: {} };
       type: "blade",
       accept(n) {
         const e = H(n, {
-          view: V.required.constant("separator")
+          view: L.required.constant("separator")
         });
         return e ? { params: e } : null;
       },
@@ -1807,7 +1808,7 @@ var Ss = { exports: {} };
         return this.rackApi_.addBlade(t);
       }
     }
-    class Xn extends S {
+    class Xn extends T {
       constructor(t, e) {
         super(t, new Te(t.rackController, e)), this.onPageAdd_ = this.onPageAdd_.bind(this), this.onPageRemove_ = this.onPageRemove_.bind(this), this.onSelect_ = this.onSelect_.bind(this), this.emitter_ = new I(), this.pageApiMap_ = /* @__PURE__ */ new Map(), this.rackApi_.on("change", (s) => {
           this.emitter_.emit("change", {
@@ -1825,7 +1826,7 @@ var Ss = { exports: {} };
         return this.controller_.pageSet.items.map((t) => {
           const e = this.pageApiMap_.get(t);
           if (!e)
-            throw L.shouldNeverHappen();
+            throw M.shouldNeverHappen();
           return e;
         });
       }
@@ -1842,7 +1843,7 @@ var Ss = { exports: {} };
         this.controller_.add(s, t.index);
         const l = this.pageApiMap_.get(s);
         if (!l)
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         return l;
       }
       removePage(t) {
@@ -1857,7 +1858,7 @@ var Ss = { exports: {} };
       setUpPageApi_(t) {
         const e = this.rackApi_.apiSet_.find((l) => l.controller_ === t.contentController);
         if (!e)
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         const s = new xn(t, e);
         this.pageApiMap_.set(t, s);
       }
@@ -1866,7 +1867,7 @@ var Ss = { exports: {} };
       }
       onPageRemove_(t) {
         if (!this.pageApiMap_.get(t.item))
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         this.pageApiMap_.delete(t.item);
       }
       onSelect_(t) {
@@ -1958,7 +1959,7 @@ var Ss = { exports: {} };
       id: "tab",
       type: "blade",
       accept(n) {
-        const t = V, e = H(n, {
+        const t = L, e = H(n, {
           pages: t.required.array(t.required.object({ title: t.required.string })),
           view: t.required.constant("tab")
         });
@@ -1990,7 +1991,7 @@ var Ss = { exports: {} };
       const e = n.accept(t.params);
       if (!e)
         return null;
-      const s = V.optional.boolean(t.params.disabled).value, l = V.optional.boolean(t.params.hidden).value;
+      const s = L.optional.boolean(t.params.disabled).value, l = L.optional.boolean(t.params.hidden).value;
       return n.controller({
         blade: Lt(),
         document: t.document,
@@ -2077,10 +2078,10 @@ var Ss = { exports: {} };
       }
       constrain(t) {
         let e = t;
-        return M(this.minValue) || (e = Math.max(e, this.minValue)), M(this.maxValue) || (e = Math.min(e, this.maxValue)), e;
+        return S(this.minValue) || (e = Math.max(e, this.minValue)), S(this.maxValue) || (e = Math.min(e, this.maxValue)), e;
       }
     }
-    class it {
+    class nt {
       constructor(t, e = 0) {
         this.step = t, this.origin = e;
       }
@@ -2165,7 +2166,7 @@ var Ss = { exports: {} };
       }
       onInputChange_(t) {
         const s = t.currentTarget.value, l = this.parser_(s);
-        M(l) || (this.value.rawValue = l), this.view.refresh();
+        S(l) || (this.value.rawValue = l), this.view.refresh();
       }
     }
     function Di(n) {
@@ -2454,7 +2455,7 @@ var Ss = { exports: {} };
         return n;
       if (typeof n == "string") {
         const t = Tt(n);
-        if (!M(t))
+        if (!S(t))
           return t;
       }
       return 0;
@@ -2513,7 +2514,7 @@ var Ss = { exports: {} };
         });
       });
     }
-    function st(n, t) {
+    function it(n, t) {
       const e = n * (t.altKey ? 0.1 : 1) * (t.shiftKey ? 10 : 1);
       return t.upKey ? +e : t.downKey ? -e : 0;
     }
@@ -2635,7 +2636,7 @@ var Ss = { exports: {} };
         });
       }
     }
-    function K(n, t, e, s, l) {
+    function F(n, t, e, s, l) {
       const c = (n - t) / (e - t);
       return s + c * (l - s);
     }
@@ -2705,17 +2706,17 @@ var Ss = { exports: {} };
       }
       onInputChange_(t) {
         const s = t.currentTarget.value, l = this.parser_(s);
-        M(l) || (this.value.rawValue = this.constrainValue_(l)), this.view.refresh();
+        S(l) || (this.value.rawValue = this.constrainValue_(l)), this.view.refresh();
       }
       onInputKeyDown_(t) {
-        const e = st(this.baseStep_, Et(t));
+        const e = it(this.baseStep_, Et(t));
         e !== 0 && this.value.setRawValue(this.constrainValue_(this.value.rawValue + e), {
           forceEmit: !1,
           last: !1
         });
       }
       onInputKeyUp_(t) {
-        st(this.baseStep_, Et(t)) !== 0 && this.value.setRawValue(this.value.rawValue, {
+        it(this.baseStep_, Et(t)) !== 0 && this.value.setRawValue(this.value.rawValue, {
           forceEmit: !0,
           last: !0
         });
@@ -2754,7 +2755,7 @@ var Ss = { exports: {} };
         l.classList.add(An("k")), this.trackElement.appendChild(l), this.knobElement = l, e.value.emitter.on("change", this.onChange_), this.value = e.value, this.update_();
       }
       update_() {
-        const t = W(K(this.value.rawValue, this.props_.get("minValue"), this.props_.get("maxValue"), 0, 100), 0, 100);
+        const t = W(F(this.value.rawValue, this.props_.get("minValue"), this.props_.get("maxValue"), 0, 100), 0, 100);
         this.knobElement.style.width = `${t}%`;
       }
       onChange_() {
@@ -2770,7 +2771,7 @@ var Ss = { exports: {} };
         }), this.ptHandler_ = new Qt(this.view.trackElement), this.ptHandler_.emitter.on("down", this.onPointerDownOrMove_), this.ptHandler_.emitter.on("move", this.onPointerDownOrMove_), this.ptHandler_.emitter.on("up", this.onPointerUp_), this.view.trackElement.addEventListener("keydown", this.onKeyDown_), this.view.trackElement.addEventListener("keyup", this.onKeyUp_);
       }
       handlePointerEvent_(t, e) {
-        !t.point || this.value.setRawValue(K(W(t.point.x, 0, t.bounds.width), 0, t.bounds.width, this.props.get("minValue"), this.props.get("maxValue")), e);
+        !t.point || this.value.setRawValue(F(W(t.point.x, 0, t.bounds.width), 0, t.bounds.width, this.props.get("minValue"), this.props.get("maxValue")), e);
       }
       onPointerDownOrMove_(t) {
         this.handlePointerEvent_(t.data, {
@@ -2785,14 +2786,14 @@ var Ss = { exports: {} };
         });
       }
       onKeyDown_(t) {
-        const e = st(this.baseStep_, Dt(t));
+        const e = it(this.baseStep_, Dt(t));
         e !== 0 && this.value.setRawValue(this.value.rawValue + e, {
           forceEmit: !1,
           last: !1
         });
       }
       onKeyUp_(t) {
-        st(this.baseStep_, Dt(t)) !== 0 && this.value.setRawValue(this.value.rawValue, {
+        it(this.baseStep_, Dt(t)) !== 0 && this.value.setRawValue(this.value.rawValue, {
           forceEmit: !0,
           last: !0
         });
@@ -2838,7 +2839,7 @@ var Ss = { exports: {} };
       n.write(t);
     }
     function he(n) {
-      const t = V;
+      const t = L;
       if (Array.isArray(n))
         return t.required.array(t.required.object({
           text: t.required.string,
@@ -2852,7 +2853,7 @@ var Ss = { exports: {} };
         return n;
     }
     function rt(n) {
-      const t = V;
+      const t = L;
       return t.required.object({
         max: t.optional.number,
         min: t.optional.number,
@@ -2868,18 +2869,18 @@ var Ss = { exports: {} };
       }), t;
     }
     function Nn(n) {
-      return M(n) ? null : new pe(hi(n));
+      return S(n) ? null : new pe(hi(n));
     }
     function On(n) {
       const t = n ? z(n, pe) : null;
       return t ? t.options : null;
     }
     function os(n) {
-      const t = n ? z(n, it) : null;
+      const t = n ? z(n, nt) : null;
       return t ? t.step : null;
     }
     function tn(n, t) {
-      const e = n && z(n, it);
+      const e = n && z(n, nt);
       return e ? pi(e.step) : Math.max(pi(t), 2);
     }
     function ve(n) {
@@ -2888,7 +2889,7 @@ var Ss = { exports: {} };
     }
     function me(n, t) {
       var e;
-      const s = n && z(n, it), l = Math.abs((e = s == null ? void 0 : s.step) !== null && e !== void 0 ? e : t);
+      const s = n && z(n, nt), l = Math.abs((e = s == null ? void 0 : s.step) !== null && e !== void 0 ? e : t);
       return l === 0 ? 0.1 : Math.pow(10, Math.floor(Math.log10(l)) - 1);
     }
     const en = P("ckb");
@@ -2934,7 +2935,7 @@ var Ss = { exports: {} };
         if (typeof n != "boolean")
           return null;
         const s = H(t, {
-          options: V.optional.custom(he)
+          options: L.optional.custom(he)
         });
         return s ? {
           initialValue: n,
@@ -3060,7 +3061,7 @@ var Ss = { exports: {} };
       return d(l, e.mode, "int", e.type);
     }
     function _(n, t) {
-      return typeof n != "object" || M(n) ? !1 : t in n && typeof n[t] == "number";
+      return typeof n != "object" || S(n) ? !1 : t in n && typeof n[t] == "number";
     }
     class g {
       constructor(t, e, s = "int") {
@@ -3145,7 +3146,7 @@ var Ss = { exports: {} };
       return n === "int" ? "int" : n === "float" ? "float" : void 0;
     }
     function jn(n) {
-      const t = V;
+      const t = L;
       return H(n, {
         alpha: t.optional.boolean,
         color: t.optional.object({
@@ -3163,14 +3164,14 @@ var Ss = { exports: {} };
       var t;
       return (t = n.color) === null || t === void 0 ? void 0 : t.type;
     }
-    function wr(n, t) {
+    function xr(n, t) {
       return n.alpha === t.alpha && n.mode === t.mode && n.notation === t.notation && n.type === t.type;
     }
     function Pt(n, t) {
       const e = n.match(/^(.+)%$/);
       return Math.min(e ? parseFloat(e[1]) * 0.01 * t : parseFloat(n), t);
     }
-    const xr = {
+    const Cr = {
       deg: (n) => n,
       grad: (n) => n * 360 / 400,
       rad: (n) => n * 360 / (2 * Math.PI),
@@ -3181,7 +3182,7 @@ var Ss = { exports: {} };
       if (!t)
         return parseFloat(n);
       const e = parseFloat(t[1]), s = t[2];
-      return xr[s](e);
+      return Cr[s](e);
     }
     function As(n) {
       const t = n.match(/^rgb\(\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*\)$/);
@@ -3268,7 +3269,7 @@ var Ss = { exports: {} };
         parseInt(e[3], 16)
       ] : null;
     }
-    function Cr(n) {
+    function yr(n) {
       const t = Bs(n);
       return t ? new g(t, "rgb", "int") : null;
     }
@@ -3279,17 +3280,17 @@ var Ss = { exports: {} };
           parseInt(t[1] + t[1], 16),
           parseInt(t[2] + t[2], 16),
           parseInt(t[3] + t[3], 16),
-          K(parseInt(t[4] + t[4], 16), 0, 255, 0, 1)
+          F(parseInt(t[4] + t[4], 16), 0, 255, 0, 1)
         ];
       const e = n.match(/^(?:#|0x)?([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})$/);
       return e ? [
         parseInt(e[1], 16),
         parseInt(e[2], 16),
         parseInt(e[3], 16),
-        K(parseInt(e[4], 16), 0, 255, 0, 1)
+        F(parseInt(e[4], 16), 0, 255, 0, 1)
       ] : null;
     }
-    function yr(n) {
+    function Er(n) {
       const t = Ks(n);
       return t ? new g(t, "rgb", "int") : null;
     }
@@ -3328,7 +3329,7 @@ var Ss = { exports: {} };
         return e ? new g(e, "rgb", n) : null;
       };
     }
-    const Er = [
+    const Pr = [
       {
         parser: Bs,
         result: {
@@ -3394,17 +3395,17 @@ var Ss = { exports: {} };
         }
       }
     ];
-    function Pr(n) {
-      return Er.reduce((t, { parser: e, result: s }) => t || (e(n) ? s : null), null);
+    function kr(n) {
+      return Pr.reduce((t, { parser: e, result: s }) => t || (e(n) ? s : null), null);
     }
     function vs(n, t = "int") {
-      const e = Pr(n);
+      const e = kr(n);
       return e ? e.notation === "hex" && t !== "float" ? Object.assign(Object.assign({}, e), { type: "int" }) : e.notation === "func" ? Object.assign(Object.assign({}, e), { type: t }) : null : null;
     }
     const qs = {
       int: [
-        Cr,
         yr,
+        Er,
         Ds("int"),
         Os("int"),
         zs("int"),
@@ -3421,7 +3422,7 @@ var Ss = { exports: {} };
         Hs("float")
       ]
     };
-    function kr(n) {
+    function Vr(n) {
       const t = qs[n];
       return (e) => {
         if (typeof e != "string")
@@ -3450,17 +3451,17 @@ var Ss = { exports: {} };
       const e = $(t === "float" ? 2 : 0);
       return `rgb(${o(n.getComponents("rgb", t)).map((l) => e(l)).join(", ")})`;
     }
-    function Vr(n) {
+    function Lr(n) {
       return (t) => Xs(t, n);
     }
     function mi(n, t) {
       const e = $(2), s = $(t === "float" ? 2 : 0);
       return `rgba(${n.getComponents("rgb", t).map((c, h) => (h === 3 ? e : s)(c)).join(", ")})`;
     }
-    function Lr(n) {
+    function Mr(n) {
       return (t) => mi(t, n);
     }
-    function Mr(n) {
+    function Sr(n) {
       const t = [
         $(0),
         ce,
@@ -3468,7 +3469,7 @@ var Ss = { exports: {} };
       ];
       return `hsl(${o(n.getComponents("hsl")).map((s, l) => t[l](s)).join(", ")})`;
     }
-    function Sr(n) {
+    function Tr(n) {
       const t = [
         $(0),
         ce,
@@ -3481,7 +3482,7 @@ var Ss = { exports: {} };
       const e = $(t === "float" ? 2 : 0), s = ["r", "g", "b"];
       return `{${o(n.getComponents("rgb", t)).map((c, h) => `${s[h]}: ${e(c)}`).join(", ")}}`;
     }
-    function Tr(n) {
+    function Ar(n) {
       return (t) => Zs(t, n);
     }
     function Ws(n, t) {
@@ -3491,10 +3492,10 @@ var Ss = { exports: {} };
         return `${l[b]}: ${w(h)}`;
       }).join(", ")}}`;
     }
-    function Ar(n) {
+    function Dr(n) {
       return (t) => Ws(t, n);
     }
-    const Dr = [
+    const Nr = [
       {
         format: {
           alpha: !1,
@@ -3520,7 +3521,7 @@ var Ss = { exports: {} };
           notation: "func",
           type: "int"
         },
-        stringifier: Mr
+        stringifier: Sr
       },
       {
         format: {
@@ -3529,7 +3530,7 @@ var Ss = { exports: {} };
           notation: "func",
           type: "int"
         },
-        stringifier: Sr
+        stringifier: Tr
       },
       ...["int", "float"].reduce((n, t) => [
         ...n,
@@ -3540,7 +3541,7 @@ var Ss = { exports: {} };
             notation: "func",
             type: t
           },
-          stringifier: Vr(t)
+          stringifier: Lr(t)
         },
         {
           format: {
@@ -3549,7 +3550,7 @@ var Ss = { exports: {} };
             notation: "func",
             type: t
           },
-          stringifier: Lr(t)
+          stringifier: Mr(t)
         },
         {
           format: {
@@ -3558,7 +3559,7 @@ var Ss = { exports: {} };
             notation: "object",
             type: t
           },
-          stringifier: Tr(t)
+          stringifier: Ar(t)
         },
         {
           format: {
@@ -3567,15 +3568,15 @@ var Ss = { exports: {} };
             notation: "object",
             type: t
           },
-          stringifier: Ar(t)
+          stringifier: Dr(t)
         }
       ], [])
     ];
     function fs(n) {
-      return Dr.reduce((t, e) => t || (wr(e.format, n) ? e.stringifier : null), null);
+      return Nr.reduce((t, e) => t || (xr(e.format, n) ? e.stringifier : null), null);
     }
     const Bn = P("apl");
-    class Nr {
+    class Or {
       constructor(t, e) {
         this.onValueChange_ = this.onValueChange_.bind(this), this.value = e.value, this.value.emitter.on("change", this.onValueChange_), this.element = t.createElement("div"), this.element.classList.add(Bn()), e.viewProps.bindTabIndex(this.element);
         const s = t.createElement("div");
@@ -3594,16 +3595,16 @@ var Ss = { exports: {} };
           mi(l)
         ];
         this.colorElem_.style.background = `linear-gradient(${c.join(",")})`, this.previewElem_.style.backgroundColor = mi(t);
-        const h = K(e[3], 0, 1, 0, 100);
+        const h = F(e[3], 0, 1, 0, 100);
         this.markerElem_.style.left = `${h}%`;
       }
       onValueChange_() {
         this.update_();
       }
     }
-    class Or {
+    class Rr {
       constructor(t, e) {
-        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.value = e.value, this.viewProps = e.viewProps, this.view = new Nr(t, {
+        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.value = e.value, this.viewProps = e.viewProps, this.view = new Or(t, {
           value: this.value,
           viewProps: this.viewProps
         }), this.ptHandler_ = new Qt(this.view.element), this.ptHandler_.emitter.on("down", this.onPointerDown_), this.ptHandler_.emitter.on("move", this.onPointerMove_), this.ptHandler_.emitter.on("up", this.onPointerUp_), this.view.element.addEventListener("keydown", this.onKeyDown_), this.view.element.addEventListener("keyup", this.onKeyUp_);
@@ -3633,7 +3634,7 @@ var Ss = { exports: {} };
         });
       }
       onKeyDown_(t) {
-        const e = st(te(!0), Dt(t));
+        const e = it(te(!0), Dt(t));
         if (e === 0)
           return;
         const s = this.value.rawValue, [l, c, h, b] = s.getComponents("hsv");
@@ -3643,14 +3644,14 @@ var Ss = { exports: {} };
         });
       }
       onKeyUp_(t) {
-        st(te(!0), Dt(t)) !== 0 && this.value.setRawValue(this.value.rawValue, {
+        it(te(!0), Dt(t)) !== 0 && this.value.setRawValue(this.value.rawValue, {
           forceEmit: !0,
           last: !0
         });
       }
     }
     const nn = P("coltxt");
-    function Rr(n) {
+    function zr(n) {
       const t = n.createElement("select"), e = [
         { text: "RGB", value: "rgb" },
         { text: "HSL", value: "hsl" },
@@ -3661,11 +3662,11 @@ var Ss = { exports: {} };
         return c.textContent = l.text, c.value = l.value, s.appendChild(c), s;
       }, n.createDocumentFragment())), t;
     }
-    class zr {
+    class Ir {
       constructor(t, e) {
         this.element = t.createElement("div"), this.element.classList.add(nn());
         const s = t.createElement("div");
-        s.classList.add(nn("m")), this.modeElem_ = Rr(t), this.modeElem_.classList.add(nn("ms")), s.appendChild(this.modeSelectElement);
+        s.classList.add(nn("m")), this.modeElem_ = zr(t), this.modeElem_.classList.add(nn("ms")), s.appendChild(this.modeSelectElement);
         const l = t.createElement("div");
         l.classList.add(nn("mm")), l.appendChild(jt(t, "dropdown")), s.appendChild(l), this.element.appendChild(s);
         const c = t.createElement("div");
@@ -3691,10 +3692,10 @@ var Ss = { exports: {} };
         });
       }
     }
-    function Ir(n) {
+    function jr(n) {
       return $(n === "float" ? 2 : 0);
     }
-    function jr(n, t, e) {
+    function Br(n, t, e) {
       const s = a(n, t)[e];
       return new wt({
         min: 0,
@@ -3708,17 +3709,17 @@ var Ss = { exports: {} };
         parser: t.parser,
         props: C.fromObject({
           draggingScale: t.colorType === "float" ? 0.01 : 1,
-          formatter: Ir(t.colorType)
+          formatter: jr(t.colorType)
         }),
         value: O(0, {
-          constraint: jr(t.colorMode, t.colorType, e)
+          constraint: Br(t.colorMode, t.colorType, e)
         }),
         viewProps: t.viewProps
       });
     }
-    class Br {
+    class Kr {
       constructor(t, e) {
-        this.onModeSelectChange_ = this.onModeSelectChange_.bind(this), this.colorType_ = e.colorType, this.parser_ = e.parser, this.value = e.value, this.viewProps = e.viewProps, this.colorMode = O(this.value.rawValue.mode), this.ccs_ = this.createComponentControllers_(t), this.view = new zr(t, {
+        this.onModeSelectChange_ = this.onModeSelectChange_.bind(this), this.colorType_ = e.colorType, this.parser_ = e.parser, this.value = e.value, this.viewProps = e.viewProps, this.colorMode = O(this.value.rawValue.mode), this.ccs_ = this.createComponentControllers_(t), this.view = new Ir(t, {
           colorMode: this.colorMode,
           textViews: [this.ccs_[0].view, this.ccs_[1].view, this.ccs_[2].view]
         }), this.view.modeSelectElement.addEventListener("change", this.onModeSelectChange_);
@@ -3756,7 +3757,7 @@ var Ss = { exports: {} };
       }
     }
     const gs = P("hpl");
-    class Kr {
+    class Fr {
       constructor(t, e) {
         this.onValueChange_ = this.onValueChange_.bind(this), this.value = e.value, this.value.emitter.on("change", this.onValueChange_), this.element = t.createElement("div"), this.element.classList.add(gs()), e.viewProps.bindTabIndex(this.element);
         const s = t.createElement("div");
@@ -3767,16 +3768,16 @@ var Ss = { exports: {} };
       update_() {
         const t = this.value.rawValue, [e] = t.getComponents("hsv");
         this.markerElem_.style.backgroundColor = Xs(new g([e, 100, 100], "hsv"));
-        const s = K(e, 0, 360, 0, 100);
+        const s = F(e, 0, 360, 0, 100);
         this.markerElem_.style.left = `${s}%`;
       }
       onValueChange_() {
         this.update_();
       }
     }
-    class Fr {
+    class Ur {
       constructor(t, e) {
-        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.value = e.value, this.viewProps = e.viewProps, this.view = new Kr(t, {
+        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.value = e.value, this.viewProps = e.viewProps, this.view = new Fr(t, {
           value: this.value,
           viewProps: this.viewProps
         }), this.ptHandler_ = new Qt(this.view.element), this.ptHandler_.emitter.on("down", this.onPointerDown_), this.ptHandler_.emitter.on("move", this.onPointerMove_), this.ptHandler_.emitter.on("up", this.onPointerUp_), this.view.element.addEventListener("keydown", this.onKeyDown_), this.view.element.addEventListener("keyup", this.onKeyUp_);
@@ -3784,7 +3785,7 @@ var Ss = { exports: {} };
       handlePointerEvent_(t, e) {
         if (!t.point)
           return;
-        const s = K(W(t.point.x, 0, t.bounds.width), 0, t.bounds.width, 0, 359), l = this.value.rawValue, [, c, h, b] = l.getComponents("hsv");
+        const s = F(W(t.point.x, 0, t.bounds.width), 0, t.bounds.width, 0, 359), l = this.value.rawValue, [, c, h, b] = l.getComponents("hsv");
         this.value.setRawValue(new g([s, c, h, b], "hsv"), e);
       }
       onPointerDown_(t) {
@@ -3806,7 +3807,7 @@ var Ss = { exports: {} };
         });
       }
       onKeyDown_(t) {
-        const e = st(te(!1), Dt(t));
+        const e = it(te(!1), Dt(t));
         if (e === 0)
           return;
         const s = this.value.rawValue, [l, c, h, b] = s.getComponents("hsv");
@@ -3816,14 +3817,14 @@ var Ss = { exports: {} };
         });
       }
       onKeyUp_(t) {
-        st(te(!1), Dt(t)) !== 0 && this.value.setRawValue(this.value.rawValue, {
+        it(te(!1), Dt(t)) !== 0 && this.value.setRawValue(this.value.rawValue, {
           forceEmit: !0,
           last: !0
         });
       }
     }
     const ws = P("svp"), Qs = 64;
-    class Ur {
+    class $r {
       constructor(t, e) {
         this.onValueChange_ = this.onValueChange_.bind(this), this.value = e.value, this.value.emitter.on("change", this.onValueChange_), this.element = t.createElement("div"), this.element.classList.add(ws()), e.viewProps.bindTabIndex(this.element);
         const s = t.createElement("canvas");
@@ -3838,22 +3839,22 @@ var Ss = { exports: {} };
         const s = this.value.rawValue.getComponents("hsv"), l = this.canvasElement.width, c = this.canvasElement.height, h = t.getImageData(0, 0, l, c), b = h.data;
         for (let N = 0; N < c; N++)
           for (let R = 0; R < l; R++) {
-            const ne = K(R, 0, l, 0, 100), Fn = K(N, 0, c, 100, 0), Un = vi(s[0], ne, Fn), an = (N * l + R) * 4;
+            const ne = F(R, 0, l, 0, 100), Fn = F(N, 0, c, 100, 0), Un = vi(s[0], ne, Fn), an = (N * l + R) * 4;
             b[an] = Un[0], b[an + 1] = Un[1], b[an + 2] = Un[2], b[an + 3] = 255;
           }
         t.putImageData(h, 0, 0);
-        const w = K(s[1], 0, 100, 0, 100);
+        const w = F(s[1], 0, 100, 0, 100);
         this.markerElem_.style.left = `${w}%`;
-        const E = K(s[2], 0, 100, 100, 0);
+        const E = F(s[2], 0, 100, 100, 0);
         this.markerElem_.style.top = `${E}%`;
       }
       onValueChange_() {
         this.update_();
       }
     }
-    class $r {
+    class Hr {
       constructor(t, e) {
-        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.value = e.value, this.viewProps = e.viewProps, this.view = new Ur(t, {
+        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.value = e.value, this.viewProps = e.viewProps, this.view = new $r(t, {
           value: this.value,
           viewProps: this.viewProps
         }), this.ptHandler_ = new Qt(this.view.element), this.ptHandler_.emitter.on("down", this.onPointerDown_), this.ptHandler_.emitter.on("move", this.onPointerMove_), this.ptHandler_.emitter.on("up", this.onPointerUp_), this.view.element.addEventListener("keydown", this.onKeyDown_), this.view.element.addEventListener("keyup", this.onKeyUp_);
@@ -3861,7 +3862,7 @@ var Ss = { exports: {} };
       handlePointerEvent_(t, e) {
         if (!t.point)
           return;
-        const s = K(t.point.x, 0, t.bounds.width, 0, 100), l = K(t.point.y, 0, t.bounds.height, 100, 0), [c, , , h] = this.value.rawValue.getComponents("hsv");
+        const s = F(t.point.x, 0, t.bounds.width, 0, 100), l = F(t.point.y, 0, t.bounds.height, 100, 0), [c, , , h] = this.value.rawValue.getComponents("hsv");
         this.value.setRawValue(new g([c, s, l, h], "hsv"), e);
       }
       onPointerDown_(t) {
@@ -3884,30 +3885,30 @@ var Ss = { exports: {} };
       }
       onKeyDown_(t) {
         li(t.key) && t.preventDefault();
-        const [e, s, l, c] = this.value.rawValue.getComponents("hsv"), h = te(!1), b = st(h, Dt(t)), w = st(h, Et(t));
+        const [e, s, l, c] = this.value.rawValue.getComponents("hsv"), h = te(!1), b = it(h, Dt(t)), w = it(h, Et(t));
         b === 0 && w === 0 || this.value.setRawValue(new g([e, s + b, l + w, c], "hsv"), {
           forceEmit: !1,
           last: !1
         });
       }
       onKeyUp_(t) {
-        const e = te(!1), s = st(e, Dt(t)), l = st(e, Et(t));
+        const e = te(!1), s = it(e, Dt(t)), l = it(e, Et(t));
         s === 0 && l === 0 || this.value.setRawValue(this.value.rawValue, {
           forceEmit: !0,
           last: !0
         });
       }
     }
-    class Hr {
+    class qr {
       constructor(t, e) {
-        this.value = e.value, this.viewProps = e.viewProps, this.hPaletteC_ = new Fr(t, {
+        this.value = e.value, this.viewProps = e.viewProps, this.hPaletteC_ = new Ur(t, {
           value: this.value,
           viewProps: this.viewProps
-        }), this.svPaletteC_ = new $r(t, {
+        }), this.svPaletteC_ = new Hr(t, {
           value: this.value,
           viewProps: this.viewProps
         }), this.alphaIcs_ = e.supportsAlpha ? {
-          palette: new Or(t, {
+          palette: new Rr(t, {
             value: this.value,
             viewProps: this.viewProps
           }),
@@ -3931,7 +3932,7 @@ var Ss = { exports: {} };
             const c = s.rawValue.getComponents();
             return c[3] = l.rawValue, new g(c, s.rawValue.mode);
           }
-        }), this.textC_ = new Br(t, {
+        }), this.textC_ = new Kr(t, {
           colorType: e.colorType,
           parser: Tt,
           value: this.value,
@@ -3952,7 +3953,7 @@ var Ss = { exports: {} };
       }
     }
     const xs = P("colsw");
-    class qr {
+    class Gr {
       constructor(t, e) {
         this.onValueChange_ = this.onValueChange_.bind(this), e.value.emitter.on("change", this.onValueChange_), this.value = e.value, this.element = t.createElement("div"), this.element.classList.add(xs()), e.viewProps.bindClassModifiers(this.element);
         const s = t.createElement("div");
@@ -3968,9 +3969,9 @@ var Ss = { exports: {} };
         this.update_();
       }
     }
-    class Gr {
+    class Yr {
       constructor(t, e) {
-        this.value = e.value, this.viewProps = e.viewProps, this.view = new qr(t, {
+        this.value = e.value, this.viewProps = e.viewProps, this.view = new Gr(t, {
           value: this.value,
           viewProps: this.viewProps
         });
@@ -3978,7 +3979,7 @@ var Ss = { exports: {} };
     }
     class Cs {
       constructor(t, e) {
-        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 = e.value, this.viewProps = e.viewProps, this.foldable_ = Mt.create(e.expanded), this.swatchC_ = new Gr(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 = e.value, this.viewProps = e.viewProps, this.foldable_ = Mt.create(e.expanded), this.swatchC_ = new Yr(t, {
           value: this.value,
           viewProps: this.viewProps
         });
@@ -3996,7 +3997,7 @@ var Ss = { exports: {} };
         }), this.view.swatchElement.appendChild(this.swatchC_.view.element), this.view.textElement.appendChild(this.textC_.view.element), this.popC_ = e.pickerLayout === "popup" ? new Pn(t, {
           viewProps: this.viewProps
         }) : null;
-        const l = new Hr(t, {
+        const l = new qr(t, {
           colorType: e.colorType,
           supportsAlpha: e.supportsAlpha,
           value: this.value,
@@ -4033,75 +4034,75 @@ var Ss = { exports: {} };
         this.popC_ ? t.key === "Escape" && (this.popC_.shows.rawValue = !1) : this.view.pickerElement && t.key === "Escape" && this.swatchC_.view.buttonElement.focus();
       }
     }
-    function Yr(n, t) {
+    function Xr(n, t) {
       return g.isColorObject(n) ? g.fromObject(n, t) : g.black(t);
     }
-    function Xr(n) {
+    function Zr(n) {
       return o(n.getComponents("rgb")).reduce((t, e) => t << 8 | Math.floor(e) & 255, 0);
     }
-    function Zr(n) {
+    function Wr(n) {
       return n.getComponents("rgb").reduce((t, e, s) => {
         const l = Math.floor(s === 3 ? e * 255 : e) & 255;
         return t << 8 | l;
       }, 0) >>> 0;
     }
-    function Wr(n) {
+    function Qr(n) {
       return new g([n >> 16 & 255, n >> 8 & 255, n & 255], "rgb");
     }
-    function Qr(n) {
+    function Jr(n) {
       return new g([
         n >> 24 & 255,
         n >> 16 & 255,
         n >> 8 & 255,
-        K(n & 255, 0, 255, 0, 1)
+        F(n & 255, 0, 255, 0, 1)
       ], "rgb");
     }
-    function Jr(n) {
-      return typeof n != "number" ? g.black() : Wr(n);
-    }
     function to(n) {
       return typeof n != "number" ? g.black() : Qr(n);
     }
     function eo(n) {
+      return typeof n != "number" ? g.black() : Jr(n);
+    }
+    function no(n) {
       const t = fs(n);
       return t ? (e, s) => {
         de(e, t(s));
       } : null;
     }
-    function no(n) {
-      const t = n ? Zr : Xr;
+    function io(n) {
+      const t = n ? Wr : Zr;
       return (e, s) => {
         de(e, t(s));
       };
     }
-    function io(n, t, e) {
+    function so(n, t, e) {
       const s = t.toRgbaObject(e);
       n.writeProperty("r", s.r), n.writeProperty("g", s.g), n.writeProperty("b", s.b), n.writeProperty("a", s.a);
     }
-    function so(n, t, e) {
+    function ro(n, t, e) {
       const s = t.toRgbaObject(e);
       n.writeProperty("r", s.r), n.writeProperty("g", s.g), n.writeProperty("b", s.b);
     }
-    function ro(n, t) {
+    function oo(n, t) {
       return (e, s) => {
-        n ? io(e, s, t) : so(e, s, t);
+        n ? so(e, s, t) : ro(e, s, t);
       };
     }
     function ys(n) {
       var t;
       return !!((n == null ? void 0 : n.alpha) || ((t = n == null ? void 0 : n.color) === null || t === void 0 ? void 0 : t.alpha));
     }
-    function oo(n) {
+    function ao(n) {
       return n ? (t) => bs(t, "0x") : (t) => Ys(t, "0x");
     }
-    function ao(n) {
+    function lo(n) {
       return "color" in n || "view" in n && n.view === "color";
     }
-    const lo = {
+    const po = {
       id: "input-color-number",
       type: "input",
       accept: (n, t) => {
-        if (typeof n != "number" || !ao(t))
+        if (typeof n != "number" || !lo(t))
           return null;
         const e = jn(t);
         return e ? {
@@ -4110,16 +4111,16 @@ var Ss = { exports: {} };
         } : null;
       },
       binding: {
-        reader: (n) => ys(n.params) ? to : Jr,
+        reader: (n) => ys(n.params) ? eo : to,
         equals: g.equals,
-        writer: (n) => no(ys(n.params))
+        writer: (n) => io(ys(n.params))
       },
       controller: (n) => {
         const t = ys(n.params), e = "expanded" in n.params ? n.params.expanded : void 0, s = "picker" in n.params ? n.params.picker : void 0;
         return new Cs(n.document, {
           colorType: "int",
           expanded: e != null ? e : !1,
-          formatter: oo(t),
+          formatter: ao(t),
           parser: ms("int"),
           pickerLayout: s != null ? s : "popup",
           supportsAlpha: t,
@@ -4128,16 +4129,16 @@ var Ss = { exports: {} };
         });
       }
     };
-    function po(n) {
+    function co(n) {
       return g.isRgbaColorObject(n);
     }
-    function co(n) {
-      return (t) => Yr(t, n);
+    function uo(n) {
+      return (t) => Xr(t, n);
     }
-    function uo(n, t) {
+    function ho(n, t) {
       return (e) => n ? Ws(e, t) : Zs(e, t);
     }
-    const ho = {
+    const vo = {
       id: "input-color-object",
       type: "input",
       accept: (n, t) => {
@@ -4150,9 +4151,9 @@ var Ss = { exports: {} };
         } : null;
       },
       binding: {
-        reader: (n) => co(Be(n.params)),
+        reader: (n) => uo(Be(n.params)),
         equals: g.equals,
-        writer: (n) => ro(po(n.initialValue), Be(n.params))
+        writer: (n) => oo(co(n.initialValue), Be(n.params))
       },
       controller: (n) => {
         var t;
@@ -4160,7 +4161,7 @@ var Ss = { exports: {} };
         return new Cs(n.document, {
           colorType: c,
           expanded: s != null ? s : !1,
-          formatter: uo(e, c),
+          formatter: ho(e, c),
           parser: ms(c),
           pickerLayout: l != null ? l : "popup",
           supportsAlpha: e,
@@ -4168,7 +4169,7 @@ var Ss = { exports: {} };
           viewProps: n.viewProps
         });
       }
-    }, vo = {
+    }, mo = {
       id: "input-color-string",
       type: "input",
       accept: (n, t) => {
@@ -4186,26 +4187,26 @@ var Ss = { exports: {} };
       binding: {
         reader: (n) => {
           var t;
-          return kr((t = Be(n.params)) !== null && t !== void 0 ? t : "int");
+          return Vr((t = Be(n.params)) !== null && t !== void 0 ? t : "int");
         },
         equals: g.equals,
         writer: (n) => {
           const t = vs(n.initialValue, Be(n.params));
           if (!t)
-            throw L.shouldNeverHappen();
-          const e = eo(t);
+            throw M.shouldNeverHappen();
+          const e = no(t);
           if (!e)
-            throw L.notBindable();
+            throw M.notBindable();
           return e;
         }
       },
       controller: (n) => {
         const t = vs(n.initialValue, Be(n.params));
         if (!t)
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         const e = fs(t);
         if (!e)
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         const s = "expanded" in n.params ? n.params.expanded : void 0, l = "picker" in n.params ? n.params.picker : void 0;
         return new Cs(n.document, {
           colorType: t.type,
@@ -4232,7 +4233,7 @@ var Ss = { exports: {} };
       }
     }
     const Js = P("pndtxt");
-    class mo {
+    class bo {
       constructor(t, e) {
         this.textViews = e.textViews, this.element = t.createElement("div"), this.element.classList.add(Js()), this.textViews.forEach((s) => {
           const l = t.createElement("div");
@@ -4240,7 +4241,7 @@ var Ss = { exports: {} };
         });
       }
     }
-    function bo(n, t, e) {
+    function fo(n, t, e) {
       return new Nt(n, {
         arrayPosition: e === 0 ? "fst" : e === t.axes.length - 1 ? "lst" : "mid",
         baseStep: t.axes[e].baseStep,
@@ -4254,7 +4255,7 @@ var Ss = { exports: {} };
     }
     class Es {
       constructor(t, e) {
-        this.value = e.value, this.viewProps = e.viewProps, this.acs_ = e.axes.map((s, l) => bo(t, e, l)), this.acs_.forEach((s, l) => {
+        this.value = e.value, this.viewProps = e.viewProps, this.acs_ = e.axes.map((s, l) => fo(t, e, l)), this.acs_.forEach((s, l) => {
           ue({
             primary: this.value,
             secondary: s.value,
@@ -4264,21 +4265,21 @@ var Ss = { exports: {} };
               return b[l] = h.rawValue, e.assembly.fromComponents(b);
             }
           });
-        }), this.view = new mo(t, {
+        }), this.view = new bo(t, {
           textViews: this.acs_.map((s) => s.view)
         });
       }
     }
     function tr(n, t) {
-      return "step" in n && !M(n.step) ? new it(n.step, t) : null;
+      return "step" in n && !S(n.step) ? new nt(n.step, t) : null;
     }
     function er(n) {
-      return "max" in n && !M(n.max) || "min" in n && !M(n.min) ? new wt({
+      return "max" in n && !S(n.max) || "min" in n && !S(n.min) ? new wt({
         max: n.max,
         min: n.min
       }) : null;
     }
-    function fo(n, t) {
+    function _o(n, t) {
       const e = [], s = tr(n, t);
       s && e.push(s);
       const l = er(n);
@@ -4286,21 +4287,21 @@ var Ss = { exports: {} };
       const c = Nn(n.options);
       return c && e.push(c), new $t(e);
     }
-    function _o(n) {
+    function go(n) {
       const t = n ? z(n, wt) : null;
       return t ? [t.minValue, t.maxValue] : [void 0, void 0];
     }
-    function go(n) {
-      const [t, e] = _o(n);
+    function wo(n) {
+      const [t, e] = go(n);
       return [t != null ? t : 0, e != null ? e : 100];
     }
-    const wo = {
+    const xo = {
       id: "input-number",
       type: "input",
       accept: (n, t) => {
         if (typeof n != "number")
           return null;
-        const e = V, s = H(t, {
+        const e = L, s = H(t, {
           format: e.optional.function,
           max: e.optional.number,
           min: e.optional.number,
@@ -4314,7 +4315,7 @@ var Ss = { exports: {} };
       },
       binding: {
         reader: (n) => Mn,
-        constraint: (n) => fo(n.params, n.initialValue),
+        constraint: (n) => _o(n.params, n.initialValue),
         writer: (n) => de
       },
       controller: (n) => {
@@ -4330,7 +4331,7 @@ var Ss = { exports: {} };
           });
         const c = (e = "format" in n.params ? n.params.format : void 0) !== null && e !== void 0 ? e : $(tn(l, s.rawValue));
         if (l && z(l, wt)) {
-          const [h, b] = go(l);
+          const [h, b] = wo(l);
           return new Je(n.document, {
             baseStep: ve(l),
             parser: Tt,
@@ -4366,7 +4367,7 @@ var Ss = { exports: {} };
         return [this.x, this.y];
       }
       static isObject(t) {
-        if (M(t))
+        if (S(t))
           return !1;
         const e = t.x, s = t.y;
         return !(typeof e != "number" || typeof s != "number");
@@ -4385,7 +4386,7 @@ var Ss = { exports: {} };
       toComponents: (n) => n.getComponents(),
       fromComponents: (n) => new fe(...n)
     }, sn = P("p2d");
-    class xo {
+    class Co {
       constructor(t, e) {
         this.element = t.createElement("div"), this.element.classList.add(sn()), e.viewProps.bindClassModifiers(this.element), ot(e.expanded, X(this.element, sn(void 0, "expanded")));
         const s = t.createElement("div");
@@ -4401,7 +4402,7 @@ var Ss = { exports: {} };
       }
     }
     const _e = P("p2dp");
-    class Co {
+    class yo {
       constructor(t, e) {
         this.onFoldableChange_ = this.onFoldableChange_.bind(this), this.onValueChange_ = this.onValueChange_.bind(this), this.invertsY_ = e.invertsY, this.maxValue_ = e.maxValue, this.element = t.createElement("div"), this.element.classList.add(_e()), e.layout === "popup" && this.element.classList.add(_e(void 0, "p"));
         const s = t.createElement("div");
@@ -4421,7 +4422,7 @@ var Ss = { exports: {} };
         return [this.padElement];
       }
       update_() {
-        const [t, e] = this.value.rawValue.getComponents(), s = this.maxValue_, l = K(t, -s, +s, 0, 100), c = K(e, -s, +s, 0, 100), h = this.invertsY_ ? 100 - c : c;
+        const [t, e] = this.value.rawValue.getComponents(), s = this.maxValue_, l = F(t, -s, +s, 0, 100), c = F(e, -s, +s, 0, 100), h = this.invertsY_ ? 100 - c : c;
         this.lineElem_.setAttributeNS(null, "x2", `${l}%`), this.lineElem_.setAttributeNS(null, "y2", `${h}%`), this.markerElem_.style.left = `${l}%`, this.markerElem_.style.top = `${h}%`;
       }
       onValueChange_() {
@@ -4433,13 +4434,13 @@ var Ss = { exports: {} };
     }
     function ir(n, t, e) {
       return [
-        st(t[0], Dt(n)),
-        st(t[1], Et(n)) * (e ? 1 : -1)
+        it(t[0], Dt(n)),
+        it(t[1], Et(n)) * (e ? 1 : -1)
       ];
     }
-    class yo {
+    class Eo {
       constructor(t, e) {
-        this.onPadKeyDown_ = this.onPadKeyDown_.bind(this), this.onPadKeyUp_ = this.onPadKeyUp_.bind(this), this.onPointerDown_ = this.onPointerDown_.bind(this), this.onPointerMove_ = this.onPointerMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.value = e.value, this.viewProps = e.viewProps, this.baseSteps_ = e.baseSteps, this.maxValue_ = e.maxValue, this.invertsY_ = e.invertsY, this.view = new Co(t, {
+        this.onPadKeyDown_ = this.onPadKeyDown_.bind(this), this.onPadKeyUp_ = this.onPadKeyUp_.bind(this), this.onPointerDown_ = this.onPointerDown_.bind(this), this.onPointerMove_ = this.onPointerMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.value = e.value, this.viewProps = e.viewProps, this.baseSteps_ = e.baseSteps, this.maxValue_ = e.maxValue, this.invertsY_ = e.invertsY, this.view = new yo(t, {
           invertsY: this.invertsY_,
           layout: e.layout,
           maxValue: this.maxValue_,
@@ -4450,7 +4451,7 @@ var Ss = { exports: {} };
       handlePointerEvent_(t, e) {
         if (!t.point)
           return;
-        const s = this.maxValue_, l = K(t.point.x, 0, t.bounds.width, -s, +s), c = K(this.invertsY_ ? t.bounds.height - t.point.y : t.point.y, 0, t.bounds.height, -s, +s);
+        const s = this.maxValue_, l = F(t.point.x, 0, t.bounds.width, -s, +s), c = F(this.invertsY_ ? t.bounds.height - t.point.y : t.point.y, 0, t.bounds.height, -s, +s);
         this.value.setRawValue(new fe(l, c), e);
       }
       onPointerDown_(t) {
@@ -4487,13 +4488,13 @@ var Ss = { exports: {} };
         });
       }
     }
-    class Eo {
+    class Po {
       constructor(t, e) {
         var s, l;
         this.onPopupChildBlur_ = this.onPopupChildBlur_.bind(this), this.onPopupChildKeydown_ = this.onPopupChildKeydown_.bind(this), this.onPadButtonBlur_ = this.onPadButtonBlur_.bind(this), this.onPadButtonClick_ = this.onPadButtonClick_.bind(this), this.value = e.value, this.viewProps = e.viewProps, this.foldable_ = Mt.create(e.expanded), this.popC_ = e.pickerLayout === "popup" ? new Pn(t, {
           viewProps: this.viewProps
         }) : null;
-        const c = new yo(t, {
+        const c = new Eo(t, {
           baseSteps: [e.axes[0].baseStep, e.axes[1].baseStep],
           invertsY: e.invertsY,
           layout: e.pickerLayout,
@@ -4509,7 +4510,7 @@ var Ss = { exports: {} };
           parser: e.parser,
           value: this.value,
           viewProps: this.viewProps
-        }), this.view = new xo(t, {
+        }), this.view = new Co(t, {
           expanded: this.foldable_.value("expanded"),
           pickerLayout: e.pickerLayout,
           viewProps: this.viewProps
@@ -4539,10 +4540,10 @@ var Ss = { exports: {} };
         this.popC_ ? t.key === "Escape" && (this.popC_.shows.rawValue = !1) : this.view.pickerElement && t.key === "Escape" && this.view.buttonElement.focus();
       }
     }
-    function Po(n) {
+    function ko(n) {
       return fe.isObject(n) ? new fe(n.x, n.y) : new fe();
     }
-    function ko(n, t) {
+    function Vo(n, t) {
       n.writeProperty("x", t.x), n.writeProperty("y", t.y);
     }
     function ee(n, t) {
@@ -4553,7 +4554,7 @@ var Ss = { exports: {} };
       const l = er(n);
       return l && e.push(l), new $t(e);
     }
-    function Vo(n, t) {
+    function Lo(n, t) {
       return new be({
         assembly: nr,
         components: [
@@ -4570,7 +4571,7 @@ var Ss = { exports: {} };
       const c = ve(n);
       return Math.max(Math.abs(c) * 10, Math.abs(t) * 10);
     }
-    function Lo(n, t) {
+    function Mo(n, t) {
       const e = t instanceof be ? t.components[0] : void 0, s = t instanceof be ? t.components[1] : void 0, l = sr(e, n.x), c = sr(s, n.y);
       return Math.max(l, c);
     }
@@ -4584,19 +4585,19 @@ var Ss = { exports: {} };
         })
       };
     }
-    function Mo(n) {
+    function So(n) {
       if (!("y" in n))
         return !1;
       const t = n.y;
       return t && "inverted" in t ? !!t.inverted : !1;
     }
-    const So = {
+    const To = {
       id: "input-point2d",
       type: "input",
       accept: (n, t) => {
         if (!fe.isObject(n))
           return null;
-        const e = V, s = H(t, {
+        const e = L, s = H(t, {
           expanded: e.optional.boolean,
           picker: e.optional.custom(di),
           x: e.optional.custom(rt),
@@ -4613,24 +4614,24 @@ var Ss = { exports: {} };
         } : null;
       },
       binding: {
-        reader: (n) => Po,
-        constraint: (n) => Vo(n.params, n.initialValue),
+        reader: (n) => ko,
+        constraint: (n) => Lo(n.params, n.initialValue),
         equals: fe.equals,
-        writer: (n) => ko
+        writer: (n) => Vo
       },
       controller: (n) => {
         const t = n.document, e = n.value, s = n.constraint;
         if (!(s instanceof be))
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         const l = "expanded" in n.params ? n.params.expanded : void 0, c = "picker" in n.params ? n.params.picker : void 0;
-        return new Eo(t, {
+        return new Po(t, {
           axes: [
             rr(e.rawValue.x, s.components[0]),
             rr(e.rawValue.y, s.components[1])
           ],
           expanded: l != null ? l : !1,
-          invertsY: Mo(n.params),
-          maxValue: Lo(e.rawValue, s),
+          invertsY: So(n.params),
+          maxValue: Mo(e.rawValue, s),
           parser: Tt,
           pickerLayout: c != null ? c : "popup",
           value: e,
@@ -4646,7 +4647,7 @@ var Ss = { exports: {} };
         return [this.x, this.y, this.z];
       }
       static isObject(t) {
-        if (M(t))
+        if (S(t))
           return !1;
         const e = t.x, s = t.y, l = t.z;
         return !(typeof e != "number" || typeof s != "number" || typeof l != "number");
@@ -4666,13 +4667,13 @@ var Ss = { exports: {} };
       toComponents: (n) => n.getComponents(),
       fromComponents: (n) => new rn(...n)
     };
-    function To(n) {
+    function Ao(n) {
       return rn.isObject(n) ? new rn(n.x, n.y, n.z) : new rn();
     }
-    function Ao(n, t) {
+    function Do(n, t) {
       n.writeProperty("x", t.x), n.writeProperty("y", t.y), n.writeProperty("z", t.z);
     }
-    function Do(n, t) {
+    function No(n, t) {
       return new be({
         assembly: or,
         components: [
@@ -4692,13 +4693,13 @@ var Ss = { exports: {} };
         })
       };
     }
-    const No = {
+    const Oo = {
       id: "input-point3d",
       type: "input",
       accept: (n, t) => {
         if (!rn.isObject(n))
           return null;
-        const e = V, s = H(t, {
+        const e = L, s = H(t, {
           x: e.optional.custom(rt),
           y: e.optional.custom(rt),
           z: e.optional.custom(rt)
@@ -4709,15 +4710,15 @@ var Ss = { exports: {} };
         } : null;
       },
       binding: {
-        reader: (n) => To,
-        constraint: (n) => Do(n.params, n.initialValue),
+        reader: (n) => Ao,
+        constraint: (n) => No(n.params, n.initialValue),
         equals: rn.equals,
-        writer: (n) => Ao
+        writer: (n) => Do
       },
       controller: (n) => {
         const t = n.value, e = n.constraint;
         if (!(e instanceof be))
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         return new Es(n.document, {
           assembly: or,
           axes: [
@@ -4739,7 +4740,7 @@ var Ss = { exports: {} };
         return [this.x, this.y, this.z, this.w];
       }
       static isObject(t) {
-        if (M(t))
+        if (S(t))
           return !1;
         const e = t.x, s = t.y, l = t.z, c = t.w;
         return !(typeof e != "number" || typeof s != "number" || typeof l != "number" || typeof c != "number");
@@ -4760,13 +4761,13 @@ var Ss = { exports: {} };
       toComponents: (n) => n.getComponents(),
       fromComponents: (n) => new on(...n)
     };
-    function Oo(n) {
+    function Ro(n) {
       return on.isObject(n) ? new on(n.x, n.y, n.z, n.w) : new on();
     }
-    function Ro(n, t) {
+    function zo(n, t) {
       n.writeProperty("x", t.x), n.writeProperty("y", t.y), n.writeProperty("z", t.z), n.writeProperty("w", t.w);
     }
-    function zo(n, t) {
+    function Io(n, t) {
       return new be({
         assembly: ar,
         components: [
@@ -4777,7 +4778,7 @@ var Ss = { exports: {} };
         ]
       });
     }
-    function Io(n, t) {
+    function jo(n, t) {
       return {
         baseStep: ve(t),
         constraint: t,
@@ -4787,13 +4788,13 @@ var Ss = { exports: {} };
         })
       };
     }
-    const jo = {
+    const Bo = {
       id: "input-point4d",
       type: "input",
       accept: (n, t) => {
         if (!on.isObject(n))
           return null;
-        const e = V, s = H(t, {
+        const e = L, s = H(t, {
           x: e.optional.custom(rt),
           y: e.optional.custom(rt),
           z: e.optional.custom(rt),
@@ -4805,36 +4806,36 @@ var Ss = { exports: {} };
         } : null;
       },
       binding: {
-        reader: (n) => Oo,
-        constraint: (n) => zo(n.params, n.initialValue),
+        reader: (n) => Ro,
+        constraint: (n) => Io(n.params, n.initialValue),
         equals: on.equals,
-        writer: (n) => Ro
+        writer: (n) => zo
       },
       controller: (n) => {
         const t = n.value, e = n.constraint;
         if (!(e instanceof be))
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         return new Es(n.document, {
           assembly: ar,
-          axes: t.rawValue.getComponents().map((s, l) => Io(s, e.components[l])),
+          axes: t.rawValue.getComponents().map((s, l) => jo(s, e.components[l])),
           parser: Tt,
           value: t,
           viewProps: n.viewProps
         });
       }
     };
-    function Bo(n) {
+    function Ko(n) {
       const t = [], e = Nn(n.options);
       return e && t.push(e), new $t(t);
     }
-    const Ko = {
+    const Fo = {
       id: "input-string",
       type: "input",
       accept: (n, t) => {
         if (typeof n != "string")
           return null;
         const s = H(t, {
-          options: V.optional.custom(he)
+          options: L.optional.custom(he)
         });
         return s ? {
           initialValue: n,
@@ -4843,7 +4844,7 @@ var Ss = { exports: {} };
       },
       binding: {
         reader: (n) => oi,
-        constraint: (n) => Bo(n.params),
+        constraint: (n) => Ko(n.params),
         writer: (n) => de
       },
       controller: (n) => {
@@ -4870,7 +4871,7 @@ var Ss = { exports: {} };
         defaultLineCount: 3
       }
     }, lr = P("mll");
-    class Fo {
+    class Uo {
       constructor(t, e) {
         this.onValueUpdate_ = this.onValueUpdate_.bind(this), this.formatter_ = e.formatter, this.element = t.createElement("div"), this.element.classList.add(lr()), e.viewProps.bindClassModifiers(this.element);
         const s = t.createElement("textarea");
@@ -4889,7 +4890,7 @@ var Ss = { exports: {} };
     }
     class ks {
       constructor(t, e) {
-        this.value = e.value, this.viewProps = e.viewProps, this.view = new Fo(t, {
+        this.value = e.value, this.viewProps = e.viewProps, this.view = new Uo(t, {
           formatter: e.formatter,
           lineCount: e.lineCount,
           value: this.value,
@@ -4898,7 +4899,7 @@ var Ss = { exports: {} };
       }
     }
     const pr = P("sgl");
-    class Uo {
+    class $o {
       constructor(t, e) {
         this.onValueUpdate_ = this.onValueUpdate_.bind(this), this.formatter_ = e.formatter, this.element = t.createElement("div"), this.element.classList.add(pr()), e.viewProps.bindClassModifiers(this.element);
         const s = t.createElement("input");
@@ -4914,21 +4915,21 @@ var Ss = { exports: {} };
     }
     class Vs {
       constructor(t, e) {
-        this.value = e.value, this.viewProps = e.viewProps, this.view = new Uo(t, {
+        this.value = e.value, this.viewProps = e.viewProps, this.view = new $o(t, {
           formatter: e.formatter,
           value: this.value,
           viewProps: this.viewProps
         });
       }
     }
-    const $o = {
+    const Ho = {
       id: "monitor-bool",
       type: "monitor",
       accept: (n, t) => {
         if (typeof n != "boolean")
           return null;
         const s = H(t, {
-          lineCount: V.optional.number
+          lineCount: L.optional.number
         });
         return s ? {
           initialValue: n,
@@ -4952,7 +4953,7 @@ var Ss = { exports: {} };
         });
       }
     }, ge = P("grl");
-    class Ho {
+    class qo {
       constructor(t, e) {
         this.onCursorChange_ = this.onCursorChange_.bind(this), this.onValueUpdate_ = this.onValueUpdate_.bind(this), this.element = t.createElement("div"), this.element.classList.add(ge()), e.viewProps.bindClassModifiers(this.element), this.formatter_ = e.formatter, this.props_ = e.props, this.cursor_ = e.cursor, this.cursor_.emitter.on("change", this.onCursorChange_);
         const s = t.createElementNS(vt, "svg");
@@ -4970,7 +4971,7 @@ var Ss = { exports: {} };
         this.value.rawValue.forEach((N, R) => {
           if (N === void 0)
             return;
-          const ne = K(R, 0, e, 0, t.width), Fn = K(N, s, l, t.height, 0);
+          const ne = F(R, 0, e, 0, t.width), Fn = F(N, s, l, t.height, 0);
           c.push([ne, Fn].join(","));
         }), this.lineElem_.setAttributeNS(null, "points", c.join(" "));
         const h = this.tooltipElem_, b = this.value.rawValue[this.cursor_.rawValue];
@@ -4978,7 +4979,7 @@ var Ss = { exports: {} };
           h.classList.remove(ge("t", "a"));
           return;
         }
-        const w = K(this.cursor_.rawValue, 0, e, 0, t.width), E = K(b, s, l, t.height, 0);
+        const w = F(this.cursor_.rawValue, 0, e, 0, t.width), E = F(b, s, l, t.height, 0);
         h.style.left = `${w}px`, h.style.top = `${E}px`, h.textContent = `${this.formatter_(b)}`, h.classList.contains(ge("t", "a")) || (h.classList.add(ge("t", "a"), ge("t", "in")), Gt(h), h.classList.remove(ge("t", "in")));
       }
       onValueUpdate_() {
@@ -4988,9 +4989,9 @@ var Ss = { exports: {} };
         this.update_();
       }
     }
-    class qo {
+    class Go {
       constructor(t, e) {
-        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_ = e.props, this.value = e.value, this.viewProps = e.viewProps, this.cursor_ = O(-1), this.view = new Ho(t, {
+        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_ = e.props, this.value = e.value, this.viewProps = e.viewProps, this.cursor_ = O(-1), this.view = new qo(t, {
           cursor: this.cursor_,
           formatter: e.formatter,
           lineCount: e.lineCount,
@@ -5009,7 +5010,7 @@ var Ss = { exports: {} };
       }
       onGraphMouseMove_(t) {
         const e = this.view.element.getBoundingClientRect();
-        this.cursor_.rawValue = Math.floor(K(t.offsetX, 0, e.width, 0, this.value.rawValue.length));
+        this.cursor_.rawValue = Math.floor(F(t.offsetX, 0, e.width, 0, this.value.rawValue.length));
       }
       onGraphPointerDown_(t) {
         this.onGraphPointerMove_(t);
@@ -5019,16 +5020,16 @@ var Ss = { exports: {} };
           this.cursor_.rawValue = -1;
           return;
         }
-        this.cursor_.rawValue = Math.floor(K(t.data.point.x, 0, t.data.bounds.width, 0, this.value.rawValue.length));
+        this.cursor_.rawValue = Math.floor(F(t.data.point.x, 0, t.data.bounds.width, 0, this.value.rawValue.length));
       }
       onGraphPointerUp_() {
         this.cursor_.rawValue = -1;
       }
     }
     function Ls(n) {
-      return "format" in n && !M(n.format) ? n.format : $(2);
+      return "format" in n && !S(n.format) ? n.format : $(2);
     }
-    function Go(n) {
+    function Yo(n) {
       var t;
       return n.value.rawValue.length === 1 ? new Vs(n.document, {
         formatter: Ls(n.params),
@@ -5041,9 +5042,9 @@ var Ss = { exports: {} };
         viewProps: n.viewProps
       });
     }
-    function Yo(n) {
+    function Xo(n) {
       var t, e, s;
-      return new qo(n.document, {
+      return new Go(n.document, {
         formatter: Ls(n.params),
         lineCount: (t = n.params.lineCount) !== null && t !== void 0 ? t : Kn.monitor.defaultLineCount,
         props: C.fromObject({
@@ -5057,13 +5058,13 @@ var Ss = { exports: {} };
     function cr(n) {
       return "view" in n && n.view === "graph";
     }
-    const Xo = {
+    const Zo = {
       id: "monitor-number",
       type: "monitor",
       accept: (n, t) => {
         if (typeof n != "number")
           return null;
-        const e = V, s = H(t, {
+        const e = L, s = H(t, {
           format: e.optional.function,
           lineCount: e.optional.number,
           max: e.optional.number,
@@ -5079,14 +5080,14 @@ var Ss = { exports: {} };
         defaultBufferSize: (n) => cr(n) ? 64 : 1,
         reader: (n) => Mn
       },
-      controller: (n) => cr(n.params) ? Yo(n) : Go(n)
-    }, Zo = {
+      controller: (n) => cr(n.params) ? Xo(n) : Yo(n)
+    }, Wo = {
       id: "monitor-string",
       type: "monitor",
       accept: (n, t) => {
         if (typeof n != "string")
           return null;
-        const e = V, s = H(t, {
+        const e = L, s = H(t, {
           lineCount: e.optional.number,
           multiline: e.optional.boolean
         });
@@ -5113,7 +5114,7 @@ var Ss = { exports: {} };
         });
       }
     };
-    class Wo {
+    class Qo {
       constructor(t) {
         this.onValueChange_ = this.onValueChange_.bind(this), this.reader = t.reader, this.writer = t.writer, this.emitter = new I(), this.value = t.value, this.value.emitter.on("change", this.onValueChange_), this.target = t.target, this.read();
       }
@@ -5132,18 +5133,18 @@ var Ss = { exports: {} };
         });
       }
     }
-    function Qo(n, t) {
+    function Jo(n, t) {
       const e = n.accept(t.target.read(), t.params);
-      if (M(e))
+      if (S(e))
         return null;
-      const s = V, l = {
+      const s = L, l = {
         target: t.target,
         initialValue: e.initialValue,
         params: e.params
       }, c = n.binding.reader(l), h = n.binding.constraint ? n.binding.constraint(l) : void 0, b = O(c(e.initialValue), {
         constraint: h,
         equals: n.binding.equals
-      }), w = new Wo({
+      }), w = new Qo({
         reader: c,
         target: t.target,
         value: b,
@@ -5168,7 +5169,7 @@ var Ss = { exports: {} };
         valueController: R
       });
     }
-    class Jo {
+    class ta {
       constructor(t) {
         this.onTick_ = this.onTick_.bind(this), this.reader_ = t.reader, this.target = t.target, this.emitter = new I(), this.value = t.value, this.ticker = t.ticker, this.ticker.emitter.on("tick", this.onTick_), this.read();
       }
@@ -5189,22 +5190,22 @@ var Ss = { exports: {} };
         this.read();
       }
     }
-    function ta(n, t) {
+    function ea(n, t) {
       return t === 0 ? new Wn() : new yn(n, t != null ? t : Kn.monitor.defaultInterval);
     }
-    function ea(n, t) {
+    function na(n, t) {
       var e, s, l;
-      const c = V, h = n.accept(t.target.read(), t.params);
-      if (M(h))
+      const c = L, h = n.accept(t.target.read(), t.params);
+      if (S(h))
         return null;
       const b = {
         target: t.target,
         initialValue: h.initialValue,
         params: h.params
-      }, w = n.binding.reader(b), E = (s = (e = c.optional.number(t.params.bufferSize).value) !== null && e !== void 0 ? e : n.binding.defaultBufferSize && n.binding.defaultBufferSize(h.params)) !== null && s !== void 0 ? s : 1, N = c.optional.number(t.params.interval).value, R = new Jo({
+      }, w = n.binding.reader(b), E = (s = (e = c.optional.number(t.params.bufferSize).value) !== null && e !== void 0 ? e : n.binding.defaultBufferSize && n.binding.defaultBufferSize(h.params)) !== null && s !== void 0 ? s : 1, N = c.optional.number(t.params.interval).value, R = new ta({
         reader: w,
         target: t.target,
-        ticker: ta(t.document, N),
+        ticker: ea(t.document, N),
         value: ns(E)
       }), ne = c.optional.boolean(t.params.disabled).value, Fn = c.optional.boolean(t.params.hidden).value, Un = n.controller({
         document: t.document,
@@ -5224,7 +5225,7 @@ var Ss = { exports: {} };
         valueController: Un
       });
     }
-    class na {
+    class ia {
       constructor() {
         this.pluginsMap_ = {
           blades: [],
@@ -5244,21 +5245,21 @@ var Ss = { exports: {} };
       }
       createInput(t, e, s) {
         const l = e.read();
-        if (M(l))
-          throw new L({
+        if (S(l))
+          throw new M({
             context: {
               key: e.key
             },
             type: "nomatchingcontroller"
           });
-        const c = this.pluginsMap_.inputs.reduce((h, b) => h != null ? h : Qo(b, {
+        const c = this.pluginsMap_.inputs.reduce((h, b) => h != null ? h : Jo(b, {
           document: t,
           target: e,
           params: s
         }), null);
         if (c)
           return c;
-        throw new L({
+        throw new M({
           context: {
             key: e.key
           },
@@ -5266,14 +5267,14 @@ var Ss = { exports: {} };
         });
       }
       createMonitor(t, e, s) {
-        const l = this.pluginsMap_.monitors.reduce((c, h) => c != null ? c : ea(h, {
+        const l = this.pluginsMap_.monitors.reduce((c, h) => c != null ? c : na(h, {
           document: t,
           params: s,
           target: e
         }), null);
         if (l)
           return l;
-        throw new L({
+        throw new M({
           context: {
             key: e.key
           },
@@ -5286,7 +5287,7 @@ var Ss = { exports: {} };
           params: e
         }), null);
         if (!s)
-          throw new L({
+          throw new M({
             type: "nomatchingview",
             context: {
               params: e
@@ -5306,25 +5307,25 @@ var Ss = { exports: {} };
           pool: this
         }), null);
         if (!e)
-          throw L.shouldNeverHappen();
+          throw M.shouldNeverHappen();
         return e;
       }
     }
-    function ia() {
-      const n = new na();
+    function sa() {
+      const n = new ia();
       return [
-        So,
-        No,
-        jo,
-        Ko,
-        wo,
+        To,
+        Oo,
+        Bo,
+        Fo,
+        xo,
+        mo,
         vo,
-        ho,
-        lo,
+        po,
         ps,
-        $o,
+        Ho,
+        Wo,
         Zo,
-        Xo,
         re,
         Pi,
         Gn,
@@ -5333,7 +5334,7 @@ var Ss = { exports: {} };
         n.register(t);
       }), n;
     }
-    class ur extends F {
+    class ur extends j {
       constructor(t) {
         super(t), this.emitter_ = new I(), this.controller_.valueController.value.emitter.on("change", (e) => {
           this.emitter_.emit("change", {
@@ -5366,7 +5367,7 @@ var Ss = { exports: {} };
         }), this;
       }
     }
-    class dr extends F {
+    class dr extends j {
       constructor(t) {
         super(t), this.emitter_ = new I(), this.controller_.valueController.value.emitter.on("change", (e) => {
           this.emitter_.emit("change", {
@@ -5405,7 +5406,7 @@ var Ss = { exports: {} };
         }), this;
       }
     }
-    class hr extends F {
+    class hr extends j {
       constructor(t) {
         super(t), this.emitter_ = new I(), this.controller_.valueController.value.emitter.on("change", (e) => {
           this.emitter_.emit("change", {
@@ -5438,12 +5439,12 @@ var Ss = { exports: {} };
         }), this;
       }
     }
-    const sa = function() {
+    const ra = function() {
       return {
         id: "list",
         type: "blade",
         accept(n) {
-          const t = V, e = H(n, {
+          const t = L, e = H(n, {
             options: t.required.custom(he),
             value: t.required.raw,
             view: t.required.constant("list"),
@@ -5472,18 +5473,18 @@ var Ss = { exports: {} };
         }
       };
     }();
-    function ra(n) {
+    function oa(n) {
       return n.reduce((t, e) => Object.assign(t, {
         [e.presetKey]: e.read()
       }), {});
     }
-    function oa(n, t) {
+    function aa(n, t) {
       n.forEach((e) => {
         const s = t[e.presetKey];
         s !== void 0 && e.write(s);
       });
     }
-    class aa extends bn {
+    class la extends bn {
       constructor(t, e) {
         super(t, e);
       }
@@ -5492,11 +5493,11 @@ var Ss = { exports: {} };
       }
       importPreset(t) {
         const e = this.controller_.rackController.rack.find(ft).map((s) => s.binding.target);
-        oa(e, t), this.refresh();
+        aa(e, t), this.refresh();
       }
       exportPreset() {
         const t = this.controller_.rackController.rack.find(ft).map((e) => e.binding.target);
-        return ra(t);
+        return oa(t);
       }
       refresh() {
         this.controller_.rackController.rack.find(ft).forEach((t) => {
@@ -5506,7 +5507,7 @@ var Ss = { exports: {} };
         });
       }
     }
-    class la extends gn {
+    class pa extends gn {
       constructor(t, e) {
         super(t, {
           expanded: e.expanded,
@@ -5517,11 +5518,11 @@ var Ss = { exports: {} };
         });
       }
     }
-    const pa = {
+    const ca = {
       id: "slider",
       type: "blade",
       accept(n) {
-        const t = V, e = H(n, {
+        const t = L, e = H(n, {
           max: t.required.number,
           min: t.required.number,
           view: t.required.constant("slider"),
@@ -5558,12 +5559,12 @@ var Ss = { exports: {} };
       api(n) {
         return !(n.controller instanceof ae) || !(n.controller.valueController instanceof Je) ? null : new dr(n.controller);
       }
-    }, ca = function() {
+    }, ua = function() {
       return {
         id: "text",
         type: "blade",
         accept(n) {
-          const t = V, e = H(n, {
+          const t = L, e = H(n, {
             parse: t.required.function,
             value: t.required.raw,
             view: t.required.constant("text"),
@@ -5595,7 +5596,7 @@ var Ss = { exports: {} };
         }
       };
     }();
-    function ua(n) {
+    function da(n) {
       const t = n.createElement("div");
       return t.classList.add(P("dfw")()), n.body && n.body.appendChild(t), t;
     }
@@ -5605,10 +5606,10 @@ var Ss = { exports: {} };
       const s = n.createElement("style");
       s.dataset.tpStyle = t, s.textContent = e, n.head.appendChild(s);
     }
-    class da extends aa {
+    class ha extends la {
       constructor(t) {
         var e, s;
-        const l = t != null ? t : {}, c = (e = l.document) !== null && e !== void 0 ? e : hn(), h = ia(), b = new la(c, {
+        const l = t != null ? t : {}, c = (e = l.document) !== null && e !== void 0 ? e : hn(), h = sa(), b = new pa(c, {
           expanded: l.expanded,
           blade: Lt(),
           props: C.fromObject({
@@ -5616,17 +5617,17 @@ var Ss = { exports: {} };
           }),
           viewProps: Ut.create()
         });
-        super(b, h), this.pool_ = h, this.containerElem_ = (s = l.container) !== null && s !== void 0 ? s : ua(c), this.containerElem_.appendChild(this.element), this.doc_ = c, this.usesDefaultWrapper_ = !l.container, this.setUpDefaultPlugins_();
+        super(b, h), this.pool_ = h, this.containerElem_ = (s = l.container) !== null && s !== void 0 ? s : da(c), this.containerElem_.appendChild(this.element), this.doc_ = c, this.usesDefaultWrapper_ = !l.container, this.setUpDefaultPlugins_();
       }
       get document() {
         if (!this.doc_)
-          throw L.alreadyDisposed();
+          throw M.alreadyDisposed();
         return this.doc_;
       }
       dispose() {
         const t = this.containerElem_;
         if (!t)
-          throw L.alreadyDisposed();
+          throw M.alreadyDisposed();
         if (this.usesDefaultWrapper_) {
           const e = t.parentElement;
           e && e.removeChild(t);
@@ -5646,23 +5647,23 @@ var Ss = { exports: {} };
           this.embedPluginStyle_(t);
         }), this.registerPlugin({
           plugins: [
-            pa,
-            sa,
+            ca,
+            ra,
             Cn,
-            ca
+            ua
           ]
         });
       }
     }
-    const ha = new u("3.1.0");
-    T.BladeApi = F, T.ButtonApi = J, T.FolderApi = bn, T.InputBindingApi = pt, T.ListApi = ur, T.MonitorBindingApi = Zt, T.Pane = da, T.SeparatorApi = wn, T.SliderApi = dr, T.TabApi = Xn, T.TabPageApi = xn, T.TextApi = hr, T.TpChangeEvent = kt, T.VERSION = ha, Object.defineProperty(T, "__esModule", { value: !0 });
+    const va = new u("3.1.0");
+    V.BladeApi = j, V.ButtonApi = J, V.FolderApi = bn, V.InputBindingApi = pt, V.ListApi = ur, V.MonitorBindingApi = Zt, V.Pane = ha, V.SeparatorApi = wn, V.SliderApi = dr, V.TabApi = Xn, V.TabPageApi = xn, V.TextApi = hr, V.TpChangeEvent = kt, V.VERSION = va, Object.defineProperty(V, "__esModule", { value: !0 });
   });
 })(Ss, Ss.exports);
 var fi = { exports: {} };
 (function(G, U) {
-  (function(T, u) {
+  (function(V, u) {
     u(U);
-  })(gr, function(T) {
+  })(wr, function(V) {
     class u {
       constructor(i) {
         this.controller_ = i;
@@ -5686,12 +5687,12 @@ var fi = { exports: {} };
         this.controller_.viewProps.set("disposed", !0);
       }
     }
-    class F {
+    class j {
       constructor(i) {
         this.target = i;
       }
     }
-    class et extends F {
+    class st extends j {
       constructor(i, r, a, p) {
         super(i), this.value = r, this.presetKey = a, this.last = p != null ? p : !0;
       }
@@ -5702,7 +5703,7 @@ var fi = { exports: {} };
     function y(o) {
       return o == null;
     }
-    const j = {
+    const B = {
       alreadydisposed: () => "View has been already disposed",
       invalidparams: (o) => `Invalid parameters for '${o.name}'`,
       nomatchingcontroller: (o) => `No matching controller for '${o.key}'`,
@@ -5714,7 +5715,7 @@ var fi = { exports: {} };
     class Vt {
       constructor(i) {
         var r;
-        this.message = (r = j[i.type](i.context)) !== null && r !== void 0 ? r : "Unexpected error", this.name = this.constructor.name, this.stack = new Error(this.message).stack, this.type = i.type;
+        this.message = (r = B[i.type](i.context)) !== null && r !== void 0 ? r : "Unexpected error", this.name = this.constructor.name, this.stack = new Error(this.message).stack, this.type = i.type;
       }
       static alreadyDisposed() {
         return new Vt({ type: "alreadydisposed" });
@@ -5757,10 +5758,10 @@ var fi = { exports: {} };
         });
       }
     }
-    const M = "tp";
-    function B(o) {
+    const S = "tp";
+    function K(o) {
       return (r, a) => [
-        M,
+        S,
         "-",
         o,
         "v",
@@ -5771,14 +5772,14 @@ var fi = { exports: {} };
     function Rt(o, i) {
       return (r) => i(o(r));
     }
-    function L(o) {
+    function M(o) {
       return o.rawValue;
     }
-    function nt(o, i) {
-      o.emitter.on("change", Rt(L, i)), i(o.rawValue);
+    function et(o, i) {
+      o.emitter.on("change", Rt(M, i)), i(o.rawValue);
     }
     function J(o, i, r) {
-      nt(o.value(i), r);
+      et(o.value(i), r);
     }
     function I(o, i, r) {
       r ? o.classList.add(i) : o.classList.remove(i);
@@ -5789,11 +5790,11 @@ var fi = { exports: {} };
       };
     }
     function P(o, i) {
-      nt(o, (r) => {
+      et(o, (r) => {
         i.textContent = r != null ? r : "";
       });
     }
-    const xt = B("btn");
+    const xt = K("btn");
     class zt {
       constructor(i, r) {
         this.element = i.createElement("div"), this.element.classList.add(xt()), r.viewProps.bindClassModifiers(this.element);
@@ -5984,7 +5985,7 @@ var fi = { exports: {} };
     function Fe() {
       return ["veryfirst", "first", "last", "verylast"];
     }
-    const Ue = B(""), at = {
+    const Ue = K(""), at = {
       veryfirst: "vfst",
       first: "fst",
       last: "lst",
@@ -6008,7 +6009,7 @@ var fi = { exports: {} };
         return this.parent_;
       }
     }
-    const V = "http://www.w3.org/2000/svg";
+    const L = "http://www.w3.org/2000/svg";
     function H(o) {
       o.offsetHeight;
     }
@@ -6026,7 +6027,7 @@ var fi = { exports: {} };
     function ke(o) {
       return o.relatedTarget ? o.relatedTarget : "explicitOriginalTarget" in o ? o.explicitOriginalTarget : null;
     }
-    const ht = B("lbl");
+    const ht = K("lbl");
     function vt(o, i) {
       const r = o.createDocumentFragment();
       return i.split(`
@@ -6116,7 +6117,7 @@ var fi = { exports: {} };
     }
     class Xt {
       constructor(i, r) {
-        const a = B(r.viewName);
+        const a = K(r.viewName);
         this.element = i.createElement("div"), this.element.classList.add(a()), r.viewProps.bindClassModifiers(this.element);
       }
     }
@@ -6129,7 +6130,7 @@ var fi = { exports: {} };
         }), viewProps: a })), this.props = r.props, this.valueController = r.valueController, this.view.valueElement.appendChild(this.valueController.view.element);
       }
     }
-    const He = B("");
+    const He = K("");
     function qe(o, i) {
       return ut(o, He(void 0, i));
     }
@@ -6244,10 +6245,10 @@ var fi = { exports: {} };
         return r + a * this.step;
       }
     }
-    const Lt = B("pop");
+    const Lt = K("pop");
     class Mt {
       constructor(i, r) {
-        this.element = i.createElement("div"), this.element.classList.add(Lt()), r.viewProps.bindClassModifiers(this.element), nt(r.shows, ut(this.element, Lt(void 0, "v")));
+        this.element = i.createElement("div"), this.element.classList.add(Lt()), r.viewProps.bindClassModifiers(this.element), et(r.shows, ut(this.element, Lt(void 0, "v")));
       }
     }
     class v {
@@ -6258,7 +6259,7 @@ var fi = { exports: {} };
         });
       }
     }
-    const f = B("txt");
+    const f = K("txt");
     class x {
       constructor(i, r) {
         this.onChange_ = this.onChange_.bind(this), this.element = i.createElement("div"), this.element.classList.add(f()), r.viewProps.bindClassModifiers(this.element), this.props_ = r.props, this.props_.emitter.on("change", this.onChange_);
@@ -6273,7 +6274,7 @@ var fi = { exports: {} };
         this.refresh();
       }
     }
-    class S {
+    class T {
       constructor(i, r) {
         this.onInputChange_ = this.onInputChange_.bind(this), this.parser_ = r.parser, this.props = r.props, this.value = r.value, this.viewProps = r.viewProps, this.view = new x(i, {
           props: r.props,
@@ -6751,29 +6752,29 @@ var fi = { exports: {} };
     function wt(o, i, r) {
       return Math.min(Math.max(o, i), r);
     }
-    const it = B("txt");
+    const nt = K("txt");
     class En {
       constructor(i, r) {
-        this.onChange_ = this.onChange_.bind(this), this.props_ = r.props, this.props_.emitter.on("change", this.onChange_), this.element = i.createElement("div"), this.element.classList.add(it(), it(void 0, "num")), r.arrayPosition && this.element.classList.add(it(void 0, r.arrayPosition)), r.viewProps.bindClassModifiers(this.element);
+        this.onChange_ = this.onChange_.bind(this), this.props_ = r.props, this.props_.emitter.on("change", this.onChange_), this.element = i.createElement("div"), this.element.classList.add(nt(), nt(void 0, "num")), r.arrayPosition && this.element.classList.add(nt(void 0, r.arrayPosition)), r.viewProps.bindClassModifiers(this.element);
         const a = i.createElement("input");
-        a.classList.add(it("i")), a.type = "text", r.viewProps.bindDisabled(a), this.element.appendChild(a), this.inputElement = a, this.onDraggingChange_ = this.onDraggingChange_.bind(this), this.dragging_ = r.dragging, this.dragging_.emitter.on("change", this.onDraggingChange_), this.element.classList.add(it()), this.inputElement.classList.add(it("i"));
+        a.classList.add(nt("i")), a.type = "text", r.viewProps.bindDisabled(a), this.element.appendChild(a), this.inputElement = a, this.onDraggingChange_ = this.onDraggingChange_.bind(this), this.dragging_ = r.dragging, this.dragging_.emitter.on("change", this.onDraggingChange_), this.element.classList.add(nt()), this.inputElement.classList.add(nt("i"));
         const p = i.createElement("div");
-        p.classList.add(it("k")), this.element.appendChild(p), this.knobElement = p;
-        const d = i.createElementNS(V, "svg");
-        d.classList.add(it("g")), this.knobElement.appendChild(d);
-        const m = i.createElementNS(V, "path");
-        m.classList.add(it("gb")), d.appendChild(m), this.guideBodyElem_ = m;
-        const _ = i.createElementNS(V, "path");
-        _.classList.add(it("gh")), d.appendChild(_), this.guideHeadElem_ = _;
+        p.classList.add(nt("k")), this.element.appendChild(p), this.knobElement = p;
+        const d = i.createElementNS(L, "svg");
+        d.classList.add(nt("g")), this.knobElement.appendChild(d);
+        const m = i.createElementNS(L, "path");
+        m.classList.add(nt("gb")), d.appendChild(m), this.guideBodyElem_ = m;
+        const _ = i.createElementNS(L, "path");
+        _.classList.add(nt("gh")), d.appendChild(_), this.guideHeadElem_ = _;
         const g = i.createElement("div");
-        g.classList.add(B("tt")()), this.knobElement.appendChild(g), this.tooltipElem_ = g, r.value.emitter.on("change", this.onChange_), this.value = r.value, this.refresh();
+        g.classList.add(K("tt")()), this.knobElement.appendChild(g), this.tooltipElem_ = g, r.value.emitter.on("change", this.onChange_), this.value = r.value, this.refresh();
       }
       onDraggingChange_(i) {
         if (i.rawValue === null) {
-          this.element.classList.remove(it(void 0, "drg"));
+          this.element.classList.remove(nt(void 0, "drg"));
           return;
         }
-        this.element.classList.add(it(void 0, "drg"));
+        this.element.classList.add(nt(void 0, "drg"));
         const r = i.rawValue / this.props_.get("draggingScale"), a = r + (r > 0 ? -1 : r < 0 ? 1 : 0), p = wt(-a, -4, 4);
         this.guideHeadElem_.setAttributeNS(null, "d", [`M ${a + p},0 L${a},4 L${a + p},8`, `M ${r},-1 L${r},9`].join(" ")), this.guideBodyElem_.setAttributeNS(null, "d", `M 0,4 L${r},4`);
         const d = this.props_.get("formatter");
@@ -6983,7 +6984,7 @@ var fi = { exports: {} };
         return this.asm_.fromComponents(r);
       }
     }
-    const We = B("pndtxt");
+    const We = K("pndtxt");
     class ni {
       constructor(i, r) {
         this.textViews = r.textViews, this.element = i.createElement("div"), this.element.classList.add(We()), this.textViews.forEach((a) => {
@@ -7035,16 +7036,16 @@ var fi = { exports: {} };
         defaultInterval: 200,
         defaultLineCount: 3
       }
-    }, Ht = B("grl");
+    }, Ht = K("grl");
     class Hi {
       constructor(i, r) {
         this.onCursorChange_ = this.onCursorChange_.bind(this), this.onValueUpdate_ = this.onValueUpdate_.bind(this), this.element = i.createElement("div"), this.element.classList.add(Ht()), 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 a = i.createElementNS(V, "svg");
+        const a = i.createElementNS(L, "svg");
         a.classList.add(Ht("g")), a.style.height = `calc(var(--bld-us) * ${r.lineCount})`, this.element.appendChild(a), this.svgElem_ = a;
-        const p = i.createElementNS(V, "polyline");
+        const p = i.createElementNS(L, "polyline");
         this.svgElem_.appendChild(p), this.lineElem_ = p;
         const d = i.createElement("div");
-        d.classList.add(Ht("t"), B("tt")()), this.element.appendChild(d), this.tooltipElem_ = d, r.value.emitter.on("change", this.onValueUpdate_), this.value = r.value, this.update_();
+        d.classList.add(Ht("t"), K("tt")()), this.element.appendChild(d), this.tooltipElem_ = d, r.value.emitter.on("change", this.onValueUpdate_), this.value = r.value, this.update_();
       }
       get graphElement() {
         return this.svgElem_;
@@ -7129,11 +7130,11 @@ var fi = { exports: {} };
       on(i, r) {
         const a = r.bind(this);
         return this.controller_.emitter.on(i, () => {
-          a(new F(this));
+          a(new j(this));
         }), this;
       }
     }
-    class Yi extends F {
+    class Yi extends j {
       constructor(i, r, a) {
         super(i), this.cell = r, this.index = a;
       }
@@ -7235,7 +7236,7 @@ var fi = { exports: {} };
       on(i, r) {
         const a = r.bind(this);
         return this.controller_.valueController.value.emitter.on(i, (p) => {
-          a(new et(this, p.rawValue, void 0, p.options.last));
+          a(new st(this, p.rawValue, void 0, p.options.last));
         }), this;
       }
     }
@@ -7312,7 +7313,7 @@ var fi = { exports: {} };
       }, []);
       return new St(...r != null ? r : Mn);
     }
-    const $ = B("cbz");
+    const $ = K("cbz");
     class es {
       constructor(i, r) {
         this.element = i.createElement("div"), this.element.classList.add($()), r.viewProps.bindClassModifiers(this.element), r.foldable.bindExpandedClass(this.element, $(void 0, "expanded")), J(r.foldable, "completed", ut(this.element, $(void 0, "cpl")));
@@ -7320,7 +7321,7 @@ var fi = { exports: {} };
         a.classList.add($("h")), this.element.appendChild(a);
         const p = i.createElement("button");
         p.classList.add($("b")), r.viewProps.bindDisabled(p);
-        const d = i.createElementNS(V, "svg");
+        const d = i.createElementNS(L, "svg");
         d.innerHTML = '<path d="M2 13C8 13 8 3 14 3"/>', p.appendChild(d), a.appendChild(p), this.buttonElement = p;
         const m = i.createElement("div");
         if (m.classList.add($("t")), a.appendChild(m), this.textElement = m, r.pickerLayout === "inline") {
@@ -7330,7 +7331,7 @@ var fi = { exports: {} };
           this.pickerElement = null;
       }
     }
-    const ce = B("cbzp");
+    const ce = K("cbzp");
     class oi {
       constructor(i, r) {
         this.element = i.createElement("div"), this.element.classList.add(ce()), r.viewProps.bindClassModifiers(this.element);
@@ -7353,7 +7354,7 @@ var fi = { exports: {} };
         subtree: !0
       });
     }
-    const At = B("cbzg");
+    const At = K("cbzg");
     function ns(o, i) {
       return (r) => i(o(r));
     }
@@ -7362,20 +7363,20 @@ var fi = { exports: {} };
         this.element = i.createElement("div"), this.element.classList.add(At()), r.viewProps.bindClassModifiers(this.element), r.viewProps.bindTabIndex(this.element);
         const a = i.createElement("div");
         a.classList.add(At("p")), this.element.appendChild(a), this.previewElement = a;
-        const p = i.createElementNS(V, "svg");
+        const p = i.createElementNS(L, "svg");
         p.classList.add(At("g")), this.element.appendChild(p), this.svgElem_ = p;
-        const d = i.createElementNS(V, "path");
+        const d = i.createElementNS(L, "path");
         d.classList.add(At("u")), this.svgElem_.appendChild(d), this.guideElem_ = d;
-        const m = i.createElementNS(V, "polyline");
+        const m = i.createElementNS(L, "polyline");
         m.classList.add(At("l")), this.svgElem_.appendChild(m), this.lineElem_ = m, this.handleElems_ = [i.createElement("div"), i.createElement("div")], this.handleElems_.forEach((_) => {
           _.classList.add(At("h")), this.element.appendChild(_);
         }), this.vectorElems_ = [
-          i.createElementNS(V, "line"),
-          i.createElementNS(V, "line")
+          i.createElementNS(L, "line"),
+          i.createElementNS(L, "line")
         ], this.vectorElems_.forEach((_) => {
           _.classList.add(At("v")), this.svgElem_.appendChild(_);
         }), this.value_ = r.value, this.value_.emitter.on("change", this.onValueChange_.bind(this)), this.sel_ = r.selection, this.handleElems_.forEach((_, g) => {
-          nt(this.sel_, ns((Q) => Q === g, ut(_, At("h", "sel"))));
+          et(this.sel_, ns((Q) => Q === g, ut(_, At("h", "sel"))));
         }), Qe(this.element, () => {
           this.refresh();
         });
@@ -7423,13 +7424,13 @@ var fi = { exports: {} };
         this.refresh();
       }
     }
-    const ai = 24, ue = 400, st = 1e3, Et = B("cbzprv");
+    const ai = 24, ue = 400, it = 1e3, Et = K("cbzprv");
     class Dt {
       constructor(i, r) {
         this.stopped_ = !0, this.startTime_ = -1, this.onDispose_ = this.onDispose_.bind(this), this.onTimer_ = this.onTimer_.bind(this), this.onValueChange_ = this.onValueChange_.bind(this), this.element = i.createElement("div"), this.element.classList.add(Et()), r.viewProps.bindClassModifiers(this.element);
-        const a = i.createElementNS(V, "svg");
+        const a = i.createElementNS(L, "svg");
         a.classList.add(Et("g")), this.element.appendChild(a), this.svgElem_ = a;
-        const p = i.createElementNS(V, "path");
+        const p = i.createElementNS(L, "path");
         p.classList.add(Et("t")), this.svgElem_.appendChild(p), this.ticksElem_ = p;
         const d = i.createElement("div");
         d.classList.add(Et("m")), this.element.appendChild(d), this.markerElem_ = d, this.value_ = r.value, this.value_.emitter.on("change", this.onValueChange_), r.viewProps.handleDispose(this.onDispose_), Qe(this.element, () => {
@@ -7460,8 +7461,8 @@ var fi = { exports: {} };
       onTimer_() {
         if (this.startTime_ === null)
           return;
-        const i = new Date().getTime() - this.startTime_, r = i / st;
-        this.updateMarker_(r), i > st + ue && this.stop(), this.stopped_ || requestAnimationFrame(this.onTimer_);
+        const i = new Date().getTime() - this.startTime_, r = i / it;
+        this.updateMarker_(r), i > it + ue && this.stop(), this.stopped_ || requestAnimationFrame(this.onTimer_);
       }
       onValueChange_() {
         this.refresh(), this.play();
@@ -7569,13 +7570,13 @@ var fi = { exports: {} };
         this.gc_.refresh();
       }
     }
-    class K {
+    class F {
       constructor(i, 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_ = hn(r.expanded), this.view = new es(i, {
           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(i, {
+        }), this.view.buttonElement.addEventListener("blur", this.onButtonBlur_), this.view.buttonElement.addEventListener("click", this.onButtonClick_), this.tc_ = new T(i, {
           parser: ts,
           props: q.fromObject({
             formatter: Tt
@@ -7592,7 +7593,7 @@ var fi = { exports: {} };
         });
         a.allFocusableElements.forEach((p) => {
           p.addEventListener("blur", this.onPopupChildBlur_), p.addEventListener("keydown", this.onPopupChildKeydown_);
-        }), this.pickerC_ = a, this.popC_ ? (this.view.element.appendChild(this.popC_.view.element), this.popC_.view.element.appendChild(this.pickerC_.view.element), nt(this.popC_.shows, (p) => {
+        }), this.pickerC_ = a, this.popC_ ? (this.view.element.appendChild(this.popC_.view.element), this.popC_.view.element.appendChild(this.pickerC_.view.element), et(this.popC_.shows, (p) => {
           p && a.refresh();
         }), Ne({
           primary: this.foldable_.value("expanded"),
@@ -7648,7 +7649,7 @@ var fi = { exports: {} };
         const a = new St(...o.params.value), p = X(a, {
           constraint: pi(),
           equals: St.equals
-        }), d = new K(o.document, {
+        }), d = new F(o.document, {
           axis: {
             baseStep: 0.1,
             textProps: q.fromObject({
@@ -7670,7 +7671,7 @@ var fi = { exports: {} };
         });
       },
       api(o) {
-        return !(o.controller instanceof Bt) || !(o.controller.valueController instanceof K) ? null : new Wi(o.controller);
+        return !(o.controller instanceof Bt) || !(o.controller.valueController instanceof F) ? null : new Wi(o.controller);
       }
     };
     class ci extends u {
@@ -7721,7 +7722,7 @@ var fi = { exports: {} };
         }), ++this.frameCount_, this.compactTimestamps_();
       }
     }
-    const Nt = B("fps");
+    const Nt = K("fps");
     class An {
       constructor(i, r) {
         this.element = i.createElement("div"), this.element.classList.add(Nt()), r.viewProps.bindClassModifiers(this.element), this.graphElement = i.createElement("div"), this.graphElement.classList.add(Nt("g")), this.element.appendChild(this.graphElement);
@@ -7842,7 +7843,7 @@ var fi = { exports: {} };
         return new gt((_ = (m = this.edge) === null || m === void 0 ? void 0 : m.constrain(Ot)) !== null && _ !== void 0 ? _ : Ot, (Q = (g = this.edge) === null || g === void 0 ? void 0 : g.constrain(Ot)) !== null && Q !== void 0 ? Q : Ot);
       }
     }
-    const he = B("rsltxt");
+    const he = K("rsltxt");
     class di {
       constructor(i, r) {
         this.sliderView_ = r.sliderView, this.textView_ = r.textView, this.element = i.createElement("div"), this.element.classList.add(he());
@@ -7852,7 +7853,7 @@ var fi = { exports: {} };
         p.classList.add(he("t")), p.appendChild(this.textView_.element), this.element.appendChild(p);
       }
     }
-    const rt = B("rsl");
+    const rt = K("rsl");
     class hi {
       constructor(i, r) {
         this.maxValue_ = r.maxValue, this.minValue_ = r.minValue, this.element = i.createElement("div"), this.element.classList.add(rt()), r.viewProps.bindClassModifiers(this.element), this.value_ = r.value, this.value_.emitter.on("change", this.onValueChange_.bind(this));
@@ -8049,7 +8050,7 @@ var fi = { exports: {} };
         this.controller_.props.set("title", i);
       }
     }
-    class as extends et {
+    class as extends st {
       constructor(i, r, a, p, d) {
         super(i, p, d), this.cell = r, this.index = a;
       }
@@ -8082,7 +8083,7 @@ var fi = { exports: {} };
         });
       }
     }
-    const je = B("rad");
+    const je = K("rad");
     class ps {
       constructor(i, r) {
         this.element = i.createElement("div"), this.element.classList.add(je()), r.viewProps.bindClassModifiers(this.element);
@@ -8120,7 +8121,7 @@ var fi = { exports: {} };
             });
             this.cellCs_.push(_), this.cellValues_.push(r.cellConfig(m, d).value);
           }
-        this.value = r.value, nt(this.value, (d) => {
+        this.value = r.value, et(this.value, (d) => {
           const m = this.findCellByValue(d);
           !m || (m.view.inputElement.checked = !0);
         }), this.viewProps = Ct.create(), this.view = new Xt(i, {
@@ -8231,7 +8232,7 @@ var fi = { exports: {} };
       us,
       vi
     ];
-    T.CubicBezier = St, T.plugins = hs, Object.defineProperty(T, "__esModule", { value: !0 });
+    V.CubicBezier = St, V.plugins = hs, Object.defineProperty(V, "__esModule", { value: !0 });
   });
 })(fi, fi.exports);
 const Ea = /* @__PURE__ */ ya(fi.exports), Pa = /* @__PURE__ */ xa({
@@ -8250,16 +8251,8 @@ const Sa = (G = "tres-container") => {
     un && un.dispose();
   }
   return _a(() => {
-    _r(
-      () => {
-      },
-      () => {
-        bi.begin();
-      },
-      () => {
-        bi.end();
-      }
-    );
+    const { onBeforeLoop: V, onAfterLoop: u, resume: j } = gr();
+    j(), V(() => bi.begin()), u(() => bi.end());
   }), ga(() => {
     U();
   }), { pane: un, fpsGraph: bi, disposeTweakPane: U };