@mavonengine/editor 0.0.4 → 0.0.6

package/dist/{mount-Cb4oUdnx.mjs → mount-DOk9UESl.mjs}

@@ -6,8 +6,8 @@ var o0 = (s, l, o) => (KC(s, l, "read from private field"), o ? o.call(s) : l.ge
 import B_, { useSyncExternalStore as MT, useMemo as fs, useRef as Ee, useCallback as or, useLayoutEffect as AT, useEffect as Bn, useId as PM, useState as Ae, useImperativeHandle as RT, createContext as QM, useContext as ZM, memo as OT, PureComponent as UT, createElement as Xw } from "react";
 import j_, { flushSync as NT, createPortal as KM } from "react-dom";
 import { jsx as $, jsxs as Rt, Fragment as df } from "react/jsx-runtime";
-import "/home/mattvb91/www/mavonengine/packages/core/src/Particles/Effects/Smoke.ts";
-import "/home/mattvb91/www/mavonengine/packages/core/src/Particles/Effects/Rain.ts";
+import "@mavonengine/core/Particles/Effects/Smoke";
+import "@mavonengine/core/Particles/Effects/Rain";
 import { Controls as JM, Vector3 as ha, MOUSE as $m, TOUCH as Zm, Quaternion as WC, Spherical as FC, Vector2 as ul, Ray as $M, Plane as y0, MathUtils as WM, Mesh as Wm, Scene as LT, DirectionalLight as IC, AmbientLight as FM, Box3 as IM, PerspectiveCamera as HT, WebGLRenderer as BT, AnimationMixer as tA, LoopRepeat as eA, LoopOnce as nA, Texture as d_, PlaneGeometry as s0 } from "three";
 import vf from "@mavonengine/core/Game";
 import { getPreviewMap as a2, spawnParticle as aA } from "@mavonengine/core/Particles/System/ParticlePreviewRegistry";
@@ -18,9 +18,10 @@ import lA from "@mavonengine/core/Prefab/Water/Water";
 import of from "@mavonengine/core/Prefab/Water/WaterManager";
 import iA from "@mavonengine/core/Renderer/AssetRenderer";
 import jT from "@mavonengine/core/Editor/EditorHelper";
-import { a as oA } from "./Editor-CXvFXLr9.mjs";
+import { a as oA } from "./Editor-CtUm05-U.mjs";
+import { ENGINE_VERSION as sA } from "@mavonengine/core/BaseGame";
 /* empty css                 */
-const ax = { type: "change" }, l2 = { type: "start" }, VT = { type: "end" }, h_ = new $M(), lx = new y0(), sA = Math.cos(70 * WM.DEG2RAD), Sa = new ha(), ai = 2 * Math.PI, Ie = {
+const ax = { type: "change" }, l2 = { type: "start" }, VT = { type: "end" }, h_ = new $M(), lx = new y0(), rA = Math.cos(70 * WM.DEG2RAD), Sa = new ha(), ai = 2 * Math.PI, Ie = {
   NONE: -1,
   ROTATE: 0,
   DOLLY: 1,
@@ -30,7 +31,7 @@ const ax = { type: "change" }, l2 = { type: "start" }, VT = { type: "end" }, h_
   TOUCH_DOLLY_PAN: 5,
   TOUCH_DOLLY_ROTATE: 6
 }, gw = 1e-6;
-class rA extends JM {
+class uA extends JM {
   /**
    * Constructs a new controls instance.
    *
@@ -38,7 +39,7 @@ class rA extends JM {
    * @param {?HTMLDOMElement} domElement - The HTML element used for event listeners.
    */
   constructor(l, o = null) {
-    super(l, o), this.state = Ie.NONE, this.target = new ha(), this.cursor = new ha(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.keyRotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: $m.ROTATE, MIDDLE: $m.DOLLY, RIGHT: $m.PAN }, this.touches = { ONE: Zm.ROTATE, TWO: Zm.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new ha(), this._lastQuaternion = new WC(), this._lastTargetPosition = new ha(), this._quat = new WC().setFromUnitVectors(l.up, new ha(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new FC(), this._sphericalDelta = new FC(), this._scale = 1, this._panOffset = new ha(), this._rotateStart = new ul(), this._rotateEnd = new ul(), this._rotateDelta = new ul(), this._panStart = new ul(), this._panEnd = new ul(), this._panDelta = new ul(), this._dollyStart = new ul(), this._dollyEnd = new ul(), this._dollyDelta = new ul(), this._dollyDirection = new ha(), this._mouse = new ul(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = cA.bind(this), this._onPointerDown = uA.bind(this), this._onPointerUp = fA.bind(this), this._onContextMenu = bA.bind(this), this._onMouseWheel = pA.bind(this), this._onKeyDown = mA.bind(this), this._onTouchStart = vA.bind(this), this._onTouchMove = gA.bind(this), this._onMouseDown = dA.bind(this), this._onMouseMove = hA.bind(this), this._interceptControlDown = yA.bind(this), this._interceptControlUp = _A.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
+    super(l, o), this.state = Ie.NONE, this.target = new ha(), this.cursor = new ha(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.keyRotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: $m.ROTATE, MIDDLE: $m.DOLLY, RIGHT: $m.PAN }, this.touches = { ONE: Zm.ROTATE, TWO: Zm.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new ha(), this._lastQuaternion = new WC(), this._lastTargetPosition = new ha(), this._quat = new WC().setFromUnitVectors(l.up, new ha(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new FC(), this._sphericalDelta = new FC(), this._scale = 1, this._panOffset = new ha(), this._rotateStart = new ul(), this._rotateEnd = new ul(), this._rotateDelta = new ul(), this._panStart = new ul(), this._panEnd = new ul(), this._panDelta = new ul(), this._dollyStart = new ul(), this._dollyEnd = new ul(), this._dollyDelta = new ul(), this._dollyDirection = new ha(), this._mouse = new ul(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = fA.bind(this), this._onPointerDown = cA.bind(this), this._onPointerUp = dA.bind(this), this._onContextMenu = yA.bind(this), this._onMouseWheel = mA.bind(this), this._onKeyDown = vA.bind(this), this._onTouchStart = gA.bind(this), this._onTouchMove = bA.bind(this), this._onMouseDown = hA.bind(this), this._onMouseMove = pA.bind(this), this._interceptControlDown = _A.bind(this), this._interceptControlUp = SA.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
   }
   connect(l) {
     super.connect(l), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointercancel", this._onPointerUp), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.addEventListener("wheel", this._onMouseWheel, { passive: !1 }), this.domElement.getRootNode().addEventListener("keydown", this._interceptControlDown, { passive: !0, capture: !0 }), this.domElement.style.touchAction = "none";
@@ -129,7 +130,7 @@ class rA extends JM {
         x.unproject(this.object), this.object.position.sub(x).add(_), this.object.updateMatrixWorld(), S = Sa.length();
       } else
         console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), this.zoomToCursor = !1;
-      S !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(S).add(this.object.position) : (h_.origin.copy(this.object.position), h_.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(h_.direction)) < sA ? this.object.lookAt(this.target) : (lx.setFromNormalAndCoplanarPoint(this.object.up, this.target), h_.intersectPlane(lx, this.target))));
+      S !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(S).add(this.object.position) : (h_.origin.copy(this.object.position), h_.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(h_.direction)) < rA ? this.object.lookAt(this.target) : (lx.setFromNormalAndCoplanarPoint(this.object.up, this.target), h_.intersectPlane(lx, this.target))));
     } else if (this.object.isOrthographicCamera) {
       const S = this.object.zoom;
       this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), S !== this.object.zoom && (this.object.updateProjectionMatrix(), b = !0);
@@ -326,13 +327,13 @@ class rA extends JM {
     return l.ctrlKey && !this._controlActive && (c.deltaY *= 10), c;
   }
 }
-function uA(s) {
+function cA(s) {
   this.enabled !== !1 && (this._pointers.length === 0 && (this.domElement.setPointerCapture(s.pointerId), this.domElement.addEventListener("pointermove", this._onPointerMove), this.domElement.addEventListener("pointerup", this._onPointerUp)), !this._isTrackingPointer(s) && (this._addPointer(s), s.pointerType === "touch" ? this._onTouchStart(s) : this._onMouseDown(s)));
 }
-function cA(s) {
+function fA(s) {
   this.enabled !== !1 && (s.pointerType === "touch" ? this._onTouchMove(s) : this._onMouseMove(s));
 }
-function fA(s) {
+function dA(s) {
   switch (this._removePointer(s), this._pointers.length) {
     case 0:
       this.domElement.releasePointerCapture(s.pointerId), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(VT), this.state = Ie.NONE;
@@ -343,7 +344,7 @@ function fA(s) {
       break;
   }
 }
-function dA(s) {
+function hA(s) {
   let l;
   switch (s.button) {
     case 0:
@@ -386,7 +387,7 @@ function dA(s) {
   }
   this.state !== Ie.NONE && this.dispatchEvent(l2);
 }
-function hA(s) {
+function pA(s) {
   switch (this.state) {
     case Ie.ROTATE:
       if (this.enableRotate === !1) return;
@@ -402,13 +403,13 @@ function hA(s) {
       break;
   }
 }
-function pA(s) {
+function mA(s) {
   this.enabled === !1 || this.enableZoom === !1 || this.state !== Ie.NONE || (s.preventDefault(), this.dispatchEvent(l2), this._handleMouseWheel(this._customWheelEvent(s)), this.dispatchEvent(VT));
 }
-function mA(s) {
+function vA(s) {
   this.enabled !== !1 && this._handleKeyDown(s);
 }
-function vA(s) {
+function gA(s) {
   switch (this._trackPointer(s), this._pointers.length) {
     case 1:
       switch (this.touches.ONE) {
@@ -443,7 +444,7 @@ function vA(s) {
   }
   this.state !== Ie.NONE && this.dispatchEvent(l2);
 }
-function gA(s) {
+function bA(s) {
   switch (this._trackPointer(s), this.state) {
     case Ie.TOUCH_ROTATE:
       if (this.enableRotate === !1) return;
@@ -465,16 +466,16 @@ function gA(s) {
       this.state = Ie.NONE;
   }
 }
-function bA(s) {
+function yA(s) {
   this.enabled !== !1 && s.preventDefault();
 }
-function yA(s) {
+function _A(s) {
   s.key === "Control" && (this._controlActive = !0, this.domElement.getRootNode().addEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-function _A(s) {
+function SA(s) {
   s.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-function SA(s) {
+function wA(s) {
   const l = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), c = s.clone();
   return GT(s, c, function(p, b) {
     l.set(b, p), o.set(p, b);
@@ -491,7 +492,7 @@ function GT(s, l, o) {
   for (let c = 0; c < s.children.length; c++)
     GT(s.children[c], l.children[c], o);
 }
-function wA(s) {
+function EA(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
 var p_ = { exports: {} }, r0 = {}, m_ = { exports: {} }, bw = {};
@@ -505,7 +506,7 @@ var p_ = { exports: {} }, r0 = {}, m_ = { exports: {} }, bw = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ix;
-function EA() {
+function CA() {
   return ix || (ix = 1, (function(s) {
     function l(H, lt) {
       var bt = H.length;
@@ -735,7 +736,7 @@ var yw = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ox;
-function CA() {
+function xA() {
   return ox || (ox = 1, (function(s) {
     process.env.NODE_ENV !== "production" && (function() {
       function l() {
@@ -959,7 +960,7 @@ function CA() {
 }
 var sx;
 function qT() {
-  return sx || (sx = 1, process.env.NODE_ENV === "production" ? m_.exports = EA() : m_.exports = CA()), m_.exports;
+  return sx || (sx = 1, process.env.NODE_ENV === "production" ? m_.exports = CA() : m_.exports = xA()), m_.exports;
 }
 /**
  * @license React
@@ -971,7 +972,7 @@ function qT() {
  * LICENSE file in the root directory of this source tree.
  */
 var rx;
-function xA() {
+function TA() {
   if (rx) return r0;
   rx = 1;
   var s = qT(), l = B_, o = j_;
@@ -10754,7 +10755,7 @@ var u0 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ux;
-function TA() {
+function DA() {
   return ux || (ux = 1, process.env.NODE_ENV !== "production" && (function() {
     function s(t, e) {
       for (t = t.memoizedState; t !== null && 0 < e; )
@@ -27799,7 +27800,7 @@ You might need to use a local HTTP server (instead of file://): https://react.de
   })()), u0;
 }
 var cx;
-function DA() {
+function zA() {
   if (cx) return p_.exports;
   cx = 1;
   function s() {
@@ -27813,24 +27814,24 @@ function DA() {
       }
     }
   }
-  return process.env.NODE_ENV === "production" ? (s(), p_.exports = xA()) : p_.exports = TA(), p_.exports;
+  return process.env.NODE_ENV === "production" ? (s(), p_.exports = TA()) : p_.exports = DA(), p_.exports;
 }
-var zA = DA();
-function MA(s, l) {
+var MA = zA();
+function AA(s, l) {
   const o = getComputedStyle(s), c = parseFloat(o.fontSize);
   return l * c;
 }
-function AA(s, l) {
+function RA(s, l) {
   const o = getComputedStyle(s.ownerDocument.body), c = parseFloat(o.fontSize);
   return l * c;
 }
-function RA(s) {
+function OA(s) {
   return s / 100 * window.innerHeight;
 }
-function OA(s) {
+function UA(s) {
   return s / 100 * window.innerWidth;
 }
-function UA(s) {
+function NA(s) {
   switch (typeof s) {
     case "number":
       return [s, "px"];
@@ -27846,7 +27847,7 @@ function _0({
   styleProp: o
 }) {
   let c;
-  const [p, b] = UA(o);
+  const [p, b] = NA(o);
   switch (b) {
     case "%": {
       c = p / 100 * s;
@@ -27857,19 +27858,19 @@ function _0({
       break;
     }
     case "rem": {
-      c = AA(l, p);
+      c = RA(l, p);
       break;
     }
     case "em": {
-      c = MA(l, p);
+      c = AA(l, p);
       break;
     }
     case "vh": {
-      c = RA(p);
+      c = OA(p);
       break;
     }
     case "vw": {
-      c = OA(p);
+      c = UA(p);
       break;
     }
   }
@@ -27951,14 +27952,14 @@ function Fe(s, l = "Assertion error") {
 }
 function Qw(s, l) {
   return Array.from(l).sort(
-    s === "horizontal" ? NA : LA
+    s === "horizontal" ? LA : HA
   );
 }
-function NA(s, l) {
+function LA(s, l) {
   const o = s.element.offsetLeft - l.element.offsetLeft;
   return o !== 0 ? o : s.element.offsetWidth - l.element.offsetWidth;
 }
-function LA(s, l) {
+function HA(s, l) {
   const o = s.element.offsetTop - l.element.offsetTop;
   return o !== 0 ? o : s.element.offsetHeight - l.element.offsetHeight;
 }
@@ -27977,7 +27978,7 @@ function YT(s, l) {
     )
   };
 }
-function HA({
+function BA({
   orientation: s,
   rects: l,
   targetRect: o
@@ -27994,7 +27995,7 @@ function HA({
   return Fe(p, "No rect found"), p;
 }
 let v_;
-function BA() {
+function jA() {
   return v_ === void 0 && (typeof matchMedia == "function" ? v_ = !!matchMedia("(pointer:coarse)").matches : v_ = !1), v_;
 }
 function XT(s) {
@@ -28041,7 +28042,7 @@ function XT(s) {
                   break;
                 }
                 case 1: {
-                  const dt = N[0], R = HA({
+                  const dt = N[0], R = BA({
                     orientation: o,
                     rects: [j, F],
                     targetRect: dt.element.getBoundingClientRect()
@@ -28073,7 +28074,7 @@ function XT(s) {
               ];
             for (const W of J) {
               let k = "width" in W ? W : W.element.getBoundingClientRect();
-              const dt = BA() ? s.resizeTargetMinimumSize.coarse : s.resizeTargetMinimumSize.fine;
+              const dt = jA() ? s.resizeTargetMinimumSize.coarse : s.resizeTargetMinimumSize.fine;
               if (k.width < dt) {
                 const B = dt - k.width;
                 k = new DOMRect(
@@ -28160,7 +28161,7 @@ class PT {
 pf = new WeakMap();
 let lr = /* @__PURE__ */ new Map();
 const QT = new PT();
-function jA(s) {
+function VA(s) {
   lr = new Map(lr), lr.delete(s);
 }
 function fx(s, l) {
@@ -28191,7 +28192,7 @@ function Eu(s, l) {
     next: l
   });
 }
-function VA(s, l, o) {
+function GA(s, l, o) {
   let c, p = {
     x: 1 / 0,
     y: 1 / 0
@@ -28214,10 +28215,10 @@ function VA(s, l, o) {
     hitRegion: c
   } : void 0;
 }
-function GA(s) {
+function qA(s) {
   return s !== null && typeof s == "object" && "nodeType" in s && s.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function qA(s, l) {
+function kA(s, l) {
   if (s === l) throw new Error("Cannot compare node with itself");
   const o = {
     a: px(s),
@@ -28248,20 +28249,20 @@ function qA(s, l) {
   }
   return Math.sign(p.a - p.b);
 }
-const kA = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function YA(s) {
+const YA = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function XA(s) {
   const l = getComputedStyle(KT(s) ?? s).display;
   return l === "flex" || l === "inline-flex";
 }
-function XA(s) {
+function PA(s) {
   const l = getComputedStyle(s);
-  return !!(l.position === "fixed" || l.zIndex !== "auto" && (l.position !== "static" || YA(s)) || +l.opacity < 1 || "transform" in l && l.transform !== "none" || "webkitTransform" in l && l.webkitTransform !== "none" || "mixBlendMode" in l && l.mixBlendMode !== "normal" || "filter" in l && l.filter !== "none" || "webkitFilter" in l && l.webkitFilter !== "none" || "isolation" in l && l.isolation === "isolate" || kA.test(l.willChange) || l.webkitOverflowScrolling === "touch");
+  return !!(l.position === "fixed" || l.zIndex !== "auto" && (l.position !== "static" || XA(s)) || +l.opacity < 1 || "transform" in l && l.transform !== "none" || "webkitTransform" in l && l.webkitTransform !== "none" || "mixBlendMode" in l && l.mixBlendMode !== "normal" || "filter" in l && l.filter !== "none" || "webkitFilter" in l && l.webkitFilter !== "none" || "isolation" in l && l.isolation === "isolate" || YA.test(l.willChange) || l.webkitOverflowScrolling === "touch");
 }
 function dx(s) {
   let l = s.length;
   for (; l--; ) {
     const o = s[l];
-    if (Fe(o, "Missing node"), XA(o)) return o;
+    if (Fe(o, "Missing node"), PA(o)) return o;
   }
   return null;
 }
@@ -28276,24 +28277,24 @@ function px(s) {
 }
 function KT(s) {
   const { parentNode: l } = s;
-  return GA(l) ? l.host : l;
+  return qA(l) ? l.host : l;
 }
-function PA(s, l) {
+function QA(s, l) {
   return s.x < l.x + l.width && s.x + s.width > l.x && s.y < l.y + l.height && s.y + s.height > l.y;
 }
-function QA({
+function ZA({
   groupElement: s,
   hitRegion: l,
   pointerEventTarget: o
 }) {
   if (!kT(o) || o.contains(s) || s.contains(o))
     return !0;
-  if (qA(o, s) > 0) {
+  if (kA(o, s) > 0) {
     let c = o;
     for (; c; ) {
       if (c.contains(s))
         return !0;
-      if (PA(c.getBoundingClientRect(), l))
+      if (QA(c.getBoundingClientRect(), l))
         return !1;
       c = c.parentElement;
     }
@@ -28305,18 +28306,18 @@ function i2(s, l) {
   return l.forEach((c, p) => {
     if (p.disabled)
       return;
-    const b = XT(p), S = VA(p.orientation, b, {
+    const b = XT(p), S = GA(p.orientation, b, {
       x: s.clientX,
       y: s.clientY
     });
-    S && S.distance.x <= 0 && S.distance.y <= 0 && QA({
+    S && S.distance.x <= 0 && S.distance.y <= 0 && ZA({
       groupElement: p.element,
       hitRegion: S.hitRegion.rect,
       pointerEventTarget: s.target
     }) && o.push(S.hitRegion);
   }), o;
 }
-function ZA(s, l) {
+function KA(s, l) {
   if (s.length !== l.length)
     return !1;
   for (let o = 0; o < s.length; o++)
@@ -28474,7 +28475,7 @@ function o2({
       s < 0 ? O-- : O++;
     }
   }
-  if (ZA(C, x))
+  if (KA(C, x))
     return p;
   {
     const O = s < 0 ? M : D, G = _[O];
@@ -28842,7 +28843,7 @@ const WT = new PT();
 function dh() {
   return Fm;
 }
-function KA(s) {
+function JA(s) {
   const l = Fm, o = { ...Fm };
   o.cursorFlags = s, Fm = o, WT.emit("change", {
     prev: l,
@@ -28875,13 +28876,13 @@ function gx(s) {
     state: "active"
   }), o.length && s.preventDefault();
 }
-const JA = (s) => s, _w = () => {
+const $A = (s) => s, _w = () => {
 }, FT = 1, IT = 2, tD = 4, eD = 8, bx = 3, yx = 12;
 let g_;
 function _x() {
   return g_ === void 0 && (g_ = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (g_ = !0)), g_;
 }
-function $A({
+function WA({
   cursorFlags: s,
   groups: l,
   state: o
@@ -28934,7 +28935,7 @@ function s2(s) {
   switch (c.state) {
     case "active":
     case "hover": {
-      const p = $A({
+      const p = WA({
         cursorFlags: c.cursorFlags,
         groups: c.hitRegions.map((S) => S.group),
         state: c.state
@@ -29010,7 +29011,7 @@ function nD({
     }
   });
   let C = 0;
-  l.movementX === 0 ? C |= S & bx : C |= _ & bx, l.movementY === 0 ? C |= S & yx : C |= _ & yx, KA(C), s2(s);
+  l.movementX === 0 ? C |= S & bx : C |= _ & bx, l.movementY === 0 ? C |= S & yx : C |= _ & yx, JA(C), s2(s);
 }
 function wx(s) {
   const l = vh(), o = dh();
@@ -29119,7 +29120,7 @@ function Tx(s) {
   }
   return c;
 }
-function WA(s, l, o) {
+function FA(s, l, o) {
   if (!o[0])
     return;
   const c = s.panels.find((C) => C.element === l);
@@ -29131,7 +29132,7 @@ function WA(s, l, o) {
   };
   c.mutableValues.prevSize = _, c.onResize(_, c.id, S);
 }
-function FA(s, l) {
+function IA(s, l) {
   if (Object.keys(s).length !== Object.keys(l).length)
     return !1;
   for (const o in s)
@@ -29139,7 +29140,7 @@ function FA(s, l) {
       return !1;
   return !0;
 }
-function IA({
+function tR({
   group: s,
   nextGroupSize: l,
   prevGroupSize: o,
@@ -29188,7 +29189,7 @@ function IA({
   }
   return D;
 }
-function tR(s, l) {
+function eR(s, l) {
   const o = s.map((p) => p.id), c = Object.keys(l);
   if (o.length !== c.length)
     return !1;
@@ -29198,7 +29199,7 @@ function tR(s, l) {
   return !0;
 }
 const qm = /* @__PURE__ */ new Map();
-function eR(s) {
+function nR(s) {
   let l = !0;
   Fe(
     s.element.ownerDocument.defaultView,
@@ -29215,7 +29216,7 @@ function eR(s) {
           const J = gf(s.id);
           if (!J)
             return;
-          const W = Pw(s), k = J.defaultLayoutDeferred ? Tx(W) : J.layout, dt = IA({
+          const W = Pw(s), k = J.defaultLayoutDeferred ? Tx(W) : J.layout, dt = tR({
             group: s,
             nextGroupSize: F,
             prevGroupSize: J.groupSize,
@@ -29224,7 +29225,7 @@ function eR(s) {
             layout: dt,
             panelConstraints: W
           });
-          if (!J.defaultLayoutDeferred && fh(J.layout, R) && FA(
+          if (!J.defaultLayoutDeferred && fh(J.layout, R) && IA(
             J.derivedPanelConstraints,
             W
           ) && J.groupSize === F)
@@ -29238,7 +29239,7 @@ function eR(s) {
           });
         }
       } else
-        WA(s, j, G);
+        FA(s, j, G);
     }
   });
   b.observe(s.element), s.panels.forEach((L) => {
@@ -29249,7 +29250,7 @@ function eR(s) {
   });
   const S = nv({ group: s }), _ = Pw(s), C = s.panels.map(({ id: L }) => L).join(",");
   let x = s.mutableState.defaultLayout;
-  x && (tR(s.panels, x) || (x = void 0));
+  x && (eR(s.panels, x) || (x = void 0));
   const D = s.mutableState.layouts[C] ?? x ?? Tx(_), M = w0({
     layout: D,
     panelConstraints: _
@@ -29276,7 +29277,7 @@ function eR(s) {
     l = !1, qm.set(
       A,
       Math.max(0, (qm.get(A) ?? 0) - 1)
-    ), jA(s), s.separators.forEach((L) => {
+    ), VA(s), s.separators.forEach((L) => {
       L.element.removeEventListener("keydown", vx);
     }), qm.get(A) || (A.removeEventListener(
       "dblclick",
@@ -29289,7 +29290,7 @@ function eR(s) {
     ), A.removeEventListener("pointerleave", wx), A.removeEventListener("pointermove", Ex), A.removeEventListener("pointerout", Cx), A.removeEventListener("pointerup", xx, !0)), b.disconnect();
   };
 }
-function nR() {
+function aR() {
   const [s, l] = Ae({}), o = or(() => l({}), []);
   return [s, o];
 }
@@ -29335,10 +29336,10 @@ function iD(s) {
   }, [s]), l.current;
 }
 const oD = QM(null);
-function aR(s, l) {
+function lR(s, l) {
   const o = Ee({
     getLayout: () => ({}),
-    setLayout: JA
+    setLayout: $A
   });
   RT(l, () => o.current, []), lv(() => {
     Object.assign(
@@ -29373,14 +29374,14 @@ function Zw({
     fh(L.current.onLayoutChange, pt) || (L.current.onLayoutChange = pt, C == null || C(pt));
   }), G = S0((pt) => {
     fh(L.current.onLayoutChanged, pt) || (L.current.onLayoutChanged = pt, x == null || x(pt));
-  }), j = aD(_), F = Ee(null), [J, W] = nR(), k = Ee({
+  }), j = aD(_), F = Ee(null), [J, W] = aR(), k = Ee({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     resizeTargetMinimumSize: M,
     separators: []
   }), dt = lD(F, b);
-  aR(j, S);
+  lR(j, S);
   const R = S0(
     (pt, U) => {
       const et = dh(), ht = fx(pt), xt = gf(pt);
@@ -29486,7 +29487,7 @@ function Zw({
       separators: U.separators
     };
     at.current = ht;
-    const xt = eR(ht), { defaultLayoutDeferred: H, derivedPanelConstraints: lt, layout: bt } = gf(ht.id, !0);
+    const xt = nR(ht), { defaultLayoutDeferred: H, derivedPanelConstraints: lt, layout: bt } = gf(ht.id, !0);
     !H && lt.length > 0 && (O(bt), G(bt));
     const Dt = ZT(j, (tt) => {
       const { defaultLayoutDeferred: St, derivedPanelConstraints: zt, layout: Et } = tt.next;
@@ -29556,14 +29557,14 @@ Zw.displayName = "Group";
 function Sw(s, l) {
   return `react-resizable-panels:${[s, ...l].join(":")}`;
 }
-function lR({
+function iR({
   debounceSaveMs: s = 100,
   panelIds: l,
   storage: o = localStorage,
   ...c
 }) {
   const p = l !== void 0, b = "id" in c ? c.id : c.groupId, S = Sw(b, l ?? []), _ = MT(
-    iR,
+    oR,
     () => o.getItem(S),
     () => o.getItem(S)
   ), C = fs(
@@ -29613,7 +29614,7 @@ function lR({
     onLayoutChanged: M
   };
 }
-function iR() {
+function oR() {
   return function() {
   };
 }
@@ -29624,7 +29625,7 @@ function sD() {
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), s;
 }
-function oR(s, l) {
+function sR(s, l) {
   const { id: o } = sD(), c = Ee({
     collapse: _w,
     expand: _w,
@@ -29711,7 +29712,7 @@ function Jm({
     j
   ]), Bn(() => {
     B(G, !!b);
-  }, [b, G, B]), oR(G, A);
+  }, [b, G, B]), sR(G, A);
   const pt = () => {
     const ht = W(k, G);
     if (ht)
@@ -29736,7 +29737,7 @@ function Jm({
       id: G,
       ref: J,
       style: {
-        ...sR,
+        ...rR,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
@@ -29766,7 +29767,7 @@ function Jm({
   );
 }
 Jm.displayName = "Panel";
-const sR = {
+const rR = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -29777,20 +29778,20 @@ const sR = {
   borderWidth: 0,
   padding: 0,
   margin: 0
-}, rR = "_activityBar_4dnwm_1", uR = "_icon_4dnwm_14", cR = "_active_4dnwm_29", ww = {
-  activityBar: rR,
-  icon: uR,
-  active: cR
-}, fR = [
+}, uR = "_activityBar_4dnwm_1", cR = "_icon_4dnwm_14", fR = "_active_4dnwm_29", ww = {
+  activityBar: uR,
+  icon: cR,
+  active: fR
+}, dR = [
   { id: "explorer", label: "Explorer", path: "M17.5 0h-9L7 1.5V6H2.5L1 7.5v13l1.5 1.5h13l1.5-1.5V16h4.5l1.5-1.5v-13L22 0h-4.5zM16 20.5H2.5V7.5H7v8L8.5 17h7.5v3.5zm5.5-6H8.5V1.5h9v4.5H22v8.5z" },
   { id: "search", label: "Search", path: "M15.25 0a8.25 8.25 0 0 0-6.18 13.72L1 21.79l1.42 1.42 8.07-8.07A8.25 8.25 0 1 0 15.25 0zm0 15a6.75 6.75 0 1 1 0-13.5 6.75 6.75 0 0 1 0 13.5z" },
   { id: "git", label: "Source Control", path: "M21.007 8.222A3.738 3.738 0 0 0 15.045 5.2a3.737 3.737 0 0 0 1.156 6.583 2.988 2.988 0 0 1-2.668 1.67h-2.99a4.456 4.456 0 0 0-2.989 1.165V7.4a3.737 3.737 0 1 0-1.494 0v9.117a3.776 3.776 0 1 0 1.816.099 2.99 2.99 0 0 1 2.668-1.667h2.99a4.484 4.484 0 0 0 4.223-3.039 3.736 3.736 0 0 0 3.25-3.687zM4.565 3.738a2.242 2.242 0 1 1 4.484 0 2.242 2.242 0 0 1-4.484 0zm4.484 16.441a2.242 2.242 0 1 1-4.484 0 2.242 2.242 0 0 1 4.484 0zm8.221-9.715a2.242 2.242 0 1 1 0-4.485 2.242 2.242 0 0 1 0 4.485z" },
   { id: "extensions", label: "Extensions", path: "M13.5 1.5L15 0h7.5L24 1.5V9l-1.5 1.5H15L13.5 9V1.5zm1.5 0V9h7.5V1.5H15zM0 15L1.5 13.5H9L10.5 15v7.5L9 24H1.5L0 22.5V15zm1.5 0v7.5H9V15H1.5zm6-13.5L9 0h7.5L18 1.5V9l-1.5 1.5H9L7.5 9V1.5zM9 1.5V9h7.5V1.5H9zM0 1.5L1.5 0H9l1.5 1.5V9L9 10.5H1.5L0 9V1.5zm1.5 0V9H9V1.5H1.5z" },
   { id: "settings", label: "Settings", path: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94L14.4.37A.49.49 0 0 0 13.92 0h-3.84a.49.49 0 0 0-.48.37l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96a.49.49 0 0 0-.59.22L2.72 6.87a.48.48 0 0 0 .12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94L2.84 12.52a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.37.48.37h3.84c.24 0 .44-.14.48-.37l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6A3.6 3.6 0 1 1 12 8.4a3.6 3.6 0 0 1 0 7.2z" }
 ];
-function dR() {
+function hR() {
   const [s, l] = Ae("explorer");
-  return /* @__PURE__ */ $("div", { className: ww.activityBar, children: fR.map((o) => /* @__PURE__ */ $(
+  return /* @__PURE__ */ $("div", { className: ww.activityBar, children: dR.map((o) => /* @__PURE__ */ $(
     "div",
     {
       title: o.label,
@@ -29811,7 +29812,7 @@ var c0 = { exports: {} }, Ew = {}, b_ = { exports: {} }, y_ = { exports: {} }, X
  * LICENSE file in the root directory of this source tree.
  */
 var Dx;
-function hR() {
+function pR() {
   if (Dx) return Xe;
   Dx = 1;
   var s = typeof Symbol == "function" && Symbol.for, l = s ? Symbol.for("react.element") : 60103, o = s ? Symbol.for("react.portal") : 60106, c = s ? Symbol.for("react.fragment") : 60107, p = s ? Symbol.for("react.strict_mode") : 60108, b = s ? Symbol.for("react.profiler") : 60114, S = s ? Symbol.for("react.provider") : 60109, _ = s ? Symbol.for("react.context") : 60110, C = s ? Symbol.for("react.async_mode") : 60111, x = s ? Symbol.for("react.concurrent_mode") : 60111, D = s ? Symbol.for("react.forward_ref") : 60112, M = s ? Symbol.for("react.suspense") : 60113, A = s ? Symbol.for("react.suspense_list") : 60120, N = s ? Symbol.for("react.memo") : 60115, L = s ? Symbol.for("react.lazy") : 60116, O = s ? Symbol.for("react.block") : 60121, G = s ? Symbol.for("react.fundamental") : 60117, j = s ? Symbol.for("react.responder") : 60118, F = s ? Symbol.for("react.scope") : 60119;
@@ -29886,7 +29887,7 @@ var Pe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var zx;
-function pR() {
+function mR() {
   return zx || (zx = 1, process.env.NODE_ENV !== "production" && (function() {
     var s = typeof Symbol == "function" && Symbol.for, l = s ? Symbol.for("react.element") : 60103, o = s ? Symbol.for("react.portal") : 60106, c = s ? Symbol.for("react.fragment") : 60107, p = s ? Symbol.for("react.strict_mode") : 60108, b = s ? Symbol.for("react.profiler") : 60114, S = s ? Symbol.for("react.provider") : 60109, _ = s ? Symbol.for("react.context") : 60110, C = s ? Symbol.for("react.async_mode") : 60111, x = s ? Symbol.for("react.concurrent_mode") : 60111, D = s ? Symbol.for("react.forward_ref") : 60112, M = s ? Symbol.for("react.suspense") : 60113, A = s ? Symbol.for("react.suspense_list") : 60120, N = s ? Symbol.for("react.memo") : 60115, L = s ? Symbol.for("react.lazy") : 60116, O = s ? Symbol.for("react.block") : 60121, G = s ? Symbol.for("react.fundamental") : 60117, j = s ? Symbol.for("react.responder") : 60118, F = s ? Symbol.for("react.scope") : 60119;
     function J(Mt) {
@@ -29970,7 +29971,7 @@ function pR() {
 }
 var Mx;
 function rD() {
-  return Mx || (Mx = 1, process.env.NODE_ENV === "production" ? y_.exports = hR() : y_.exports = pR()), y_.exports;
+  return Mx || (Mx = 1, process.env.NODE_ENV === "production" ? y_.exports = pR() : y_.exports = mR()), y_.exports;
 }
 /*
 object-assign
@@ -29978,7 +29979,7 @@ object-assign
 @license MIT
 */
 var Cw, Ax;
-function mR() {
+function vR() {
   if (Ax) return Cw;
   Ax = 1;
   var s = Object.getOwnPropertySymbols, l = Object.prototype.hasOwnProperty, o = Object.prototype.propertyIsEnumerable;
@@ -30035,7 +30036,7 @@ function uD() {
   return Ox || (Ox = 1, Tw = Function.call.bind(Object.prototype.hasOwnProperty)), Tw;
 }
 var Dw, Ux;
-function vR() {
+function gR() {
   if (Ux) return Dw;
   Ux = 1;
   var s = function() {
@@ -30084,10 +30085,10 @@ function vR() {
   }, Dw = p, Dw;
 }
 var zw, Nx;
-function gR() {
+function bR() {
   if (Nx) return zw;
   Nx = 1;
-  var s = rD(), l = mR(), o = /* @__PURE__ */ r2(), c = /* @__PURE__ */ uD(), p = /* @__PURE__ */ vR(), b = function() {
+  var s = rD(), l = vR(), o = /* @__PURE__ */ r2(), c = /* @__PURE__ */ uD(), p = /* @__PURE__ */ gR(), b = function() {
   };
   process.env.NODE_ENV !== "production" && (b = function(_) {
     var C = "Warning: " + _;
@@ -30405,7 +30406,7 @@ Valid keys: ` + JSON.stringify(Object.keys(tt), null, "  ")
   }, zw;
 }
 var Mw, Lx;
-function bR() {
+function yR() {
   if (Lx) return Mw;
   Lx = 1;
   var s = /* @__PURE__ */ r2();
@@ -30457,13 +30458,13 @@ function cD() {
   if (Hx) return b_.exports;
   if (Hx = 1, process.env.NODE_ENV !== "production") {
     var s = rD(), l = !0;
-    b_.exports = /* @__PURE__ */ gR()(s.isElement, l);
+    b_.exports = /* @__PURE__ */ bR()(s.isElement, l);
   } else
-    b_.exports = /* @__PURE__ */ bR()();
+    b_.exports = /* @__PURE__ */ yR()();
   return b_.exports;
 }
 var __ = { exports: {} }, Bx;
-function yR() {
+function _R() {
   if (Bx) return __.exports;
   Bx = 1;
   function s(o) {
@@ -30507,7 +30508,7 @@ function V_() {
   return sf;
 }
 var rf = {}, Vx;
-function _R() {
+function SR() {
   if (Vx) return rf;
   Vx = 1, Object.defineProperty(rf, "__esModule", {
     value: !0
@@ -30543,7 +30544,7 @@ function u2() {
   Gx = 1, Object.defineProperty(Kn, "__esModule", {
     value: !0
   }), Kn.addClassName = k, Kn.addEvent = S, Kn.addUserSelectStyles = F, Kn.createCSSTransform = N, Kn.createSVGTransform = L, Kn.getTouch = G, Kn.getTouchIdentifier = j, Kn.getTranslation = O, Kn.innerHeight = D, Kn.innerWidth = M, Kn.matchesSelector = p, Kn.matchesSelectorAndParentsTo = b, Kn.offsetXYFromParent = A, Kn.outerHeight = C, Kn.outerWidth = x, Kn.removeClassName = dt, Kn.removeEvent = _, Kn.scheduleRemoveUserSelectStyles = J;
-  var s = V_(), l = o(_R());
+  var s = V_(), l = o(SR());
   function o(R, B) {
     if (typeof WeakMap == "function") var rt = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap();
     return (o = function(pt, U) {
@@ -30784,7 +30785,7 @@ function dD() {
   return S_;
 }
 var Yx;
-function SR() {
+function wR() {
   if (Yx) return f0;
   Yx = 1, Object.defineProperty(f0, "__esModule", {
     value: !0
@@ -31085,7 +31086,7 @@ function SR() {
   }), f0;
 }
 var Xx;
-function wR() {
+function ER() {
   return Xx || (Xx = 1, (function(s) {
     Object.defineProperty(s, "__esModule", {
       value: !0
@@ -31095,7 +31096,7 @@ function wR() {
         return C.default;
       }
     }), s.default = void 0;
-    var l = M(B_), o = D(/* @__PURE__ */ cD()), c = D(j_), p = yR(), b = u2(), S = fD(), _ = V_(), C = D(SR()), x = D(dD());
+    var l = M(B_), o = D(/* @__PURE__ */ cD()), c = D(j_), p = _R(), b = u2(), S = fD(), _ = V_(), C = D(wR()), x = D(dD());
     function D(j) {
       return j && j.__esModule ? j : { default: j };
     }
@@ -31399,17 +31400,17 @@ function wR() {
   })(Ew)), Ew;
 }
 var Px;
-function ER() {
+function CR() {
   if (Px) return c0.exports;
   Px = 1;
   const {
     default: s,
     DraggableCore: l
-  } = wR();
+  } = ER();
   return c0.exports = s, c0.exports.default = s, c0.exports.DraggableCore = l, c0.exports;
 }
-var CR = ER();
-const xR = /* @__PURE__ */ wA(CR);
+var xR = CR();
+const TR = /* @__PURE__ */ EA(xR);
 var da = function() {
   return da = Object.assign || function(s) {
     for (var l, o = 1, c = arguments.length; o < c; o++) {
@@ -31435,7 +31436,7 @@ var da = function() {
   height: "20px",
   position: "absolute",
   zIndex: 1
-}, TR = {
+}, DR = {
   top: da(da({}, Qx), { top: "-5px" }),
   right: da(da({}, Zx), { left: void 0, right: "-5px" }),
   bottom: da(da({}, Qx), { top: void 0, bottom: "-5px" }),
@@ -31444,16 +31445,16 @@ var da = function() {
   bottomRight: da(da({}, w_), { right: "-10px", bottom: "-10px", cursor: "se-resize" }),
   bottomLeft: da(da({}, w_), { left: "-10px", bottom: "-10px", cursor: "sw-resize" }),
   topLeft: da(da({}, w_), { left: "-10px", top: "-10px", cursor: "nw-resize" })
-}, DR = OT(function(s) {
+}, zR = OT(function(s) {
   var l = s.onResizeStart, o = s.direction, c = s.children, p = s.replaceStyles, b = s.className, S = or(function(x) {
     l(x, o);
   }, [l, o]), _ = or(function(x) {
     l(x, o);
   }, [l, o]), C = fs(function() {
-    return da(da({ position: "absolute", userSelect: "none" }, TR[o]), p ?? {});
+    return da(da({ position: "absolute", userSelect: "none" }, DR[o]), p ?? {});
   }, [p, o]);
   return $("div", { className: b || void 0, style: C, onMouseDown: S, onTouchStart: _, children: c });
-}), zR = /* @__PURE__ */ (function() {
+}), MR = /* @__PURE__ */ (function() {
   var s = function(l, o) {
     return s = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(c, p) {
       c.__proto__ = p;
@@ -31478,7 +31479,7 @@ var da = function() {
     }
     return s;
   }, nr.apply(this, arguments);
-}, MR = {
+}, AR = {
   width: "auto",
   height: "auto"
 }, E_ = function(s, l, o) {
@@ -31490,7 +31491,7 @@ var da = function() {
   return new RegExp(s, "i").test(l);
 }, C_ = function(s) {
   return !!(s.touches && s.touches.length);
-}, AR = function(s) {
+}, RR = function(s) {
   return !!((s.clientX || s.clientX === 0) && (s.clientY || s.clientY === 0));
 }, Jx = function(s, l, o) {
   o === void 0 && (o = 0);
@@ -31518,16 +31519,16 @@ var da = function() {
     }
   }
   return s;
-}, RR = function(s, l, o, c, p, b, S) {
+}, OR = function(s, l, o, c, p, b, S) {
   return c = x_(c, s.width, l, o), p = x_(p, s.height, l, o), b = x_(b, s.width, l, o), S = x_(S, s.height, l, o), {
     maxWidth: typeof c > "u" ? void 0 : Number(c),
     maxHeight: typeof p > "u" ? void 0 : Number(p),
     minWidth: typeof b > "u" ? void 0 : Number(b),
     minHeight: typeof S > "u" ? void 0 : Number(S)
   };
-}, OR = function(s) {
+}, UR = function(s) {
   return Array.isArray(s) ? s : [s, s];
-}, UR = [
+}, NR = [
   "as",
   "ref",
   "style",
@@ -31559,10 +31560,10 @@ var da = function() {
   "scale",
   "resizeRatio",
   "snapGap"
-], $x = "__resizable_base__", NR = (
+], $x = "__resizable_base__", LR = (
   /** @class */
   (function(s) {
-    zR(l, s);
+    MR(l, s);
     function l(o) {
       var c, p, b, S, _ = s.call(this, o) || this;
       return _.ratio = 1, _.resizable = null, _.parentLeft = 0, _.parentTop = 0, _.resizableLeft = 0, _.resizableRight = 0, _.resizableTop = 0, _.resizableBottom = 0, _.targetLeft = 0, _.targetTop = 0, _.delta = {
@@ -31620,7 +31621,7 @@ var da = function() {
       configurable: !0
     }), Object.defineProperty(l.prototype, "propsSize", {
       get: function() {
-        return this.props.size || this.props.defaultSize || MR;
+        return this.props.size || this.props.defaultSize || AR;
       },
       enumerable: !1,
       configurable: !0
@@ -31695,7 +31696,7 @@ var da = function() {
       } else this.props.bounds === "window" ? this.window && (C = S ? this.resizableRight : this.window.innerWidth - this.resizableLeft, x = _ ? this.resizableBottom : this.window.innerHeight - this.resizableTop) : this.props.bounds && (C = S ? this.resizableRight - this.targetLeft : this.props.bounds.offsetWidth + (this.targetLeft - this.resizableLeft), x = _ ? this.resizableBottom - this.targetTop : this.props.bounds.offsetHeight + (this.targetTop - this.resizableTop));
       return C && Number.isFinite(C) && (o = o && o < C ? o : C), x && Number.isFinite(x) && (c = c && c < x ? c : x), { maxWidth: o, maxHeight: c };
     }, l.prototype.calculateNewSizeFromDirection = function(o, c) {
-      var p = this.props.scale || 1, b = OR(this.props.resizeRatio || 1), S = b[0], _ = b[1], C = this.state, x = C.direction, D = C.original, M = this.props, A = M.lockAspectRatio, N = M.lockAspectRatioExtraHeight, L = M.lockAspectRatioExtraWidth, O = D.width, G = D.height, j = N || 0, F = L || 0;
+      var p = this.props.scale || 1, b = UR(this.props.resizeRatio || 1), S = b[0], _ = b[1], C = this.state, x = C.direction, D = C.original, M = this.props, A = M.lockAspectRatio, N = M.lockAspectRatioExtraHeight, L = M.lockAspectRatioExtraWidth, O = D.width, G = D.height, j = N || 0, F = L || 0;
       return km("right", x) && (O = D.width + (o - D.x) * S / p, A && (G = (O - F) / this.ratio + j)), km("left", x) && (O = D.width - (o - D.x) * S / p, A && (G = (O - F) / this.ratio + j)), km("bottom", x) && (G = D.height + (c - D.y) * _ / p, A && (O = (G - j) * this.ratio + F)), km("top", x) && (G = D.height - (c - D.y) * _ / p, A && (O = (G - j) * this.ratio + F)), { newWidth: O, newHeight: G };
     }, l.prototype.calculateNewSizeFromAspectRatio = function(o, c, p, b) {
       var S = this.props, _ = S.lockAspectRatio, C = S.lockAspectRatioExtraHeight, x = S.lockAspectRatioExtraWidth, D = typeof b.width > "u" ? 10 : b.width, M = typeof p.width > "u" || p.width < 0 ? o : p.width, A = typeof b.height > "u" ? 10 : b.height, N = typeof p.height > "u" || p.height < 0 ? c : p.height, L = C || 0, O = x || 0;
@@ -31725,7 +31726,7 @@ var da = function() {
     }, l.prototype.onResizeStart = function(o, c) {
       if (!(!this.resizable || !this.window)) {
         var p = 0, b = 0;
-        if (o.nativeEvent && AR(o.nativeEvent) ? (p = o.nativeEvent.clientX, b = o.nativeEvent.clientY) : o.nativeEvent && C_(o.nativeEvent) && (p = o.nativeEvent.touches[0].clientX, b = o.nativeEvent.touches[0].clientY), this.props.onResizeStart && this.resizable) {
+        if (o.nativeEvent && RR(o.nativeEvent) ? (p = o.nativeEvent.clientX, b = o.nativeEvent.clientY) : o.nativeEvent && C_(o.nativeEvent) && (p = o.nativeEvent.touches[0].clientX, b = o.nativeEvent.touches[0].clientY), this.props.onResizeStart && this.resizable) {
           var S = this.props.onResizeStart(o, c, this.resizable);
           if (S === !1)
             return;
@@ -31762,7 +31763,7 @@ var da = function() {
             o.preventDefault(), o.stopPropagation();
           } catch {
           }
-        var p = this.props, b = p.maxWidth, S = p.maxHeight, _ = p.minWidth, C = p.minHeight, x = C_(o) ? o.touches[0].clientX : o.clientX, D = C_(o) ? o.touches[0].clientY : o.clientY, M = this.state, A = M.direction, N = M.original, L = M.width, O = M.height, G = this.getParentSize(), j = RR(G, this.window.innerWidth, this.window.innerHeight, b, S, _, C);
+        var p = this.props, b = p.maxWidth, S = p.maxHeight, _ = p.minWidth, C = p.minHeight, x = C_(o) ? o.touches[0].clientX : o.clientX, D = C_(o) ? o.touches[0].clientY : o.clientY, M = this.state, A = M.direction, N = M.original, L = M.width, O = M.height, G = this.getParentSize(), j = OR(G, this.window.innerWidth, this.window.innerHeight, b, S, _, C);
         b = j.maxWidth, S = j.maxHeight, _ = j.minWidth, C = j.minHeight;
         var F = this.calculateNewSizeFromDirection(x, D), J = F.newHeight, W = F.newWidth, k = this.calculateNewMaxFromBoundary(b, S);
         this.props.snap && this.props.snap.x && (W = Jx(W, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (J = Jx(J, this.props.snap.y, this.props.snapGap));
@@ -31823,12 +31824,12 @@ var da = function() {
       if (!p)
         return null;
       var D = Object.keys(p).map(function(M) {
-        return p[M] !== !1 ? $(DR, { direction: M, onResizeStart: o.onResizeStart, replaceStyles: b && b[M], className: S && S[M], children: x && x[M] ? x[M] : null }, M) : null;
+        return p[M] !== !1 ? $(zR, { direction: M, onResizeStart: o.onResizeStart, replaceStyles: b && b[M], className: S && S[M], children: x && x[M] ? x[M] : null }, M) : null;
       });
       return $("div", { className: C, style: _, children: D });
     }, l.prototype.render = function() {
       var o = this, c = Object.keys(this.props).reduce(function(S, _) {
-        return UR.indexOf(_) !== -1 || (S[_] = o.props[_]), S;
+        return NR.indexOf(_) !== -1 || (S[_] = o.props[_]), S;
       }, {}), p = nr(nr(nr({ position: "relative", userSelect: this.state.isResizing ? "none" : "auto" }, this.props.style), this.sizeStyle), { maxWidth: this.props.maxWidth, maxHeight: this.props.maxHeight, minWidth: this.props.minWidth, minHeight: this.props.minHeight, boxSizing: "border-box", flexShrink: 0 });
       this.state.flexBasis && (p.flexBasis = this.state.flexBasis);
       var b = this.props.as || "div";
@@ -31891,7 +31892,7 @@ var Kw = function(s, l) {
     for (var p in c) c.hasOwnProperty(p) && (o[p] = c[p]);
   }, Kw(s, l);
 };
-function LR(s, l) {
+function HR(s, l) {
   Kw(s, l);
   function o() {
     this.constructor = s;
@@ -31907,7 +31908,7 @@ var wa = function() {
     return l;
   }, wa.apply(this, arguments);
 };
-function HR(s, l) {
+function BR(s, l) {
   var o = {};
   for (var c in s) Object.prototype.hasOwnProperty.call(s, c) && l.indexOf(c) < 0 && (o[c] = s[c]);
   if (s != null && typeof Object.getOwnPropertySymbols == "function")
@@ -31915,14 +31916,14 @@ function HR(s, l) {
       l.indexOf(c[p]) < 0 && Object.prototype.propertyIsEnumerable.call(s, c[p]) && (o[c[p]] = s[c[p]]);
   return o;
 }
-var BR = {
+var jR = {
   width: "auto",
   height: "auto",
   display: "inline-block",
   position: "absolute",
   top: 0,
   left: 0
-}, jR = function(s) {
+}, VR = function(s) {
   return {
     bottom: s,
     bottomLeft: s,
@@ -31933,10 +31934,10 @@ var BR = {
     topLeft: s,
     topRight: s
   };
-}, VR = (
+}, GR = (
   /** @class */
   (function(s) {
-    LR(l, s);
+    HR(l, s);
     function l(o) {
       var c = s.call(this, o) || this;
       return c.resizingPosition = { x: 0, y: 0 }, c.offsetFromParent = { left: 0, top: 0 }, c.resizableElement = { current: null }, c.originalPosition = { x: 0, y: 0 }, c.state = {
@@ -32130,16 +32131,16 @@ var BR = {
     }, l.prototype.render = function() {
       var o = this, c = this.props, p = c.disableDragging, b = c.style, S = c.dragHandleClassName, _ = c.position, C = c.onMouseDown, x = c.onMouseUp, D = c.dragAxis, M = c.dragGrid, A = c.bounds, N = c.enableUserSelectHack, L = c.cancel, O = c.children;
       c.onResizeStart, c.onResize, c.onResizeStop, c.onDragStart, c.onDrag, c.onDragStop;
-      var G = c.resizeHandleStyles, j = c.resizeHandleClasses, F = c.resizeHandleComponent, J = c.enableResizing, W = c.resizeGrid, k = c.resizeHandleWrapperClass, dt = c.resizeHandleWrapperStyle, R = c.scale, B = c.allowAnyClick, rt = c.dragPositionOffset, at = HR(c, ["disableDragging", "style", "dragHandleClassName", "position", "onMouseDown", "onMouseUp", "dragAxis", "dragGrid", "bounds", "enableUserSelectHack", "cancel", "children", "onResizeStart", "onResize", "onResizeStop", "onDragStart", "onDrag", "onDragStop", "resizeHandleStyles", "resizeHandleClasses", "resizeHandleComponent", "enableResizing", "resizeGrid", "resizeHandleWrapperClass", "resizeHandleWrapperStyle", "scale", "allowAnyClick", "dragPositionOffset"]), pt = this.props.default ? wa({}, this.props.default) : void 0;
+      var G = c.resizeHandleStyles, j = c.resizeHandleClasses, F = c.resizeHandleComponent, J = c.enableResizing, W = c.resizeGrid, k = c.resizeHandleWrapperClass, dt = c.resizeHandleWrapperStyle, R = c.scale, B = c.allowAnyClick, rt = c.dragPositionOffset, at = BR(c, ["disableDragging", "style", "dragHandleClassName", "position", "onMouseDown", "onMouseUp", "dragAxis", "dragGrid", "bounds", "enableUserSelectHack", "cancel", "children", "onResizeStart", "onResize", "onResizeStop", "onDragStart", "onDrag", "onDragStop", "resizeHandleStyles", "resizeHandleClasses", "resizeHandleComponent", "enableResizing", "resizeGrid", "resizeHandleWrapperClass", "resizeHandleWrapperStyle", "scale", "allowAnyClick", "dragPositionOffset"]), pt = this.props.default ? wa({}, this.props.default) : void 0;
       delete at.default;
-      var U = p || S ? { cursor: "auto" } : { cursor: "move" }, et = wa(wa(wa({}, BR), U), b), ht = this.offsetFromParent, xt = ht.left, H = ht.top, lt;
+      var U = p || S ? { cursor: "auto" } : { cursor: "move" }, et = wa(wa(wa({}, jR), U), b), ht = this.offsetFromParent, xt = ht.left, H = ht.top, lt;
       _ && (lt = {
         x: _.x - xt,
         y: _.y - H
       });
       var bt = this.state.resizing ? void 0 : lt, Dt = this.state.resizing ? "both" : D;
       return Xw(
-        xR,
+        TR,
         {
           ref: function(tt) {
             tt && (o.draggable = tt);
@@ -32164,9 +32165,9 @@ var BR = {
           nodeRef: this.resizableElement,
           positionOffset: rt
         },
-        Xw(NR, wa({}, at, { ref: function(tt) {
+        Xw(LR, wa({}, at, { ref: function(tt) {
           tt && (o.resizable = tt, o.resizableElement.current = tt.resizable);
-        }, defaultSize: pt, size: this.props.size, enable: typeof J == "boolean" ? jR(J) : J, onResizeStart: this.onResizeStart, onResize: this.onResize, onResizeStop: this.onResizeStop, style: et, minWidth: this.props.minWidth, minHeight: this.props.minHeight, maxWidth: this.state.resizing ? this.state.maxWidth : this.props.maxWidth, maxHeight: this.state.resizing ? this.state.maxHeight : this.props.maxHeight, grid: W, handleWrapperClass: k, handleWrapperStyle: dt, lockAspectRatio: this.props.lockAspectRatio, lockAspectRatioExtraWidth: this.props.lockAspectRatioExtraWidth, lockAspectRatioExtraHeight: this.props.lockAspectRatioExtraHeight, handleStyles: G, handleClasses: j, handleComponent: F, scale: this.props.scale }), O)
+        }, defaultSize: pt, size: this.props.size, enable: typeof J == "boolean" ? VR(J) : J, onResizeStart: this.onResizeStart, onResize: this.onResize, onResizeStop: this.onResizeStop, style: et, minWidth: this.props.minWidth, minHeight: this.props.minHeight, maxWidth: this.state.resizing ? this.state.maxWidth : this.props.maxWidth, maxHeight: this.state.resizing ? this.state.maxHeight : this.props.maxHeight, grid: W, handleWrapperClass: k, handleWrapperStyle: dt, lockAspectRatio: this.props.lockAspectRatio, lockAspectRatioExtraWidth: this.props.lockAspectRatioExtraWidth, lockAspectRatioExtraHeight: this.props.lockAspectRatioExtraHeight, handleStyles: G, handleClasses: j, handleComponent: F, scale: this.props.scale }), O)
       );
     }, l.defaultProps = {
       maxWidth: Number.MAX_SAFE_INTEGER,
@@ -32187,15 +32188,15 @@ var BR = {
     }, l;
   })(UT)
 );
-const GR = "_window_ybolb_1", qR = "_handle_ybolb_15", kR = "_title_ybolb_33", YR = "_body_ybolb_44", XR = "_close_ybolb_51", Ym = {
-  window: GR,
-  handle: qR,
-  title: kR,
-  body: YR,
-  close: XR
+const qR = "_window_ybolb_1", kR = "_handle_ybolb_15", YR = "_title_ybolb_33", XR = "_body_ybolb_44", PR = "_close_ybolb_51", Ym = {
+  window: qR,
+  handle: kR,
+  title: YR,
+  body: XR,
+  close: PR
 };
 let Wx = 1e3;
-const PR = ({ title: s, children: l, defaultX: o, defaultY: c, defaultWidth: p = 400, defaultHeight: b = 300, minWidth: S = 280, minHeight: _ = 200, storageKey: C, onClose: x }) => {
+const QR = ({ title: s, children: l, defaultX: o, defaultY: c, defaultWidth: p = 400, defaultHeight: b = 300, minWidth: S = 280, minHeight: _ = 200, storageKey: C, onClose: x }) => {
   const [D, M] = Ae(() => ++Wx), A = C ? JSON.parse(localStorage.getItem(`window:${C}`) ?? "null") : null, N = (A == null ? void 0 : A.width) ?? p, L = (A == null ? void 0 : A.height) ?? b;
   function O() {
     M(++Wx);
@@ -32205,7 +32206,7 @@ const PR = ({ title: s, children: l, defaultX: o, defaultY: c, defaultWidth: p =
   }
   return KM(
     /* @__PURE__ */ Rt(
-      VR,
+      GR,
       {
         onMouseDown: O,
         onResizeStop: G,
@@ -32232,17 +32233,17 @@ const PR = ({ title: s, children: l, defaultX: o, defaultY: c, defaultWidth: p =
     ),
     document.body
   );
-}, QR = "_assetsPanel_5ux7f_1", ZR = "_toolbar_5ux7f_8", KR = "_searchWrapper_5ux7f_17", JR = "_search_5ux7f_17", $R = "_searchClear_5ux7f_46", WR = "_categorySelect_5ux7f_64", FR = "_assets_5ux7f_1", IR = "_assetRow_5ux7f_93", tO = "_texturePreview_5ux7f_122", eO = "_assetIcon_5ux7f_138", Oa = {
-  assetsPanel: QR,
-  toolbar: ZR,
-  searchWrapper: KR,
-  search: JR,
-  searchClear: $R,
-  categorySelect: WR,
-  assets: FR,
-  assetRow: IR,
-  texturePreview: tO,
-  assetIcon: eO
+}, ZR = "_assetsPanel_5ux7f_1", KR = "_toolbar_5ux7f_8", JR = "_searchWrapper_5ux7f_17", $R = "_search_5ux7f_17", WR = "_searchClear_5ux7f_46", FR = "_categorySelect_5ux7f_64", IR = "_assets_5ux7f_1", tO = "_assetRow_5ux7f_93", eO = "_texturePreview_5ux7f_122", nO = "_assetIcon_5ux7f_138", Oa = {
+  assetsPanel: ZR,
+  toolbar: KR,
+  searchWrapper: JR,
+  search: $R,
+  searchClear: WR,
+  categorySelect: FR,
+  assets: IR,
+  assetRow: tO,
+  texturePreview: eO,
+  assetIcon: nO
 };
 function Hl(s, l, o, c) {
   return new (o || (o = Promise))((function(p, b) {
@@ -32338,8 +32339,8 @@ function Fx(s, l, o) {
   const c = hD(s, l || {});
   return o == null || o.appendChild(c), c;
 }
-var nO = Object.freeze({ __proto__: null, createElement: Fx, default: Fx });
-const aO = { fetchBlob: function(s, l, o) {
+var aO = Object.freeze({ __proto__: null, createElement: Fx, default: Fx });
+const lO = { fetchBlob: function(s, l, o) {
   return Hl(this, void 0, void 0, (function* () {
     const c = yield fetch(s, o);
     if (c.status >= 400) throw new Error(`Failed to fetch ${s}: ${c.status} (${c.statusText})`);
@@ -32395,7 +32396,7 @@ function hf(s, l) {
     o && (o(), o = void 0), p.forEach(((b) => b()));
   };
 }
-class lO extends A0 {
+class iO extends A0 {
   get isPlayingSignal() {
     return this._isPlaying;
   }
@@ -32528,11 +32529,11 @@ class lO extends A0 {
     return this.media.setSinkId(l);
   }
 }
-function iO({ maxTop: s, maxBottom: l, halfHeight: o, vScale: c, barMinHeight: p = 0, barAlign: b }) {
+function oO({ maxTop: s, maxBottom: l, halfHeight: o, vScale: c, barMinHeight: p = 0, barAlign: b }) {
   let S = Math.round(s * o * c), _ = S + Math.round(l * o * c) || 1;
   return _ < p && (_ = p, b || (S = _ / 2)), { topHeight: S, totalHeight: _ };
 }
-function oO({ barAlign: s, halfHeight: l, topHeight: o, totalHeight: c, canvasHeight: p }) {
+function sO({ barAlign: s, halfHeight: l, topHeight: o, totalHeight: c, canvasHeight: p }) {
   return s === "top" ? 0 : s === "bottom" ? p - c : l - o;
 }
 function Ix(s, l, o) {
@@ -32556,7 +32557,7 @@ function mD(s) {
   const l = s._cleanup;
   typeof l == "function" && l();
 }
-function sO(s) {
+function rO(s) {
   const l = Jn({ scrollLeft: s.scrollLeft, scrollWidth: s.scrollWidth, clientWidth: s.clientWidth }), o = rh((() => (function(b) {
     const { scrollLeft: S, scrollWidth: _, clientWidth: C } = b;
     if (_ === 0) return { startX: 0, endX: 1 };
@@ -32571,7 +32572,7 @@ function sO(s) {
     s.removeEventListener("scroll", p), mD(l);
   } };
 }
-class rO extends A0 {
+class uO extends A0 {
   constructor(l, o) {
     super(), this.timeouts = [], this.isScrollable = !1, this.audioData = null, this.resizeObserver = null, this.lastContainerWidth = 0, this.isDragging = !1, this.subscriptions = [], this.unsubscribeOnScroll = [], this.dragStream = null, this.scrollStream = null, this.subscriptions = [], this.options = l;
     const c = this.parentFromOptionsContainer(l.container);
@@ -32591,7 +32592,7 @@ class rO extends A0 {
     })), this.wrapper.addEventListener("dblclick", ((o) => {
       const c = this.wrapper.getBoundingClientRect(), [p, b] = Ix(c, o.clientX, o.clientY);
       this.emit("dblclick", p, b);
-    })), this.options.dragToSeek !== !0 && typeof this.options.dragToSeek != "object" || this.initDrag(), this.scrollStream = sO(this.scrollContainer);
+    })), this.options.dragToSeek !== !0 && typeof this.options.dragToSeek != "object" || this.initDrag(), this.scrollStream = rO(this.scrollContainer);
     const l = hf((() => {
       const { startX: o, endX: c } = this.scrollStream.percentages.value, { left: p, right: b } = this.scrollStream.bounds.value;
       this.emit("scroll", o, c, p, b);
@@ -32808,7 +32809,7 @@ class rO extends A0 {
       for (let ht = 0; ht <= rt; ht++) {
         const xt = Math.round(ht * O);
         if (xt > pt) {
-          const { topHeight: bt, totalHeight: Dt } = iO({ maxTop: U, maxBottom: et, halfHeight: F, vScale: J, barMinHeight: dt, barAlign: k }), tt = oO({ barAlign: k, halfHeight: F, topHeight: bt, totalHeight: Dt, canvasHeight: W });
+          const { topHeight: bt, totalHeight: Dt } = oO({ maxTop: U, maxBottom: et, halfHeight: F, vScale: J, barMinHeight: dt, barAlign: k }), tt = sO({ barAlign: k, halfHeight: F, topHeight: bt, totalHeight: Dt, canvasHeight: W });
           at.push({ x: pt * G, y: tt, width: j, height: Dt }), pt = xt, U = 0, et = 0;
         }
         const H = Math.abs(R[ht] || 0), lt = Math.abs(B[ht] || 0);
@@ -32985,7 +32986,7 @@ class rO extends A0 {
     }));
   }
 }
-class uO extends A0 {
+class cO extends A0 {
   constructor() {
     super(...arguments), this.animationFrameId = null, this.isRunning = !1;
   }
@@ -33125,8 +33126,8 @@ class Rw extends A0 {
     }
   }
 }
-const cO = { waveColor: "#999", progressColor: "#555", cursorWidth: 1, minPxPerSec: 0, fillParent: !0, interact: !0, dragToSeek: !1, autoScroll: !0, autoCenter: !0, sampleRate: 8e3 };
-class E0 extends lO {
+const fO = { waveColor: "#999", progressColor: "#555", cursorWidth: 1, minPxPerSec: 0, fillParent: !0, interact: !0, dragToSeek: !1, autoScroll: !0, autoCenter: !0, sampleRate: 8e3 };
+class E0 extends iO {
   static create(l) {
     return new E0(l);
   }
@@ -33138,7 +33139,7 @@ class E0 extends lO {
   }
   constructor(l) {
     const o = l.media || (l.backend === "WebAudio" ? new Rw() : void 0);
-    super({ media: o, mediaControls: l.mediaControls, autoplay: l.autoplay, playbackRate: l.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this.reactiveCleanups = [], this.options = Object.assign({}, cO, l);
+    super({ media: o, mediaControls: l.mediaControls, autoplay: l.autoplay, playbackRate: l.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this.reactiveCleanups = [], this.options = Object.assign({}, fO, l);
     const { state: c, actions: p } = (function(_) {
       var C, x, D, M, A, N;
       const L = (C = _ == null ? void 0 : _.currentTime) !== null && C !== void 0 ? C : Jn(0), O = (x = _ == null ? void 0 : _.duration) !== null && x !== void 0 ? x : Jn(0), G = (D = _ == null ? void 0 : _.isPlaying) !== null && D !== void 0 ? D : Jn(!1), j = (M = _ == null ? void 0 : _.isSeeking) !== null && M !== void 0 ? M : Jn(!1), F = (A = _ == null ? void 0 : _.volume) !== null && A !== void 0 ? A : Jn(1), J = (N = _ == null ? void 0 : _.playbackRate) !== null && N !== void 0 ? N : Jn(1), W = Jn(null), k = Jn(null), dt = Jn(""), R = Jn(0), B = Jn(0), rt = rh((() => !G.value), [G]), at = rh((() => W.value !== null), [W]), pt = rh((() => at.value && O.value > 0), [at, O]), U = rh((() => L.value), [L]), et = rh((() => O.value > 0 ? L.value / O.value : 0), [L, O]);
@@ -33169,9 +33170,9 @@ class E0 extends lO {
         B.set(Math.max(0, ht));
       } } };
     })({ isPlaying: this.isPlayingSignal, currentTime: this.currentTimeSignal, duration: this.durationSignal, volume: this.volumeSignal, playbackRate: this.playbackRateSignal, isSeeking: this.seekingSignal });
-    this.wavesurferState = c, this.wavesurferActions = p, this.timer = new uO();
+    this.wavesurferState = c, this.wavesurferActions = p, this.timer = new cO();
     const b = o ? void 0 : this.getMediaElement();
-    this.renderer = new rO(this.options, b), this.initPlayerEvents(), this.initRendererEvents(), this.initTimerEvents(), this.initReactiveState(), this.initPlugins();
+    this.renderer = new uO(this.options, b), this.initPlayerEvents(), this.initRendererEvents(), this.initTimerEvents(), this.initReactiveState(), this.initPlugins();
     const S = this.options.url || this.getSrc() || "";
     Promise.resolve().then((() => {
       this.emit("init");
@@ -33324,7 +33325,7 @@ class E0 extends lO {
         const _ = this.options.fetchParams || {};
         window.AbortController && !_.signal && (this.abortController = new AbortController(), _.signal = this.abortController.signal);
         const C = (D) => this.emit("loading", D);
-        o = yield aO.fetchBlob(l, C, _);
+        o = yield lO.fetchBlob(l, C, _);
         const x = this.options.blobMimeType;
         x && (o = new Blob([o], { type: x }));
       }
@@ -33449,7 +33450,7 @@ E0.BasePlugin = class extends A0 {
   destroy() {
     this.emit("destroy"), this.subscriptions.forEach(((s) => s())), this.subscriptions = [], this.isDestroyed = !0, this.wavesurfer = void 0;
   }
-}, E0.dom = nO;
+}, E0.dom = aO;
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -33483,8 +33484,8 @@ function gD(s, l) {
     };
   }), [s, l.plugins, ...b]), o;
 }
-const bD = /^on([A-Z])/, fO = (s) => bD.test(s);
-function dO(s, l) {
+const bD = /^on([A-Z])/, dO = (s) => bD.test(s);
+function hO(s, l) {
   const o = fs((() => Object.entries(l).flat()), [l]);
   Bn((() => {
     if (!s) return;
@@ -33503,13 +33504,13 @@ OT(((s) => {
   const l = Ee(null), [o, c] = (function(p) {
     return fs((() => {
       const b = Object.assign({}, p), S = Object.assign({}, p);
-      for (const _ in b) fO(_) ? delete b[_] : delete S[_];
+      for (const _ in b) dO(_) ? delete b[_] : delete S[_];
       return [b, S];
     }), [p]);
   })(s);
-  return dO(gD(l, o), c), $("div", { ref: l });
+  return hO(gD(l, o), c), $("div", { ref: l });
 }));
-function hO(s) {
+function pO(s) {
   var { container: l } = s;
   const o = gD(l, vD(s, ["container"])), c = (function(p) {
     const [b, S] = Ae(!1), [_, C] = Ae(!1), [x, D] = Ae(!1), [M, A] = Ae(0);
@@ -33537,23 +33538,23 @@ function hO(s) {
   })(o);
   return fs((() => Object.assign(Object.assign({}, c), { wavesurfer: o })), [c, o]);
 }
-const pO = "_stats_1gd9h_1", mO = "_stat_1gd9h_1", vO = "_label_1gd9h_18", gO = "_value_1gd9h_26", D_ = {
-  stats: pO,
-  stat: mO,
-  label: vO,
-  value: gO
+const mO = "_stats_1gd9h_1", vO = "_stat_1gd9h_1", gO = "_label_1gd9h_18", bO = "_value_1gd9h_26", D_ = {
+  stats: mO,
+  stat: vO,
+  label: gO,
+  value: bO
 }, c2 = ({ stats: s }) => /* @__PURE__ */ $("div", { className: D_.stats, children: s.map(({ label: l, value: o }) => /* @__PURE__ */ Rt("div", { className: D_.stat, children: [
   /* @__PURE__ */ $("span", { className: D_.label, children: l }),
   /* @__PURE__ */ $("span", { className: D_.value, children: o })
-] }, l)) }), bO = "_player_nqeb9_1", yO = "_main_nqeb9_8", _O = "_waveform_nqeb9_16", SO = "_controls_nqeb9_21", wO = "_playButton_nqeb9_28", EO = "_time_nqeb9_47", Xm = {
-  player: bO,
-  main: yO,
-  waveform: _O,
-  controls: SO,
-  playButton: wO,
-  time: EO
+] }, l)) }), yO = "_player_nqeb9_1", _O = "_main_nqeb9_8", SO = "_waveform_nqeb9_16", wO = "_controls_nqeb9_21", EO = "_playButton_nqeb9_28", CO = "_time_nqeb9_47", Xm = {
+  player: yO,
+  main: _O,
+  waveform: SO,
+  controls: wO,
+  playButton: EO,
+  time: CO
 };
-function CO(s) {
+function xO(s) {
   const l = s.numberOfChannels, o = s.sampleRate, c = s.length, p = 16, b = l * (p / 8), S = c * b, _ = new ArrayBuffer(44 + S), C = new DataView(_), x = (M, A) => {
     for (let N = 0; N < A.length; N++)
       C.setUint8(M + N, A.charCodeAt(N));
@@ -33571,10 +33572,10 @@ function Ow(s) {
   const l = Math.floor(s / 60), o = Math.floor(s % 60);
   return `${l}:${o.toString().padStart(2, "0")}`;
 }
-const xO = ({ buffer: s }) => {
-  const l = Ee(null), o = fs(() => CO(s), [s]);
+const TO = ({ buffer: s }) => {
+  const l = Ee(null), o = fs(() => xO(s), [s]);
   Bn(() => () => URL.revokeObjectURL(o), [o]);
-  const { wavesurfer: c, isPlaying: p, currentTime: b } = hO({
+  const { wavesurfer: c, isPlaying: p, currentTime: b } = pO({
     container: l,
     url: o,
     waveColor: "#4a9eff",
@@ -33608,17 +33609,17 @@ const xO = ({ buffer: s }) => {
       }
     )
   ] });
-}, TO = "_wrapper_65zj4_1", DO = "_canvas_65zj4_9", zO = "_toolbar_65zj4_15", MO = "_toolBtn_65zj4_26", AO = "_active_65zj4_46", RO = "_separator_65zj4_51", OO = "_overlayDropdown_65zj4_69", UO = "_overlaySection_65zj4_86", NO = "_overlayRow_65zj4_99", Fa = {
-  wrapper: TO,
-  canvas: DO,
-  toolbar: zO,
-  toolBtn: MO,
-  active: AO,
-  separator: RO,
-  overlayDropdown: OO,
-  overlaySection: UO,
-  overlayRow: NO
-}, LO = [
+}, DO = "_wrapper_65zj4_1", zO = "_canvas_65zj4_9", MO = "_toolbar_65zj4_15", AO = "_toolBtn_65zj4_26", RO = "_active_65zj4_46", OO = "_separator_65zj4_51", UO = "_overlayDropdown_65zj4_69", NO = "_overlaySection_65zj4_86", LO = "_overlayRow_65zj4_99", Fa = {
+  wrapper: DO,
+  canvas: zO,
+  toolbar: MO,
+  toolBtn: AO,
+  active: RO,
+  separator: OO,
+  overlayDropdown: UO,
+  overlaySection: NO,
+  overlayRow: LO
+}, HO = [
   {
     mode: "translate",
     label: "Translate",
@@ -33649,7 +33650,7 @@ const xO = ({ buffer: s }) => {
       "M3 21L10 14"
     ]
   }
-], HO = [
+], BO = [
   {
     mode: "solid",
     label: "Solid",
@@ -33677,7 +33678,7 @@ const xO = ({ buffer: s }) => {
     ]
   }
 ];
-function BO() {
+function jO() {
   const [s, l] = Ae("translate"), [o, c] = Ae("solid"), [p, b] = Ae(!1), [S, _] = Ae(!0), C = Ee(null), x = (A) => {
     var N;
     l(A), (N = window.Game.editor) == null || N.trigger("setTransformMode", A);
@@ -33694,7 +33695,7 @@ function BO() {
     }
     return document.addEventListener("pointerdown", A), () => document.removeEventListener("pointerdown", A);
   }, []), /* @__PURE__ */ Rt("div", { className: Fa.toolbar, children: [
-    LO.map(({ mode: A, label: N, paths: L }) => /* @__PURE__ */ $(
+    HO.map(({ mode: A, label: N, paths: L }) => /* @__PURE__ */ $(
       "button",
       {
         title: N,
@@ -33747,7 +33748,7 @@ function BO() {
   ] });
 }
 function yD({ shadeMode: s, onChange: l, btnClass: o, activeClass: c, size: p = 18 }) {
-  return /* @__PURE__ */ $(df, { children: HO.map(({ mode: b, label: S, paths: _ }) => /* @__PURE__ */ $(
+  return /* @__PURE__ */ $(df, { children: BO.map(({ mode: b, label: S, paths: _ }) => /* @__PURE__ */ $(
     "button",
     {
       title: S,
@@ -33758,19 +33759,19 @@ function yD({ shadeMode: s, onChange: l, btnClass: o, activeClass: c, size: p =
     b
   )) });
 }
-const jO = "_viewer_8mn40_1", VO = "_canvasWrapper_8mn40_9", GO = "_toolbar_8mn40_16", qO = "_animBar_8mn40_29", kO = "_scrubber_8mn40_43", YO = "_animSelect_8mn40_89", XO = "_animLoopLabel_8mn40_104", _u = {
-  viewer: jO,
-  canvasWrapper: VO,
-  toolbar: GO,
-  animBar: qO,
-  scrubber: kO,
-  animSelect: YO,
-  animLoopLabel: XO
+const VO = "_viewer_8mn40_1", GO = "_canvasWrapper_8mn40_9", qO = "_toolbar_8mn40_16", kO = "_animBar_8mn40_29", YO = "_scrubber_8mn40_43", XO = "_animSelect_8mn40_89", PO = "_animLoopLabel_8mn40_104", _u = {
+  viewer: VO,
+  canvasWrapper: GO,
+  toolbar: qO,
+  animBar: kO,
+  scrubber: YO,
+  animSelect: XO,
+  animLoopLabel: PO
 };
 function nT(s) {
   return s >= 1e3 ? `${(s / 1e3).toFixed(1)}k` : String(s);
 }
-const PO = ({ model: s, animations: l }) => {
+const QO = ({ model: s, animations: l }) => {
   const o = Ee(null), c = Ee(null), p = Ee(null), b = Ee(null), S = Ee(null), _ = Ee(!0), [C, x] = Ae("solid"), [D, M] = Ae(null), [A, N] = Ae(!0), [L, O] = Ae(0), [G, j] = Ae(!0);
   function F() {
     _.current = !1, j(!1);
@@ -33799,7 +33800,7 @@ const PO = ({ model: s, animations: l }) => {
     const B = o.current;
     if (!B)
       return;
-    const rt = new LT(), at = SA(s);
+    const rt = new LT(), at = wA(s);
     c.current = at, W.current.clear(), k.current.forEach((Nt) => Nt.dispose()), k.current.clear(), dt.current.clear(), rt.add(at);
     const pt = new IC(16777215, 3);
     pt.position.set(5, 5, 5), rt.add(pt);
@@ -33811,7 +33812,7 @@ const PO = ({ model: s, animations: l }) => {
     lt.position.set(0, 0, Dt * 1.5), lt.near = 0.1, lt.far = Dt + H * 2, lt.updateProjectionMatrix(), lt.lookAt(0, 0, 0);
     const tt = new BT({ canvas: B, antialias: !0 });
     tt.setPixelRatio(vf.instance().sizes.pixelRatio), tt.setClearColor("#181818");
-    const St = new rA(lt, B);
+    const St = new uA(lt, B);
     St.target.set(0, 0, 0), St.enableDamping = !0, St.dampingFactor = 0.08, St.update();
     const zt = new tA(at);
     p.current = zt;
@@ -33910,7 +33911,7 @@ const PO = ({ model: s, animations: l }) => {
     /* @__PURE__ */ $(c2, { stats: R })
   ] });
 };
-function QO(s, l) {
+function ZO(s, l) {
   const o = a2()[s];
   if (!o)
     return null;
@@ -33921,13 +33922,13 @@ function QO(s, l) {
   const b = o.create();
   return c.add = p, b;
 }
-const ZO = ({ particleName: s }) => {
+const KO = ({ particleName: s }) => {
   const l = Ee(null);
   return Bn(() => {
     const o = l.current;
     if (!o)
       return;
-    const c = new LT(), p = QO(s, c);
+    const c = new LT(), p = ZO(s, c);
     if (!p)
       return;
     const b = a2()[s], S = new HT(50, 1, 0.01, 200);
@@ -33946,17 +33947,17 @@ const ZO = ({ particleName: s }) => {
       vf.instance().unregisterOnUpdate(C), x.disconnect(), c.clear(), p.geometry.dispose(), p.material.dispose(), _.dispose();
     };
   }, [s]), /* @__PURE__ */ $("div", { className: _u.viewer, children: /* @__PURE__ */ $("div", { className: _u.canvasWrapper, children: /* @__PURE__ */ $("canvas", { ref: l, style: { width: "100%", height: "100%", display: "block" } }) }) });
-}, KO = "_viewer_76hio_1", JO = "_imageWrapper_76hio_9", $O = "_zoomInner_76hio_25", WO = "_image_76hio_9", FO = "_zoomReset_76hio_42", IO = "_cubeCross_76hio_62", t3 = "_cubeFace_76hio_75", e3 = "_faceLabel_76hio_95", n3 = "_cubeEmpty_76hio_106", a3 = "_noPreview_76hio_110", er = {
-  viewer: KO,
-  imageWrapper: JO,
-  zoomInner: $O,
-  image: WO,
-  zoomReset: FO,
-  cubeCross: IO,
-  cubeFace: t3,
-  faceLabel: e3,
-  cubeEmpty: n3,
-  noPreview: a3
+}, JO = "_viewer_76hio_1", $O = "_imageWrapper_76hio_9", WO = "_zoomInner_76hio_25", FO = "_image_76hio_9", IO = "_zoomReset_76hio_42", t3 = "_cubeCross_76hio_62", e3 = "_cubeFace_76hio_75", n3 = "_faceLabel_76hio_95", a3 = "_cubeEmpty_76hio_106", l3 = "_noPreview_76hio_110", er = {
+  viewer: JO,
+  imageWrapper: $O,
+  zoomInner: WO,
+  image: FO,
+  zoomReset: IO,
+  cubeCross: t3,
+  cubeFace: e3,
+  faceLabel: n3,
+  cubeEmpty: a3,
+  noPreview: l3
 };
 function Jw(s) {
   var l;
@@ -33970,17 +33971,17 @@ function Jw(s) {
   }
   return "";
 }
-function l3(s) {
+function i3(s) {
   const l = Array.isArray(s.image) ? s.image[0] : s.image;
   return l ? Jw(l) : "";
 }
 function aT(s) {
   return { 1e3: "Repeat", 1001: "Clamp", 1002: "Mirror" }[s] ?? String(s);
 }
-function i3(s) {
+function o3(s) {
   return s === "srgb" ? "sRGB" : s === "" ? "Linear" : s;
 }
-const o3 = [
+const s3 = [
   null,
   // [0,0]
   { label: "+Y", faceIndex: 2 },
@@ -34005,7 +34006,7 @@ const o3 = [
   // [2,2]
   null
   // [2,3]
-], s3 = ({ texture: s }) => {
+], r3 = ({ texture: s }) => {
   const l = Array.isArray(s.image), o = l ? s.image[0] : s.image, c = (o == null ? void 0 : o.width) ?? 0, p = (o == null ? void 0 : o.height) ?? 0, b = l ? 6 : 1, S = c && p ? c * p * 4 * b / (1024 * 1024) : 0, _ = Ee(null), C = Ee(!1), x = Ee({ x: 0, y: 0 }), [D, M] = Ae({ scale: 1, x: 0, y: 0 });
   Bn(() => {
     const j = _.current;
@@ -34054,7 +34055,7 @@ const o3 = [
             {
               className: er.zoomInner,
               style: { transform: `translate(${D.x}px, ${D.y}px) scale(${D.scale})` },
-              children: l ? /* @__PURE__ */ $("div", { className: er.cubeCross, children: o3.map(
+              children: l ? /* @__PURE__ */ $("div", { className: er.cubeCross, children: s3.map(
                 (j, F) => j ? /* @__PURE__ */ Rt("div", { className: er.cubeFace, children: [
                   /* @__PURE__ */ $("img", { src: Jw(s.image[j.faceIndex]), alt: j.label }),
                   /* @__PURE__ */ $("span", { className: er.faceLabel, children: j.label })
@@ -34083,7 +34084,7 @@ const o3 = [
         stats: [
           { label: "Size", value: `${c} × ${p}` },
           { label: "Memory", value: S >= 0.1 ? `${S.toFixed(2)} MB` : `${(S * 1024).toFixed(2)} KB` },
-          { label: "Color Space", value: i3(s.colorSpace) },
+          { label: "Color Space", value: o3(s.colorSpace) },
           { label: "Wrap S", value: aT(s.wrapS) },
           { label: "Wrap T", value: aT(s.wrapT) },
           ...l ? [{ label: "Type", value: "Cube" }] : []
@@ -34091,7 +34092,7 @@ const o3 = [
       }
     )
   ] });
-}, r3 = () => {
+}, u3 = () => {
   const s = vf.instance().editor, l = "application/mavonengine-resource", o = "application/mavonengine-prefab", c = "application/mavonengine-particle", p = "application/mavonengine-primitive", b = "application/mavonengine-light", S = Object.keys(nx).map((U) => ({ name: U, label: U })), _ = Object.keys(ex).map((U) => ({ name: U, label: U })), C = [
     { name: "Water", label: "Water" },
     { name: "Grass", label: "Grass" }
@@ -34263,7 +34264,7 @@ const o3 = [
     A.map(({ id: U, title: et, item: ht }) => {
       const xt = U % 6 * 24;
       return /* @__PURE__ */ Rt(
-        PR,
+        QR,
         {
           title: et,
           defaultX: (window.innerWidth - 400) / 2 + xt,
@@ -34271,10 +34272,10 @@ const o3 = [
           storageKey: ht instanceof AudioBuffer ? "audioViewer" : "scene" in ht ? "modelViewer" : ht instanceof d_ ? "textureViewer" : "particleName" in ht ? "particleViewer" : void 0,
           onClose: () => pt(U),
           children: [
-            ht instanceof AudioBuffer && /* @__PURE__ */ $(xO, { buffer: ht }),
-            "scene" in ht && /* @__PURE__ */ $(PO, { model: ht.scene, animations: ht.animations }),
-            ht instanceof d_ && /* @__PURE__ */ $(s3, { texture: ht }),
-            "particleName" in ht && /* @__PURE__ */ $(ZO, { particleName: ht.particleName })
+            ht instanceof AudioBuffer && /* @__PURE__ */ $(TO, { buffer: ht }),
+            "scene" in ht && /* @__PURE__ */ $(QO, { model: ht.scene, animations: ht.animations }),
+            ht instanceof d_ && /* @__PURE__ */ $(r3, { texture: ht }),
+            "particleName" in ht && /* @__PURE__ */ $(KO, { particleName: ht.particleName })
           ]
         },
         U
@@ -34419,7 +34420,7 @@ const o3 = [
             onDoubleClick: () => at(U, et),
             onDragStart: (ht) => j(ht, U),
             draggable: !0,
-            src: l3(et)
+            src: i3(et)
           }
         ) : /* @__PURE__ */ $(
           "img",
@@ -34433,7 +34434,7 @@ const o3 = [
       ] }, U)) })
     ] })
   ] });
-}, u3 = () => {
+}, c3 = () => {
   const s = Ee(null);
   return Bn(() => {
     var p;
@@ -34448,22 +34449,22 @@ const o3 = [
     const { clientWidth: o, clientHeight: c } = s.current;
     window.Game.sizes.setSize(o, c);
   }, children: /* @__PURE__ */ Rt("div", { className: Fa.wrapper, children: [
-    /* @__PURE__ */ $(BO, {}),
+    /* @__PURE__ */ $(jO, {}),
     /* @__PURE__ */ $("div", { ref: s, className: Fa.canvas })
   ] }) });
-}, c3 = "_root_ngf3k_1", f3 = "_main_ngf3k_8", d3 = "_editor_ngf3k_14", h3 = "_panel_ngf3k_20", p3 = "_panelContent_ngf3k_27", m3 = "_panelBody_ngf3k_34", v3 = "_middleGroup_ngf3k_40", ji = {
-  root: c3,
-  main: f3,
-  editor: d3,
-  panel: h3,
-  panelContent: p3,
-  panelBody: m3,
-  middleGroup: v3
-}, g3 = "_panelHeader_25fch_1", b3 = {
-  panelHeader: g3
+}, f3 = "_root_ngf3k_1", d3 = "_main_ngf3k_8", h3 = "_editor_ngf3k_14", p3 = "_panel_ngf3k_20", m3 = "_panelContent_ngf3k_27", v3 = "_panelBody_ngf3k_34", g3 = "_middleGroup_ngf3k_40", ji = {
+  root: f3,
+  main: d3,
+  editor: h3,
+  panel: p3,
+  panelContent: m3,
+  panelBody: v3,
+  middleGroup: g3
+}, b3 = "_panelHeader_25fch_1", y3 = {
+  panelHeader: b3
 };
 function Uw({ title: s }) {
-  return /* @__PURE__ */ $("div", { className: b3.panelHeader, children: s });
+  return /* @__PURE__ */ $("div", { className: y3.panelHeader, children: s });
 }
 /*! Tweakpane 4.0.5 (c) 2016 cocopon, licensed under the MIT license. */
 function cn(s) {
@@ -34475,7 +34476,7 @@ function f2(s) {
 function $w(s) {
   return s !== null && typeof s == "object";
 }
-function y3(s, l) {
+function _3(s, l) {
   if (s.length !== l.length)
     return !1;
   for (let o = 0; o < s.length; o++)
@@ -34492,7 +34493,7 @@ function hh(s, l) {
 function d2(s) {
   return f2(s) ? "target" in s : !1;
 }
-const _3 = {
+const S3 = {
   alreadydisposed: () => "View has been already disposed",
   invalidparams: (s) => `Invalid parameters for '${s.name}'`,
   nomatchingcontroller: (s) => `No matching controller for '${s.key}'`,
@@ -34532,7 +34533,7 @@ class Hn {
   }
   constructor(l) {
     var o;
-    this.message = (o = _3[l.type](l.context)) !== null && o !== void 0 ? o : "Unexpected error", this.name = this.constructor.name, this.stack = new Error(this.message).stack, this.type = l.type;
+    this.message = (o = S3[l.type](l.context)) !== null && o !== void 0 ? o : "Unexpected error", this.name = this.constructor.name, this.stack = new Error(this.message).stack, this.type = l.type;
   }
   toString() {
     return this.message;
@@ -34583,7 +34584,7 @@ class pa {
     });
   }
 }
-class S3 {
+class w3 {
   constructor(l, o) {
     var c;
     this.constraint_ = o == null ? void 0 : o.constraint, this.equals_ = (c = o == null ? void 0 : o.equals) !== null && c !== void 0 ? c : ((p, b) => p === b), this.emitter = new pa(), this.rawValue_ = l;
@@ -34615,7 +34616,7 @@ class S3 {
     }));
   }
 }
-class w3 {
+class E3 {
   constructor(l) {
     this.emitter = new pa(), this.value_ = l;
   }
@@ -34643,7 +34644,7 @@ class w3 {
     }));
   }
 }
-class E3 {
+class C3 {
   constructor(l) {
     this.emitter = new pa(), this.onValueBeforeChange_ = this.onValueBeforeChange_.bind(this), this.onValueChange_ = this.onValueChange_.bind(this), this.value_ = l, this.value_.emitter.on("beforechange", this.onValueBeforeChange_), this.value_.emitter.on("change", this.onValueChange_);
   }
@@ -34659,11 +34660,11 @@ class E3 {
 }
 function Sn(s, l) {
   const o = l == null ? void 0 : l.constraint, c = l == null ? void 0 : l.equals;
-  return !o && !c ? new w3(s) : new S3(s, l);
+  return !o && !c ? new E3(s) : new w3(s, l);
 }
-function C3(s) {
+function x3(s) {
   return [
-    new E3(s),
+    new C3(s),
     (l, o) => {
       s.setRawValue(l, o);
     }
@@ -34711,7 +34712,7 @@ class R0 {
     return Math.min(Math.max(l, c), o);
   }
 }
-class x3 {
+class T3 {
   constructor(l) {
     this.values = he.fromObject({
       max: l.max,
@@ -34724,7 +34725,7 @@ class x3 {
     return cn(c) || (p = Math.max(p, c)), cn(o) || (p = Math.min(p, o)), p;
   }
 }
-class T3 {
+class D3 {
   constructor(l, o = 0) {
     this.step = l, this.origin = o;
   }
@@ -34733,7 +34734,7 @@ class T3 {
     return o + c * this.step;
   }
 }
-class D3 {
+class z3 {
   constructor(l) {
     this.text = l;
   }
@@ -34744,7 +34745,7 @@ class D3 {
     return this.text;
   }
 }
-const z3 = {
+const M3 = {
   "**": (s, l) => Math.pow(s, l),
   "*": (s, l) => s * l,
   "/": (s, l) => s / l,
@@ -34758,12 +34759,12 @@ const z3 = {
   "^": (s, l) => s ^ l,
   "|": (s, l) => s | l
 };
-class M3 {
+class A3 {
   constructor(l, o, c) {
     this.left = o, this.operator = l, this.right = c;
   }
   evaluate() {
-    const l = z3[this.operator];
+    const l = M3[this.operator];
     if (!l)
       throw new Error(`unexpected binary operator: '${this.operator}`);
     return l(this.left.evaluate(), this.right.evaluate());
@@ -34778,17 +34779,17 @@ class M3 {
     ].join(" ");
   }
 }
-const A3 = {
+const R3 = {
   "+": (s) => s,
   "-": (s) => -s,
   "~": (s) => ~s
 };
-class R3 {
+class O3 {
   constructor(l, o) {
     this.operator = l, this.expression = o;
   }
   evaluate() {
-    const l = A3[this.operator];
+    const l = R3[this.operator];
     if (!l)
       throw new Error(`unexpected unary operator: '${this.operator}`);
     return l(this.expression.evaluate());
@@ -34812,7 +34813,7 @@ function C0(s, l) {
   const c = s.substr(l).match(/^\s+/);
   return (o = c && c[0]) !== null && o !== void 0 ? o : "";
 }
-function O3(s, l) {
+function U3(s, l) {
   const o = s.substr(l, 1);
   return o.match(/^[1-9]$/) ? o : "";
 }
@@ -34821,7 +34822,7 @@ function x0(s, l) {
   const c = s.substr(l).match(/^[0-9]+/);
   return (o = c && c[0]) !== null && o !== void 0 ? o : "";
 }
-function U3(s, l) {
+function N3(s, l) {
   const o = x0(s, l);
   if (o !== "")
     return o;
@@ -34835,17 +34836,17 @@ function p2(s, l) {
   const o = s.substr(l, 1);
   if (l += 1, o.toLowerCase() !== "e")
     return "";
-  const c = U3(s, l);
+  const c = N3(s, l);
   return c === "" ? "" : o + c;
 }
 function _D(s, l) {
   const o = s.substr(l, 1);
   if (o === "0")
     return o;
-  const c = O3(s, l);
+  const c = U3(s, l);
   return l += c.length, c === "" ? "" : c + x0(s, l);
 }
-function N3(s, l) {
+function L3(s, l) {
   const o = _D(s, l);
   if (l += o.length, o === "")
     return "";
@@ -34855,74 +34856,74 @@ function N3(s, l) {
   const p = x0(s, l);
   return l += p.length, o + c + p + p2(s, l);
 }
-function L3(s, l) {
+function H3(s, l) {
   const o = s.substr(l, 1);
   if (l += o.length, o !== ".")
     return "";
   const c = x0(s, l);
   return l += c.length, c === "" ? "" : o + c + p2(s, l);
 }
-function H3(s, l) {
+function B3(s, l) {
   const o = _D(s, l);
   return l += o.length, o === "" ? "" : o + p2(s, l);
 }
-const B3 = h2([
-  N3,
+const j3 = h2([
   L3,
-  H3
+  H3,
+  B3
 ]);
-function j3(s, l) {
+function V3(s, l) {
   var o;
   const c = s.substr(l).match(/^[01]+/);
   return (o = c && c[0]) !== null && o !== void 0 ? o : "";
 }
-function V3(s, l) {
+function G3(s, l) {
   const o = s.substr(l, 2);
   if (l += o.length, o.toLowerCase() !== "0b")
     return "";
-  const c = j3(s, l);
+  const c = V3(s, l);
   return c === "" ? "" : o + c;
 }
-function G3(s, l) {
+function q3(s, l) {
   var o;
   const c = s.substr(l).match(/^[0-7]+/);
   return (o = c && c[0]) !== null && o !== void 0 ? o : "";
 }
-function q3(s, l) {
+function k3(s, l) {
   const o = s.substr(l, 2);
   if (l += o.length, o.toLowerCase() !== "0o")
     return "";
-  const c = G3(s, l);
+  const c = q3(s, l);
   return c === "" ? "" : o + c;
 }
-function k3(s, l) {
+function Y3(s, l) {
   var o;
   const c = s.substr(l).match(/^[0-9a-f]+/i);
   return (o = c && c[0]) !== null && o !== void 0 ? o : "";
 }
-function Y3(s, l) {
+function X3(s, l) {
   const o = s.substr(l, 2);
   if (l += o.length, o.toLowerCase() !== "0x")
     return "";
-  const c = k3(s, l);
+  const c = Y3(s, l);
   return c === "" ? "" : o + c;
 }
-const X3 = h2([
-  V3,
-  q3,
-  Y3
-]), P3 = h2([
-  X3,
-  B3
+const P3 = h2([
+  G3,
+  k3,
+  X3
+]), Q3 = h2([
+  P3,
+  j3
 ]);
-function Q3(s, l) {
-  const o = P3(s, l);
+function Z3(s, l) {
+  const o = Q3(s, l);
   return l += o.length, o === "" ? null : {
-    evaluable: new D3(o),
+    evaluable: new z3(o),
     cursor: l
   };
 }
-function Z3(s, l) {
+function K3(s, l) {
   const o = s.substr(l, 1);
   if (l += o.length, o !== "(")
     return null;
@@ -34936,12 +34937,12 @@ function Z3(s, l) {
     cursor: l
   };
 }
-function K3(s, l) {
+function J3(s, l) {
   var o;
-  return (o = Q3(s, l)) !== null && o !== void 0 ? o : Z3(s, l);
+  return (o = Z3(s, l)) !== null && o !== void 0 ? o : K3(s, l);
 }
 function SD(s, l) {
-  const o = K3(s, l);
+  const o = J3(s, l);
   if (o)
     return o;
   const c = s.substr(l, 1);
@@ -34950,10 +34951,10 @@ function SD(s, l) {
   const p = SD(s, l);
   return p ? (l = p.cursor, {
     cursor: l,
-    evaluable: new R3(c, p.evaluable)
+    evaluable: new O3(c, p.evaluable)
   }) : null;
 }
-function J3(s, l, o) {
+function $3(s, l, o) {
   o += C0(l, o).length;
   const c = s.filter((p) => l.startsWith(p, o))[0];
   return c ? (o += c.length, o += C0(l, o).length, {
@@ -34961,7 +34962,7 @@ function J3(s, l, o) {
     operator: c
   }) : null;
 }
-function $3(s, l) {
+function W3(s, l) {
   return (o, c) => {
     const p = s(o, c);
     if (!p)
@@ -34969,14 +34970,14 @@ function $3(s, l) {
     c = p.cursor;
     let b = p.evaluable;
     for (; ; ) {
-      const S = J3(l, o, c);
+      const S = $3(l, o, c);
       if (!S)
         break;
       c = S.cursor;
       const _ = s(o, c);
       if (!_)
         return null;
-      c = _.cursor, b = new M3(S.operator, b, _.evaluable);
+      c = _.cursor, b = new A3(S.operator, b, _.evaluable);
     }
     return b ? {
       cursor: c,
@@ -34984,7 +34985,7 @@ function $3(s, l) {
     } : null;
   };
 }
-const W3 = [
+const F3 = [
   ["**"],
   ["*", "/", "%"],
   ["+", "-"],
@@ -34992,17 +34993,17 @@ const W3 = [
   ["&"],
   ["^"],
   ["|"]
-].reduce((s, l) => $3(s, l), SD);
+].reduce((s, l) => W3(s, l), SD);
 function wD(s, l) {
-  return l += C0(s, l).length, W3(s, l);
+  return l += C0(s, l).length, F3(s, l);
 }
-function F3(s) {
+function I3(s) {
   const l = wD(s, 0);
   return !l || l.cursor + C0(s, l.cursor).length !== s.length ? null : l.evaluable;
 }
 function Cu(s) {
   var l;
-  const o = F3(s);
+  const o = I3(s);
   return (l = o == null ? void 0 : o.evaluate()) !== null && l !== void 0 ? l : null;
 }
 function ED(s) {
@@ -35015,7 +35016,7 @@ function ED(s) {
   }
   return 0;
 }
-function I3(s) {
+function t4(s) {
   return String(s);
 }
 function oi(s) {
@@ -35034,7 +35035,7 @@ function Ea(s, l, o) {
 function CD(s, l) {
   return (s % l + l) % l;
 }
-function t4(s, l) {
+function e4(s, l) {
   return cn(s.step) ? Math.max(lT(l), 2) : lT(s.step);
 }
 function xD(s) {
@@ -35047,13 +35048,13 @@ function TD(s, l) {
   return c === 0 ? 0.1 : Math.pow(10, Math.floor(Math.log10(c)) - 1);
 }
 function DD(s, l) {
-  return cn(s.step) ? null : new T3(s.step, l);
+  return cn(s.step) ? null : new D3(s.step, l);
 }
 function zD(s) {
   return !cn(s.max) && !cn(s.min) ? new R0({
     max: s.max,
     min: s.min
-  }) : !cn(s.max) || !cn(s.min) ? new x3({
+  }) : !cn(s.max) || !cn(s.min) ? new T3({
     max: s.max,
     min: s.min
   }) : null;
@@ -35061,7 +35062,7 @@ function zD(s) {
 function MD(s, l) {
   var o, c, p;
   return {
-    formatter: (o = s.format) !== null && o !== void 0 ? o : oi(t4(s, l)),
+    formatter: (o = s.format) !== null && o !== void 0 ? o : oi(e4(s, l)),
     keyScale: (c = s.keyScale) !== null && c !== void 0 ? c : xD(s),
     pointerScale: (p = s.pointerScale) !== null && p !== void 0 ? p : TD(s, l)
   };
@@ -35121,17 +35122,17 @@ class O0 extends G_ {
     super(l), this.value = o, this.last = c ?? !0;
   }
 }
-class e4 extends G_ {
+class n4 extends G_ {
   constructor(l, o) {
     super(l), this.expanded = o;
   }
 }
-class n4 extends G_ {
+class a4 extends G_ {
   constructor(l, o) {
     super(l), this.index = o;
   }
 }
-class a4 extends G_ {
+class l4 extends G_ {
   constructor(l, o) {
     super(l), this.native = o;
   }
@@ -35174,7 +35175,7 @@ class T0 extends gh {
     this.emitter_.emit("change", new O0(this, o.binding.target.read(), l.options.last));
   }
 }
-class l4 {
+class i4 {
   constructor(l, o) {
     this.onValueBeforeChange_ = this.onValueBeforeChange_.bind(this), this.onValueChange_ = this.onValueChange_.bind(this), this.binding = o, this.value_ = l, this.value_.emitter.on("beforechange", this.onValueBeforeChange_), this.value_.emitter.on("change", this.onValueChange_), this.emitter = new pa();
   }
@@ -35200,13 +35201,13 @@ class l4 {
     this.push(), this.emitter.emit("change", Object.assign(Object.assign({}, l), { sender: this }));
   }
 }
-function i4(s) {
+function o4(s) {
   if (!("binding" in s))
     return !1;
   const l = s.binding;
   return d2(l) && "read" in l && "write" in l;
 }
-function o4(s, l) {
+function s4(s, l) {
   const c = Object.keys(l).reduce((p, b) => {
     if (p === void 0)
       return;
@@ -35215,7 +35216,7 @@ function o4(s, l) {
   }, {});
   return c;
 }
-function s4(s, l) {
+function r4(s, l) {
   return s.reduce((o, c) => {
     if (o === void 0)
       return;
@@ -35224,7 +35225,7 @@ function s4(s, l) {
       return [...o, p.value];
   }, []);
 }
-function r4(s) {
+function u4(s) {
   return s === null ? !1 : typeof s == "object";
 }
 function yu(s) {
@@ -35259,12 +35260,12 @@ function iT(s) {
     constant: (l) => yu((o) => o === l ? l : void 0)(s),
     raw: yu((l) => l)(s),
     object: (l) => yu((o) => {
-      if (r4(o))
-        return o4(o, l);
+      if (u4(o))
+        return s4(o, l);
     })(s),
     array: (l) => yu((o) => {
       if (Array.isArray(o))
-        return s4(o, l);
+        return r4(o, l);
     })(s)
   };
 }
@@ -35299,33 +35300,33 @@ const ir = "http://www.w3.org/2000/svg";
 function U_(s) {
   s.offsetHeight;
 }
-function u4(s, l) {
+function c4(s, l) {
   const o = s.style.transition;
   s.style.transition = "none", l(), s.style.transition = o;
 }
 function v2(s) {
   return s.ontouchstart !== void 0;
 }
-function c4() {
+function f4() {
   return globalThis;
 }
-function f4() {
-  return c4().document;
+function d4() {
+  return f4().document;
 }
-function d4(s) {
+function h4(s) {
   const l = s.ownerDocument.defaultView;
   return l && "document" in l ? s.getContext("2d", {
     willReadFrequently: !0
   }) : null;
 }
-const h4 = {
+const p4 = {
   check: '<path d="M2 8l4 4l8 -8"/>',
   dropdown: '<path d="M5 7h6l-3 3 z"/>',
   p2dpad: '<path d="M8 4v8"/><path d="M4 8h8"/><circle cx="12" cy="12" r="1.2"/>'
 };
 function q_(s, l) {
   const o = s.createElementNS(ir, "svg");
-  return o.innerHTML = h4[l], o;
+  return o.innerHTML = p4[l], o;
 }
 function OD(s, l, o) {
   s.insertBefore(l, s.children[o]);
@@ -35337,7 +35338,7 @@ function UD(s) {
   for (; s.children.length > 0; )
     s.removeChild(s.children[0]);
 }
-function p4(s) {
+function m4(s) {
   for (; s.childNodes.length > 0; )
     s.removeChild(s.childNodes[0]);
 }
@@ -35352,10 +35353,10 @@ function wu(s, l) {
 function sr(s, l, o) {
   wu(s.value(l), o);
 }
-const m4 = "tp";
+const v4 = "tp";
 function Re(s) {
   return (o, c) => [
-    m4,
+    v4,
     "-",
     s,
     "v",
@@ -35364,7 +35365,7 @@ function Re(s) {
   ].join("");
 }
 const d0 = Re("lbl");
-function v4(s, l) {
+function g4(s, l) {
   const o = s.createDocumentFragment();
   return l.split(`
 `).map((p) => s.createTextNode(p)).forEach((p, b) => {
@@ -35376,7 +35377,7 @@ class LD {
     this.element = l.createElement("div"), this.element.classList.add(d0()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("div");
     c.classList.add(d0("l")), sr(o.props, "label", (b) => {
-      cn(b) ? this.element.classList.add(d0(void 0, "nol")) : (this.element.classList.remove(d0(void 0, "nol")), p4(c), c.appendChild(v4(l, b)));
+      cn(b) ? this.element.classList.add(d0(void 0, "nol")) : (this.element.classList.remove(d0(void 0, "nol")), m4(c), c.appendChild(g4(l, b)));
     }), this.element.appendChild(c), this.labelElement = c;
     const p = l.createElement("div");
     p.classList.add(d0("v")), this.element.appendChild(p), this.valueElement = p;
@@ -35400,7 +35401,7 @@ class HD {
     });
   }
 }
-function g4() {
+function b4() {
   return ["veryfirst", "first", "last", "verylast"];
 }
 const oT = Re(""), sT = {
@@ -35414,7 +35415,7 @@ class k_ {
     this.parent_ = null, this.blade = l.blade, this.view = l.view, this.viewProps = l.viewProps;
     const o = this.view.element;
     this.blade.value("positions").emitter.on("change", () => {
-      g4().forEach((c) => {
+      b4().forEach((c) => {
         o.classList.remove(oT(void 0, sT[c]));
       }), this.blade.get("positions").forEach((c) => {
         o.classList.add(oT(void 0, sT[c]));
@@ -35494,10 +35495,10 @@ class BD extends ph {
     });
   }
 }
-function b4(s) {
+function y4(s) {
   return ch(s) && RD(s.value);
 }
-class y4 extends BD {
+class _4 extends BD {
   importState(l) {
     return Vi(l, (o) => super.importState(o), (o) => ({
       binding: o.required.object({
@@ -35506,28 +35507,28 @@ class y4 extends BD {
     }), (o) => (this.value.binding.inject(o.binding.value), this.value.fetch(), !0));
   }
 }
-function _4(s) {
-  return ch(s) && i4(s.value);
+function S4(s) {
+  return ch(s) && o4(s.value);
 }
 function jD(s, l) {
   for (; s.length < l; )
     s.push(void 0);
 }
-function S4(s) {
+function w4(s) {
   const l = [];
   return jD(l, s), l;
 }
-function w4(s) {
+function E4(s) {
   const l = s.indexOf(void 0);
   return l < 0 ? s : s.slice(0, l);
 }
-function E4(s, l) {
-  const o = [...w4(s), l];
+function C4(s, l) {
+  const o = [...E4(s), l];
   return o.length > s.length ? o.splice(0, o.length - s.length) : jD(o, s.length), o;
 }
-class C4 {
+class x4 {
   constructor(l) {
-    this.emitter = new pa(), this.onTick_ = this.onTick_.bind(this), this.onValueBeforeChange_ = this.onValueBeforeChange_.bind(this), this.onValueChange_ = this.onValueChange_.bind(this), this.binding = l.binding, this.value_ = Sn(S4(l.bufferSize)), this.value_.emitter.on("beforechange", this.onValueBeforeChange_), this.value_.emitter.on("change", this.onValueChange_), this.ticker = l.ticker, this.ticker.emitter.on("tick", this.onTick_), this.fetch();
+    this.emitter = new pa(), this.onTick_ = this.onTick_.bind(this), this.onValueBeforeChange_ = this.onValueBeforeChange_.bind(this), this.onValueChange_ = this.onValueChange_.bind(this), this.binding = l.binding, this.value_ = Sn(w4(l.bufferSize)), this.value_.emitter.on("beforechange", this.onValueBeforeChange_), this.value_.emitter.on("change", this.onValueChange_), this.ticker = l.ticker, this.ticker.emitter.on("tick", this.onTick_), this.fetch();
   }
   get rawValue() {
     return this.value_.rawValue;
@@ -35539,7 +35540,7 @@ class C4 {
     this.value_.setRawValue(l, o);
   }
   fetch() {
-    this.value_.rawValue = E4(this.value_.rawValue, this.binding.read());
+    this.value_.rawValue = C4(this.value_.rawValue, this.binding.read());
   }
   onTick_() {
     this.fetch();
@@ -35551,13 +35552,13 @@ class C4 {
     this.emitter.emit("change", Object.assign(Object.assign({}, l), { sender: this }));
   }
 }
-function x4(s) {
+function T4(s) {
   if (!("binding" in s))
     return !1;
   const l = s.binding;
   return d2(l) && "read" in l && !("write" in l);
 }
-class T4 extends BD {
+class D4 extends BD {
   exportState() {
     return Gi(() => super.exportState(), {
       binding: {
@@ -35566,10 +35567,10 @@ class T4 extends BD {
     });
   }
 }
-function D4(s) {
-  return ch(s) && x4(s.value);
+function z4(s) {
+  return ch(s) && T4(s.value);
 }
-class z4 extends gh {
+class M4 extends gh {
   get label() {
     return this.controller.labelController.props.get("label");
   }
@@ -35586,19 +35587,19 @@ class z4 extends gh {
   on(l, o) {
     const c = o.bind(this);
     return this.controller.buttonController.emitter.on(l, (b) => {
-      c(new a4(this, b.nativeEvent));
+      c(new l4(this, b.nativeEvent));
     }), this;
   }
   off(l, o) {
     return this.controller.buttonController.emitter.off(l, o), this;
   }
 }
-function M4(s, l, o) {
+function A4(s, l, o) {
   o ? s.classList.add(l) : s.classList.remove(l);
 }
 function iv(s, l) {
   return (o) => {
-    M4(s, l, o);
+    A4(s, l, o);
   };
 }
 function b2(s, l) {
@@ -35607,7 +35608,7 @@ function b2(s, l) {
   });
 }
 const Nw = Re("btn");
-class A4 {
+class R4 {
   constructor(l, o) {
     this.element = l.createElement("div"), this.element.classList.add(Nw()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("button");
@@ -35616,9 +35617,9 @@ class A4 {
     p.classList.add(Nw("t")), b2(o.props.value("title"), p), this.buttonElement.appendChild(p);
   }
 }
-class R4 {
+class O4 {
   constructor(l, o) {
-    this.emitter = new pa(), this.onClick_ = this.onClick_.bind(this), this.props = o.props, this.viewProps = o.viewProps, this.view = new A4(l, {
+    this.emitter = new pa(), this.onClick_ = this.onClick_.bind(this), this.props = o.props, this.viewProps = o.viewProps, this.view = new R4(l, {
       props: this.props,
       viewProps: this.viewProps
     }), this.view.buttonElement.addEventListener("click", this.onClick_);
@@ -35642,7 +35643,7 @@ class R4 {
 }
 class uT extends k_ {
   constructor(l, o) {
-    const c = new R4(l, {
+    const c = new O4(l, {
       props: o.buttonProps,
       viewProps: o.viewProps
     }), p = new HD(l, {
@@ -35677,7 +35678,7 @@ const ov = new VD("2.0.5");
 function jl(s) {
   return Object.assign({ core: ov }, s);
 }
-const O4 = jl({
+const U4 = jl({
   id: "button",
   type: "blade",
   accept(s) {
@@ -35701,27 +35702,27 @@ const O4 = jl({
     });
   },
   api(s) {
-    return s.controller instanceof uT ? new z4(s.controller) : null;
+    return s.controller instanceof uT ? new M4(s.controller) : null;
   }
 });
-function U4(s, l) {
+function N4(s, l) {
   return s.addBlade(Object.assign(Object.assign({}, l), { view: "button" }));
 }
-function N4(s, l) {
+function L4(s, l) {
   return s.addBlade(Object.assign(Object.assign({}, l), { view: "folder" }));
 }
-function L4(s, l) {
+function H4(s, l) {
   return s.addBlade(Object.assign(Object.assign({}, l), { view: "tab" }));
 }
-function H4(s) {
+function B4(s) {
   return f2(s) ? "refresh" in s && typeof s.refresh == "function" : !1;
 }
-function B4(s, l) {
+function j4(s, l) {
   if (!O_.isBindable(s))
     throw Hn.notBindable();
   return new O_(s, l);
 }
-class j4 {
+class V4 {
   constructor(l, o) {
     this.onRackValueChange_ = this.onRackValueChange_.bind(this), this.controller_ = l, this.emitter_ = new pa(), this.pool_ = o, this.controller_.rack.emitter.on("valuechange", this.onRackValueChange_);
   }
@@ -35729,17 +35730,17 @@ class j4 {
     return this.controller_.rack.children.map((l) => this.pool_.createApi(l));
   }
   addBinding(l, o, c) {
-    const p = c ?? {}, b = this.controller_.element.ownerDocument, S = this.pool_.createBinding(b, B4(l, o), p), _ = this.pool_.createBindingApi(S);
+    const p = c ?? {}, b = this.controller_.element.ownerDocument, S = this.pool_.createBinding(b, j4(l, o), p), _ = this.pool_.createBindingApi(S);
     return this.add(_, p.index);
   }
   addFolder(l) {
-    return N4(this, l);
+    return L4(this, l);
   }
   addButton(l) {
-    return U4(this, l);
+    return N4(this, l);
   }
   addTab(l) {
-    return L4(this, l);
+    return H4(this, l);
   }
   add(l, o) {
     const c = l.controller;
@@ -35765,7 +35766,7 @@ class j4 {
   }
   refresh() {
     this.children.forEach((l) => {
-      H4(l) && l.refresh();
+      B4(l) && l.refresh();
     });
   }
   onRackValueChange_(l) {
@@ -35775,7 +35776,7 @@ class j4 {
 }
 class y2 extends gh {
   constructor(l, o) {
-    super(l), this.rackApi_ = new j4(l.rackController, o);
+    super(l), this.rackApi_ = new V4(l.rackController, o);
   }
   refresh() {
     this.rackApi_.refresh();
@@ -35803,7 +35804,7 @@ class _2 extends k_ {
 function Fw(s) {
   return "rackController" in s;
 }
-class V4 {
+class G4 {
   constructor(l) {
     this.emitter = new pa(), this.items_ = [], this.cache_ = /* @__PURE__ */ new Set(), this.onSubListAdd_ = this.onSubListAdd_.bind(this), this.onSubListRemove_ = this.onSubListRemove_.bind(this), this.extract_ = l;
   }
@@ -35869,7 +35870,7 @@ class V4 {
     });
   }
 }
-function G4(s, l) {
+function q4(s, l) {
   for (let o = 0; o < s.length; o++) {
     const c = s[o];
     if (ch(c) && c.value === l)
@@ -35877,13 +35878,13 @@ function G4(s, l) {
   }
   return null;
 }
-function q4(s) {
+function k4(s) {
   return Fw(s) ? s.rackController.rack.bcSet_ : null;
 }
-class k4 {
+class Y4 {
   constructor(l) {
     var o, c;
-    this.emitter = new pa(), this.onBladePositionsChange_ = this.onBladePositionsChange_.bind(this), this.onSetAdd_ = this.onSetAdd_.bind(this), this.onSetRemove_ = this.onSetRemove_.bind(this), this.onChildDispose_ = this.onChildDispose_.bind(this), this.onChildPositionsChange_ = this.onChildPositionsChange_.bind(this), this.onChildValueChange_ = this.onChildValueChange_.bind(this), this.onChildViewPropsChange_ = this.onChildViewPropsChange_.bind(this), this.onRackLayout_ = this.onRackLayout_.bind(this), this.onRackValueChange_ = this.onRackValueChange_.bind(this), this.blade_ = (o = l.blade) !== null && o !== void 0 ? o : null, (c = this.blade_) === null || c === void 0 || c.value("positions").emitter.on("change", this.onBladePositionsChange_), this.viewProps = l.viewProps, this.bcSet_ = new V4(q4), this.bcSet_.emitter.on("add", this.onSetAdd_), this.bcSet_.emitter.on("remove", this.onSetRemove_);
+    this.emitter = new pa(), this.onBladePositionsChange_ = this.onBladePositionsChange_.bind(this), this.onSetAdd_ = this.onSetAdd_.bind(this), this.onSetRemove_ = this.onSetRemove_.bind(this), this.onChildDispose_ = this.onChildDispose_.bind(this), this.onChildPositionsChange_ = this.onChildPositionsChange_.bind(this), this.onChildValueChange_ = this.onChildValueChange_.bind(this), this.onChildViewPropsChange_ = this.onChildViewPropsChange_.bind(this), this.onRackLayout_ = this.onRackLayout_.bind(this), this.onRackValueChange_ = this.onRackValueChange_.bind(this), this.blade_ = (o = l.blade) !== null && o !== void 0 ? o : null, (c = this.blade_) === null || c === void 0 || c.value("positions").emitter.on("change", this.onBladePositionsChange_), this.viewProps = l.viewProps, this.bcSet_ = new G4(k4), this.bcSet_.emitter.on("add", this.onSetAdd_), this.bcSet_.emitter.on("remove", this.onSetRemove_);
   }
   get children() {
     return this.bcSet_.items;
@@ -35962,7 +35963,7 @@ class k4 {
     });
   }
   onChildValueChange_(l) {
-    const o = G4(this.find(ch), l.sender);
+    const o = q4(this.find(ch), l.sender);
     if (!o)
       throw Hn.alreadyDisposed();
     this.emitter.emit("valuechange", {
@@ -35990,7 +35991,7 @@ class k4 {
 class S2 {
   constructor(l) {
     this.onRackAdd_ = this.onRackAdd_.bind(this), this.onRackRemove_ = this.onRackRemove_.bind(this), this.element = l.element, this.viewProps = l.viewProps;
-    const o = new k4({
+    const o = new Y4({
       blade: l.root ? void 0 : l.blade,
       viewProps: l.viewProps
     });
@@ -36009,7 +36010,7 @@ class S2 {
 function sv() {
   return new he({
     positions: Sn([], {
-      equals: y3
+      equals: _3
     })
   });
 }
@@ -36047,9 +36048,9 @@ class U0 extends he {
     this.set("shouldFixHeight", !1), this.set("expandedHeight", null), this.set("completed", !0);
   }
 }
-function Y4(s, l) {
+function X4(s, l) {
   let o = 0;
-  return u4(l, () => {
+  return c4(l, () => {
     s.set("expandedHeight", null), s.set("temporaryExpanded", !0), U_(l), o = l.clientHeight, s.set("temporaryExpanded", null), U_(l);
   }), o;
 }
@@ -36059,7 +36060,7 @@ function cT(s, l) {
 function w2(s, l) {
   s.value("expanded").emitter.on("beforechange", () => {
     if (s.set("completed", !1), cn(s.get("expandedHeight"))) {
-      const o = Y4(s, l);
+      const o = X4(s, l);
       o > 0 && s.set("expandedHeight", o);
     }
     s.set("shouldFixHeight", !0), U_(l);
@@ -36072,7 +36073,7 @@ function w2(s, l) {
 class GD extends y2 {
   constructor(l, o) {
     super(l, o), this.emitter_ = new pa(), this.controller.foldable.value("expanded").emitter.on("change", (c) => {
-      this.emitter_.emit("fold", new e4(this, c.sender.rawValue));
+      this.emitter_.emit("fold", new n4(this, c.sender.rawValue));
     }), this.rackApi_.on("change", (c) => {
       this.emitter_.emit("change", c);
     });
@@ -36126,7 +36127,7 @@ class GD extends y2 {
   }
 }
 const qD = Re("cnt");
-class X4 {
+class P4 {
   constructor(l, o) {
     var c;
     this.className_ = Re((c = o.viewName) !== null && c !== void 0 ? c : "fld"), this.element = l.createElement("div"), this.element.classList.add(this.className_(), qD()), o.viewProps.bindClassModifiers(this.element), this.foldable_ = o.foldable, this.foldable_.bindExpandedClass(this.element, this.className_(void 0, "expanded")), sr(this.foldable_, "completed", iv(this.element, this.className_(void 0, "cpl")));
@@ -36147,7 +36148,7 @@ class X4 {
 class Iw extends _2 {
   constructor(l, o) {
     var c;
-    const p = U0.create((c = o.expanded) !== null && c !== void 0 ? c : !0), b = new X4(l, {
+    const p = U0.create((c = o.expanded) !== null && c !== void 0 ? c : !0), b = new P4(l, {
       foldable: p,
       props: o.props,
       viewName: o.root ? "rot" : void 0,
@@ -36183,7 +36184,7 @@ class Iw extends _2 {
     this.foldable.set("expanded", !this.foldable.get("expanded"));
   }
 }
-const P4 = jl({
+const Q4 = jl({
   id: "folder",
   type: "blade",
   accept(s) {
@@ -36207,14 +36208,14 @@ const P4 = jl({
   api(s) {
     return s.controller instanceof Iw ? new GD(s.controller, s.pool) : null;
   }
-}), Q4 = Re("");
+}), Z4 = Re("");
 function fT(s, l) {
-  return iv(s, Q4(void 0, l));
+  return iv(s, Z4(void 0, l));
 }
 class Tu extends he {
   constructor(l) {
     var o;
-    super(l), this.onDisabledChange_ = this.onDisabledChange_.bind(this), this.onParentChange_ = this.onParentChange_.bind(this), this.onParentGlobalDisabledChange_ = this.onParentGlobalDisabledChange_.bind(this), [this.globalDisabled_, this.setGlobalDisabled_] = C3(Sn(this.getGlobalDisabled_())), this.value("disabled").emitter.on("change", this.onDisabledChange_), this.value("parent").emitter.on("change", this.onParentChange_), (o = this.get("parent")) === null || o === void 0 || o.globalDisabled.emitter.on("change", this.onParentGlobalDisabledChange_);
+    super(l), this.onDisabledChange_ = this.onDisabledChange_.bind(this), this.onParentChange_ = this.onParentChange_.bind(this), this.onParentGlobalDisabledChange_ = this.onParentGlobalDisabledChange_.bind(this), [this.globalDisabled_, this.setGlobalDisabled_] = x3(Sn(this.getGlobalDisabled_())), this.value("disabled").emitter.on("change", this.onDisabledChange_), this.value("parent").emitter.on("change", this.onParentChange_), (o = this.get("parent")) === null || o === void 0 || o.globalDisabled.emitter.on("change", this.onParentGlobalDisabledChange_);
   }
   static create(l) {
     var o, c, p;
@@ -36276,7 +36277,7 @@ class Tu extends he {
   }
 }
 const dT = Re("tbp");
-class Z4 {
+class K4 {
   constructor(l, o) {
     this.element = l.createElement("div"), this.element.classList.add(dT()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("div");
@@ -36284,7 +36285,7 @@ class Z4 {
   }
 }
 const h0 = Re("tbi");
-class K4 {
+class J4 {
   constructor(l, o) {
     this.element = l.createElement("div"), this.element.classList.add(h0()), o.viewProps.bindClassModifiers(this.element), sr(o.props, "selected", (b) => {
       b ? this.element.classList.add(h0(void 0, "sel")) : this.element.classList.remove(h0(void 0, "sel"));
@@ -36295,9 +36296,9 @@ class K4 {
     p.classList.add(h0("t")), b2(o.props.value("title"), p), this.buttonElement.appendChild(p), this.titleElement = p;
   }
 }
-class J4 {
+class $4 {
   constructor(l, o) {
-    this.emitter = new pa(), this.onClick_ = this.onClick_.bind(this), this.props = o.props, this.viewProps = o.viewProps, this.view = new K4(l, {
+    this.emitter = new pa(), this.onClick_ = this.onClick_.bind(this), this.props = o.props, this.viewProps = o.viewProps, this.view = new J4(l, {
       props: o.props,
       viewProps: o.viewProps
     }), this.view.buttonElement.addEventListener("click", this.onClick_);
@@ -36310,14 +36311,14 @@ class J4 {
 }
 class t2 extends _2 {
   constructor(l, o) {
-    const c = new Z4(l, {
+    const c = new K4(l, {
       viewProps: o.viewProps
     });
     super(Object.assign(Object.assign({}, o), { rackController: new S2({
       blade: o.blade,
       element: c.containerElement,
       viewProps: o.viewProps
-    }), view: c })), this.onItemClick_ = this.onItemClick_.bind(this), this.ic_ = new J4(l, {
+    }), view: c })), this.onItemClick_ = this.onItemClick_.bind(this), this.ic_ = new $4(l, {
       props: o.itemProps,
       viewProps: Tu.create()
     }), this.ic_.emitter.on("click", this.onItemClick_), this.props = o.props, sr(this.props, "selected", (p) => {
@@ -36343,7 +36344,7 @@ class t2 extends _2 {
     this.props.set("selected", !0);
   }
 }
-class $4 extends y2 {
+class W4 extends y2 {
   constructor(l, o) {
     super(l, o), this.emitter_ = new pa(), this.onSelect_ = this.onSelect_.bind(this), this.pool_ = o, this.rackApi_.on("change", (c) => {
       this.emitter_.emit("change", c);
@@ -36381,10 +36382,10 @@ class $4 extends y2 {
     return this.emitter_.off(l, o), this;
   }
   onSelect_(l) {
-    this.emitter_.emit("select", new n4(this, l.rawValue));
+    this.emitter_.emit("select", new a4(this, l.rawValue));
   }
 }
-class W4 extends y2 {
+class F4 extends y2 {
   get title() {
     var l;
     return (l = this.controller.itemController.props.get("title")) !== null && l !== void 0 ? l : "";
@@ -36424,7 +36425,7 @@ class W4 extends y2 {
   }
 }
 const hT = -1;
-class F4 {
+class I4 {
   constructor() {
     this.onItemSelectedChange_ = this.onItemSelectedChange_.bind(this), this.empty = Sn(!0), this.selectedIndex = Sn(hT), this.items_ = [];
   }
@@ -36459,7 +36460,7 @@ class F4 {
   }
 }
 const p0 = Re("tab");
-class I4 {
+class t5 {
   constructor(l, o) {
     this.element = l.createElement("div"), this.element.classList.add(p0(), qD()), o.viewProps.bindClassModifiers(this.element), wu(o.empty, iv(this.element, p0(void 0, "nop")));
     const c = l.createElement("div");
@@ -36472,7 +36473,7 @@ class I4 {
 }
 class pT extends _2 {
   constructor(l, o) {
-    const c = new F4(), p = new I4(l, {
+    const c = new I4(), p = new t5(l, {
       empty: c.empty,
       viewProps: o.viewProps
     });
@@ -36538,10 +36539,10 @@ const kD = jl({
     }), l;
   },
   api(s) {
-    return s.controller instanceof pT ? new $4(s.controller, s.pool) : s.controller instanceof t2 ? new W4(s.controller, s.pool) : null;
+    return s.controller instanceof pT ? new W4(s.controller, s.pool) : s.controller instanceof t2 ? new F4(s.controller, s.pool) : null;
   }
 });
-function t5(s, l) {
+function e5(s, l) {
   const o = s.accept(l.params);
   if (!o)
     return null;
@@ -36567,7 +36568,7 @@ class E2 extends T0 {
     this.controller.valueController.props.set("options", l);
   }
 }
-class e5 {
+class n5 {
   constructor() {
     this.disabled = !1, this.emitter = new pa();
   }
@@ -36579,7 +36580,7 @@ class e5 {
     });
   }
 }
-class n5 {
+class a5 {
   constructor(l, o) {
     this.disabled_ = !1, this.timerId_ = null, this.onTick_ = this.onTick_.bind(this), this.doc_ = l, this.emitter = new pa(), this.interval_ = o, this.setTimer_();
   }
@@ -36664,7 +36665,7 @@ function x2(s) {
   return cn(s) ? null : new L0(C2(s));
 }
 const Lw = Re("lst");
-class a5 {
+class l5 {
   constructor(l, o) {
     this.onValueChange_ = this.onValueChange_.bind(this), this.props_ = o.props, this.element = l.createElement("div"), this.element.classList.add(Lw()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("select");
@@ -36687,7 +36688,7 @@ class a5 {
 }
 class yf {
   constructor(l, o) {
-    this.onSelectChange_ = this.onSelectChange_.bind(this), this.props = o.props, this.value = o.value, this.viewProps = o.viewProps, this.view = new a5(l, {
+    this.onSelectChange_ = this.onSelectChange_.bind(this), this.props = o.props, this.value = o.value, this.viewProps = o.viewProps, this.view = new l5(l, {
       props: this.props,
       value: this.value,
       viewProps: this.viewProps
@@ -36709,21 +36710,21 @@ class yf {
   }
 }
 const mT = Re("pop");
-class l5 {
+class i5 {
   constructor(l, o) {
     this.element = l.createElement("div"), this.element.classList.add(mT()), o.viewProps.bindClassModifiers(this.element), wu(o.shows, iv(this.element, mT(void 0, "v")));
   }
 }
 class YD {
   constructor(l, o) {
-    this.shows = Sn(!1), this.viewProps = o.viewProps, this.view = new l5(l, {
+    this.shows = Sn(!1), this.viewProps = o.viewProps, this.view = new i5(l, {
       shows: this.shows,
       viewProps: this.viewProps
     });
   }
 }
 const vT = Re("txt");
-class i5 {
+class o5 {
   constructor(l, o) {
     this.onChange_ = this.onChange_.bind(this), this.element = l.createElement("div"), this.element.classList.add(vT()), o.viewProps.bindClassModifiers(this.element), this.props_ = o.props, this.props_.emitter.on("change", this.onChange_);
     const c = l.createElement("input");
@@ -36739,7 +36740,7 @@ class i5 {
 }
 class D0 {
   constructor(l, o) {
-    this.onInputChange_ = this.onInputChange_.bind(this), this.parser_ = o.parser, this.props = o.props, this.value = o.value, this.viewProps = o.viewProps, this.view = new i5(l, {
+    this.onInputChange_ = this.onInputChange_.bind(this), this.parser_ = o.parser, this.props = o.props, this.value = o.value, this.viewProps = o.viewProps, this.view = new o5(l, {
       props: o.props,
       value: this.value,
       viewProps: this.viewProps
@@ -36750,21 +36751,21 @@ class D0 {
     cn(p) || (this.value.rawValue = p), this.view.refresh();
   }
 }
-function o5(s) {
+function s5(s) {
   return String(s);
 }
 function XD(s) {
   return s === "false" ? !1 : !!s;
 }
 function gT(s) {
-  return o5(s);
+  return s5(s);
 }
-function s5(s) {
+function r5(s) {
   return (l) => s.reduce((o, c) => o !== null ? o : c(l), null);
 }
-const r5 = oi(0);
+const u5 = oi(0);
 function L_(s) {
-  return r5(s) + "%";
+  return u5(s) + "%";
 }
 function PD(s) {
   return String(s);
@@ -36814,11 +36815,11 @@ function xu(s) {
     upKey: s.key === "ArrowRight"
   };
 }
-function u5(s) {
+function c5(s) {
   return s === "ArrowUp" || s === "ArrowDown";
 }
 function QD(s) {
-  return u5(s) || s === "ArrowLeft" || s === "ArrowRight";
+  return c5(s) || s === "ArrowLeft" || s === "ArrowRight";
 }
 function Hw(s, l) {
   var o, c;
@@ -36917,7 +36918,7 @@ class bh {
   }
 }
 const Oo = Re("txt");
-class c5 {
+class f5 {
   constructor(l, o) {
     this.onChange_ = this.onChange_.bind(this), this.props_ = o.props, this.props_.emitter.on("change", this.onChange_), this.element = l.createElement("div"), this.element.classList.add(Oo(), Oo(void 0, "num")), o.arrayPosition && this.element.classList.add(Oo(void 0, o.arrayPosition)), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("input");
@@ -36955,7 +36956,7 @@ class c5 {
 class B0 {
   constructor(l, o) {
     var c;
-    this.originRawValue_ = 0, this.onInputChange_ = this.onInputChange_.bind(this), this.onInputKeyDown_ = this.onInputKeyDown_.bind(this), this.onInputKeyUp_ = this.onInputKeyUp_.bind(this), this.onPointerDown_ = this.onPointerDown_.bind(this), this.onPointerMove_ = this.onPointerMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.parser_ = o.parser, this.props = o.props, this.sliderProps_ = (c = o.sliderProps) !== null && c !== void 0 ? c : null, this.value = o.value, this.viewProps = o.viewProps, this.dragging_ = Sn(null), this.view = new c5(l, {
+    this.originRawValue_ = 0, this.onInputChange_ = this.onInputChange_.bind(this), this.onInputKeyDown_ = this.onInputKeyDown_.bind(this), this.onInputKeyUp_ = this.onInputKeyUp_.bind(this), this.onPointerDown_ = this.onPointerDown_.bind(this), this.onPointerMove_ = this.onPointerMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.parser_ = o.parser, this.props = o.props, this.sliderProps_ = (c = o.sliderProps) !== null && c !== void 0 ? c : null, this.value = o.value, this.viewProps = o.viewProps, this.dragging_ = Sn(null), this.view = new f5(l, {
       arrayPosition: o.arrayPosition,
       dragging: this.dragging_,
       props: this.props,
@@ -37013,7 +37014,7 @@ class B0 {
   }
 }
 const Bw = Re("sld");
-class f5 {
+class d5 {
   constructor(l, o) {
     this.onChange_ = this.onChange_.bind(this), this.props_ = o.props, this.props_.emitter.on("change", this.onChange_), this.element = l.createElement("div"), this.element.classList.add(Bw()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("div");
@@ -37029,9 +37030,9 @@ class f5 {
     this.update_();
   }
 }
-class d5 {
+class h5 {
   constructor(l, o) {
-    this.onKeyDown_ = this.onKeyDown_.bind(this), this.onKeyUp_ = this.onKeyUp_.bind(this), this.onPointerDownOrMove_ = this.onPointerDownOrMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.value = o.value, this.viewProps = o.viewProps, this.props = o.props, this.view = new f5(l, {
+    this.onKeyDown_ = this.onKeyDown_.bind(this), this.onKeyUp_ = this.onKeyUp_.bind(this), this.onPointerDownOrMove_ = this.onPointerDownOrMove_.bind(this), this.onPointerUp_ = this.onPointerUp_.bind(this), this.value = o.value, this.viewProps = o.viewProps, this.props = o.props, this.view = new d5(l, {
       props: this.props,
       value: this.value,
       viewProps: this.viewProps
@@ -37067,7 +37068,7 @@ class d5 {
   }
 }
 const jw = Re("sldtxt");
-class h5 {
+class p5 {
   constructor(l, o) {
     this.element = l.createElement("div"), this.element.classList.add(jw());
     const c = l.createElement("div");
@@ -37078,7 +37079,7 @@ class h5 {
 }
 class H_ {
   constructor(l, o) {
-    this.value = o.value, this.viewProps = o.viewProps, this.sliderC_ = new d5(l, {
+    this.value = o.value, this.viewProps = o.viewProps, this.sliderC_ = new h5(l, {
       props: o.sliderProps,
       value: o.value,
       viewProps: this.viewProps
@@ -37088,7 +37089,7 @@ class H_ {
       sliderProps: o.sliderProps,
       value: o.value,
       viewProps: o.viewProps
-    }), this.view = new h5(l, {
+    }), this.view = new p5(l, {
       sliderView: this.sliderC_.view,
       textView: this.textC_.view
     });
@@ -37130,11 +37131,11 @@ function ZD(s) {
     })
   };
 }
-const p5 = {
+const m5 = {
   containerUnitSize: "cnt-usz"
 };
 function KD(s) {
-  return `--${p5[s]}`;
+  return `--${m5[s]}`;
 }
 function M0(s) {
   return AD(s);
@@ -37151,7 +37152,7 @@ function Su(s, l) {
   const p = zD(s);
   return p && o.push(p), new N0(o);
 }
-function m5(s) {
+function v5(s) {
   return s ? s.major === ov.major : !1;
 }
 function JD(s) {
@@ -37162,7 +37163,7 @@ function j0(s, l) {
   s.write(l);
 }
 const z_ = Re("ckb");
-class v5 {
+class g5 {
   constructor(l, o) {
     this.onValueChange_ = this.onValueChange_.bind(this), this.element = l.createElement("div"), this.element.classList.add(z_()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("label");
@@ -37181,9 +37182,9 @@ class v5 {
     this.update_();
   }
 }
-class g5 {
+class b5 {
   constructor(l, o) {
-    this.onInputChange_ = this.onInputChange_.bind(this), this.onLabelMouseDown_ = this.onLabelMouseDown_.bind(this), this.value = o.value, this.viewProps = o.viewProps, this.view = new v5(l, {
+    this.onInputChange_ = this.onInputChange_.bind(this), this.onLabelMouseDown_ = this.onLabelMouseDown_.bind(this), this.value = o.value, this.viewProps = o.viewProps, this.view = new g5(l, {
       value: this.value,
       viewProps: this.viewProps
     }), this.view.inputElement.addEventListener("change", this.onInputChange_), this.view.labelElement.addEventListener("mousedown", this.onLabelMouseDown_);
@@ -37196,11 +37197,11 @@ class g5 {
     l.preventDefault();
   }
 }
-function b5(s) {
+function y5(s) {
   const l = [], o = x2(s.options);
   return o && l.push(o), new N0(l);
 }
-const y5 = jl({
+const _5 = jl({
   id: "input-bool",
   type: "input",
   accept: (s, l) => {
@@ -37217,7 +37218,7 @@ const y5 = jl({
   },
   binding: {
     reader: (s) => XD,
-    constraint: (s) => b5(s.params),
+    constraint: (s) => y5(s.params),
     writer: (s) => j0
   },
   controller: (s) => {
@@ -37228,7 +37229,7 @@ const y5 = jl({
       }),
       value: o,
       viewProps: s.viewProps
-    }) : new g5(l, {
+    }) : new b5(l, {
       value: o,
       viewProps: s.viewProps
     });
@@ -37237,7 +37238,7 @@ const y5 = jl({
     return typeof s.controller.value.rawValue != "boolean" ? null : s.controller.valueController instanceof yf ? new E2(s.controller) : null;
   }
 }), sh = Re("col");
-class _5 {
+class S5 {
   constructor(l, o) {
     this.element = l.createElement("div"), this.element.classList.add(sh()), o.foldable.bindExpandedClass(this.element, sh(void 0, "expanded")), sr(o.foldable, "completed", iv(this.element, sh(void 0, "cpl")));
     const c = l.createElement("div");
@@ -37252,18 +37253,18 @@ class _5 {
       this.pickerElement = null;
   }
 }
-function S5(s, l, o) {
+function w5(s, l, o) {
   const c = Ea(s / 255, 0, 1), p = Ea(l / 255, 0, 1), b = Ea(o / 255, 0, 1), S = Math.max(c, p, b), _ = Math.min(c, p, b), C = S - _;
   let x = 0, D = 0;
   const M = (_ + S) / 2;
   return C !== 0 && (D = C / (1 - Math.abs(S + _ - 1)), c === S ? x = (p - b) / C : p === S ? x = 2 + (b - c) / C : x = 4 + (c - p) / C, x = x / 6 + (x < 0 ? 1 : 0)), [x * 360, D * 100, M * 100];
 }
-function w5(s, l, o) {
+function E5(s, l, o) {
   const c = (s % 360 + 360) % 360, p = Ea(l / 100, 0, 1), b = Ea(o / 100, 0, 1), S = (1 - Math.abs(2 * b - 1)) * p, _ = S * (1 - Math.abs(c / 60 % 2 - 1)), C = b - S / 2;
   let x, D, M;
   return c >= 0 && c < 60 ? [x, D, M] = [S, _, 0] : c >= 60 && c < 120 ? [x, D, M] = [_, S, 0] : c >= 120 && c < 180 ? [x, D, M] = [0, S, _] : c >= 180 && c < 240 ? [x, D, M] = [0, _, S] : c >= 240 && c < 300 ? [x, D, M] = [_, 0, S] : [x, D, M] = [S, 0, _], [(x + C) * 255, (D + C) * 255, (M + C) * 255];
 }
-function E5(s, l, o) {
+function C5(s, l, o) {
   const c = Ea(s / 255, 0, 1), p = Ea(l / 255, 0, 1), b = Ea(o / 255, 0, 1), S = Math.max(c, p, b), _ = Math.min(c, p, b), C = S - _;
   let x;
   C === 0 ? x = 0 : S === c ? x = 60 * (((p - b) / C % 6 + 6) % 6) : S === p ? x = 60 * ((b - c) / C + 2) : x = 60 * ((c - p) / C + 4);
@@ -37275,7 +37276,7 @@ function $D(s, l, o) {
   let x, D, M;
   return c >= 0 && c < 60 ? [x, D, M] = [S, _, 0] : c >= 60 && c < 120 ? [x, D, M] = [_, S, 0] : c >= 120 && c < 180 ? [x, D, M] = [0, S, _] : c >= 180 && c < 240 ? [x, D, M] = [0, _, S] : c >= 240 && c < 300 ? [x, D, M] = [_, 0, S] : [x, D, M] = [S, 0, _], [(x + C) * 255, (D + C) * 255, (M + C) * 255];
 }
-function C5(s, l, o) {
+function x5(s, l, o) {
   const c = o + l * (100 - Math.abs(2 * o - 100)) / 200;
   return [
     s,
@@ -37283,7 +37284,7 @@ function C5(s, l, o) {
     o + l * (100 - Math.abs(2 * o - 100)) / 200
   ];
 }
-function x5(s, l, o) {
+function T5(s, l, o) {
   const c = 100 - Math.abs(o * (200 - l) / 100 - 100);
   return [s, c !== 0 ? l * o / c : 0, o * (200 - l) / 200];
 }
@@ -37293,20 +37294,20 @@ function rr(s) {
 function Y_(s, l) {
   return [s[0], s[1], s[2], l];
 }
-const T5 = {
+const D5 = {
   hsl: {
     hsl: (s, l, o) => [s, l, o],
-    hsv: C5,
-    rgb: w5
+    hsv: x5,
+    rgb: E5
   },
   hsv: {
-    hsl: x5,
+    hsl: T5,
     hsv: (s, l, o) => [s, l, o],
     rgb: $D
   },
   rgb: {
-    hsl: S5,
-    hsv: E5,
+    hsl: w5,
+    hsv: C5,
     rgb: (s, l, o) => [s, l, o]
   }
 };
@@ -37317,14 +37318,14 @@ function av(s, l) {
     l === "float" ? 1 : s === "rgb" ? 255 : 100
   ];
 }
-function D5(s, l) {
+function z5(s, l) {
   return s === l ? l : CD(s, l);
 }
 function WD(s, l, o) {
   var c;
   const p = av(l, o);
   return [
-    l === "rgb" ? Ea(s[0], 0, p[0]) : D5(s[0], p[0]),
+    l === "rgb" ? Ea(s[0], 0, p[0]) : z5(s[0], p[0]),
     Ea(s[1], 0, p[1]),
     Ea(s[2], 0, p[2]),
     Ea((c = s[3]) !== null && c !== void 0 ? c : 1, 0, 1)
@@ -37335,7 +37336,7 @@ function bT(s, l, o, c) {
   return s.map((S, _) => S / p[_] * b[_]);
 }
 function FD(s, l, o) {
-  const c = bT(s, l.mode, l.type, "int"), p = T5[l.mode][o.mode](...c);
+  const c = bT(s, l.mode, l.type, "int"), p = D5[l.mode][o.mode](...c);
   return bT(p, o.mode, "int", o.type);
 }
 class Be {
@@ -37359,7 +37360,7 @@ class Be {
   }
 }
 const uf = Re("colp");
-class z5 {
+class M5 {
   constructor(l, o) {
     this.alphaViews_ = null, this.element = l.createElement("div"), this.element.classList.add(uf()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("div");
@@ -37392,14 +37393,14 @@ class z5 {
     return this.alphaViews_ && l.push(this.alphaViews_.palette.element, this.alphaViews_.text.inputElement), l;
   }
 }
-function M5(s) {
+function A5(s) {
   return s === "int" ? "int" : s === "float" ? "float" : void 0;
 }
 function T2(s) {
   return Rn(s, (l) => ({
     color: l.optional.object({
       alpha: l.optional.boolean,
-      type: l.optional.custom(M5)
+      type: l.optional.custom(A5)
     }),
     expanded: l.optional.boolean,
     picker: l.optional.custom(JD),
@@ -37430,20 +37431,20 @@ class D2 {
     };
   }
 }
-const A5 = {
+const R5 = {
   int: (s, l) => new Be(s, l),
   float: (s, l) => new D2(s, l)
 };
 function z2(s, l, o) {
-  return A5[o](s, l);
+  return R5[o](s, l);
 }
-function R5(s) {
+function O5(s) {
   return s.type === "float";
 }
-function O5(s) {
+function U5(s) {
   return s.type === "int";
 }
-function U5(s) {
+function N5(s) {
   const l = s.getComponents(), o = av(s.mode, "int");
   return new Be([
     Math.round(Qe(l[0], 0, 1, 0, o[0])),
@@ -37452,7 +37453,7 @@ function U5(s) {
     l[3]
   ], s.mode);
 }
-function N5(s) {
+function L5(s) {
   const l = s.getComponents(), o = av(s.mode, "int");
   return new D2([
     Qe(l[0], 0, o[0], 0, 1),
@@ -37464,20 +37465,20 @@ function N5(s) {
 function Bl(s, l) {
   if (s.type === l)
     return s;
-  if (O5(s) && l === "float")
+  if (U5(s) && l === "float")
+    return L5(s);
+  if (O5(s) && l === "int")
     return N5(s);
-  if (R5(s) && l === "int")
-    return U5(s);
   throw Hn.shouldNeverHappen();
 }
-function L5(s, l) {
+function H5(s, l) {
   return s.alpha === l.alpha && s.mode === l.mode && s.notation === l.notation && s.type === l.type;
 }
 function Uo(s, l) {
   const o = s.match(/^(.+)%$/);
   return Math.min(o ? parseFloat(o[1]) * 0.01 * l : parseFloat(s), l);
 }
-const H5 = {
+const B5 = {
   deg: (s) => s,
   grad: (s) => s * 360 / 400,
   rad: (s) => s * 360 / (2 * Math.PI),
@@ -37488,7 +37489,7 @@ function tz(s) {
   if (!l)
     return parseFloat(s);
   const o = parseFloat(l[1]), c = l[2];
-  return H5[c](o);
+  return B5[c](o);
 }
 function ez(s) {
   const l = s.match(/^rgb\(\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*,\s*([0-9A-Fa-f.]+%?)\s*\)$/);
@@ -37501,7 +37502,7 @@ function ez(s) {
   ];
   return isNaN(o[0]) || isNaN(o[1]) || isNaN(o[2]) ? null : o;
 }
-function B5(s) {
+function j5(s) {
   const l = ez(s);
   return l ? new Be(l, "rgb") : null;
 }
@@ -37517,7 +37518,7 @@ function nz(s) {
   ];
   return isNaN(o[0]) || isNaN(o[1]) || isNaN(o[2]) || isNaN(o[3]) ? null : o;
 }
-function j5(s) {
+function V5(s) {
   const l = nz(s);
   return l ? new Be(l, "rgb") : null;
 }
@@ -37532,7 +37533,7 @@ function az(s) {
   ];
   return isNaN(o[0]) || isNaN(o[1]) || isNaN(o[2]) ? null : o;
 }
-function V5(s) {
+function G5(s) {
   const l = az(s);
   return l ? new Be(l, "hsl") : null;
 }
@@ -37548,7 +37549,7 @@ function lz(s) {
   ];
   return isNaN(o[0]) || isNaN(o[1]) || isNaN(o[2]) || isNaN(o[3]) ? null : o;
 }
-function G5(s) {
+function q5(s) {
   const l = lz(s);
   return l ? new Be(l, "hsl") : null;
 }
@@ -37567,7 +37568,7 @@ function iz(s) {
     parseInt(o[3], 16)
   ] : null;
 }
-function q5(s) {
+function k5(s) {
   const l = iz(s);
   return l ? new Be(l, "rgb") : null;
 }
@@ -37588,7 +37589,7 @@ function oz(s) {
     Qe(parseInt(o[4], 16), 0, 255, 0, 1)
   ] : null;
 }
-function k5(s) {
+function Y5(s) {
   const l = oz(s);
   return l ? new Be(l, "rgb") : null;
 }
@@ -37603,7 +37604,7 @@ function sz(s) {
   ];
   return isNaN(o[0]) || isNaN(o[1]) || isNaN(o[2]) ? null : o;
 }
-function Y5(s) {
+function X5(s) {
   return (l) => {
     const o = sz(l);
     return o ? z2(o, "rgb", s) : null;
@@ -37621,13 +37622,13 @@ function rz(s) {
   ];
   return isNaN(o[0]) || isNaN(o[1]) || isNaN(o[2]) || isNaN(o[3]) ? null : o;
 }
-function X5(s) {
+function P5(s) {
   return (l) => {
     const o = rz(l);
     return o ? z2(o, "rgb", s) : null;
   };
 }
-const P5 = [
+const Q5 = [
   {
     parser: iz,
     result: {
@@ -37693,30 +37694,30 @@ const P5 = [
     }
   }
 ];
-function Q5(s) {
-  return P5.reduce((l, { parser: o, result: c }) => l || (o(s) ? c : null), null);
+function Z5(s) {
+  return Q5.reduce((l, { parser: o, result: c }) => l || (o(s) ? c : null), null);
 }
-function Z5(s, l = "int") {
-  const o = Q5(s);
+function K5(s, l = "int") {
+  const o = Z5(s);
   return o ? o.notation === "hex" && l !== "float" ? Object.assign(Object.assign({}, o), { type: "int" }) : o.notation === "func" ? Object.assign(Object.assign({}, o), { type: l }) : null : null;
 }
 function V0(s) {
   const l = [
-    q5,
     k5,
-    B5,
+    Y5,
     j5,
     V5,
-    G5
+    G5,
+    q5
   ];
-  l.push(Y5("int"), X5("int"));
-  const o = s5(l);
+  l.push(X5("int"), P5("int"));
+  const o = r5(l);
   return (c) => {
     const p = o(c);
     return p ? Bl(p, s) : null;
   };
 }
-function K5(s) {
+function J5(s) {
   const l = V0("int");
   if (typeof s != "string")
     return Be.black();
@@ -37743,7 +37744,7 @@ function A_(s) {
   const l = oi(2), o = oi(0);
   return `rgba(${Bl(s, "int").getComponents("rgb").map((b, S) => (S === 3 ? l : o)(b)).join(", ")})`;
 }
-function J5(s) {
+function $5(s) {
   const l = [
     oi(0),
     L_,
@@ -37751,7 +37752,7 @@ function J5(s) {
   ], o = Bl(s, "int");
   return `hsl(${rr(o.getComponents("hsl")).map((p, b) => l[b](p)).join(", ")})`;
 }
-function $5(s) {
+function W5(s) {
   const l = [
     oi(0),
     L_,
@@ -37764,7 +37765,7 @@ function fz(s, l) {
   const o = oi(l === "float" ? 2 : 0), c = ["r", "g", "b"], p = Bl(s, l);
   return `{${rr(p.getComponents("rgb")).map((S, _) => `${c[_]}: ${o(S)}`).join(", ")}}`;
 }
-function W5(s) {
+function F5(s) {
   return (l) => fz(l, s);
 }
 function dz(s, l) {
@@ -37774,10 +37775,10 @@ function dz(s, l) {
     return `${p[C]}: ${x(_)}`;
   }).join(", ")}}`;
 }
-function F5(s) {
+function I5(s) {
   return (l) => dz(l, s);
 }
-const I5 = [
+const t6 = [
   {
     format: {
       alpha: !1,
@@ -37821,7 +37822,7 @@ const I5 = [
       notation: "func",
       type: "int"
     },
-    stringifier: J5
+    stringifier: $5
   },
   {
     format: {
@@ -37830,7 +37831,7 @@ const I5 = [
       notation: "func",
       type: "int"
     },
-    stringifier: $5
+    stringifier: W5
   },
   ...["int", "float"].reduce((s, l) => [
     ...s,
@@ -37841,7 +37842,7 @@ const I5 = [
         notation: "object",
         type: l
       },
-      stringifier: W5(l)
+      stringifier: F5(l)
     },
     {
       format: {
@@ -37850,15 +37851,15 @@ const I5 = [
         notation: "object",
         type: l
       },
-      stringifier: F5(l)
+      stringifier: I5(l)
     }
   ], [])
 ];
 function hz(s) {
-  return I5.reduce((l, o) => l || (L5(o.format, s) ? o.stringifier : null), null);
+  return t6.reduce((l, o) => l || (H5(o.format, s) ? o.stringifier : null), null);
 }
 const m0 = Re("apl");
-class t6 {
+class e6 {
   constructor(l, o) {
     this.onValueChange_ = this.onValueChange_.bind(this), this.value = o.value, this.value.emitter.on("change", this.onValueChange_), this.element = l.createElement("div"), this.element.classList.add(m0()), o.viewProps.bindClassModifiers(this.element), o.viewProps.bindTabIndex(this.element);
     const c = l.createElement("div");
@@ -37884,9 +37885,9 @@ class t6 {
     this.update_();
   }
 }
-class e6 {
+class n6 {
   constructor(l, o) {
-    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 = o.value, this.viewProps = o.viewProps, this.view = new t6(l, {
+    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 = o.value, this.viewProps = o.viewProps, this.view = new e6(l, {
       value: this.value,
       viewProps: this.viewProps
     }), this.ptHandler_ = new bh(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_);
@@ -37933,7 +37934,7 @@ class e6 {
   }
 }
 const Pm = Re("coltxt");
-function n6(s) {
+function a6(s) {
   const l = s.createElement("select"), o = [
     { text: "RGB", value: "rgb" },
     { text: "HSL", value: "hsl" },
@@ -37945,11 +37946,11 @@ function n6(s) {
     return b.textContent = p.text, b.value = p.value, c.appendChild(b), c;
   }, s.createDocumentFragment())), l;
 }
-class a6 {
+class l6 {
   constructor(l, o) {
     this.element = l.createElement("div"), this.element.classList.add(Pm()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("div");
-    c.classList.add(Pm("m")), this.modeElem_ = n6(l), this.modeElem_.classList.add(Pm("ms")), c.appendChild(this.modeSelectElement), o.viewProps.bindDisabled(this.modeElem_);
+    c.classList.add(Pm("m")), this.modeElem_ = a6(l), this.modeElem_.classList.add(Pm("ms")), c.appendChild(this.modeSelectElement), o.viewProps.bindDisabled(this.modeElem_);
     const p = l.createElement("div");
     p.classList.add(Pm("mm")), p.appendChild(q_(l, "dropdown")), c.appendChild(p), this.element.appendChild(c);
     const b = l.createElement("div");
@@ -37975,32 +37976,32 @@ class a6 {
     });
   }
 }
-function l6(s) {
+function i6(s) {
   return oi(s === "float" ? 2 : 0);
 }
-function i6(s, l, o) {
+function o6(s, l, o) {
   const c = av(s, l)[o];
   return new R0({
     min: 0,
     max: c
   });
 }
-function o6(s, l, o) {
+function s6(s, l, o) {
   return new B0(s, {
     arrayPosition: o === 0 ? "fst" : o === 2 ? "lst" : "mid",
     parser: l.parser,
     props: he.fromObject({
-      formatter: l6(l.colorType),
+      formatter: i6(l.colorType),
       keyScale: mh(!1),
       pointerScale: l.colorType === "float" ? 0.01 : 1
     }),
     value: Sn(0, {
-      constraint: i6(l.colorMode, l.colorType, o)
+      constraint: o6(l.colorMode, l.colorType, o)
     }),
     viewProps: l.viewProps
   });
 }
-function s6(s, l) {
+function r6(s, l) {
   const o = {
     colorMode: l.colorMode,
     colorType: l.colorType,
@@ -38008,7 +38009,7 @@ function s6(s, l) {
     viewProps: l.viewProps
   };
   return [0, 1, 2].map((c) => {
-    const p = o6(s, o, c);
+    const p = s6(s, o, c);
     return rv({
       primary: l.value,
       secondary: p.value,
@@ -38024,7 +38025,7 @@ function s6(s, l) {
     }), p;
   });
 }
-function r6(s, l) {
+function u6(s, l) {
   const o = new D0(s, {
     parser: V0("int"),
     props: he.fromObject({
@@ -38040,12 +38041,12 @@ function r6(s, l) {
     backward: (c, p) => new Be(Y_(rr(p.getComponents(c.mode)), c.getComponents()[3]), c.mode)
   }), [o];
 }
-function u6(s) {
+function c6(s) {
   return s !== "hex";
 }
-class c6 {
+class f6 {
   constructor(l, o) {
-    this.onModeSelectChange_ = this.onModeSelectChange_.bind(this), this.colorType_ = o.colorType, this.value = o.value, this.viewProps = o.viewProps, this.colorMode = Sn(this.value.rawValue.mode), this.ccs_ = this.createComponentControllers_(l), this.view = new a6(l, {
+    this.onModeSelectChange_ = this.onModeSelectChange_.bind(this), this.colorType_ = o.colorType, this.value = o.value, this.viewProps = o.viewProps, this.colorMode = Sn(this.value.rawValue.mode), this.ccs_ = this.createComponentControllers_(l), this.view = new l6(l, {
       mode: this.colorMode,
       inputViews: [this.ccs_[0].view, this.ccs_[1].view, this.ccs_[2].view],
       viewProps: this.viewProps
@@ -38053,12 +38054,12 @@ class c6 {
   }
   createComponentControllers_(l) {
     const o = this.colorMode.rawValue;
-    return u6(o) ? s6(l, {
+    return c6(o) ? r6(l, {
       colorMode: o,
       colorType: this.colorType_,
       value: this.value,
       viewProps: this.viewProps
-    }) : r6(l, {
+    }) : u6(l, {
       value: this.value,
       viewProps: this.viewProps
     });
@@ -38069,7 +38070,7 @@ class c6 {
   }
 }
 const Vw = Re("hpl");
-class f6 {
+class d6 {
   constructor(l, o) {
     this.onValueChange_ = this.onValueChange_.bind(this), this.value = o.value, this.value.emitter.on("change", this.onValueChange_), this.element = l.createElement("div"), this.element.classList.add(Vw()), o.viewProps.bindClassModifiers(this.element), o.viewProps.bindTabIndex(this.element);
     const c = l.createElement("div");
@@ -38087,9 +38088,9 @@ class f6 {
     this.update_();
   }
 }
-class d6 {
+class h6 {
   constructor(l, o) {
-    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 = o.value, this.viewProps = o.viewProps, this.view = new f6(l, {
+    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 = o.value, this.viewProps = o.viewProps, this.view = new d6(l, {
       value: this.value,
       viewProps: this.viewProps
     }), this.ptHandler_ = new bh(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_);
@@ -38136,7 +38137,7 @@ class d6 {
   }
 }
 const Gw = Re("svp"), yT = 64;
-class h6 {
+class p6 {
   constructor(l, o) {
     this.onValueChange_ = this.onValueChange_.bind(this), this.value = o.value, this.value.emitter.on("change", this.onValueChange_), this.element = l.createElement("div"), this.element.classList.add(Gw()), o.viewProps.bindClassModifiers(this.element), o.viewProps.bindTabIndex(this.element);
     const c = l.createElement("canvas");
@@ -38145,7 +38146,7 @@ class h6 {
     p.classList.add(Gw("m")), this.element.appendChild(p), this.markerElem_ = p, this.update_();
   }
   update_() {
-    const l = d4(this.canvasElement);
+    const l = h4(this.canvasElement);
     if (!l)
       return;
     const c = this.value.rawValue.getComponents("hsv"), p = this.canvasElement.width, b = this.canvasElement.height, S = l.getImageData(0, 0, p, b), _ = S.data;
@@ -38164,9 +38165,9 @@ class h6 {
     this.update_();
   }
 }
-class p6 {
+class m6 {
   constructor(l, o) {
-    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 = o.value, this.viewProps = o.viewProps, this.view = new h6(l, {
+    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 = o.value, this.viewProps = o.viewProps, this.view = new p6(l, {
       value: this.value,
       viewProps: this.viewProps
     }), this.ptHandler_ = new bh(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_);
@@ -38211,16 +38212,16 @@ class p6 {
     });
   }
 }
-class m6 {
+class v6 {
   constructor(l, o) {
-    this.value = o.value, this.viewProps = o.viewProps, this.hPaletteC_ = new d6(l, {
+    this.value = o.value, this.viewProps = o.viewProps, this.hPaletteC_ = new h6(l, {
       value: this.value,
       viewProps: this.viewProps
-    }), this.svPaletteC_ = new p6(l, {
+    }), this.svPaletteC_ = new m6(l, {
       value: this.value,
       viewProps: this.viewProps
     }), this.alphaIcs_ = o.supportsAlpha ? {
-      palette: new e6(l, {
+      palette: new n6(l, {
         value: this.value,
         viewProps: this.viewProps
       }),
@@ -38244,11 +38245,11 @@ class m6 {
         const b = c.getComponents();
         return b[3] = p, new Be(b, c.mode);
       }
-    }), this.textsC_ = new c6(l, {
+    }), this.textsC_ = new f6(l, {
       colorType: o.colorType,
       value: this.value,
       viewProps: this.viewProps
-    }), this.view = new z5(l, {
+    }), this.view = new M5(l, {
       alphaViews: this.alphaIcs_ ? {
         palette: this.alphaIcs_.palette.view,
         text: this.alphaIcs_.text.view
@@ -38265,7 +38266,7 @@ class m6 {
   }
 }
 const qw = Re("colsw");
-class v6 {
+class g6 {
   constructor(l, o) {
     this.onValueChange_ = this.onValueChange_.bind(this), o.value.emitter.on("change", this.onValueChange_), this.value = o.value, this.element = l.createElement("div"), this.element.classList.add(qw()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("div");
@@ -38281,9 +38282,9 @@ class v6 {
     this.update_();
   }
 }
-class g6 {
+class b6 {
   constructor(l, o) {
-    this.value = o.value, this.viewProps = o.viewProps, this.view = new v6(l, {
+    this.value = o.value, this.viewProps = o.viewProps, this.view = new g6(l, {
       value: this.value,
       viewProps: this.viewProps
     });
@@ -38291,7 +38292,7 @@ class g6 {
 }
 class R2 {
   constructor(l, o) {
-    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 = o.value, this.viewProps = o.viewProps, this.foldable_ = U0.create(o.expanded), this.swatchC_ = new g6(l, {
+    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 = o.value, this.viewProps = o.viewProps, this.foldable_ = U0.create(o.expanded), this.swatchC_ = new b6(l, {
       value: this.value,
       viewProps: this.viewProps
     });
@@ -38303,13 +38304,13 @@ class R2 {
       }),
       value: this.value,
       viewProps: this.viewProps
-    }), this.view = new _5(l, {
+    }), this.view = new S5(l, {
       foldable: this.foldable_,
       pickerLayout: o.pickerLayout
     }), this.view.swatchElement.appendChild(this.swatchC_.view.element), this.view.textElement.appendChild(this.textC_.view.element), this.popC_ = o.pickerLayout === "popup" ? new YD(l, {
       viewProps: this.viewProps
     }) : null;
-    const p = new m6(l, {
+    const p = new v6(l, {
       colorType: o.colorType,
       supportsAlpha: o.supportsAlpha,
       value: this.value,
@@ -38346,19 +38347,19 @@ class R2 {
     this.popC_ ? l.key === "Escape" && (this.popC_.shows.rawValue = !1) : this.view.pickerElement && l.key === "Escape" && this.swatchC_.view.buttonElement.focus();
   }
 }
-function b6(s) {
+function y6(s) {
   return rr(s.getComponents("rgb")).reduce((l, o) => l << 8 | Math.floor(o) & 255, 0);
 }
-function y6(s) {
+function _6(s) {
   return s.getComponents("rgb").reduce((l, o, c) => {
     const p = Math.floor(c === 3 ? o * 255 : o) & 255;
     return l << 8 | p;
   }, 0) >>> 0;
 }
-function _6(s) {
+function S6(s) {
   return new Be([s >> 16 & 255, s >> 8 & 255, s & 255], "rgb");
 }
-function S6(s) {
+function w6(s) {
   return new Be([
     s >> 24 & 255,
     s >> 16 & 255,
@@ -38366,12 +38367,12 @@ function S6(s) {
     Qe(s & 255, 0, 255, 0, 1)
   ], "rgb");
 }
-function w6(s) {
-  return typeof s != "number" ? Be.black() : _6(s);
-}
 function E6(s) {
   return typeof s != "number" ? Be.black() : S6(s);
 }
+function C6(s) {
+  return typeof s != "number" ? Be.black() : w6(s);
+}
 function R_(s, l) {
   return typeof s != "object" || cn(s) ? !1 : l in s && typeof s[l] == "number";
 }
@@ -38396,64 +38397,64 @@ function O2(s, l) {
 function _T(s) {
   return "a" in s ? [s.r, s.g, s.b, s.a] : [s.r, s.g, s.b];
 }
-function C6(s) {
+function x6(s) {
   const l = hz(s);
   return l ? (o, c) => {
     j0(o, l(c));
   } : null;
 }
-function x6(s) {
-  const l = s ? y6 : b6;
+function T6(s) {
+  const l = s ? _6 : y6;
   return (o, c) => {
     j0(o, l(c));
   };
 }
-function T6(s, l, o) {
+function D6(s, l, o) {
   const p = Bl(l, o).toRgbaObject();
   s.writeProperty("r", p.r), s.writeProperty("g", p.g), s.writeProperty("b", p.b), s.writeProperty("a", p.a);
 }
-function D6(s, l, o) {
+function z6(s, l, o) {
   const p = Bl(l, o).toRgbaObject();
   s.writeProperty("r", p.r), s.writeProperty("g", p.g), s.writeProperty("b", p.b);
 }
-function z6(s, l) {
+function M6(s, l) {
   return (o, c) => {
-    s ? T6(o, c, l) : D6(o, c, l);
+    s ? D6(o, c, l) : z6(o, c, l);
   };
 }
-function M6(s) {
+function A6(s) {
   var l;
   return !!(!((l = s == null ? void 0 : s.color) === null || l === void 0) && l.alpha);
 }
-function A6(s) {
+function R6(s) {
   return s ? (l) => A2(l, "0x") : (l) => M2(l, "0x");
 }
-function R6(s) {
+function O6(s) {
   return "color" in s || s.view === "color";
 }
-const O6 = jl({
+const U6 = jl({
   id: "input-color-number",
   type: "input",
   accept: (s, l) => {
-    if (typeof s != "number" || !R6(l))
+    if (typeof s != "number" || !O6(l))
       return null;
     const o = T2(l);
     return o ? {
       initialValue: s,
-      params: Object.assign(Object.assign({}, o), { supportsAlpha: M6(l) })
+      params: Object.assign(Object.assign({}, o), { supportsAlpha: A6(l) })
     } : null;
   },
   binding: {
-    reader: (s) => s.params.supportsAlpha ? E6 : w6,
+    reader: (s) => s.params.supportsAlpha ? C6 : E6,
     equals: O2,
-    writer: (s) => x6(s.params.supportsAlpha)
+    writer: (s) => T6(s.params.supportsAlpha)
   },
   controller: (s) => {
     var l, o;
     return new R2(s.document, {
       colorType: "int",
       expanded: (l = s.params.expanded) !== null && l !== void 0 ? l : !1,
-      formatter: A6(s.params.supportsAlpha),
+      formatter: R6(s.params.supportsAlpha),
       parser: V0("int"),
       pickerLayout: (o = s.params.picker) !== null && o !== void 0 ? o : "popup",
       supportsAlpha: s.params.supportsAlpha,
@@ -38462,7 +38463,7 @@ const O6 = jl({
     });
   }
 });
-function U6(s, l) {
+function N6(s, l) {
   if (!vz(s))
     return Bl(Be.black(), l);
   if (l === "int") {
@@ -38475,19 +38476,19 @@ function U6(s, l) {
   }
   return Bl(Be.black(), "int");
 }
-function N6(s) {
+function L6(s) {
   return mz(s);
 }
-function L6(s) {
+function H6(s) {
   return (l) => {
-    const o = U6(l, s);
+    const o = N6(l, s);
     return Bl(o, "int");
   };
 }
-function H6(s, l) {
+function B6(s, l) {
   return (o) => s ? dz(o, l) : fz(o, l);
 }
-const B6 = jl({
+const j6 = jl({
   id: "input-color-object",
   type: "input",
   accept: (s, l) => {
@@ -38501,9 +38502,9 @@ const B6 = jl({
     } : null;
   },
   binding: {
-    reader: (s) => L6(s.params.colorType),
+    reader: (s) => H6(s.params.colorType),
     equals: O2,
-    writer: (s) => z6(N6(s.initialValue), s.params.colorType)
+    writer: (s) => M6(L6(s.initialValue), s.params.colorType)
   },
   controller: (s) => {
     var l, o;
@@ -38511,7 +38512,7 @@ const B6 = jl({
     return new R2(s.document, {
       colorType: s.params.colorType,
       expanded: (l = s.params.expanded) !== null && l !== void 0 ? l : !1,
-      formatter: H6(c, s.params.colorType),
+      formatter: B6(c, s.params.colorType),
       parser: V0("int"),
       pickerLayout: (o = s.params.picker) !== null && o !== void 0 ? o : "popup",
       supportsAlpha: c,
@@ -38519,13 +38520,13 @@ const B6 = jl({
       viewProps: s.viewProps
     });
   }
-}), j6 = jl({
+}), V6 = jl({
   id: "input-color-string",
   type: "input",
   accept: (s, l) => {
     if (typeof s != "string" || l.view === "text")
       return null;
-    const o = Z5(s, ID(l));
+    const o = K5(s, ID(l));
     if (!o)
       return null;
     const c = hz(o);
@@ -38538,10 +38539,10 @@ const B6 = jl({
     } : null;
   },
   binding: {
-    reader: () => K5,
+    reader: () => J5,
     equals: O2,
     writer: (s) => {
-      const l = C6(s.params.format);
+      const l = x6(s.params.format);
       if (!l)
         throw Hn.notBindable();
       return l;
@@ -38574,7 +38575,7 @@ class U2 {
   }
 }
 const ST = Re("pndtxt");
-class V6 {
+class G6 {
   constructor(l, o) {
     this.textViews = o.textViews, this.element = l.createElement("div"), this.element.classList.add(ST()), this.textViews.forEach((c) => {
       const p = l.createElement("div");
@@ -38582,7 +38583,7 @@ class V6 {
     });
   }
 }
-function G6(s, l, o) {
+function q6(s, l, o) {
   return new B0(s, {
     arrayPosition: o === 0 ? "fst" : o === l.axes.length - 1 ? "lst" : "mid",
     parser: l.parser,
@@ -38595,7 +38596,7 @@ function G6(s, l, o) {
 }
 class N2 {
   constructor(l, o) {
-    this.value = o.value, this.viewProps = o.viewProps, this.acs_ = o.axes.map((c, p) => G6(l, o, p)), this.acs_.forEach((c, p) => {
+    this.value = o.value, this.viewProps = o.viewProps, this.acs_ = o.axes.map((c, p) => q6(l, o, p)), this.acs_.forEach((c, p) => {
       rv({
         primary: this.value,
         secondary: c.value,
@@ -38605,7 +38606,7 @@ class N2 {
           return _[p] = S, o.assembly.fromComponents(_);
         }
       });
-    }), this.view = new V6(l, {
+    }), this.view = new G6(l, {
       textViews: this.acs_.map((c) => c.view)
     });
   }
@@ -38613,7 +38614,7 @@ class N2 {
     return this.acs_;
   }
 }
-class q6 extends T0 {
+class k6 extends T0 {
   get max() {
     return this.controller.valueController.sliderController.props.get("max");
   }
@@ -38627,7 +38628,7 @@ class q6 extends T0 {
     this.controller.valueController.sliderController.props.set("min", l);
   }
 }
-function k6(s, l) {
+function Y6(s, l) {
   const o = [], c = DD(s, l);
   c && o.push(c);
   const p = zD(s);
@@ -38635,7 +38636,7 @@ function k6(s, l) {
   const b = x2(s.options);
   return b && o.push(b), new N0(o);
 }
-const Y6 = jl({
+const X6 = jl({
   id: "input-number",
   type: "input",
   accept: (s, l) => {
@@ -38649,7 +38650,7 @@ const Y6 = jl({
   },
   binding: {
     reader: (s) => ED,
-    constraint: (s) => k6(s.params, s.initialValue),
+    constraint: (s) => Y6(s.params, s.initialValue),
     writer: (s) => j0
   },
   controller: (s) => {
@@ -38671,7 +38672,7 @@ const Y6 = jl({
     });
   },
   api(s) {
-    return typeof s.controller.value.rawValue != "number" ? null : s.controller.valueController instanceof H_ ? new q6(s.controller) : s.controller.valueController instanceof yf ? new E2(s.controller) : null;
+    return typeof s.controller.value.rawValue != "number" ? null : s.controller.valueController instanceof H_ ? new k6(s.controller) : s.controller.valueController instanceof yf ? new E2(s.controller) : null;
   }
 });
 class bf {
@@ -38701,7 +38702,7 @@ const gz = {
   toComponents: (s) => s.getComponents(),
   fromComponents: (s) => new bf(...s)
 }, Qm = Re("p2d");
-class X6 {
+class P6 {
   constructor(l, o) {
     this.element = l.createElement("div"), this.element.classList.add(Qm()), o.viewProps.bindClassModifiers(this.element), wu(o.expanded, iv(this.element, Qm(void 0, "expanded")));
     const c = l.createElement("div");
@@ -38717,7 +38718,7 @@ class X6 {
   }
 }
 const cf = Re("p2dp");
-class P6 {
+class Q6 {
   constructor(l, o) {
     this.onFoldableChange_ = this.onFoldableChange_.bind(this), this.onPropsChange_ = this.onPropsChange_.bind(this), this.onValueChange_ = this.onValueChange_.bind(this), this.props_ = o.props, this.props_.emitter.on("change", this.onPropsChange_), this.element = l.createElement("div"), this.element.classList.add(cf()), o.layout === "popup" && this.element.classList.add(cf(void 0, "p")), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("div");
@@ -38756,9 +38757,9 @@ function wT(s, l, o) {
     ii(l[1], z0(s)) * (o ? 1 : -1)
   ];
 }
-class Q6 {
+class Z6 {
   constructor(l, o) {
-    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.props = o.props, this.value = o.value, this.viewProps = o.viewProps, this.view = new P6(l, {
+    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.props = o.props, this.value = o.value, this.viewProps = o.viewProps, this.view = new Q6(l, {
       layout: o.layout,
       props: this.props,
       value: this.value,
@@ -38805,13 +38806,13 @@ class Q6 {
     });
   }
 }
-class Z6 {
+class K6 {
   constructor(l, o) {
     var c, p;
     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 = o.value, this.viewProps = o.viewProps, this.foldable_ = U0.create(o.expanded), this.popC_ = o.pickerLayout === "popup" ? new YD(l, {
       viewProps: this.viewProps
     }) : null;
-    const b = new Q6(l, {
+    const b = new Z6(l, {
       layout: o.pickerLayout,
       props: new he({
         invertsY: Sn(o.invertsY),
@@ -38830,7 +38831,7 @@ class Z6 {
       parser: o.parser,
       value: this.value,
       viewProps: this.viewProps
-    }), this.view = new X6(l, {
+    }), this.view = new P6(l, {
       expanded: this.foldable_.value("expanded"),
       pickerLayout: o.pickerLayout,
       viewProps: this.viewProps
@@ -38863,13 +38864,13 @@ class Z6 {
     this.popC_ ? l.key === "Escape" && (this.popC_.shows.rawValue = !1) : this.view.pickerElement && l.key === "Escape" && this.view.buttonElement.focus();
   }
 }
-function K6(s) {
+function J6(s) {
   return bf.isObject(s) ? new bf(s.x, s.y) : new bf();
 }
-function J6(s, l) {
+function $6(s, l) {
   s.writeProperty("x", l.x), s.writeProperty("y", l.y);
 }
-function $6(s, l) {
+function W6(s, l) {
   return new U2({
     assembly: gz,
     components: [
@@ -38885,18 +38886,18 @@ function ET(s, l) {
   const p = xD(s);
   return Math.max(Math.abs(p) * 10, Math.abs(l) * 10);
 }
-function W6(s, l) {
+function F6(s, l) {
   var o, c;
   const p = ET(hh(s, (o = s.x) !== null && o !== void 0 ? o : {}), l.x), b = ET(hh(s, (c = s.y) !== null && c !== void 0 ? c : {}), l.y);
   return Math.max(p, b);
 }
-function F6(s) {
+function I6(s) {
   if (!("y" in s))
     return !1;
   const l = s.y;
   return l && "inverted" in l ? !!l.inverted : !1;
 }
-const I6 = jl({
+const t8 = jl({
   id: "input-point2d",
   type: "input",
   accept: (s, l) => {
@@ -38909,15 +38910,15 @@ const I6 = jl({
     } : null;
   },
   binding: {
-    reader: () => K6,
-    constraint: (s) => $6(s.params, s.initialValue),
+    reader: () => J6,
+    constraint: (s) => W6(s.params, s.initialValue),
     equals: bf.equals,
-    writer: () => J6
+    writer: () => $6
   },
   controller: (s) => {
     var l, o;
     const c = s.document, p = s.value, b = s.constraint, S = [s.params.x, s.params.y];
-    return new Z6(c, {
+    return new K6(c, {
       axes: p.rawValue.getComponents().map((_, C) => {
         var x;
         return m2({
@@ -38927,8 +38928,8 @@ const I6 = jl({
         });
       }),
       expanded: (l = s.params.expanded) !== null && l !== void 0 ? l : !1,
-      invertsY: F6(s.params),
-      max: W6(s.params, p.rawValue),
+      invertsY: I6(s.params),
+      max: F6(s.params, p.rawValue),
       parser: Cu,
       pickerLayout: (o = s.params.picker) !== null && o !== void 0 ? o : "popup",
       value: p,
@@ -38964,13 +38965,13 @@ const bz = {
   toComponents: (s) => s.getComponents(),
   fromComponents: (s) => new tv(...s)
 };
-function t8(s) {
+function e8(s) {
   return tv.isObject(s) ? new tv(s.x, s.y, s.z) : new tv();
 }
-function e8(s, l) {
+function n8(s, l) {
   s.writeProperty("x", l.x), s.writeProperty("y", l.y), s.writeProperty("z", l.z);
 }
-function n8(s, l) {
+function a8(s, l) {
   return new U2({
     assembly: bz,
     components: [
@@ -38980,7 +38981,7 @@ function n8(s, l) {
     ]
   });
 }
-const a8 = jl({
+const l8 = jl({
   id: "input-point3d",
   type: "input",
   accept: (s, l) => {
@@ -38993,10 +38994,10 @@ const a8 = jl({
     } : null;
   },
   binding: {
-    reader: (s) => t8,
-    constraint: (s) => n8(s.params, s.initialValue),
+    reader: (s) => e8,
+    constraint: (s) => a8(s.params, s.initialValue),
     equals: tv.equals,
-    writer: (s) => e8
+    writer: (s) => n8
   },
   controller: (s) => {
     const l = s.value, o = s.constraint, c = [s.params.x, s.params.y, s.params.z];
@@ -39045,13 +39046,13 @@ const yz = {
   toComponents: (s) => s.getComponents(),
   fromComponents: (s) => new ev(...s)
 };
-function l8(s) {
+function i8(s) {
   return ev.isObject(s) ? new ev(s.x, s.y, s.z, s.w) : new ev();
 }
-function i8(s, l) {
+function o8(s, l) {
   s.writeProperty("x", l.x), s.writeProperty("y", l.y), s.writeProperty("z", l.z), s.writeProperty("w", l.w);
 }
-function o8(s, l) {
+function s8(s, l) {
   return new U2({
     assembly: yz,
     components: [
@@ -39062,7 +39063,7 @@ function o8(s, l) {
     ]
   });
 }
-const s8 = jl({
+const r8 = jl({
   id: "input-point4d",
   type: "input",
   accept: (s, l) => {
@@ -39075,10 +39076,10 @@ const s8 = jl({
     } : null;
   },
   binding: {
-    reader: (s) => l8,
-    constraint: (s) => o8(s.params, s.initialValue),
+    reader: (s) => i8,
+    constraint: (s) => s8(s.params, s.initialValue),
     equals: ev.equals,
-    writer: (s) => i8
+    writer: (s) => o8
   },
   controller: (s) => {
     const l = s.value, o = s.constraint, c = [
@@ -39103,11 +39104,11 @@ const s8 = jl({
     });
   }
 });
-function r8(s) {
+function u8(s) {
   const l = [], o = x2(s.options);
   return o && l.push(o), new N0(l);
 }
-const u8 = jl({
+const c8 = jl({
   id: "input-string",
   type: "input",
   accept: (s, l) => {
@@ -39124,7 +39125,7 @@ const u8 = jl({
   },
   binding: {
     reader: (s) => PD,
-    constraint: (s) => r8(s.params),
+    constraint: (s) => u8(s.params),
     writer: (s) => j0
   },
   controller: (s) => {
@@ -39153,7 +39154,7 @@ const u8 = jl({
     defaultRows: 3
   }
 }, CT = Re("mll");
-class c8 {
+class f8 {
   constructor(l, o) {
     this.onValueUpdate_ = this.onValueUpdate_.bind(this), this.formatter_ = o.formatter, this.element = l.createElement("div"), this.element.classList.add(CT()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("textarea");
@@ -39172,7 +39173,7 @@ class c8 {
 }
 class L2 {
   constructor(l, o) {
-    this.value = o.value, this.viewProps = o.viewProps, this.view = new c8(l, {
+    this.value = o.value, this.viewProps = o.viewProps, this.view = new f8(l, {
       formatter: o.formatter,
       rows: o.rows,
       value: this.value,
@@ -39181,7 +39182,7 @@ class L2 {
   }
 }
 const xT = Re("sgl");
-class f8 {
+class d8 {
   constructor(l, o) {
     this.onValueUpdate_ = this.onValueUpdate_.bind(this), this.formatter_ = o.formatter, this.element = l.createElement("div"), this.element.classList.add(xT()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("input");
@@ -39197,14 +39198,14 @@ class f8 {
 }
 class H2 {
   constructor(l, o) {
-    this.value = o.value, this.viewProps = o.viewProps, this.view = new f8(l, {
+    this.value = o.value, this.viewProps = o.viewProps, this.view = new d8(l, {
       formatter: o.formatter,
       value: this.value,
       viewProps: this.viewProps
     });
   }
 }
-const d8 = jl({
+const h8 = jl({
   id: "monitor-bool",
   type: "monitor",
   accept: (s, l) => {
@@ -39236,7 +39237,7 @@ const d8 = jl({
     });
   }
 });
-class h8 extends T0 {
+class p8 extends T0 {
   get max() {
     return this.controller.valueController.props.get("max");
   }
@@ -39251,7 +39252,7 @@ class h8 extends T0 {
   }
 }
 const ff = Re("grl");
-class p8 {
+class m8 {
   constructor(l, o) {
     this.onCursorChange_ = this.onCursorChange_.bind(this), this.onValueUpdate_ = this.onValueUpdate_.bind(this), this.element = l.createElement("div"), this.element.classList.add(ff()), o.viewProps.bindClassModifiers(this.element), this.formatter_ = o.formatter, this.props_ = o.props, this.cursor_ = o.cursor, this.cursor_.emitter.on("change", this.onCursorChange_);
     const c = l.createElementNS(ir, "svg");
@@ -39289,7 +39290,7 @@ class p8 {
 }
 class _z {
   constructor(l, o) {
-    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 = o.props, this.value = o.value, this.viewProps = o.viewProps, this.cursor_ = Sn(-1), this.view = new p8(l, {
+    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 = o.props, this.value = o.value, this.viewProps = o.viewProps, this.cursor_ = Sn(-1), this.view = new m8(l, {
       cursor: this.cursor_,
       formatter: o.formatter,
       rows: o.rows,
@@ -39339,7 +39340,7 @@ class _z {
 function n2(s) {
   return cn(s.format) ? oi(2) : s.format;
 }
-function m8(s) {
+function v8(s) {
   var l;
   return s.value.rawValue.length === 1 ? new H2(s.document, {
     formatter: n2(s.params),
@@ -39352,7 +39353,7 @@ function m8(s) {
     viewProps: s.viewProps
   });
 }
-function v8(s) {
+function g8(s) {
   var l, o, c;
   return new _z(s.document, {
     formatter: n2(s.params),
@@ -39368,7 +39369,7 @@ function v8(s) {
 function TT(s) {
   return s.view === "graph";
 }
-const g8 = jl({
+const b8 = jl({
   id: "monitor-number",
   type: "monitor",
   accept: (s, l) => {
@@ -39391,9 +39392,9 @@ const g8 = jl({
     defaultBufferSize: (s) => TT(s) ? 64 : 1,
     reader: (s) => ED
   },
-  controller: (s) => TT(s.params) ? v8(s) : m8(s),
-  api: (s) => s.controller.valueController instanceof _z ? new h8(s.controller) : null
-}), b8 = jl({
+  controller: (s) => TT(s.params) ? g8(s) : v8(s),
+  api: (s) => s.controller.valueController instanceof _z ? new p8(s.controller) : null
+}), y8 = jl({
   id: "monitor-string",
   type: "monitor",
   accept: (s, l) => {
@@ -39427,7 +39428,7 @@ const g8 = jl({
     });
   }
 });
-class y8 {
+class _8 {
   constructor() {
     this.map_ = /* @__PURE__ */ new Map();
   }
@@ -39444,7 +39445,7 @@ class y8 {
     }), o;
   }
 }
-class _8 {
+class S8 {
   constructor(l) {
     this.target = l.target, this.reader_ = l.reader, this.writer_ = l.writer;
   }
@@ -39458,7 +39459,7 @@ class _8 {
     this.write(this.reader_(l));
   }
 }
-function S8(s, l) {
+function w8(s, l) {
   var o;
   const c = s.accept(l.target.read(), l.params);
   if (cn(c))
@@ -39472,11 +39473,11 @@ function S8(s, l) {
     hidden: M.optional.boolean,
     label: M.optional.string,
     tag: M.optional.string
-  })), S = s.binding.reader(p), _ = s.binding.constraint ? s.binding.constraint(p) : void 0, C = new _8({
+  })), S = s.binding.reader(p), _ = s.binding.constraint ? s.binding.constraint(p) : void 0, C = new S8({
     reader: S,
     target: l.target,
     writer: s.binding.writer(p)
-  }), x = new l4(Sn(S(c.initialValue), {
+  }), x = new i4(Sn(S(c.initialValue), {
     constraint: _,
     equals: s.binding.equals
   }), C), D = s.controller({
@@ -39490,7 +39491,7 @@ function S8(s, l) {
       hidden: b == null ? void 0 : b.hidden
     })
   });
-  return new y4(l.document, {
+  return new _4(l.document, {
     blade: sv(),
     props: he.fromObject({
       label: "label" in l.params ? (o = b == null ? void 0 : b.label) !== null && o !== void 0 ? o : null : l.target.key
@@ -39500,7 +39501,7 @@ function S8(s, l) {
     valueController: D
   });
 }
-class w8 {
+class E8 {
   constructor(l) {
     this.target = l.target, this.reader_ = l.reader;
   }
@@ -39508,10 +39509,10 @@ class w8 {
     return this.reader_(this.target.read());
   }
 }
-function E8(s, l) {
-  return l === 0 ? new e5() : new n5(s, l ?? G0.monitor.defaultInterval);
-}
 function C8(s, l) {
+  return l === 0 ? new n5() : new a5(s, l ?? G0.monitor.defaultInterval);
+}
+function x8(s, l) {
   var o, c, p;
   const b = s.accept(l.target.read(), l.params);
   if (cn(b))
@@ -39526,13 +39527,13 @@ function C8(s, l) {
     hidden: A.optional.boolean,
     interval: A.optional.number,
     label: A.optional.string
-  })), C = s.binding.reader(S), x = (c = (o = _ == null ? void 0 : _.bufferSize) !== null && o !== void 0 ? o : s.binding.defaultBufferSize && s.binding.defaultBufferSize(b.params)) !== null && c !== void 0 ? c : 1, D = new C4({
-    binding: new w8({
+  })), C = s.binding.reader(S), x = (c = (o = _ == null ? void 0 : _.bufferSize) !== null && o !== void 0 ? o : s.binding.defaultBufferSize && s.binding.defaultBufferSize(b.params)) !== null && c !== void 0 ? c : 1, D = new x4({
+    binding: new E8({
       reader: C,
       target: l.target
     }),
     bufferSize: x,
-    ticker: E8(l.document, _ == null ? void 0 : _.interval)
+    ticker: C8(l.document, _ == null ? void 0 : _.interval)
   }), M = s.controller({
     document: l.document,
     params: b.params,
@@ -39544,7 +39545,7 @@ function C8(s, l) {
   });
   return M.viewProps.bindDisabled(D.ticker), M.viewProps.handleDispose(() => {
     D.ticker.dispose();
-  }), new T4(l.document, {
+  }), new D4(l.document, {
     blade: sv(),
     props: he.fromObject({
       label: "label" in l.params ? (p = _ == null ? void 0 : _.label) !== null && p !== void 0 ? p : null : l.target.key
@@ -39553,7 +39554,7 @@ function C8(s, l) {
     valueController: M
   });
 }
-class x8 {
+class T8 {
   constructor(l) {
     this.pluginsMap_ = {
       blades: [],
@@ -39569,19 +39570,19 @@ class x8 {
     ];
   }
   register(l, o) {
-    if (!m5(o.core))
+    if (!v5(o.core))
       throw Hn.notCompatible(l, o.id);
     o.type === "blade" ? this.pluginsMap_.blades.unshift(o) : o.type === "input" ? this.pluginsMap_.inputs.unshift(o) : o.type === "monitor" && this.pluginsMap_.monitors.unshift(o);
   }
   createInput_(l, o, c) {
-    return this.pluginsMap_.inputs.reduce((p, b) => p ?? S8(b, {
+    return this.pluginsMap_.inputs.reduce((p, b) => p ?? w8(b, {
       document: l,
       target: o,
       params: c
     }), null);
   }
   createMonitor_(l, o, c) {
-    return this.pluginsMap_.monitors.reduce((p, b) => p ?? C8(b, {
+    return this.pluginsMap_.monitors.reduce((p, b) => p ?? x8(b, {
       document: l,
       params: c,
       target: o
@@ -39610,7 +39611,7 @@ class x8 {
     });
   }
   createBlade(l, o) {
-    const c = this.pluginsMap_.blades.reduce((p, b) => p ?? t5(b, {
+    const c = this.pluginsMap_.blades.reduce((p, b) => p ?? e5(b, {
       document: l,
       params: o
     }), null);
@@ -39644,16 +39645,16 @@ class x8 {
   createBindingApi(l) {
     if (this.apiCache_.has(l))
       return this.apiCache_.get(l);
-    if (_4(l))
+    if (S4(l))
       return this.createInputBindingApi_(l);
-    if (D4(l))
+    if (z4(l))
       return this.createMonitorBindingApi_(l);
     throw Hn.shouldNeverHappen();
   }
   createApi(l) {
     if (this.apiCache_.has(l))
       return this.apiCache_.get(l);
-    if (b4(l))
+    if (y4(l))
       return this.createBindingApi(l);
     const o = this.pluginsMap_.blades.reduce((c, p) => c ?? p.api({
       controller: l,
@@ -39664,30 +39665,30 @@ class x8 {
     return this.apiCache_.add(l, o);
   }
 }
-const T8 = new y8();
-function D8() {
-  const s = new x8(T8);
+const D8 = new _8();
+function z8() {
+  const s = new T8(D8);
   return [
-    I6,
-    a8,
-    s8,
-    u8,
-    Y6,
+    t8,
+    l8,
+    r8,
+    c8,
+    X6,
+    V6,
     j6,
-    B6,
-    O6,
-    y5,
-    d8,
+    U6,
+    _5,
+    h8,
+    y8,
     b8,
-    g8,
-    O4,
-    P4,
+    U4,
+    Q4,
     kD
   ].forEach((l) => {
     s.register("core", l);
   }), s;
 }
-class z8 extends gh {
+class M8 extends gh {
   /**
    * @hidden
    */
@@ -39726,9 +39727,9 @@ class z8 extends gh {
     return this.emitter_.off(l, o), this;
   }
 }
-class M8 extends gh {
-}
 class A8 extends gh {
+}
+class R8 extends gh {
   /**
    * @hidden
    */
@@ -39773,7 +39774,7 @@ class A8 extends gh {
     return this.emitter_.off(l, o), this;
   }
 }
-class R8 extends gh {
+class O8 extends gh {
   /**
    * @hidden
    */
@@ -39812,7 +39813,7 @@ class R8 extends gh {
     return this.emitter_.off(l, o), this;
   }
 }
-const O8 = /* @__PURE__ */ (function() {
+const U8 = /* @__PURE__ */ (function() {
   return {
     id: "list",
     type: "blade",
@@ -39846,11 +39847,11 @@ const O8 = /* @__PURE__ */ (function() {
       });
     },
     api(s) {
-      return !(s.controller instanceof ph) || !(s.controller.valueController instanceof yf) ? null : new z8(s.controller);
+      return !(s.controller instanceof ph) || !(s.controller.valueController instanceof yf) ? null : new M8(s.controller);
     }
   };
 })();
-class U8 extends GD {
+class N8 extends GD {
   /**
    * @hidden
    */
@@ -39861,7 +39862,7 @@ class U8 extends GD {
     return this.controller.view.element;
   }
 }
-class N8 extends Iw {
+class L8 extends Iw {
   constructor(l, o) {
     super(l, {
       expanded: o.expanded,
@@ -39873,7 +39874,7 @@ class N8 extends Iw {
   }
 }
 const DT = Re("spr");
-class L8 {
+class H8 {
   constructor(l, o) {
     this.element = l.createElement("div"), this.element.classList.add(DT()), o.viewProps.bindClassModifiers(this.element);
     const c = l.createElement("hr");
@@ -39885,12 +39886,12 @@ class zT extends k_ {
    * @hidden
    */
   constructor(l, o) {
-    super(Object.assign(Object.assign({}, o), { view: new L8(l, {
+    super(Object.assign(Object.assign({}, o), { view: new H8(l, {
       viewProps: o.viewProps
     }) }));
   }
 }
-const H8 = {
+const B8 = {
   id: "separator",
   type: "blade",
   core: ov,
@@ -39907,9 +39908,9 @@ const H8 = {
     });
   },
   api(s) {
-    return s.controller instanceof zT ? new M8(s.controller) : null;
+    return s.controller instanceof zT ? new A8(s.controller) : null;
   }
-}, B8 = {
+}, j8 = {
   id: "slider",
   type: "blade",
   core: ov,
@@ -39932,7 +39933,7 @@ const H8 = {
     }), b = Sn(c, {
       constraint: p
     }), S = new H_(s.document, Object.assign(Object.assign({}, ZD({
-      formatter: (o = s.params.format) !== null && o !== void 0 ? o : I3,
+      formatter: (o = s.params.format) !== null && o !== void 0 ? o : t4,
       keyScale: Sn(1),
       max: p.values.value("max"),
       min: p.values.value("min"),
@@ -39948,9 +39949,9 @@ const H8 = {
     });
   },
   api(s) {
-    return !(s.controller instanceof ph) || !(s.controller.valueController instanceof H_) ? null : new A8(s.controller);
+    return !(s.controller instanceof ph) || !(s.controller.valueController instanceof H_) ? null : new R8(s.controller);
   }
-}, j8 = /* @__PURE__ */ (function() {
+}, V8 = /* @__PURE__ */ (function() {
   return {
     id: "text",
     type: "blade",
@@ -39985,24 +39986,24 @@ const H8 = {
       });
     },
     api(s) {
-      return !(s.controller instanceof ph) || !(s.controller.valueController instanceof D0) ? null : new R8(s.controller);
+      return !(s.controller instanceof ph) || !(s.controller.valueController instanceof D0) ? null : new O8(s.controller);
     }
   };
 })();
-function V8(s) {
+function G8(s) {
   const l = s.createElement("div");
   return l.classList.add(Re("dfw")()), s.body && s.body.appendChild(l), l;
 }
-function G8(s, l, o) {
+function q8(s, l, o) {
   if (s.querySelector(`style[data-tp-style=${l}]`))
     return;
   const c = s.createElement("style");
   c.dataset.tpStyle = l, c.textContent = o, s.head.appendChild(c);
 }
-class q8 extends U8 {
+class k8 extends N8 {
   constructor(l) {
     var o, c;
-    const p = l ?? {}, b = (o = p.document) !== null && o !== void 0 ? o : f4(), S = D8(), _ = new N8(b, {
+    const p = l ?? {}, b = (o = p.document) !== null && o !== void 0 ? o : d4(), S = z8(), _ = new L8(b, {
       expanded: p.expanded,
       blade: sv(),
       props: he.fromObject({
@@ -40010,7 +40011,7 @@ class q8 extends U8 {
       }),
       viewProps: Tu.create()
     });
-    super(_, S), this.pool_ = S, this.containerElem_ = (c = p.container) !== null && c !== void 0 ? c : V8(b), this.containerElem_.appendChild(this.element), this.doc_ = b, this.usesDefaultWrapper_ = !p.container, this.setUpDefaultPlugins_();
+    super(_, S), this.pool_ = S, this.containerElem_ = (c = p.container) !== null && c !== void 0 ? c : G8(b), this.containerElem_.appendChild(this.element), this.doc_ = b, this.usesDefaultWrapper_ = !p.container, this.setUpDefaultPlugins_();
   }
   get document() {
     if (!this.doc_)
@@ -40028,7 +40029,7 @@ class q8 extends U8 {
     this.containerElem_ = null, this.doc_ = null, super.dispose();
   }
   registerPlugin(l) {
-    l.css && G8(this.document, `plugin-${l.id}`, l.css), ("plugin" in l ? [l.plugin] : "plugins" in l ? l.plugins : []).forEach((c) => {
+    l.css && q8(this.document, `plugin-${l.id}`, l.css), ("plugin" in l ? [l.plugin] : "plugins" in l ? l.plugins : []).forEach((c) => {
       this.pool_.register(l.id, c);
     });
   }
@@ -40038,43 +40039,43 @@ class q8 extends U8 {
       // NOTE: This string literal will be replaced with the default CSS by Rollup at the compilation time
       css: '.tp-tbiv_b,.tp-coltxtv_ms,.tp-colswv_b,.tp-ckbv_i,.tp-sglv_i,.tp-mllv_i,.tp-grlv_g,.tp-txtv_i,.tp-p2dpv_p,.tp-colswv_sw,.tp-rotv_b,.tp-fldv_b,.tp-p2dv_b,.tp-btnv_b,.tp-lstv_s{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border-width:0;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;outline:none;padding:0}.tp-p2dv_b,.tp-btnv_b,.tp-lstv_s{background-color:var(--btn-bg);border-radius:var(--bld-br);color:var(--btn-fg);cursor:pointer;display:block;font-weight:bold;height:var(--cnt-usz);line-height:var(--cnt-usz);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-p2dv_b:hover,.tp-btnv_b:hover,.tp-lstv_s:hover{background-color:var(--btn-bg-h)}.tp-p2dv_b:focus,.tp-btnv_b:focus,.tp-lstv_s:focus{background-color:var(--btn-bg-f)}.tp-p2dv_b:active,.tp-btnv_b:active,.tp-lstv_s:active{background-color:var(--btn-bg-a)}.tp-p2dv_b:disabled,.tp-btnv_b:disabled,.tp-lstv_s:disabled{opacity:.5}.tp-rotv_c>.tp-cntv.tp-v-lst,.tp-tbpv_c>.tp-cntv.tp-v-lst,.tp-fldv_c>.tp-cntv.tp-v-lst{margin-bottom:calc(-1*var(--cnt-vp))}.tp-rotv_c>.tp-fldv.tp-v-lst .tp-fldv_c,.tp-tbpv_c>.tp-fldv.tp-v-lst .tp-fldv_c,.tp-fldv_c>.tp-fldv.tp-v-lst .tp-fldv_c{border-bottom-left-radius:0}.tp-rotv_c>.tp-fldv.tp-v-lst .tp-fldv_b,.tp-tbpv_c>.tp-fldv.tp-v-lst .tp-fldv_b,.tp-fldv_c>.tp-fldv.tp-v-lst .tp-fldv_b{border-bottom-left-radius:0}.tp-rotv_c>*:not(.tp-v-fst),.tp-tbpv_c>*:not(.tp-v-fst),.tp-fldv_c>*:not(.tp-v-fst){margin-top:var(--cnt-usp)}.tp-rotv_c>.tp-sprv:not(.tp-v-fst),.tp-tbpv_c>.tp-sprv:not(.tp-v-fst),.tp-fldv_c>.tp-sprv:not(.tp-v-fst),.tp-rotv_c>.tp-cntv:not(.tp-v-fst),.tp-tbpv_c>.tp-cntv:not(.tp-v-fst),.tp-fldv_c>.tp-cntv:not(.tp-v-fst){margin-top:var(--cnt-vp)}.tp-rotv_c>.tp-sprv+*:not(.tp-v-hidden),.tp-tbpv_c>.tp-sprv+*:not(.tp-v-hidden),.tp-fldv_c>.tp-sprv+*:not(.tp-v-hidden),.tp-rotv_c>.tp-cntv+*:not(.tp-v-hidden),.tp-tbpv_c>.tp-cntv+*:not(.tp-v-hidden),.tp-fldv_c>.tp-cntv+*:not(.tp-v-hidden){margin-top:var(--cnt-vp)}.tp-rotv_c>.tp-sprv:not(.tp-v-hidden)+.tp-sprv,.tp-tbpv_c>.tp-sprv:not(.tp-v-hidden)+.tp-sprv,.tp-fldv_c>.tp-sprv:not(.tp-v-hidden)+.tp-sprv,.tp-rotv_c>.tp-cntv:not(.tp-v-hidden)+.tp-cntv,.tp-tbpv_c>.tp-cntv:not(.tp-v-hidden)+.tp-cntv,.tp-fldv_c>.tp-cntv:not(.tp-v-hidden)+.tp-cntv{margin-top:0}.tp-tbpv_c>.tp-cntv,.tp-fldv_c>.tp-cntv{margin-left:4px}.tp-tbpv_c>.tp-fldv>.tp-fldv_b,.tp-fldv_c>.tp-fldv>.tp-fldv_b{border-top-left-radius:var(--bld-br);border-bottom-left-radius:var(--bld-br)}.tp-tbpv_c>.tp-fldv.tp-fldv-expanded>.tp-fldv_b,.tp-fldv_c>.tp-fldv.tp-fldv-expanded>.tp-fldv_b{border-bottom-left-radius:0}.tp-tbpv_c .tp-fldv>.tp-fldv_c,.tp-fldv_c .tp-fldv>.tp-fldv_c{border-bottom-left-radius:var(--bld-br)}.tp-tbpv_c>.tp-cntv+.tp-fldv>.tp-fldv_b,.tp-fldv_c>.tp-cntv+.tp-fldv>.tp-fldv_b{border-top-left-radius:0}.tp-tbpv_c>.tp-cntv+.tp-tabv>.tp-tabv_t,.tp-fldv_c>.tp-cntv+.tp-tabv>.tp-tabv_t{border-top-left-radius:0}.tp-tbpv_c>.tp-tabv>.tp-tabv_t,.tp-fldv_c>.tp-tabv>.tp-tabv_t{border-top-left-radius:var(--bld-br)}.tp-tbpv_c .tp-tabv>.tp-tabv_c,.tp-fldv_c .tp-tabv>.tp-tabv_c{border-bottom-left-radius:var(--bld-br)}.tp-rotv_b,.tp-fldv_b{background-color:var(--cnt-bg);color:var(--cnt-fg);cursor:pointer;display:block;height:calc(var(--cnt-usz) + 4px);line-height:calc(var(--cnt-usz) + 4px);overflow:hidden;padding-left:var(--cnt-hp);padding-right:calc(4px + var(--cnt-usz) + var(--cnt-hp));position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;transition:border-radius .2s ease-in-out .2s}.tp-rotv_b:hover,.tp-fldv_b:hover{background-color:var(--cnt-bg-h)}.tp-rotv_b:focus,.tp-fldv_b:focus{background-color:var(--cnt-bg-f)}.tp-rotv_b:active,.tp-fldv_b:active{background-color:var(--cnt-bg-a)}.tp-rotv_b:disabled,.tp-fldv_b:disabled{opacity:.5}.tp-rotv_m,.tp-fldv_m{background:linear-gradient(to left, var(--cnt-fg), var(--cnt-fg) 2px, transparent 2px, transparent 4px, var(--cnt-fg) 4px);border-radius:2px;bottom:0;content:"";display:block;height:6px;right:calc(var(--cnt-hp) + (var(--cnt-usz) + 4px - 6px)/2 - 2px);margin:auto;opacity:.5;position:absolute;top:0;transform:rotate(90deg);transition:transform .2s ease-in-out;width:6px}.tp-rotv.tp-rotv-expanded .tp-rotv_m,.tp-fldv.tp-fldv-expanded>.tp-fldv_b>.tp-fldv_m{transform:none}.tp-rotv_c,.tp-fldv_c{box-sizing:border-box;height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;position:relative;transition:height .2s ease-in-out,opacity .2s linear,padding .2s ease-in-out}.tp-rotv.tp-rotv-cpl:not(.tp-rotv-expanded) .tp-rotv_c,.tp-fldv.tp-fldv-cpl:not(.tp-fldv-expanded)>.tp-fldv_c{display:none}.tp-rotv.tp-rotv-expanded .tp-rotv_c,.tp-fldv.tp-fldv-expanded>.tp-fldv_c{opacity:1;padding-bottom:var(--cnt-vp);padding-top:var(--cnt-vp);transform:none;overflow:visible;transition:height .2s ease-in-out,opacity .2s linear .2s,padding .2s ease-in-out}.tp-txtv_i,.tp-p2dpv_p,.tp-colswv_sw{background-color:var(--in-bg);border-radius:var(--bld-br);box-sizing:border-box;color:var(--in-fg);font-family:inherit;height:var(--cnt-usz);line-height:var(--cnt-usz);min-width:0;width:100%}.tp-txtv_i:hover,.tp-p2dpv_p:hover,.tp-colswv_sw:hover{background-color:var(--in-bg-h)}.tp-txtv_i:focus,.tp-p2dpv_p:focus,.tp-colswv_sw:focus{background-color:var(--in-bg-f)}.tp-txtv_i:active,.tp-p2dpv_p:active,.tp-colswv_sw:active{background-color:var(--in-bg-a)}.tp-txtv_i:disabled,.tp-p2dpv_p:disabled,.tp-colswv_sw:disabled{opacity:.5}.tp-lstv,.tp-coltxtv_m{position:relative}.tp-lstv_s{padding:0 20px 0 4px;width:100%}.tp-lstv_m,.tp-coltxtv_mm{bottom:0;margin:auto;pointer-events:none;position:absolute;right:2px;top:0}.tp-lstv_m svg,.tp-coltxtv_mm svg{bottom:0;height:16px;margin:auto;position:absolute;right:0;top:0;width:16px}.tp-lstv_m svg path,.tp-coltxtv_mm svg path{fill:currentColor}.tp-sglv_i,.tp-mllv_i,.tp-grlv_g{background-color:var(--mo-bg);border-radius:var(--bld-br);box-sizing:border-box;color:var(--mo-fg);height:var(--cnt-usz);scrollbar-color:currentColor rgba(0,0,0,0);scrollbar-width:thin;width:100%}.tp-sglv_i::-webkit-scrollbar,.tp-mllv_i::-webkit-scrollbar,.tp-grlv_g::-webkit-scrollbar{height:8px;width:8px}.tp-sglv_i::-webkit-scrollbar-corner,.tp-mllv_i::-webkit-scrollbar-corner,.tp-grlv_g::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}.tp-sglv_i::-webkit-scrollbar-thumb,.tp-mllv_i::-webkit-scrollbar-thumb,.tp-grlv_g::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:currentColor;border:rgba(0,0,0,0) solid 2px;border-radius:4px}.tp-pndtxtv,.tp-coltxtv_w{display:flex}.tp-pndtxtv_a,.tp-coltxtv_c{width:100%}.tp-pndtxtv_a+.tp-pndtxtv_a,.tp-coltxtv_c+.tp-pndtxtv_a,.tp-pndtxtv_a+.tp-coltxtv_c,.tp-coltxtv_c+.tp-coltxtv_c{margin-left:2px}.tp-rotv{--bs-bg: var(--tp-base-background-color, hsl(230, 7%, 17%));--bs-br: var(--tp-base-border-radius, 6px);--bs-ff: var(--tp-base-font-family, Roboto Mono, Source Code Pro, Menlo, Courier, monospace);--bs-sh: var(--tp-base-shadow-color, rgba(0, 0, 0, 0.2));--bld-br: var(--tp-blade-border-radius, 2px);--bld-hp: var(--tp-blade-horizontal-padding, 4px);--bld-vw: var(--tp-blade-value-width, 160px);--btn-bg: var(--tp-button-background-color, hsl(230, 7%, 70%));--btn-bg-a: var(--tp-button-background-color-active, #d6d7db);--btn-bg-f: var(--tp-button-background-color-focus, #c8cad0);--btn-bg-h: var(--tp-button-background-color-hover, #bbbcc4);--btn-fg: var(--tp-button-foreground-color, hsl(230, 7%, 17%));--cnt-bg: var(--tp-container-background-color, rgba(187, 188, 196, 0.1));--cnt-bg-a: var(--tp-container-background-color-active, rgba(187, 188, 196, 0.25));--cnt-bg-f: var(--tp-container-background-color-focus, rgba(187, 188, 196, 0.2));--cnt-bg-h: var(--tp-container-background-color-hover, rgba(187, 188, 196, 0.15));--cnt-fg: var(--tp-container-foreground-color, hsl(230, 7%, 75%));--cnt-hp: var(--tp-container-horizontal-padding, 4px);--cnt-vp: var(--tp-container-vertical-padding, 4px);--cnt-usp: var(--tp-container-unit-spacing, 4px);--cnt-usz: var(--tp-container-unit-size, 20px);--in-bg: var(--tp-input-background-color, rgba(187, 188, 196, 0.1));--in-bg-a: var(--tp-input-background-color-active, rgba(187, 188, 196, 0.25));--in-bg-f: var(--tp-input-background-color-focus, rgba(187, 188, 196, 0.2));--in-bg-h: var(--tp-input-background-color-hover, rgba(187, 188, 196, 0.15));--in-fg: var(--tp-input-foreground-color, hsl(230, 7%, 75%));--lbl-fg: var(--tp-label-foreground-color, rgba(187, 188, 196, 0.7));--mo-bg: var(--tp-monitor-background-color, rgba(0, 0, 0, 0.2));--mo-fg: var(--tp-monitor-foreground-color, rgba(187, 188, 196, 0.7));--grv-fg: var(--tp-groove-foreground-color, rgba(187, 188, 196, 0.1))}.tp-btnv_b{width:100%}.tp-btnv_t{text-align:center}.tp-ckbv_l{display:block;position:relative}.tp-ckbv_i{left:0;opacity:0;position:absolute;top:0}.tp-ckbv_w{background-color:var(--in-bg);border-radius:var(--bld-br);cursor:pointer;display:block;height:var(--cnt-usz);position:relative;width:var(--cnt-usz)}.tp-ckbv_w svg{display:block;height:16px;inset:0;margin:auto;opacity:0;position:absolute;width:16px}.tp-ckbv_w svg path{fill:none;stroke:var(--in-fg);stroke-width:2}.tp-ckbv_i:hover+.tp-ckbv_w{background-color:var(--in-bg-h)}.tp-ckbv_i:focus+.tp-ckbv_w{background-color:var(--in-bg-f)}.tp-ckbv_i:active+.tp-ckbv_w{background-color:var(--in-bg-a)}.tp-ckbv_i:checked+.tp-ckbv_w svg{opacity:1}.tp-ckbv.tp-v-disabled .tp-ckbv_w{opacity:.5}.tp-colv{position:relative}.tp-colv_h{display:flex}.tp-colv_s{flex-grow:0;flex-shrink:0;width:var(--cnt-usz)}.tp-colv_t{flex:1;margin-left:4px}.tp-colv_p{height:0;margin-top:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out,opacity .2s linear,margin .2s ease-in-out}.tp-colv.tp-colv-expanded.tp-colv-cpl .tp-colv_p{overflow:visible}.tp-colv.tp-colv-expanded .tp-colv_p{margin-top:var(--cnt-usp);opacity:1}.tp-colv .tp-popv{left:calc(-1*var(--cnt-hp));right:calc(-1*var(--cnt-hp));top:var(--cnt-usz)}.tp-colpv_h,.tp-colpv_ap{margin-left:6px;margin-right:6px}.tp-colpv_h{margin-top:var(--cnt-usp)}.tp-colpv_rgb{display:flex;margin-top:var(--cnt-usp);width:100%}.tp-colpv_a{display:flex;margin-top:var(--cnt-vp);padding-top:calc(var(--cnt-vp) + 2px);position:relative}.tp-colpv_a::before{background-color:var(--grv-fg);content:"";height:2px;left:calc(-1*var(--cnt-hp));position:absolute;right:calc(-1*var(--cnt-hp));top:0}.tp-colpv.tp-v-disabled .tp-colpv_a::before{opacity:.5}.tp-colpv_ap{align-items:center;display:flex;flex:3}.tp-colpv_at{flex:1;margin-left:4px}.tp-svpv{border-radius:var(--bld-br);outline:none;overflow:hidden;position:relative}.tp-svpv.tp-v-disabled{opacity:.5}.tp-svpv_c{cursor:crosshair;display:block;height:calc(var(--cnt-usz)*4);width:100%}.tp-svpv_m{border-radius:100%;border:rgba(255,255,255,.75) solid 2px;box-sizing:border-box;filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.3));height:12px;margin-left:-6px;margin-top:-6px;pointer-events:none;position:absolute;width:12px}.tp-svpv:focus .tp-svpv_m{border-color:#fff}.tp-hplv{cursor:pointer;height:var(--cnt-usz);outline:none;position:relative}.tp-hplv.tp-v-disabled{opacity:.5}.tp-hplv_c{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAABCAYAAABubagXAAAAQ0lEQVQoU2P8z8Dwn0GCgQEDi2OK/RBgYHjBgIpfovFh8j8YBIgzFGQxuqEgPhaDOT5gOhPkdCxOZeBg+IDFZZiGAgCaSSMYtcRHLgAAAABJRU5ErkJggg==);background-position:left top;background-repeat:no-repeat;background-size:100% 100%;border-radius:2px;display:block;height:4px;left:0;margin-top:-2px;position:absolute;top:50%;width:100%}.tp-hplv_m{border-radius:var(--bld-br);border:rgba(255,255,255,.75) solid 2px;box-shadow:0 0 2px rgba(0,0,0,.1);box-sizing:border-box;height:12px;left:50%;margin-left:-6px;margin-top:-6px;position:absolute;top:50%;width:12px}.tp-hplv:focus .tp-hplv_m{border-color:#fff}.tp-aplv{cursor:pointer;height:var(--cnt-usz);outline:none;position:relative;width:100%}.tp-aplv.tp-v-disabled{opacity:.5}.tp-aplv_b{background-color:#fff;background-image:linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%),linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%);background-size:4px 4px;background-position:0 0,2px 2px;border-radius:2px;display:block;height:4px;left:0;margin-top:-2px;overflow:hidden;position:absolute;top:50%;width:100%}.tp-aplv_c{inset:0;position:absolute}.tp-aplv_m{background-color:#fff;background-image:linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%),linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%);background-size:12px 12px;background-position:0 0,6px 6px;border-radius:var(--bld-br);box-shadow:0 0 2px rgba(0,0,0,.1);height:12px;left:50%;margin-left:-6px;margin-top:-6px;overflow:hidden;position:absolute;top:50%;width:12px}.tp-aplv_p{border-radius:var(--bld-br);border:rgba(255,255,255,.75) solid 2px;box-sizing:border-box;inset:0;position:absolute}.tp-aplv:focus .tp-aplv_p{border-color:#fff}.tp-colswv{background-color:#fff;background-image:linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%),linear-gradient(to top right, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%);background-size:10px 10px;background-position:0 0,5px 5px;border-radius:var(--bld-br);overflow:hidden}.tp-colswv.tp-v-disabled{opacity:.5}.tp-colswv_sw{border-radius:0}.tp-colswv_b{cursor:pointer;display:block;height:var(--cnt-usz);left:0;position:absolute;top:0;width:var(--cnt-usz)}.tp-colswv_b:focus::after{border:rgba(255,255,255,.75) solid 2px;border-radius:var(--bld-br);content:"";display:block;inset:0;position:absolute}.tp-coltxtv{display:flex;width:100%}.tp-coltxtv_m{margin-right:4px}.tp-coltxtv_ms{border-radius:var(--bld-br);color:var(--lbl-fg);cursor:pointer;height:var(--cnt-usz);line-height:var(--cnt-usz);padding:0 18px 0 4px}.tp-coltxtv_ms:hover{background-color:var(--in-bg-h)}.tp-coltxtv_ms:focus{background-color:var(--in-bg-f)}.tp-coltxtv_ms:active{background-color:var(--in-bg-a)}.tp-coltxtv_mm{color:var(--lbl-fg)}.tp-coltxtv.tp-v-disabled .tp-coltxtv_mm{opacity:.5}.tp-coltxtv_w{flex:1}.tp-dfwv{position:absolute;top:8px;right:8px;width:256px}.tp-fldv{position:relative}.tp-fldv_t{padding-left:4px}.tp-fldv_b:disabled .tp-fldv_m{display:none}.tp-fldv_c{padding-left:4px}.tp-fldv_i{bottom:0;color:var(--cnt-bg);left:0;overflow:hidden;position:absolute;top:calc(var(--cnt-usz) + 4px);width:max(var(--bs-br),4px)}.tp-fldv_i::before{background-color:currentColor;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.tp-fldv_b:hover+.tp-fldv_i{color:var(--cnt-bg-h)}.tp-fldv_b:focus+.tp-fldv_i{color:var(--cnt-bg-f)}.tp-fldv_b:active+.tp-fldv_i{color:var(--cnt-bg-a)}.tp-fldv.tp-v-disabled>.tp-fldv_i{opacity:.5}.tp-grlv{position:relative}.tp-grlv_g{display:block;height:calc(var(--cnt-usz)*3)}.tp-grlv_g polyline{fill:none;stroke:var(--mo-fg);stroke-linejoin:round}.tp-grlv_t{margin-top:-4px;transition:left .05s,top .05s;visibility:hidden}.tp-grlv_t.tp-grlv_t-a{visibility:visible}.tp-grlv_t.tp-grlv_t-in{transition:none}.tp-grlv.tp-v-disabled .tp-grlv_g{opacity:.5}.tp-grlv .tp-ttv{background-color:var(--mo-fg)}.tp-grlv .tp-ttv::before{border-top-color:var(--mo-fg)}.tp-lblv{align-items:center;display:flex;line-height:1.3;padding-left:var(--cnt-hp);padding-right:var(--cnt-hp)}.tp-lblv.tp-lblv-nol{display:block}.tp-lblv_l{color:var(--lbl-fg);flex:1;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;padding-left:4px;padding-right:16px}.tp-lblv.tp-v-disabled .tp-lblv_l{opacity:.5}.tp-lblv.tp-lblv-nol .tp-lblv_l{display:none}.tp-lblv_v{align-self:flex-start;flex-grow:0;flex-shrink:0;width:var(--bld-vw)}.tp-lblv.tp-lblv-nol .tp-lblv_v{width:100%}.tp-lstv_s{padding:0 20px 0 var(--bld-hp);width:100%}.tp-lstv_m{color:var(--btn-fg)}.tp-sglv_i{padding-left:var(--bld-hp);padding-right:var(--bld-hp)}.tp-sglv.tp-v-disabled .tp-sglv_i{opacity:.5}.tp-mllv_i{display:block;height:calc(var(--cnt-usz)*3);line-height:var(--cnt-usz);padding-left:var(--bld-hp);padding-right:var(--bld-hp);resize:none;white-space:pre}.tp-mllv.tp-v-disabled .tp-mllv_i{opacity:.5}.tp-p2dv{position:relative}.tp-p2dv_h{display:flex}.tp-p2dv_b{height:var(--cnt-usz);margin-right:4px;position:relative;width:var(--cnt-usz)}.tp-p2dv_b svg{display:block;height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.tp-p2dv_b svg path{stroke:currentColor;stroke-width:2}.tp-p2dv_b svg circle{fill:currentColor}.tp-p2dv_t{flex:1}.tp-p2dv_p{height:0;margin-top:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out,opacity .2s linear,margin .2s ease-in-out}.tp-p2dv.tp-p2dv-expanded .tp-p2dv_p{margin-top:var(--cnt-usp);opacity:1}.tp-p2dv .tp-popv{left:calc(-1*var(--cnt-hp));right:calc(-1*var(--cnt-hp));top:var(--cnt-usz)}.tp-p2dpv{padding-left:calc(var(--cnt-usz) + 4px)}.tp-p2dpv_p{cursor:crosshair;height:0;overflow:hidden;padding-bottom:100%;position:relative}.tp-p2dpv.tp-v-disabled .tp-p2dpv_p{opacity:.5}.tp-p2dpv_g{display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.tp-p2dpv_ax{opacity:.1;stroke:var(--in-fg);stroke-dasharray:1}.tp-p2dpv_l{opacity:.5;stroke:var(--in-fg);stroke-dasharray:1}.tp-p2dpv_m{border:var(--in-fg) solid 1px;border-radius:50%;box-sizing:border-box;height:4px;margin-left:-2px;margin-top:-2px;position:absolute;width:4px}.tp-p2dpv_p:focus .tp-p2dpv_m{background-color:var(--in-fg);border-width:0}.tp-popv{background-color:var(--bs-bg);border-radius:var(--bs-br);box-shadow:0 2px 4px var(--bs-sh);display:none;max-width:var(--bld-vw);padding:var(--cnt-vp) var(--cnt-hp);position:absolute;visibility:hidden;z-index:1000}.tp-popv.tp-popv-v{display:block;visibility:visible}.tp-sldv.tp-v-disabled{opacity:.5}.tp-sldv_t{box-sizing:border-box;cursor:pointer;height:var(--cnt-usz);margin:0 6px;outline:none;position:relative}.tp-sldv_t::before{background-color:var(--in-bg);border-radius:1px;content:"";display:block;height:2px;inset:0;margin:auto;position:absolute}.tp-sldv_k{height:100%;left:0;position:absolute;top:0}.tp-sldv_k::before{background-color:var(--in-fg);border-radius:1px;content:"";display:block;height:2px;inset:0;margin-bottom:auto;margin-top:auto;position:absolute}.tp-sldv_k::after{background-color:var(--btn-bg);border-radius:var(--bld-br);bottom:0;content:"";display:block;height:12px;margin-bottom:auto;margin-top:auto;position:absolute;right:-6px;top:0;width:12px}.tp-sldv_t:hover .tp-sldv_k::after{background-color:var(--btn-bg-h)}.tp-sldv_t:focus .tp-sldv_k::after{background-color:var(--btn-bg-f)}.tp-sldv_t:active .tp-sldv_k::after{background-color:var(--btn-bg-a)}.tp-sldtxtv{display:flex}.tp-sldtxtv_s{flex:2}.tp-sldtxtv_t{flex:1;margin-left:4px}.tp-tabv{position:relative}.tp-tabv_t{align-items:flex-end;color:var(--cnt-bg);display:flex;overflow:hidden;position:relative}.tp-tabv_t:hover{color:var(--cnt-bg-h)}.tp-tabv_t:has(*:focus){color:var(--cnt-bg-f)}.tp-tabv_t:has(*:active){color:var(--cnt-bg-a)}.tp-tabv_t::before{background-color:currentColor;bottom:0;content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0}.tp-tabv.tp-v-disabled .tp-tabv_t::before{opacity:.5}.tp-tabv.tp-tabv-nop .tp-tabv_t{height:calc(var(--cnt-usz) + 4px);position:relative}.tp-tabv.tp-tabv-nop .tp-tabv_t::before{background-color:var(--cnt-bg);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tp-tabv_i{bottom:0;color:var(--cnt-bg);left:0;overflow:hidden;position:absolute;top:calc(var(--cnt-usz) + 4px);width:max(var(--bs-br),4px)}.tp-tabv_i::before{background-color:currentColor;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.tp-tabv_t:hover+.tp-tabv_i{color:var(--cnt-bg-h)}.tp-tabv_t:has(*:focus)+.tp-tabv_i{color:var(--cnt-bg-f)}.tp-tabv_t:has(*:active)+.tp-tabv_i{color:var(--cnt-bg-a)}.tp-tabv.tp-v-disabled>.tp-tabv_i{opacity:.5}.tp-tbiv{flex:1;min-width:0;position:relative}.tp-tbiv+.tp-tbiv{margin-left:2px}.tp-tbiv+.tp-tbiv.tp-v-disabled::before{opacity:.5}.tp-tbiv_b{display:block;padding-left:calc(var(--cnt-hp) + 4px);padding-right:calc(var(--cnt-hp) + 4px);position:relative;width:100%}.tp-tbiv_b:disabled{opacity:.5}.tp-tbiv_b::before{background-color:var(--cnt-bg);content:"";inset:0 0 2px;pointer-events:none;position:absolute}.tp-tbiv_b:hover::before{background-color:var(--cnt-bg-h)}.tp-tbiv_b:focus::before{background-color:var(--cnt-bg-f)}.tp-tbiv_b:active::before{background-color:var(--cnt-bg-a)}.tp-tbiv_t{color:var(--cnt-fg);height:calc(var(--cnt-usz) + 4px);line-height:calc(var(--cnt-usz) + 4px);opacity:.5;overflow:hidden;position:relative;text-overflow:ellipsis}.tp-tbiv.tp-tbiv-sel .tp-tbiv_t{opacity:1}.tp-tbpv_c{padding-bottom:var(--cnt-vp);padding-left:4px;padding-top:var(--cnt-vp)}.tp-txtv{position:relative}.tp-txtv_i{padding-left:var(--bld-hp);padding-right:var(--bld-hp)}.tp-txtv.tp-txtv-fst .tp-txtv_i{border-bottom-right-radius:0;border-top-right-radius:0}.tp-txtv.tp-txtv-mid .tp-txtv_i{border-radius:0}.tp-txtv.tp-txtv-lst .tp-txtv_i{border-bottom-left-radius:0;border-top-left-radius:0}.tp-txtv.tp-txtv-num .tp-txtv_i{text-align:right}.tp-txtv.tp-txtv-drg .tp-txtv_i{opacity:.3}.tp-txtv_k{cursor:pointer;height:100%;left:calc(var(--bld-hp) - 5px);position:absolute;top:0;width:12px}.tp-txtv_k::before{background-color:var(--in-fg);border-radius:1px;bottom:0;content:"";height:calc(var(--cnt-usz) - 4px);left:50%;margin-bottom:auto;margin-left:-1px;margin-top:auto;opacity:.1;position:absolute;top:0;transition:border-radius .1s,height .1s,transform .1s,width .1s;width:2px}.tp-txtv_k:hover::before,.tp-txtv.tp-txtv-drg .tp-txtv_k::before{opacity:1}.tp-txtv.tp-txtv-drg .tp-txtv_k::before{border-radius:50%;height:4px;transform:translateX(-1px);width:4px}.tp-txtv_g{bottom:0;display:block;height:8px;left:50%;margin:auto;overflow:visible;pointer-events:none;position:absolute;top:0;visibility:hidden;width:100%}.tp-txtv.tp-txtv-drg .tp-txtv_g{visibility:visible}.tp-txtv_gb{fill:none;stroke:var(--in-fg);stroke-dasharray:1}.tp-txtv_gh{fill:none;stroke:var(--in-fg)}.tp-txtv .tp-ttv{margin-left:6px;visibility:hidden}.tp-txtv.tp-txtv-drg .tp-ttv{visibility:visible}.tp-ttv{background-color:var(--in-fg);border-radius:var(--bld-br);color:var(--bs-bg);padding:2px 4px;pointer-events:none;position:absolute;transform:translate(-50%, -100%)}.tp-ttv::before{border-color:var(--in-fg) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:2px;box-sizing:border-box;content:"";font-size:.9em;height:4px;left:50%;margin-left:-2px;position:absolute;top:100%;width:4px}.tp-rotv{background-color:var(--bs-bg);border-radius:var(--bs-br);box-shadow:0 2px 4px var(--bs-sh);font-family:var(--bs-ff);font-size:11px;font-weight:500;line-height:1;text-align:left}.tp-rotv_b{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br);border-top-left-radius:var(--bs-br);border-top-right-radius:var(--bs-br);padding-left:calc(4px + var(--cnt-usz) + var(--cnt-hp));text-align:center}.tp-rotv.tp-rotv-expanded .tp-rotv_b{border-bottom-left-radius:0;border-bottom-right-radius:0;transition-delay:0s;transition-duration:0s}.tp-rotv.tp-rotv-not>.tp-rotv_b{display:none}.tp-rotv_b:disabled .tp-rotv_m{display:none}.tp-rotv_c>.tp-fldv.tp-v-lst>.tp-fldv_c{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.tp-rotv_c>.tp-fldv.tp-v-lst>.tp-fldv_i{border-bottom-left-radius:var(--bs-br)}.tp-rotv_c>.tp-fldv.tp-v-lst:not(.tp-fldv-expanded)>.tp-fldv_b{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.tp-rotv_c>.tp-fldv.tp-v-lst.tp-fldv-expanded>.tp-fldv_b{transition-delay:0s;transition-duration:0s}.tp-rotv_c .tp-fldv.tp-v-vlst:not(.tp-fldv-expanded)>.tp-fldv_b{border-bottom-right-radius:var(--bs-br)}.tp-rotv.tp-rotv-not .tp-rotv_c>.tp-fldv.tp-v-fst{margin-top:calc(-1*var(--cnt-vp))}.tp-rotv.tp-rotv-not .tp-rotv_c>.tp-fldv.tp-v-fst>.tp-fldv_b{border-top-left-radius:var(--bs-br);border-top-right-radius:var(--bs-br)}.tp-rotv_c>.tp-tabv.tp-v-lst>.tp-tabv_c{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.tp-rotv_c>.tp-tabv.tp-v-lst>.tp-tabv_i{border-bottom-left-radius:var(--bs-br)}.tp-rotv.tp-rotv-not .tp-rotv_c>.tp-tabv.tp-v-fst{margin-top:calc(-1*var(--cnt-vp))}.tp-rotv.tp-rotv-not .tp-rotv_c>.tp-tabv.tp-v-fst>.tp-tabv_t{border-top-left-radius:var(--bs-br);border-top-right-radius:var(--bs-br)}.tp-rotv.tp-v-disabled,.tp-rotv .tp-v-disabled{pointer-events:none}.tp-rotv.tp-v-hidden,.tp-rotv .tp-v-hidden{display:none}.tp-sprv_r{background-color:var(--grv-fg);border-width:0;display:block;height:2px;margin:0;width:100%}.tp-sprv.tp-v-disabled .tp-sprv_r{opacity:.5}',
       plugins: [
-        O8,
-        H8,
+        U8,
         B8,
+        j8,
         kD,
-        j8
+        V8
       ]
     });
   }
 }
 new VD("4.0.5");
-const k8 = "_container_1jjbp_1", Y8 = "_nameRow_1jjbp_8", X8 = "_nameIcon_1jjbp_18", P8 = "_nameText_1jjbp_24", Q8 = "_sectionHeader_1jjbp_32", Z8 = "_sectionArrow_1jjbp_46", K8 = "_collapsed_1jjbp_54", J8 = "_sectionTitle_1jjbp_58", $8 = "_divider_1jjbp_66", W8 = "_propertyRow3_1jjbp_73", F8 = "_propertyLabel_1jjbp_81", I8 = "_checkboxRow_1jjbp_108", tU = "_checkbox_1jjbp_108", eU = "_checkboxLabel_1jjbp_124", nU = "_propertyRow_1jjbp_73", aU = "_propertyLabelWide_1jjbp_140", lU = "_valueDisplay_1jjbp_148", iU = "_sliderRow_1jjbp_184", oU = "_sliderTrack_1jjbp_192", sU = "_sliderFill_1jjbp_202", rU = "_sliderThumb_1jjbp_212", uU = "_sliderInput_1jjbp_224", cU = "_draggableInput_1jjbp_244", fU = "_empty_1jjbp_265", dU = "_colorInput_1jjbp_274", hU = "_prefabSection_1jjbp_286", Ce = {
-  container: k8,
-  nameRow: Y8,
-  nameIcon: X8,
-  nameText: P8,
-  sectionHeader: Q8,
-  sectionArrow: Z8,
-  collapsed: K8,
-  sectionTitle: J8,
-  divider: $8,
-  propertyRow3: W8,
-  propertyLabel: F8,
-  checkboxRow: I8,
-  checkbox: tU,
-  checkboxLabel: eU,
-  propertyRow: nU,
-  propertyLabelWide: aU,
-  valueDisplay: lU,
-  sliderRow: iU,
-  sliderTrack: oU,
-  sliderFill: sU,
-  sliderThumb: rU,
-  sliderInput: uU,
-  draggableInput: cU,
-  empty: fU,
-  colorInput: dU,
-  prefabSection: hU
+const Y8 = "_container_1jjbp_1", X8 = "_nameRow_1jjbp_8", P8 = "_nameIcon_1jjbp_18", Q8 = "_nameText_1jjbp_24", Z8 = "_sectionHeader_1jjbp_32", K8 = "_sectionArrow_1jjbp_46", J8 = "_collapsed_1jjbp_54", $8 = "_sectionTitle_1jjbp_58", W8 = "_divider_1jjbp_66", F8 = "_propertyRow3_1jjbp_73", I8 = "_propertyLabel_1jjbp_81", tU = "_checkboxRow_1jjbp_108", eU = "_checkbox_1jjbp_108", nU = "_checkboxLabel_1jjbp_124", aU = "_propertyRow_1jjbp_73", lU = "_propertyLabelWide_1jjbp_140", iU = "_valueDisplay_1jjbp_148", oU = "_sliderRow_1jjbp_184", sU = "_sliderTrack_1jjbp_192", rU = "_sliderFill_1jjbp_202", uU = "_sliderThumb_1jjbp_212", cU = "_sliderInput_1jjbp_224", fU = "_draggableInput_1jjbp_244", dU = "_empty_1jjbp_265", hU = "_colorInput_1jjbp_274", pU = "_prefabSection_1jjbp_286", Ce = {
+  container: Y8,
+  nameRow: X8,
+  nameIcon: P8,
+  nameText: Q8,
+  sectionHeader: Z8,
+  sectionArrow: K8,
+  collapsed: J8,
+  sectionTitle: $8,
+  divider: W8,
+  propertyRow3: F8,
+  propertyLabel: I8,
+  checkboxRow: tU,
+  checkbox: eU,
+  checkboxLabel: nU,
+  propertyRow: aU,
+  propertyLabelWide: lU,
+  valueDisplay: iU,
+  sliderRow: oU,
+  sliderTrack: sU,
+  sliderFill: rU,
+  sliderThumb: uU,
+  sliderInput: cU,
+  draggableInput: fU,
+  empty: dU,
+  colorInput: hU,
+  prefabSection: pU
 };
 function kw({ value: s, onChange: l, speed: o, className: c }) {
   const p = Ee(null), b = Ee(null), S = (D) => Number.parseFloat(D.toFixed(2)).toString(), _ = o ?? 0.01, C = (D) => {
@@ -40135,7 +40136,7 @@ function g0({ label: s, checked: l, onChange: o }) {
     /* @__PURE__ */ $("label", { htmlFor: c, className: Ce.checkboxLabel, children: s })
   ] });
 }
-function pU({ label: s, value: l, onChange: o }) {
+function mU({ label: s, value: l, onChange: o }) {
   return /* @__PURE__ */ Rt("div", { className: Ce.propertyRow, children: [
     /* @__PURE__ */ $("span", { className: Ce.propertyLabelWide, children: s }),
     /* @__PURE__ */ $(
@@ -40150,7 +40151,7 @@ function pU({ label: s, value: l, onChange: o }) {
     )
   ] });
 }
-function mU({ label: s, value: l }) {
+function vU({ label: s, value: l }) {
   return /* @__PURE__ */ Rt("div", { className: Ce.propertyRow, children: [
     /* @__PURE__ */ $("span", { className: Ce.propertyLabelWide, children: s }),
     /* @__PURE__ */ $("span", { className: Ce.valueDisplay, children: l })
@@ -40193,16 +40194,16 @@ function b0({ label: s, value: l, min: o, max: c, step: p, onChange: b }) {
     )
   ] });
 }
-function vU({ config: s }) {
+function gU({ config: s }) {
   const l = Ee(null);
   return Bn(() => {
     if (!l.current)
       return;
-    const o = new q8({ container: l.current, title: s.label });
+    const o = new k8({ container: l.current, title: s.label });
     return s.addBindings(o), () => o.dispose();
   }, [s]), /* @__PURE__ */ $("div", { className: Ce.prefabSection, ref: l });
 }
-function gU() {
+function bU() {
   var k, dt;
   const [s, l] = Ae(null), [, o] = Ae(0), [c, p] = Ae(/* @__PURE__ */ new Map()), b = or(() => o((R) => R + 1), []), [S, _] = Ae(!0), [C, x] = Ae(!0), [D, M] = Ae(!0), [A, N] = Ae(!0), [L, O] = Ae(!0);
   Bn(() => {
@@ -40320,7 +40321,7 @@ function gU() {
           }
         }
       ),
-      /* @__PURE__ */ $(mU, { label: "uuid", value: s.uuid })
+      /* @__PURE__ */ $(vU, { label: "uuid", value: s.uuid })
     ] }),
     j && /* @__PURE__ */ Rt(df, { children: [
       /* @__PURE__ */ $("div", { className: Ce.divider }),
@@ -40404,7 +40405,7 @@ function gU() {
       /* @__PURE__ */ $("div", { className: Ce.divider }),
       /* @__PURE__ */ $(v0, { title: "Properties", expanded: L, onToggle: () => O((R) => !R) }),
       L && W.map((R) => R.type === "color" ? /* @__PURE__ */ $(
-        pU,
+        mU,
         {
           label: R.label,
           value: R.getValue(),
@@ -40438,17 +40439,17 @@ function gU() {
         R.label
       ) : null)
     ] }),
-    [...c.values()].map((R) => /* @__PURE__ */ $(vU, { config: R }, R.label))
+    [...c.values()].map((R) => /* @__PURE__ */ $(gU, { config: R }, R.label))
   ] });
 }
-const bU = "_container_1n3qk_1", yU = "_row_1n3qk_8", _U = "_selected_1n3qk_22", SU = "_arrow_1n3qk_30", wU = "_typeIcon_1n3qk_39", EU = "_name_1n3qk_53", CU = "_empty_1n3qk_61", uh = {
-  container: bU,
-  row: yU,
-  selected: _U,
-  arrow: SU,
-  typeIcon: wU,
-  name: EU,
-  empty: CU
+const yU = "_container_1n3qk_1", _U = "_row_1n3qk_8", SU = "_selected_1n3qk_22", wU = "_arrow_1n3qk_30", EU = "_typeIcon_1n3qk_39", CU = "_name_1n3qk_53", xU = "_empty_1n3qk_61", uh = {
+  container: yU,
+  row: _U,
+  selected: SU,
+  arrow: wU,
+  typeIcon: EU,
+  name: CU,
+  empty: xU
 };
 function Sz(s) {
   return {
@@ -40461,7 +40462,7 @@ function Sz(s) {
     }).map((l) => Sz(l))
   };
 }
-function xU(s) {
+function TU(s) {
   return s.includes("Light") ? {
     paths: ["M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"],
     color: "var(--accent-yellow)"
@@ -40480,7 +40481,7 @@ function xU(s) {
   };
 }
 function wz({ item: s, selectedUuid: l, depth: o, onSelect: c }) {
-  const [p, b] = Ae(!0), S = s.children.length > 0, _ = s.uuid === l, C = Ee(null), x = xU(s.type);
+  const [p, b] = Ae(!0), S = s.children.length > 0, _ = s.uuid === l, C = Ee(null), x = TU(s.type);
   return Bn(() => {
     var D;
     _ && ((D = C.current) == null || D.scrollIntoView({ block: "nearest" }));
@@ -40521,7 +40522,7 @@ function wz({ item: s, selectedUuid: l, depth: o, onSelect: c }) {
     ))
   ] });
 }
-function TU() {
+function DU() {
   const [s, l] = Ae([]), [o, c] = Ae(null), p = or(() => {
     var C;
     const S = (C = window.Game) == null ? void 0 : C.scene;
@@ -40578,15 +40579,15 @@ function TU() {
     S.uuid
   )) });
 }
-const DU = "_statusBar_1ffi6_1", zU = "_section_1ffi6_13", MU = "_stat_1ffi6_1", AU = "_statLabel_1ffi6_25", RU = "_branch_1ffi6_30", OU = "_engineName_1ffi6_35", Wa = {
-  statusBar: DU,
-  section: zU,
-  stat: MU,
-  statLabel: AU,
-  branch: RU,
-  engineName: OU
-};
-function UU(s = 500) {
+const zU = "_statusBar_1ffi6_1", MU = "_section_1ffi6_13", AU = "_stat_1ffi6_1", RU = "_statLabel_1ffi6_25", OU = "_branch_1ffi6_30", UU = "_engineName_1ffi6_35", Wa = {
+  statusBar: zU,
+  section: MU,
+  stat: AU,
+  statLabel: RU,
+  branch: OU,
+  engineName: UU
+}, NU = "0.0.6";
+function LU(s = 500) {
   const [l, o] = Ae({
     fps: 0,
     triangles: 0,
@@ -40617,8 +40618,8 @@ function UU(s = 500) {
     return () => clearInterval(c);
   }, [s]), l;
 }
-function NU() {
-  const s = UU();
+function HU() {
+  const s = LU();
   return /* @__PURE__ */ Rt("div", { className: Wa.statusBar, children: [
     /* @__PURE__ */ Rt("div", { className: Wa.section, children: [
       /* @__PURE__ */ $("span", { className: Wa.branch, children: "main" }),
@@ -40648,43 +40649,48 @@ function NU() {
         /* @__PURE__ */ $("span", { className: Wa.statLabel, children: "Textures" }),
         s.textures
       ] }),
-      /* @__PURE__ */ $("span", { className: Wa.engineName, children: "Mavon Engine" })
+      /* @__PURE__ */ Rt("span", { className: Wa.engineName, children: [
+        "Editor v",
+        NU,
+        " | MavonEngine v",
+        sA
+      ] })
     ] })
   ] });
 }
-function LU() {
-  const { defaultLayout: s, onLayoutChanged: l } = lR({
+function BU() {
+  const { defaultLayout: s, onLayoutChanged: l } = iR({
     id: "editor-layout",
     storage: localStorage
   });
   return /* @__PURE__ */ Rt("div", { className: ji.root, children: [
     /* @__PURE__ */ Rt("div", { className: ji.main, children: [
-      /* @__PURE__ */ $(dR, {}),
+      /* @__PURE__ */ $(hR, {}),
       /* @__PURE__ */ Rt(Zw, { defaultLayout: s, onLayoutChange: l, orientation: "horizontal", className: ji.editor, children: [
         /* @__PURE__ */ $(Jm, { id: "left", collapsible: !0, minSize: 140, defaultSize: 14, "data-separator": "active", className: ji.panel, children: /* @__PURE__ */ Rt("div", { className: ji.panelContent, children: [
           /* @__PURE__ */ $(Uw, { title: "Explorer" }),
-          /* @__PURE__ */ $("div", { className: ji.panelBody, children: /* @__PURE__ */ $(TU, {}) })
+          /* @__PURE__ */ $("div", { className: ji.panelBody, children: /* @__PURE__ */ $(DU, {}) })
         ] }) }),
         /* @__PURE__ */ $(Jm, { id: "middle", children: /* @__PURE__ */ $("div", { className: ji.panelContent, children: /* @__PURE__ */ Rt(Zw, { orientation: "vertical", className: ji.middleGroup, children: [
-          /* @__PURE__ */ $(u3, {}),
+          /* @__PURE__ */ $(c3, {}),
           /* @__PURE__ */ $(Jm, { id: "horizontal", className: ji.panel, children: /* @__PURE__ */ Rt("div", { className: ji.panelContent, children: [
             /* @__PURE__ */ $(Uw, { title: "Assets" }),
-            /* @__PURE__ */ $(r3, {})
+            /* @__PURE__ */ $(u3, {})
           ] }) })
         ] }) }) }),
         /* @__PURE__ */ $(Jm, { collapsible: !0, id: "right", minSize: 180, defaultSize: 19, className: ji.panel, children: /* @__PURE__ */ Rt("div", { className: ji.panelContent, children: [
           /* @__PURE__ */ $(Uw, { title: "Properties" }),
-          /* @__PURE__ */ $("div", { className: ji.panelBody, children: /* @__PURE__ */ $(gU, {}) })
+          /* @__PURE__ */ $("div", { className: ji.panelBody, children: /* @__PURE__ */ $(bU, {}) })
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ $(NU, {})
+    /* @__PURE__ */ $(HU, {})
   ] });
 }
-function eN(s) {
-  const l = zA.createRoot(s);
-  return l.render(Xw(LU)), l;
+function lN(s) {
+  const l = MA.createRoot(s);
+  return l.render(Xw(BU)), l;
 }
 export {
-  eN as mountEditorUI
+  lN as mountEditorUI
 };