@mirage-engine/core 0.3.12 → 0.3.13

package/dist/mirage-engine.js

@@ -1,16 +1,16 @@
-var Be = Object.defineProperty, Fe = Object.defineProperties;
+var Fe = Object.defineProperty, Be = Object.defineProperties;
 var Oe = Object.getOwnPropertyDescriptors;
 var we = Object.getOwnPropertySymbols;
 var _e = Object.prototype.hasOwnProperty, Ne = Object.prototype.propertyIsEnumerable;
-var me = (s, e, t) => e in s ? Be(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, J = (s, e) => {
+var me = (s, e, t) => e in s ? Fe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, j = (s, e) => {
   for (var t in e || (e = {}))
     _e.call(e, t) && me(s, t, e[t]);
   if (we)
     for (var t of we(e))
       Ne.call(e, t) && me(s, t, e[t]);
   return s;
-}, xe = (s, e) => Fe(s, Oe(e));
-var g = (s, e, t) => (me(s, typeof e != "symbol" ? e + "" : e, t), t);
+}, xe = (s, e) => Be(s, Oe(e));
+var p = (s, e, t) => (me(s, typeof e != "symbol" ? e + "" : e, t), t);
 var Ee = (s, e, t) => new Promise((r, i) => {
   var c = (a) => {
     try {
@@ -28,13 +28,13 @@ var Ee = (s, e, t) => new Promise((r, i) => {
   o((t = t.apply(s, e)).next());
 });
 import * as y from "three";
-const Me = {
+const Le = {
   INCLUDE_TREE: "include-tree",
   EXCLUDE_TREE: "exclude-tree",
   INCLUDE_SELF: "include-self",
   EXCLUDE_SELF: "exclude-self",
   END: "end"
-}, K = {
+}, $ = {
   NAME: "data-mirage-dom",
   KEY: "mirageDom",
   VALUES: {
@@ -59,14 +59,14 @@ const Me = {
   KEY: "mirageTravel",
   VALUES: Ce,
   MAX_LAYERS: Object.keys(Ce).length - 1
-}, W = {
+}, V = {
   NAME: "data-mirage-filter",
   KEY: "mirageFilter",
-  VALUES: Me
-}, q = {
+  VALUES: Le
+}, P = {
   NAME: "data-mirage-select",
   KEY: "mirageSelect",
-  VALUES: Me
+  VALUES: Le
 }, Xe = {
   NAME: "data-mirage-shader",
   KEY: "mirageShader"
@@ -76,7 +76,7 @@ const Me = {
   VALUES: {
     FRONT: "front"
   }
-}, de = 0, Q = 1, le = 2, ze = 4, ue = 8, ve = 16;
+}, de = 0, K = 1, le = 2, ze = 4, ue = 8, ve = 16;
 function Ve(s) {
   const e = s.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
   return e ? {
@@ -99,32 +99,32 @@ function Ye(s) {
 }
 class We {
   constructor(e, t) {
-    g(this, "target");
-    g(this, "observer");
-    g(this, "pendingDeletions", /* @__PURE__ */ new Set());
-    g(this, "pendingStyles", /* @__PURE__ */ new Map());
-    g(this, "isDomDirty", !1);
-    g(this, "isRunning", !1);
-    g(this, "pendingMask", de);
-    g(this, "mutationTimer", null);
-    g(this, "cssTimer", null);
-    g(this, "resizeConfig");
-    g(this, "resizeTimer", null);
-    g(this, "isResizing", !1);
-    g(this, "lastScrollX", 0);
-    g(this, "lastScrollY", 0);
-    g(this, "scrollTimer", null);
-    g(this, "onBeforeRender", /* @__PURE__ */ new Set());
-    g(this, "onLayoutChange", /* @__PURE__ */ new Set());
-    g(this, "onStyleChange", /* @__PURE__ */ new Set());
-    g(this, "onScrollChange", /* @__PURE__ */ new Set());
-    g(this, "onRender", /* @__PURE__ */ new Set());
-    g(this, "onTransitionFinished", (e) => {
-      this.target.contains(e.target) && this.mutationTimer === null && (this.cssTimer && clearTimeout(this.cssTimer), this.pendingStyles.size == 0 && (this.pendingMask |= Q | le, this.cssTimer = window.setTimeout(() => {
+    p(this, "target");
+    p(this, "observer");
+    p(this, "pendingDeletions", /* @__PURE__ */ new Set());
+    p(this, "pendingStyles", /* @__PURE__ */ new Map());
+    p(this, "isDomDirty", !1);
+    p(this, "isRunning", !1);
+    p(this, "pendingMask", de);
+    p(this, "mutationTimer", null);
+    p(this, "cssTimer", null);
+    p(this, "resizeConfig");
+    p(this, "resizeTimer", null);
+    p(this, "isResizing", !1);
+    p(this, "lastScrollX", 0);
+    p(this, "lastScrollY", 0);
+    p(this, "scrollTimer", null);
+    p(this, "onBeforeRender", /* @__PURE__ */ new Set());
+    p(this, "onLayoutChange", /* @__PURE__ */ new Set());
+    p(this, "onStyleChange", /* @__PURE__ */ new Set());
+    p(this, "onScrollChange", /* @__PURE__ */ new Set());
+    p(this, "onRender", /* @__PURE__ */ new Set());
+    p(this, "onTransitionFinished", (e) => {
+      this.target.contains(e.target) && this.mutationTimer === null && (this.cssTimer && clearTimeout(this.cssTimer), this.pendingStyles.size == 0 && (this.pendingMask |= K | le, this.cssTimer = window.setTimeout(() => {
         this.isDomDirty = !0, this.cssTimer = null;
       }, 50)));
     });
-    g(this, "onWindowResize", () => {
+    p(this, "onWindowResize", () => {
       if (!this.resizeConfig.enabled) {
         this.isDomDirty = !0;
         return;
@@ -133,13 +133,13 @@ class We {
         this.isDomDirty = !0, this.resizeConfig.onEnd && this.resizeConfig.onEnd(), this.isResizing = !1, this.resizeTimer = null;
       }, this.resizeConfig.delay);
     });
-    g(this, "renderLoop", () => {
+    p(this, "renderLoop", () => {
       if (!this.isRunning)
         return;
       this.onBeforeRender.forEach((r) => r()), this.isDomDirty && (this.isDomDirty = !1, this.onLayoutChange.forEach((r) => r(this.pendingMask, this.pendingDeletions)), this.pendingDeletions.clear(), this.pendingMask = de);
       const e = window.scrollX, t = window.scrollY;
       (e !== this.lastScrollX || t !== this.lastScrollY) && (this.onScrollChange.forEach((r) => r(e, t)), this.lastScrollX = e, this.lastScrollY = t, this.scrollTimer && clearTimeout(this.scrollTimer), this.scrollTimer = window.setTimeout(() => {
-        this.pendingMask |= Q, this.isDomDirty = !0, this.scrollTimer = null;
+        this.pendingMask |= K, this.isDomDirty = !0, this.scrollTimer = null;
       }, 150)), this.pendingStyles.size > 0 && (this.onStyleChange.forEach((r) => r(this.pendingStyles)), this.pendingStyles.clear()), this.onRender.forEach((r) => r()), requestAnimationFrame(this.renderLoop);
     });
     var i, c;
@@ -159,13 +159,13 @@ class We {
           });
         else if (a.type === "attributes")
           if (a.attributeName === "style") {
-            o |= Q | le;
+            o |= K | le;
             const l = a.target, d = Ye(l.style);
             this.pendingStyles.set(l, d);
           } else
-            a.attributeName === "class" ? o |= Q | le : a.attributeName && a.attributeName.startsWith("data-") && (o |= Q | le, a.attributeName.startsWith("data-mirage") && (o |= ue));
+            a.attributeName === "class" ? o |= K | le : a.attributeName && a.attributeName.startsWith("data-") && (o |= K | le, a.attributeName.startsWith("data-mirage") && (o |= ue));
         else
-          a.type === "characterData" && (o |= ve | Q);
+          a.type === "characterData" && (o |= ve | K);
       if (o !== de) {
         if (this.pendingMask |= o, o & ue) {
           this.clearTimers(), this.isDomDirty = !0;
@@ -192,12 +192,12 @@ class We {
     this.mutationTimer && (clearTimeout(this.mutationTimer), this.mutationTimer = null), this.cssTimer && (clearTimeout(this.cssTimer), this.cssTimer = null), this.scrollTimer && (clearTimeout(this.scrollTimer), this.scrollTimer = null);
   }
 }
-const P = 1, te = 2, lt = 0, U = {
+const W = 1, te = 2, lt = 0, F = {
   BASE: 0,
   SELECTED: 1,
   getCaptureLayer: (s) => 31 - s,
   HIDDEN: 31
-}, Se = Object.values(W.VALUES);
+}, Se = Object.values(V.VALUES);
 class De {
   /**
    * Calculates or retrieves the exact alphabetic baseline (in pixels) for the given font.
@@ -219,7 +219,7 @@ class De {
     return document.body.removeChild(t), c;
   }
 }
-g(De, "cache", /* @__PURE__ */ new Map());
+p(De, "cache", /* @__PURE__ */ new Map());
 class He extends y.MeshBasicMaterial {
   constructor(t, r, i, c, n = 2) {
     super({
@@ -227,9 +227,9 @@ class He extends y.MeshBasicMaterial {
       side: y.FrontSide,
       color: 16777215
     });
-    g(this, "canvas");
-    g(this, "ctx");
-    g(this, "qualityFactor");
+    p(this, "canvas");
+    p(this, "ctx");
+    p(this, "qualityFactor");
     if (this.canvas = document.createElement("canvas"), this.ctx = this.canvas.getContext("2d"), !this.ctx)
       throw new Error("[Mirage] Failed to create canvas context");
     this.qualityFactor = n, this.map = new y.CanvasTexture(this.canvas), this.map.colorSpace = y.LinearSRGBColorSpace, this.map.minFilter = y.LinearFilter, this.map.magFilter = y.LinearFilter, this.updateText(t, r, i, c);
@@ -255,11 +255,11 @@ class He extends y.MeshBasicMaterial {
     n !== void 0 && (this.qualityFactor = n);
     const a = (window.devicePixelRatio || 1) * this.qualityFactor, l = i * a, d = c * a;
     this.canvas.width !== l || this.canvas.height !== d ? (this.canvas.width = l, this.canvas.height = d) : this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height), this.ctx.setTransform(a, 0, 0, a, 0, 0), this.ctx.font = r.font, this.ctx.fillStyle = r.color, this.ctx.textBaseline = "alphabetic", this.ctx.globalAlpha = 1;
-    const h = this.wrapText(t, i), u = r.lineHeight, v = De.getBaseline(r.font);
-    h.forEach((f, m) => {
-      const b = m * u + v;
-      let L = 0;
-      r.textAlign === "center" ? L = i / 2 : r.textAlign === "right" && (L = i), this.ctx.textAlign = r.textAlign, this.ctx.fillText(f, L, b);
+    const h = this.wrapText(t, i), f = r.lineHeight, v = De.getBaseline(r.font);
+    h.forEach((g, m) => {
+      const w = m * f + v;
+      let M = 0;
+      r.textAlign === "center" ? M = i / 2 : r.textAlign === "right" && (M = i), this.ctx.textAlign = r.textAlign, this.ctx.fillText(g, M, w);
     }), this.map && (this.map.needsUpdate = !0);
   }
   dispose() {
@@ -319,16 +319,16 @@ function Ge(s) {
   const o = [];
   for (let a = c; a < r.length && !(o.length >= 8); a++) {
     const l = r[a].trim(), d = l.lastIndexOf(" ");
-    let h = l, u = null;
+    let h = l, f = null;
     if (d !== -1 && !l.endsWith(")")) {
-      const f = l.substring(d + 1);
-      (f.endsWith("%") || f.endsWith("px") || !isNaN(parseFloat(f))) && (h = l.substring(0, d).trim(), u = f);
+      const g = l.substring(d + 1);
+      (g.endsWith("%") || g.endsWith("px") || !isNaN(parseFloat(g))) && (h = l.substring(0, d).trim(), f = g);
     }
     const v = ce(h);
     o.push({
       color: v.color,
       alpha: v.alpha,
-      rawStop: u,
+      rawStop: f,
       stop: 0
     });
   }
@@ -342,8 +342,8 @@ function Ge(s) {
         const d = l - a;
         if (d > 1) {
           const h = o[a].stop, v = (o[l].stop - h) / d;
-          for (let f = 1; f < d; f++)
-            o[a + f].stop = h + v * f;
+          for (let g = 1; g < d; g++)
+            o[a + g].stop = h + v * g;
         }
         a = l;
       }
@@ -512,43 +512,43 @@ baseColor = blendSrcOver(baseColor, texColor);`, Te = {
   baseColorChunk: Je
 };
 function Qe(s, e, t, r = null, i) {
-  var x;
+  var E;
   const c = r !== null || !!s.imageSrc;
   let n = "";
   const o = {};
   if (i != null && i.uniforms)
-    for (const [C, w] of Object.entries(i.uniforms))
-      typeof w == "number" ? (n += `uniform float ${C};
-`, o[C] = { value: w }) : Array.isArray(w) ? w.length === 2 ? (n += `uniform vec2 ${C};
-`, o[C] = { value: new y.Vector2(...w) }) : w.length === 3 ? (n += `uniform vec3 ${C};
-`, o[C] = { value: new y.Vector3(...w) }) : w.length === 4 && (n += `uniform vec4 ${C};
-`, o[C] = { value: new y.Vector4(...w) }) : (n += `uniform float ${C};
-`, o[C] = { value: w });
+    for (const [S, x] of Object.entries(i.uniforms))
+      typeof x == "number" ? (n += `uniform float ${S};
+`, o[S] = { value: x }) : Array.isArray(x) ? x.length === 2 ? (n += `uniform vec2 ${S};
+`, o[S] = { value: new y.Vector2(...x) }) : x.length === 3 ? (n += `uniform vec3 ${S};
+`, o[S] = { value: new y.Vector3(...x) }) : x.length === 4 && (n += `uniform vec4 ${S};
+`, o[S] = { value: new y.Vector4(...x) }) : (n += `uniform float ${S};
+`, o[S] = { value: x });
   const a = i !== void 0, l = (c || a ? Re.declChunk : "") + `
 ` + n, d = `vec2 screenUv = (vScreenPos.xy / vScreenPos.w) * 0.5 + 0.5;
 `, h = s.isTraveler ? `vec2 resultUv = screenUv;
 ` : `vec2 resultUv = vUv * uTextureRepeat + uTextureOffset;
-`, u = c || a ? d + h + ((i == null ? void 0 : i.uvModifier) || "") : "", v = c || a ? Re.baseColorChunk : "", f = (i == null ? void 0 : i.colorModifier) || "", m = Te.fragmentShader.replace("#INJECT_DECLARATIONS", l).replace("#INJECT_UV_MODIFIER", u).replace("#INJECT_BASE_COLOR", v).replace("#INJECT_COLOR_MODIFIER", f), b = ce(s.backgroundColor), L = ce(s.borderColor), M = {
+`, f = c || a ? d + h + ((i == null ? void 0 : i.uvModifier) || "") : "", v = c || a ? Re.baseColorChunk : "", g = (i == null ? void 0 : i.colorModifier) || "", m = Te.fragmentShader.replace("#INJECT_DECLARATIONS", l).replace("#INJECT_UV_MODIFIER", f).replace("#INJECT_BASE_COLOR", v).replace("#INJECT_COLOR_MODIFIER", g), w = ce(s.backgroundColor), M = ce(s.borderColor), L = {
     uSize: { value: new y.Vector2(e, t) },
     uBgColor: {
       value: new y.Vector4(
-        b.color.r,
-        b.color.g,
-        b.color.b,
-        b.alpha
+        w.color.r,
+        w.color.g,
+        w.color.b,
+        w.alpha
       )
     },
     uBorderColor: {
       value: new y.Vector4(
-        L.color.r,
-        L.color.g,
-        L.color.b,
-        L.alpha
+        M.color.r,
+        M.color.g,
+        M.color.b,
+        M.alpha
       )
     },
     uBorderRadius: { value: new y.Vector4(0, 0, 0, 0) },
     uBorderWidth: { value: re(s.borderWidth) },
-    uOpacity: { value: (x = s.opacity) != null ? x : 1 },
+    uOpacity: { value: (E = s.opacity) != null ? E : 1 },
     uTexture: { value: null },
     uTextureRepeat: { value: new y.Vector2(1, 1) },
     uTextureOffset: { value: new y.Vector2(0, 0) },
@@ -559,16 +559,16 @@ function Qe(s, e, t, r = null, i) {
     },
     uGradientStops: { value: new Float32Array(8) }
   };
-  Ae(M.uBorderRadius.value, s.borderRadius, Math.min(e, t)), c && (M.uTexture.value = r);
-  const S = new y.ShaderMaterial({
-    uniforms: J(J({}, M), o),
+  Ae(L.uBorderRadius.value, s.borderRadius, Math.min(e, t)), c && (L.uTexture.value = r);
+  const T = new y.ShaderMaterial({
+    uniforms: j(j({}, L), o),
     vertexShader: Te.vertexShader,
     fragmentShader: m,
     transparent: !0,
     side: y.FrontSide
     // for better performance
   });
-  return s.backgroundImage && ye(S, { backgroundImage: s.backgroundImage }), S;
+  return s.backgroundImage && ye(T, { backgroundImage: s.backgroundImage }), T;
 }
 function Ze(s, e, t, r, i) {
   const c = re(e.borderWidth);
@@ -649,11 +649,11 @@ function ye(s, e) {
     if (n && o && a && l) {
       const d = n / o, h = a / l;
       if (d > h) {
-        const u = h / d;
-        s.uniforms.uTextureRepeat.value.set(u, 1), s.uniforms.uTextureOffset.value.set((1 - u) / 2, 0);
+        const f = h / d;
+        s.uniforms.uTextureRepeat.value.set(f, 1), s.uniforms.uTextureOffset.value.set((1 - f) / 2, 0);
       } else {
-        const u = d / h;
-        s.uniforms.uTextureRepeat.value.set(1, u), s.uniforms.uTextureOffset.value.set(0, (1 - u) / 2);
+        const f = d / h;
+        s.uniforms.uTextureRepeat.value.set(1, f), s.uniforms.uTextureOffset.value.set(0, (1 - f) / 2);
       }
     }
   } else
@@ -696,7 +696,7 @@ function Ae(s, e, t = 0) {
   const r = e.split("/")[0].trim().split(/\s+/), i = re(r[0], t), c = re((a = r[1]) != null ? a : r[0], t), n = re((l = r[2]) != null ? l : r[0], t), o = re((h = (d = r[3]) != null ? d : r[1]) != null ? h : r[0], t);
   s.set(i, c, n, o);
 }
-const H = {
+const Y = {
   create(s, e, t, r, i, c = 2, n = null, o) {
     return s === "BOX" ? Qe(
       e,
@@ -733,11 +733,11 @@ const H = {
 };
 class et {
   constructor(e, t = !0) {
-    g(this, "observer");
-    g(this, "textures", /* @__PURE__ */ new WeakMap());
-    g(this, "loadStatus", /* @__PURE__ */ new WeakMap());
-    g(this, "elementUrls", /* @__PURE__ */ new WeakMap());
-    g(this, "onUpdate");
+    p(this, "observer");
+    p(this, "textures", /* @__PURE__ */ new WeakMap());
+    p(this, "loadStatus", /* @__PURE__ */ new WeakMap());
+    p(this, "elementUrls", /* @__PURE__ */ new WeakMap());
+    p(this, "onUpdate");
     this.onUpdate = e, t && (this.observer = new IntersectionObserver(
       (r) => {
         for (const i of r) {
@@ -801,33 +801,33 @@ class et {
 }
 class tt {
   constructor(e, t, r, i) {
-    g(this, "canvas");
-    g(this, "scene");
-    g(this, "camera");
-    g(this, "renderer");
-    g(this, "renderTargets", []);
-    g(this, "renderOrder", 0);
-    g(this, "qualityFactor", 2);
-    g(this, "mode", "overlay");
-    g(this, "canvasSize", "viewport");
-    g(this, "clipArea", 1);
-    g(this, "targetLayer", "base");
-    g(this, "overscan", 200);
-    g(this, "target");
-    g(this, "mountContainer");
-    g(this, "registry");
-    g(this, "targetRect");
-    g(this, "travelersByLayer", Array.from(
+    p(this, "canvas");
+    p(this, "scene");
+    p(this, "camera");
+    p(this, "renderer");
+    p(this, "renderTargets", []);
+    p(this, "renderOrder", 0);
+    p(this, "qualityFactor", 2);
+    p(this, "mode", "overlay");
+    p(this, "canvasSize", "viewport");
+    p(this, "clipArea", 1);
+    p(this, "targetLayer", "base");
+    p(this, "overscan", 200);
+    p(this, "target");
+    p(this, "mountContainer");
+    p(this, "registry");
+    p(this, "targetRect");
+    p(this, "travelersByLayer", Array.from(
       { length: O.MAX_LAYERS },
       () => /* @__PURE__ */ new Set()
     ));
-    g(this, "textureManager");
+    p(this, "textureManager");
     // private meshMap: Map<HTMLElement, THREE.Mesh> = new Map();
-    g(this, "fixedMeshes", /* @__PURE__ */ new Set());
+    p(this, "fixedMeshes", /* @__PURE__ */ new Set());
     var o, a, l, d, h;
-    this.target = e, this.mountContainer = r, this.registry = i, this.mode = (o = t.mode) != null ? o : "overlay", this.canvasSize = (a = t.canvasSize) != null ? a : "viewport", this.clipArea = (l = t.travelerClipArea) != null ? l : 1, this.targetLayer = (d = t.layer) != null ? d : "base", this.textureManager = new et((u, v) => {
-      const f = this.registry.get(u);
-      f && f.material instanceof y.ShaderMaterial && H.forceUpdateUniforms(f.material, { texture: v });
+    this.target = e, this.mountContainer = r, this.registry = i, this.mode = (o = t.mode) != null ? o : "overlay", this.canvasSize = (a = t.canvasSize) != null ? a : "viewport", this.clipArea = (l = t.travelerClipArea) != null ? l : 1, this.targetLayer = (d = t.layer) != null ? d : "base", this.textureManager = new et((f, v) => {
+      const g = this.registry.get(f);
+      g && g.material instanceof y.ShaderMaterial && Y.forceUpdateUniforms(g.material, { texture: v });
     }, this.isViewport), this.canvas = document.createElement("canvas"), this.scene = new y.Scene(), this.targetRect = this.target.getBoundingClientRect();
     const c = this.isViewport ? window.innerWidth + this.overscan * 2 : this.targetRect.width, n = this.isViewport ? window.innerHeight + this.overscan * 2 : this.targetRect.height;
     this.camera = new y.OrthographicCamera(
@@ -849,7 +849,7 @@ class tt {
     return this.mode === "overlay" && this.canvasSize === "viewport";
   }
   getSceneLayer() {
-    return typeof this.targetLayer == "number" ? this.targetLayer : this.targetLayer === "selected" ? U.SELECTED : U.BASE;
+    return typeof this.targetLayer == "number" ? this.targetLayer : this.targetLayer === "selected" ? F.SELECTED : F.BASE;
   }
   createRenderTarget() {
     for (let e = 0; e < O.MAX_LAYERS; e++) {
@@ -899,12 +899,12 @@ class tt {
   updateUniforms(e, t) {
     const r = this.registry.get(e);
     r && (r.traverse((i) => {
-      i.isMesh && i.material && H.forceUpdateUniforms(
+      i.isMesh && i.material && Y.forceUpdateUniforms(
         i.material,
         t
       );
     }), r.userData.nativeMesh && r.userData.nativeMesh.traverse((i) => {
-      i.isMesh && i.material && H.forceUpdateUniforms(
+      i.isMesh && i.material && Y.forceUpdateUniforms(
         i.material,
         t
       );
@@ -925,12 +925,12 @@ class tt {
       const h = this.registry.get(d);
       if (h) {
         this.scene.remove(h);
-        for (const u of this.travelersByLayer)
-          u.delete(h);
+        for (const f of this.travelersByLayer)
+          f.delete(h);
         this.fixedMeshes.delete(h), h.geometry.dispose(), h.userData.nativeMesh && (this.scene.remove(h.userData.nativeMesh), Array.isArray(h.userData.nativeMesh.material) ? h.userData.nativeMesh.material.forEach(
-          (u) => u.dispose()
-        ) : h.userData.nativeMesh.material.dispose(), h.userData.nativeMesh.geometry.dispose()), h.traverse((u) => {
-          u instanceof y.Mesh && (u.geometry && u.geometry.dispose(), u.material && (Array.isArray(u.material) ? u.material.forEach((v) => v.dispose()) : u.material.dispose()));
+          (f) => f.dispose()
+        ) : h.userData.nativeMesh.material.dispose(), h.userData.nativeMesh.geometry.dispose()), h.traverse((f) => {
+          f instanceof y.Mesh && (f.geometry && f.geometry.dispose(), f.material && (Array.isArray(f.material) ? f.material.forEach((v) => v.dispose()) : f.material.dispose()));
         }), this.registry.remove(d), this.textureManager.unregister(d);
       }
     });
@@ -944,7 +944,7 @@ class tt {
     let t = this.registry.get(e.element);
     const r = JSON.stringify(e.shaderHooks || null);
     if (t && t.userData.shaderHash !== r && (this.scene.remove(t), t.geometry.dispose(), t.material instanceof y.Material && t.material.dispose(), this.registry.remove(e.element), t = void 0), !t) {
-      const n = new y.PlaneGeometry(1, 1), o = e.isTraveler ? (i = this.renderTargets[e.captureLayer - 2]) == null ? void 0 : i.texture : this.textureManager.get(e.element), a = H.create(
+      const n = new y.PlaneGeometry(1, 1), o = e.isTraveler ? (i = this.renderTargets[e.captureLayer - 2]) == null ? void 0 : i.texture : this.textureManager.get(e.element), a = Y.create(
         "BOX",
         e.styles,
         "",
@@ -979,31 +979,31 @@ class tt {
     ], c = r ? t.nativeStyles : t.textStyles, n = JSON.stringify(c) + t.textContent + i.map((d) => d.text).join("|"), o = (l = e.userData) == null ? void 0 : l.textChildStyleHash;
     if (t.dirtyMask & ve || n !== o) {
       e.children.filter(
-        (f) => f.name.startsWith("TEXT_CHILD")
-      ).forEach((f) => {
-        var b;
-        const m = f;
-        (b = m.material.map) == null || b.dispose(), m.geometry.dispose(), e.remove(m);
+        (g) => g.name.startsWith("TEXT_CHILD")
+      ).forEach((g) => {
+        var w;
+        const m = g;
+        (w = m.material.map) == null || w.dispose(), m.geometry.dispose(), e.remove(m);
       });
-      const h = t.rect, u = h.x + h.width / 2, v = h.y + h.height / 2;
-      i.forEach((f, m) => {
-        const b = H.create(
+      const h = t.rect, f = h.x + h.width / 2, v = h.y + h.height / 2;
+      i.forEach((g, m) => {
+        const w = Y.create(
           "TEXT",
           c,
-          f.text,
-          f.rect.width,
-          f.rect.height,
+          g.text,
+          g.rect.width,
+          g.rect.height,
           this.qualityFactor
-        ), L = new y.PlaneGeometry(1, 1), M = new y.Mesh(L, b);
-        M.name = `TEXT_CHILD_${m}`;
-        const S = t.rect.width === 0 ? 1 : f.rect.width / t.rect.width, x = t.rect.height === 0 ? 1 : f.rect.height / t.rect.height;
-        M.scale.set(S, x, 1);
-        const C = f.rect.x + f.rect.width / 2, w = f.rect.y + f.rect.height / 2, T = C - u, D = -(w - v);
-        M.position.set(
-          t.rect.width === 0 ? 0 : T / t.rect.width,
+        ), M = new y.PlaneGeometry(1, 1), L = new y.Mesh(M, w);
+        L.name = `TEXT_CHILD_${m}`;
+        const T = t.rect.width === 0 ? 1 : g.rect.width / t.rect.width, E = t.rect.height === 0 ? 1 : g.rect.height / t.rect.height;
+        L.scale.set(T, E, 1);
+        const S = g.rect.x + g.rect.width / 2, x = g.rect.y + g.rect.height / 2, R = S - f, D = -(x - v);
+        L.position.set(
+          t.rect.width === 0 ? 0 : R / t.rect.width,
           t.rect.height === 0 ? 0 : D / t.rect.height,
           5e-3
-        ), e.add(M);
+        ), e.add(L);
       }), e.userData.textChildStyleHash = n;
     }
     e.children.forEach((d) => {
@@ -1011,21 +1011,21 @@ class tt {
         return;
       const h = d;
       if (r && t.nativeLayer !== void 0)
-        h.layers.set(U.HIDDEN), t.visibility & P && h.layers.enable(U.getCaptureLayer(t.nativeLayer));
+        h.layers.set(F.HIDDEN), t.visibility & W && h.layers.enable(F.getCaptureLayer(t.nativeLayer));
       else {
-        const u = t.visibility & P ? U.BASE : U.HIDDEN;
-        if (h.layers.set(u), t.visibility & te && h.layers.enable(U.SELECTED), t.visibility & P)
+        const f = t.visibility & W ? F.BASE : F.HIDDEN;
+        if (h.layers.set(f), t.visibility & te && h.layers.enable(F.SELECTED), t.visibility & W)
           if (!r && t.nativeLayer !== void 0 && t.nativeStyles !== void 0)
             for (let v = t.captureLayer; v <= O.MAX_LAYERS + 1; v++)
-              v !== t.nativeLayer && h.layers.enable(U.getCaptureLayer(v));
+              v !== t.nativeLayer && h.layers.enable(F.getCaptureLayer(v));
           else
             for (let v = t.captureLayer; v <= O.MAX_LAYERS + 1; v++)
-              h.layers.enable(U.getCaptureLayer(v));
+              h.layers.enable(F.getCaptureLayer(v));
       }
     });
   }
   updateMeshProperties(e, t) {
-    var S, x, C;
+    var T, E, S;
     const { rect: r, styles: i } = t, c = this.renderer.getPixelRatio(), n = this.renderer.domElement.width / c, o = this.renderer.domElement.height / c;
     e.material = e.userData.baseMaterial, e.scale.set(r.width, r.height, 1), e.userData.domRect = {
       x: r.x,
@@ -1036,27 +1036,27 @@ class tt {
     const a = 1e-3;
     this.renderOrder++;
     const l = this.targetRect.left + window.scrollX, d = this.targetRect.top + window.scrollY;
-    let h, u;
+    let h, f;
     if (this.isViewport)
-      h = r.x - window.innerWidth / 2 + r.width / 2, u = -r.y + window.innerHeight / 2 - r.height / 2;
+      h = r.x - window.innerWidth / 2 + r.width / 2, f = -r.y + window.innerHeight / 2 - r.height / 2;
     else {
-      const w = r.x - l, T = r.y - d;
-      h = w - n / 2 + r.width / 2, u = -T + o / 2 - r.height / 2;
+      const x = r.x - l, R = r.y - d;
+      h = x - n / 2 + r.width / 2, f = -R + o / 2 - r.height / 2;
     }
     e.position.set(
       h,
-      u,
+      f,
       i.zIndex + this.renderOrder * a
     );
-    const v = r.x, f = r.y;
-    e.userData.basePosition = { x: h, y: u }, e.userData.originalBasePosition = { x: h, y: u }, e.userData.baseSize = { width: r.width, height: r.height }, e.userData.baseDOM = { x: v, y: f }, e.userData.isFixed = t.isFixed, e.userData.initialScroll = { x: window.scrollX, y: window.scrollY };
-    const m = t.element.nodeType === Node.TEXT_NODE ? t.element.parentElement : t.element, b = window.getComputedStyle(m);
-    let L = 0, M = 0;
-    if (b.transform && b.transform !== "none") {
-      const w = new DOMMatrix(b.transform);
-      L = w.m41, M = w.m42;
+    const v = r.x, g = r.y;
+    e.userData.basePosition = { x: h, y: f }, e.userData.originalBasePosition = { x: h, y: f }, e.userData.baseSize = { width: r.width, height: r.height }, e.userData.baseDOM = { x: v, y: g }, e.userData.isFixed = t.isFixed, e.userData.initialScroll = { x: window.scrollX, y: window.scrollY };
+    const m = t.element.nodeType === Node.TEXT_NODE ? t.element.parentElement : t.element, w = window.getComputedStyle(m);
+    let M = 0, L = 0;
+    if (w.transform && w.transform !== "none") {
+      const x = new DOMMatrix(w.transform);
+      M = x.m41, L = x.m42;
     }
-    if (e.userData.baseTransform = { x: L, y: M }, delete e.userData.originRatioX, delete e.userData.originRatioY, H.update(
+    if (e.userData.baseTransform = { x: M, y: L }, delete e.userData.originRatioX, delete e.userData.originRatioY, Y.update(
       e.userData.baseMaterial,
       "BOX",
       i,
@@ -1064,86 +1064,96 @@ class tt {
       r.width,
       r.height,
       this.qualityFactor,
-      t.isTraveler ? (S = this.renderTargets[t.captureLayer - 2]) == null ? void 0 : S.texture : this.textureManager.get(t.element)
+      t.isTraveler ? (T = this.renderTargets[t.captureLayer - 2]) == null ? void 0 : T.texture : this.textureManager.get(t.element)
     ), t.nativeStyles && t.nativeRect) {
       if (!e.userData.nativeMesh) {
-        const z = H.create(
+        const _ = Y.create(
           "BOX",
           t.nativeStyles,
           "",
           t.nativeRect.width,
           t.nativeRect.height,
           this.qualityFactor,
-          t.isTraveler ? (x = this.renderTargets[t.captureLayer - 2]) == null ? void 0 : x.texture : this.textureManager.get(t.element),
+          t.isTraveler ? (E = this.renderTargets[t.captureLayer - 2]) == null ? void 0 : E.texture : this.textureManager.get(t.element),
           t.shaderHooks
-        ), N = new y.Mesh(e.geometry, z);
+        ), N = new y.Mesh(e.geometry, _);
         t.type === "TEXT" && (N.name = "BG_MESH"), this.scene.add(N), e.userData.nativeMesh = N;
       }
-      const w = e.userData.nativeMesh;
-      let T, D;
+      const x = e.userData.nativeMesh;
+      let R, D;
       if (this.isViewport)
-        T = t.nativeRect.x - window.innerWidth / 2 + t.nativeRect.width / 2, D = -t.nativeRect.y + window.innerHeight / 2 - t.nativeRect.height / 2;
+        R = t.nativeRect.x - window.innerWidth / 2 + t.nativeRect.width / 2, D = -t.nativeRect.y + window.innerHeight / 2 - t.nativeRect.height / 2;
       else {
-        const z = t.nativeRect.x - l, N = t.nativeRect.y - d;
-        T = z - n / 2 + t.nativeRect.width / 2, D = -N + o / 2 - t.nativeRect.height / 2;
+        const _ = t.nativeRect.x - l, N = t.nativeRect.y - d;
+        R = _ - n / 2 + t.nativeRect.width / 2, D = -N + o / 2 - t.nativeRect.height / 2;
       }
-      let k = t.nativeRect.width, $ = t.nativeRect.height, ie = T, se = D;
+      let U = t.nativeRect.width, G = t.nativeRect.height, ie = R, se = D;
       if (t.nativeStyles.transform) {
-        const z = t.nativeStyles.transform, N = z.match(/scale\(([\d.]+%?)\)/);
+        const _ = t.nativeStyles.transform, N = _.match(/scale\(([\d.]+%?)\)/);
         if (N) {
-          let B = parseFloat(N[1]);
-          N[1].includes("%") && (B /= 100), k *= B, $ *= B;
+          let u = parseFloat(N[1]);
+          N[1].includes("%") && (u /= 100), U *= u, G *= u;
+        }
+        const J = _.match(/scaleX\(([\d.]+%?)\)/);
+        if (J) {
+          let u = parseFloat(J[1]);
+          J[1].includes("%") && (u /= 100), U *= u;
+        }
+        const Q = _.match(/scaleY\(([\d.]+%?)\)/);
+        if (Q) {
+          let u = parseFloat(Q[1]);
+          Q[1].includes("%") && (u /= 100), G *= u;
         }
-        const Z = z.match(/translate\(([^,]+),\s*([^)]+)\)/);
+        const Z = _.match(/translate\(([^,]+),\s*([^)]+)\)/);
         if (Z) {
-          const B = Z[1].trim(), _ = Z[2].trim();
-          let p = parseFloat(B);
-          B.includes("%") && (p = p / 100 * t.nativeRect.width);
-          let R = parseFloat(_);
-          _.includes("%") && (R = R / 100 * t.nativeRect.height), ie += p, se -= R;
+          const u = Z[1].trim(), b = Z[2].trim();
+          let I = parseFloat(u);
+          u.includes("%") && (I = I / 100 * t.nativeRect.width);
+          let B = parseFloat(b);
+          b.includes("%") && (B = B / 100 * t.nativeRect.height), ie += I, se -= B;
         }
-        const ne = z.match(/translateX\(([^)]+)\)/);
+        const ne = _.match(/translateX\(([^)]+)\)/);
         if (ne) {
-          const B = ne[1].trim();
-          let _ = parseFloat(B);
-          B.includes("%") && (_ = _ / 100 * t.nativeRect.width), ie += _;
+          const u = ne[1].trim();
+          let b = parseFloat(u);
+          u.includes("%") && (b = b / 100 * t.nativeRect.width), ie += b;
         }
-        const oe = z.match(/translateY\(([^)]+)\)/);
+        const oe = _.match(/translateY\(([^)]+)\)/);
         if (oe) {
-          const B = oe[1].trim();
-          let _ = parseFloat(B);
-          B.includes("%") && (_ = _ / 100 * t.nativeRect.height), se -= _;
+          const u = oe[1].trim();
+          let b = parseFloat(u);
+          u.includes("%") && (b = b / 100 * t.nativeRect.height), se -= b;
         }
       }
-      w.scale.set(k, $, 1), w.position.set(
+      x.scale.set(U, G, 1), x.position.set(
         ie,
         se,
         t.nativeStyles.zIndex + this.renderOrder * a
-      ), H.update(
-        w.material,
+      ), Y.update(
+        x.material,
         "BOX",
         t.nativeStyles,
         "",
         t.nativeRect.width,
         t.nativeRect.height,
         this.qualityFactor,
-        t.isTraveler ? (C = this.renderTargets[t.captureLayer - 2]) == null ? void 0 : C.texture : this.textureManager.get(t.element)
+        t.isTraveler ? (S = this.renderTargets[t.captureLayer - 2]) == null ? void 0 : S.texture : this.textureManager.get(t.element)
       );
     } else
       e.userData.nativeMesh && (this.scene.remove(e.userData.nativeMesh), e.userData.nativeMesh.material instanceof y.Material && e.userData.nativeMesh.material.dispose(), delete e.userData.nativeMesh);
   }
   updateMeshLayers(e, t) {
-    const r = t.visibility & P ? U.BASE : U.HIDDEN;
-    if (e.layers.set(r), t.visibility & te && e.layers.enable(U.SELECTED), e.userData.nativeMesh && t.nativeLayer !== void 0) {
+    const r = t.visibility & W ? F.BASE : F.HIDDEN;
+    if (e.layers.set(r), t.visibility & te && e.layers.enable(F.SELECTED), e.userData.nativeMesh && t.nativeLayer !== void 0) {
       const i = e.userData.nativeMesh;
-      if (i.layers.set(U.HIDDEN), t.visibility & P) {
-        i.layers.enable(U.getCaptureLayer(t.nativeLayer));
+      if (i.layers.set(F.HIDDEN), t.visibility & W) {
+        i.layers.enable(F.getCaptureLayer(t.nativeLayer));
         for (let c = t.captureLayer; c <= O.MAX_LAYERS + 1; c++)
-          c !== t.nativeLayer && e.layers.enable(U.getCaptureLayer(c));
+          c !== t.nativeLayer && e.layers.enable(F.getCaptureLayer(c));
       }
-    } else if (t.visibility & P)
+    } else if (t.visibility & W)
       for (let i = t.captureLayer; i <= O.MAX_LAYERS + 1; i++)
-        e.layers.enable(U.getCaptureLayer(i));
+        e.layers.enable(F.getCaptureLayer(i));
   }
   captureRenderTarget(e, t, r) {
     if (e.size === 0 || !r)
@@ -1153,11 +1163,11 @@ class tt {
     const n = new y.Vector3(), o = this.isViewport ? window.innerWidth + this.overscan * 2 : this.targetRect.width, a = this.isViewport ? window.innerHeight + this.overscan * 2 : this.targetRect.height, l = this.renderer.getPixelRatio();
     for (const d of e) {
       n.setFromMatrixPosition(d.matrixWorld), n.project(this.camera);
-      const h = (n.x + 1) / 2 * o, u = (n.y + 1) / 2 * a;
-      let v = 0, f = 1;
-      typeof this.clipArea == "number" ? f = this.clipArea : this.clipArea.endsWith("%") ? f = parseFloat(this.clipArea) / 100 : this.clipArea.endsWith("px") && (v = parseFloat(this.clipArea));
-      const m = d.scale.x * f + 0.5, b = d.scale.y * f + 0.5, L = h - m / 2, M = u - b / 2, S = (L * this.qualityFactor - v) / l, x = (M * this.qualityFactor - v) / l, C = (m * this.qualityFactor + v * 2) / l, w = (b * this.qualityFactor + v * 2) / l;
-      this.renderer.setScissor(S, x, C, w), this.renderer.render(this.scene, this.camera);
+      const h = (n.x + 1) / 2 * o, f = (n.y + 1) / 2 * a;
+      let v = 0, g = 1;
+      typeof this.clipArea == "number" ? g = this.clipArea : this.clipArea.endsWith("%") ? g = parseFloat(this.clipArea) / 100 : this.clipArea.endsWith("px") && (v = parseFloat(this.clipArea));
+      const m = d.scale.x * g + 0.5, w = d.scale.y * g + 0.5, M = h - m / 2, L = f - w / 2, T = (M * this.qualityFactor - v) / l, E = (L * this.qualityFactor - v) / l, S = (m * this.qualityFactor + v * 2) / l, x = (w * this.qualityFactor + v * 2) / l;
+      this.renderer.setScissor(T, E, S, x), this.renderer.render(this.scene, this.camera);
     }
     this.renderer.setScissorTest(!1), this.renderer.autoClear = !0, this.renderer.setRenderTarget(null), this.camera.layers.set(this.getSceneLayer()), this.renderer.setClearColor(i, c);
   }
@@ -1166,7 +1176,7 @@ class tt {
       const t = e + 1;
       this.captureRenderTarget(
         this.travelersByLayer[e],
-        U.getCaptureLayer(t),
+        F.getCaptureLayer(t),
         this.renderTargets[e]
       );
     }
@@ -1195,47 +1205,47 @@ class tt {
           width: l.width,
           height: l.height
         };
-        let h, u;
+        let h, f;
         if (this.isViewport)
-          h = l.x - window.innerWidth / 2 + l.width / 2, u = -l.y + window.innerHeight / 2 - l.height / 2;
+          h = l.x - window.innerWidth / 2 + l.width / 2, f = -l.y + window.innerHeight / 2 - l.height / 2;
         else {
-          const v = l.x - e, f = l.y - t;
-          h = v - i / 2 + l.width / 2, u = -f + c / 2 - l.height / 2;
+          const v = l.x - e, g = l.y - t;
+          h = v - i / 2 + l.width / 2, f = -g + c / 2 - l.height / 2;
         }
-        if (o.position.setX(h), o.position.setY(u), o.scale.set(l.width, l.height, 1), o.updateMatrixWorld(), o.material instanceof y.ShaderMaterial && H.forceUpdateUniforms(o.material, {
+        if (o.position.setX(h), o.position.setY(f), o.scale.set(l.width, l.height, 1), o.updateMatrixWorld(), o.material instanceof y.ShaderMaterial && Y.forceUpdateUniforms(o.material, {
           width: l.width,
           height: l.height
         }), o.userData.nativeMesh) {
           const v = o.userData.nativeMesh;
-          let f = l.width, m = l.height, b = h, L = u;
+          let g = l.width, m = l.height, w = h, M = f;
           if (o.userData.nativeTransform) {
-            const M = o.userData.nativeTransform, S = M.match(/scale\(([\d.]+%?)\)/);
-            if (S) {
-              let T = parseFloat(S[1]);
-              S[1].includes("%") && (T /= 100), f *= T, m *= T;
+            const L = o.userData.nativeTransform, T = L.match(/scale\(([\d.]+%?)\)/);
+            if (T) {
+              let R = parseFloat(T[1]);
+              T[1].includes("%") && (R /= 100), g *= R, m *= R;
             }
-            const x = M.match(/translate\(([^,]+),\s*([^)]+)\)/);
-            if (x) {
-              const T = x[1].trim(), D = x[2].trim();
-              let k = parseFloat(T);
-              T.includes("%") && (k = k / 100 * l.width);
-              let $ = parseFloat(D);
-              D.includes("%") && ($ = $ / 100 * l.height), b += k, L -= $;
+            const E = L.match(/translate\(([^,]+),\s*([^)]+)\)/);
+            if (E) {
+              const R = E[1].trim(), D = E[2].trim();
+              let U = parseFloat(R);
+              R.includes("%") && (U = U / 100 * l.width);
+              let G = parseFloat(D);
+              D.includes("%") && (G = G / 100 * l.height), w += U, M -= G;
             }
-            const C = M.match(/translateX\(([^)]+)\)/);
-            if (C) {
-              const T = C[1].trim();
-              let D = parseFloat(T);
-              T.includes("%") && (D = D / 100 * l.width), b += D;
+            const S = L.match(/translateX\(([^)]+)\)/);
+            if (S) {
+              const R = S[1].trim();
+              let D = parseFloat(R);
+              R.includes("%") && (D = D / 100 * l.width), w += D;
             }
-            const w = M.match(/translateY\(([^)]+)\)/);
-            if (w) {
-              const T = w[1].trim();
-              let D = parseFloat(T);
-              T.includes("%") && (D = D / 100 * l.height), L -= D;
+            const x = L.match(/translateY\(([^)]+)\)/);
+            if (x) {
+              const R = x[1].trim();
+              let D = parseFloat(R);
+              R.includes("%") && (D = D / 100 * l.height), M -= D;
             }
           }
-          v.position.setX(b), v.position.setY(L), v.scale.set(f, m, 1), v.updateMatrixWorld();
+          v.position.setX(w), v.position.setY(M), v.scale.set(g, m, 1), v.updateMatrixWorld();
         }
       }
     });
@@ -1246,14 +1256,14 @@ function rt(s) {
   let r = "", i = null, c = -1;
   const n = (l, d) => {
     for (let h = 0; h < l.length; h++) {
-      const u = l[h], v = document.createRange();
+      const f = l[h], v = document.createRange();
       v.setStart(s, d + h), v.setEnd(s, d + h + 1);
-      const f = v.getBoundingClientRect();
-      if (f.width === 0 && f.height === 0) {
-        r += u;
+      const g = v.getBoundingClientRect();
+      if (g.width === 0 && g.height === 0) {
+        r += f;
         continue;
       }
-      c === -1 || Math.abs(f.top - c) > f.height / 2 ? (r && i && t.push({
+      c === -1 || Math.abs(g.top - c) > g.height / 2 ? (r && i && t.push({
         text: r,
         rect: {
           left: i.left,
@@ -1261,14 +1271,14 @@ function rt(s) {
           width: i.right - i.left,
           height: i.bottom - i.top
         }
-      }), r = u, i = {
-        left: f.left,
-        top: f.top,
-        right: f.right,
-        bottom: f.bottom
-      }, c = f.top) : (r += u, i && (i.left = Math.min(i.left, f.left), i.top = Math.min(i.top, f.top), i.right = Math.max(i.right, f.right), i.bottom = Math.max(
+      }), r = f, i = {
+        left: g.left,
+        top: g.top,
+        right: g.right,
+        bottom: g.bottom
+      }, c = g.top) : (r += f, i && (i.left = Math.min(i.left, g.left), i.top = Math.min(i.top, g.top), i.right = Math.max(i.right, g.right), i.bottom = Math.max(
         i.bottom,
-        f.bottom
+        g.bottom
       )));
     }
   }, o = e.match(/[^\s\-]+\-?|\-|\s+/g) || [];
@@ -1280,12 +1290,12 @@ function rt(s) {
     if (h.length > 1)
       n(l, a);
     else {
-      const u = h.length === 1 ? h[0] : d.getBoundingClientRect();
-      if (u.width === 0 && u.height === 0) {
+      const f = h.length === 1 ? h[0] : d.getBoundingClientRect();
+      if (f.width === 0 && f.height === 0) {
         r += l, a += l.length;
         continue;
       }
-      c === -1 || Math.abs(u.top - c) > u.height / 2 ? (r && i && t.push({
+      c === -1 || Math.abs(f.top - c) > f.height / 2 ? (r && i && t.push({
         text: r,
         rect: {
           left: i.left,
@@ -1294,13 +1304,13 @@ function rt(s) {
           height: i.bottom - i.top
         }
       }), r = l, i = {
-        left: u.left,
-        top: u.top,
-        right: u.right,
-        bottom: u.bottom
-      }, c = u.top) : (r += l, i && (i.left = Math.min(i.left, u.left), i.top = Math.min(i.top, u.top), i.right = Math.max(i.right, u.right), i.bottom = Math.max(
+        left: f.left,
+        top: f.top,
+        right: f.right,
+        bottom: f.bottom
+      }, c = f.top) : (r += l, i && (i.left = Math.min(i.left, f.left), i.top = Math.min(i.top, f.top), i.right = Math.max(i.right, f.right), i.bottom = Math.max(
         i.bottom,
-        u.bottom
+        f.bottom
       )));
     }
     a += l.length;
@@ -1317,7 +1327,7 @@ function rt(s) {
     (l) => l.text.trim().length > 0 && l.rect.width > 0 && l.rect.height > 0
   );
 }
-function Le(s) {
+function Me(s) {
   const e = parseFloat(s.fontSize);
   let t = parseFloat(s.lineHeight);
   isNaN(t) && (t = e * 1.2);
@@ -1333,73 +1343,73 @@ function Le(s) {
     letterSpacing: r
   };
 }
-function Ie(s, e = Q | le | ze | ve | ue, t, r = 1, i = 0, c = 2, n, o) {
-  var N, Z, ne, oe, B, _;
+function Ie(s, e = K | le | ze | ve | ue, t, r = 1, i = 0, c = 2, n, o) {
+  var N, J, Q, Z, ne, oe;
   if (s.nodeType === Node.TEXT_NODE) {
-    const p = s;
-    if (!p.textContent || !p.textContent.trim())
+    const u = s;
+    if (!u.textContent || !u.textContent.trim())
       return null;
-    const R = p.textContent.replace(/\s+/g, " ");
-    if (R.length === 0)
+    const b = u.textContent.replace(/\s+/g, " ");
+    if (b.length === 0)
       return null;
-    const F = rt(p);
-    if (F.length === 0)
+    const I = rt(u);
+    if (I.length === 0)
       return null;
-    const V = p.parentElement, I = V ? window.getComputedStyle(V) : null;
-    if (!I)
+    const B = u.parentElement, k = B ? window.getComputedStyle(B) : null;
+    if (!k)
       return null;
-    const G = Math.min(...F.map((E) => E.rect.left)), X = Math.min(...F.map((E) => E.rect.top)), j = Math.max(...F.map((E) => E.rect.left + E.rect.width)), A = Math.max(...F.map((E) => E.rect.top + E.rect.height));
+    const H = Math.min(...I.map((C) => C.rect.left)), X = Math.min(...I.map((C) => C.rect.top)), q = Math.max(...I.map((C) => C.rect.left + C.rect.width)), A = Math.max(...I.map((C) => C.rect.top + C.rect.height));
     return {
       id: Math.random().toString(36).substring(2, 9),
       type: "TEXT",
-      element: p,
+      element: u,
       rect: {
-        x: G + window.scrollX,
+        x: H + window.scrollX,
         y: X + window.scrollY,
-        width: j - G,
+        width: q - H,
         height: A - X
       },
       styles: {
         backgroundColor: "transparent",
         backgroundImage: "",
-        opacity: V && V.dataset[K.KEY] === K.VALUES.HIDE ? 1 : parseFloat(I.opacity),
-        zIndex: (isNaN(parseInt(I.zIndex)) ? 0 : parseInt(I.zIndex)) + i,
+        opacity: B && B.dataset[$.KEY] === $.VALUES.HIDE ? 1 : parseFloat(k.opacity),
+        zIndex: (isNaN(parseInt(k.zIndex)) ? 0 : parseInt(k.zIndex)) + i,
         borderRadius: "0px",
         borderColor: "transparent",
         borderWidth: "0px",
         isTraveler: !1
       },
-      textContent: R,
-      textLines: F.map((E) => ({
-        text: E.text.trim(),
+      textContent: b,
+      textLines: I.map((C) => ({
+        text: C.text.trim(),
         rect: {
-          x: E.rect.left + window.scrollX,
-          y: E.rect.top + window.scrollY,
-          width: E.rect.width,
-          height: E.rect.height
+          x: C.rect.left + window.scrollX,
+          y: C.rect.top + window.scrollY,
+          width: C.rect.width,
+          height: C.rect.height
         }
       })),
-      textStyles: Le(I),
+      textStyles: Me(k),
       dirtyMask: e,
       visibility: t,
       isTraveler: !1,
       captureLayer: r,
-      isFixed: I.position === "fixed",
+      isFixed: k.position === "fixed",
       nativeLayer: n,
-      nativeStyles: o ? J(J({
+      nativeStyles: o ? j(j({
         backgroundColor: "transparent",
         backgroundImage: "",
-        opacity: V && V.dataset[K.KEY] === K.VALUES.HIDE ? 1 : parseFloat(I.opacity),
-        zIndex: (isNaN(parseInt(I.zIndex)) ? 0 : parseInt(I.zIndex)) + i,
+        opacity: B && B.dataset[$.KEY] === $.VALUES.HIDE ? 1 : parseFloat(k.opacity),
+        zIndex: (isNaN(parseInt(k.zIndex)) ? 0 : parseInt(k.zIndex)) + i,
         borderRadius: "0px",
         borderColor: "transparent",
         borderWidth: "0px",
         isTraveler: !1
-      }, Le(I)), o) : void 0,
+      }, Me(k)), o) : void 0,
       nativeRect: o ? {
-        x: G + window.scrollX,
+        x: H + window.scrollX,
         y: X + window.scrollY,
-        width: j - G,
+        width: q - H,
         height: A - X
       } : void 0,
       children: []
@@ -1407,209 +1417,209 @@ function Ie(s, e = Q | le | ze | ve | ue, t, r = 1, i = 0, c = 2, n, o) {
   }
   if (s.nodeType !== Node.ELEMENT_NODE)
     return null;
-  const a = s, l = a.dataset[W.KEY];
+  const a = s, l = a.dataset[V.KEY];
   let d = t, h = t;
   if (l) {
-    const p = new Set(l.split(/\s+/));
-    for (const R of p)
-      if (!Se.includes(R))
+    const u = new Set(l.split(/\s+/));
+    for (const b of u)
+      if (!Se.includes(b))
         throw new Error(
-          `[MirageEngine] Invalid filter token: '${R}'. Expected one of: 'include-tree', 'exclude-tree', 'include-self', 'exclude-self', 'end'.`
+          `[MirageEngine] Invalid filter token: '${b}'. Expected one of: 'include-tree', 'exclude-tree', 'include-self', 'exclude-self', 'end'.`
         );
-    if (p.has(W.VALUES.END))
+    if (u.has(V.VALUES.END))
       return null;
-    if (p.has(W.VALUES.INCLUDE_TREE) && p.has(W.VALUES.EXCLUDE_TREE))
+    if (u.has(V.VALUES.INCLUDE_TREE) && u.has(V.VALUES.EXCLUDE_TREE))
       throw new Error(
         "[MirageEngine] Conflicting filters: 'include-tree' and 'exclude-tree' cannot be used together on the same element."
       );
-    if (p.has(W.VALUES.INCLUDE_SELF) && p.has(W.VALUES.EXCLUDE_SELF))
+    if (u.has(V.VALUES.INCLUDE_SELF) && u.has(V.VALUES.EXCLUDE_SELF))
       throw new Error(
         "[MirageEngine] Conflicting filters: 'include-self' and 'exclude-self' cannot be used together on the same element."
       );
-    p.has(W.VALUES.INCLUDE_TREE) ? d = d | P : p.has(W.VALUES.EXCLUDE_TREE) && (d = d & ~P), h = d, p.has(W.VALUES.INCLUDE_SELF) ? h = h | P : p.has(W.VALUES.EXCLUDE_SELF) && (h = h & ~P);
+    u.has(V.VALUES.INCLUDE_TREE) ? d = d | W : u.has(V.VALUES.EXCLUDE_TREE) && (d = d & ~W), h = d, u.has(V.VALUES.INCLUDE_SELF) ? h = h | W : u.has(V.VALUES.EXCLUDE_SELF) && (h = h & ~W);
   }
-  const u = a.dataset[q.KEY];
-  if (u) {
-    const p = new Set(u.split(/\s+/));
-    for (const R of p)
-      if (!Se.includes(R))
+  const f = a.dataset[P.KEY];
+  if (f) {
+    const u = new Set(f.split(/\s+/));
+    for (const b of u)
+      if (!Se.includes(b))
         throw new Error(
-          `[MirageEngine] Invalid select token: '${R}'. Expected one of: 'include-tree', 'exclude-tree', 'include-self', 'exclude-self', 'end'.`
+          `[MirageEngine] Invalid select token: '${b}'. Expected one of: 'include-tree', 'exclude-tree', 'include-self', 'exclude-self', 'end'.`
         );
-    if (p.has(q.VALUES.END))
+    if (u.has(P.VALUES.END))
       return null;
-    if (p.has(q.VALUES.INCLUDE_TREE) && p.has(q.VALUES.EXCLUDE_TREE))
+    if (u.has(P.VALUES.INCLUDE_TREE) && u.has(P.VALUES.EXCLUDE_TREE))
       throw new Error(
         "[MirageEngine] Conflicting selects: 'include-tree' and 'exclude-tree' cannot be used together on the same element."
       );
-    if (p.has(q.VALUES.INCLUDE_SELF) && p.has(q.VALUES.EXCLUDE_SELF))
+    if (u.has(P.VALUES.INCLUDE_SELF) && u.has(P.VALUES.EXCLUDE_SELF))
       throw new Error(
         "[MirageEngine] Conflicting selects: 'include-self' and 'exclude-self' cannot be used together on the same element."
       );
-    p.has(q.VALUES.INCLUDE_TREE) ? d = d | te : p.has(q.VALUES.EXCLUDE_TREE) && (d = d & ~te), h = d, p.has(q.VALUES.INCLUDE_SELF) ? h = h | te : p.has(q.VALUES.EXCLUDE_SELF) && (h = h & ~te);
+    u.has(P.VALUES.INCLUDE_TREE) ? d = d | te : u.has(P.VALUES.EXCLUDE_TREE) && (d = d & ~te), h = d, u.has(P.VALUES.INCLUDE_SELF) ? h = h | te : u.has(P.VALUES.EXCLUDE_SELF) && (h = h & ~te);
   }
   const v = a.dataset[O.KEY];
-  let f = !1, m = o ? J({}, o) : {}, b = n;
+  let g = !1, m = o ? j({}, o) : {}, w = n;
   if (v) {
-    let p = 1;
-    const R = v.indexOf("{"), F = v.lastIndexOf("}");
-    let V = v;
-    if (R !== -1 && F !== -1 && F > R) {
-      V = v.substring(0, R).trim();
-      const A = v.substring(R, F + 1);
+    let u = 1;
+    const b = v.indexOf("{"), I = v.lastIndexOf("}");
+    let B = v;
+    if (b !== -1 && I !== -1 && I > b) {
+      B = v.substring(0, b).trim();
+      const A = v.substring(b, I + 1);
       try {
         m = new Function("return " + A)();
-      } catch (E) {
+      } catch (C) {
         console.warn(
           `[MirageEngine] Failed to parse travel styles JSON: ${A}`
         );
       }
     }
-    const I = V.split(/\s+/);
-    let G = !1;
-    const X = I.indexOf(O.VALUES.TRAVELER);
+    const k = B.split(/\s+/);
+    let H = !1;
+    const X = k.indexOf(O.VALUES.TRAVELER);
     if (X !== -1) {
-      f = !0, G = !0;
-      const A = I[X + 1];
+      g = !0, H = !0;
+      const A = k[X + 1];
       if (A && !isNaN(parseInt(A, 10)))
-        p = parseInt(A, 10);
+        u = parseInt(A, 10);
       else {
-        const E = I.find((ee) => !isNaN(parseInt(ee, 10)));
-        E && (p = parseInt(E, 10));
+        const C = k.find((ee) => !isNaN(parseInt(ee, 10)));
+        C && (u = parseInt(C, 10));
       }
     }
-    const j = I.indexOf(O.VALUES.NATIVE);
-    if (j !== -1) {
-      const A = I[j + 1];
+    const q = k.indexOf(O.VALUES.NATIVE);
+    if (q !== -1) {
+      const A = k[q + 1];
       if (A && !isNaN(parseInt(A, 10)))
-        b = parseInt(A, 10);
-      else if (!f) {
-        const E = I.find((ee) => !isNaN(parseInt(ee, 10)));
-        E && (b = parseInt(E, 10));
+        w = parseInt(A, 10);
+      else if (!g) {
+        const C = k.find((ee) => !isNaN(parseInt(ee, 10)));
+        C && (w = parseInt(C, 10));
       }
     }
-    if (G) {
-      const A = p + 1;
+    if (H) {
+      const A = u + 1;
       if (A < r)
         throw new Error(
-          `[MirageEngine] Traveler layer (${p}) cannot be smaller than inherited capture layer (${r - 1}).`
+          `[MirageEngine] Traveler layer (${u}) cannot be smaller than inherited capture layer (${r - 1}).`
         );
       r = Math.min(A, O.MAX_LAYERS + 1);
     }
   }
-  const L = a.dataset[Xe.KEY];
-  let M;
-  L && (M = JSON.parse(L));
-  const S = a.getBoundingClientRect(), x = window.getComputedStyle(a);
-  if (S.width === 0 || S.height === 0 || x.display === "none")
+  const M = a.dataset[Xe.KEY];
+  let L;
+  M && (L = JSON.parse(M));
+  const T = a.getBoundingClientRect(), E = window.getComputedStyle(a);
+  if (T.width === 0 || T.height === 0 || E.display === "none")
     return null;
-  let C = a.getAttribute("data-mid");
-  C || (C = Math.random().toString(36).substring(2, 11), a.setAttribute("data-mid", C));
-  const w = parseInt(x.zIndex), T = (isNaN(w) ? 0 : w) + i;
+  let S = a.getAttribute("data-mid");
+  S || (S = Math.random().toString(36).substring(2, 11), a.setAttribute("data-mid", S));
+  const x = parseInt(E.zIndex), R = (isNaN(x) ? 0 : x) + i;
   let D;
   if (a.tagName === "IMG")
     D = a.src;
   else if (a.tagName.toLowerCase() === "svg") {
-    const p = a.cloneNode(!0), R = m == null ? void 0 : m.color, F = m == null ? void 0 : m.fill, V = m == null ? void 0 : m.stroke, I = m == null ? void 0 : m.opacity, G = (E, ee) => {
-      const Y = window.getComputedStyle(E), ae = ee, ke = Y.fill === Y.color, Ue = Y.stroke === Y.color, fe = F || (ke ? R : void 0) || Y.fill;
+    const u = a.cloneNode(!0), b = m == null ? void 0 : m.color, I = m == null ? void 0 : m.fill, B = m == null ? void 0 : m.stroke, k = m == null ? void 0 : m.opacity, H = (C, ee) => {
+      const z = window.getComputedStyle(C), ae = ee, ke = z.fill === z.color, Ue = z.stroke === z.color, fe = I || (ke ? b : void 0) || z.fill;
       fe && fe !== "none" && (ae.style.fill = fe);
-      const ge = V || (Ue ? R : void 0) || Y.stroke;
-      ge && ge !== "none" && (ae.style.stroke = ge), Y.strokeWidth && Y.strokeWidth !== "0px" && (ae.style.strokeWidth = Y.strokeWidth);
-      const be = R || Y.color;
+      const ge = B || (Ue ? b : void 0) || z.stroke;
+      ge && ge !== "none" && (ae.style.stroke = ge), z.strokeWidth && z.strokeWidth !== "0px" && (ae.style.strokeWidth = z.strokeWidth);
+      const be = b || z.color;
       be && (ae.style.color = be);
-      const pe = I || Y.opacity;
+      const pe = k || z.opacity;
       pe && pe !== "1" && (ae.style.opacity = pe);
-      for (let he = 0; he < E.children.length; he++)
-        G(E.children[he], ee.children[he]);
+      for (let he = 0; he < C.children.length; he++)
+        H(C.children[he], ee.children[he]);
     };
-    G(a, p);
-    const X = a.getBoundingClientRect(), j = window.devicePixelRatio * c;
-    p.hasAttribute("viewBox") || p.setAttribute("viewBox", `0 0 ${X.width} ${X.height}`), p.setAttribute("width", (X.width * j).toString()), p.setAttribute("height", (X.height * j).toString());
-    let A = new XMLSerializer().serializeToString(p);
+    H(a, u);
+    const X = a.getBoundingClientRect(), q = window.devicePixelRatio * c;
+    u.hasAttribute("viewBox") || u.setAttribute("viewBox", `0 0 ${X.width} ${X.height}`), u.setAttribute("width", (X.width * q).toString()), u.setAttribute("height", (X.height * q).toString());
+    let A = new XMLSerializer().serializeToString(u);
     A.includes("xmlns=") || (A = A.replace(
       "<svg",
       '<svg xmlns="http://www.w3.org/2000/svg"'
     )), D = `data:image/svg+xml;utf8,${encodeURIComponent(A)}`;
-  } else if (x.backgroundImage && x.backgroundImage !== "none") {
-    const p = x.backgroundImage.match(/url\(['"]?(.*?)['"]?\)/);
-    p && (D = p[1]);
-  }
-  const k = {
-    backgroundColor: x.backgroundColor,
-    backgroundImage: x.backgroundImage,
-    opacity: a.dataset[K.KEY] === K.VALUES.HIDE ? 1 : parseFloat(x.opacity),
-    zIndex: T,
-    borderRadius: x.borderRadius,
-    borderColor: x.borderColor,
-    borderWidth: x.borderWidth,
+  } else if (E.backgroundImage && E.backgroundImage !== "none") {
+    const u = E.backgroundImage.match(/url\(['"]?(.*?)['"]?\)/);
+    u && (D = u[1]);
+  }
+  const U = {
+    backgroundColor: E.backgroundColor,
+    backgroundImage: E.backgroundImage,
+    opacity: a.dataset[$.KEY] === $.VALUES.HIDE ? 1 : parseFloat(E.opacity),
+    zIndex: R,
+    borderRadius: E.borderRadius,
+    borderColor: E.borderColor,
+    borderWidth: E.borderWidth,
     imageSrc: D,
-    isTraveler: f
-  }, $ = k;
+    isTraveler: g
+  }, G = U;
   let ie, se;
-  const z = [];
-  return a.tagName.toLowerCase() !== "svg" && Array.from(a.childNodes).forEach((p) => {
-    const R = p.nodeType === Node.TEXT_NODE ? h : d, F = Ie(
-      p,
+  const _ = [];
+  return a.tagName.toLowerCase() !== "svg" && Array.from(a.childNodes).forEach((u) => {
+    const b = u.nodeType === Node.TEXT_NODE ? h : d, I = Ie(
+      u,
       e,
-      R,
+      b,
       r,
-      T,
+      R,
       c,
-      p.nodeType === Node.TEXT_NODE ? b : void 0,
-      p.nodeType === Node.TEXT_NODE && Object.keys(m).length > 0 ? m : void 0
+      u.nodeType === Node.TEXT_NODE ? w : void 0,
+      u.nodeType === Node.TEXT_NODE && Object.keys(m).length > 0 ? m : void 0
     );
-    F && z.push(F);
+    I && _.push(I);
   }), {
-    id: C,
+    id: S,
     type: "BOX",
     element: a,
     rect: {
-      x: S.left + window.scrollX,
-      y: S.top + window.scrollY,
-      width: S.width,
-      height: S.height
+      x: T.left + window.scrollX,
+      y: T.top + window.scrollY,
+      width: T.width,
+      height: T.height
     },
-    styles: $,
+    styles: G,
     textContent: ie,
     textStyles: se,
     dirtyMask: e,
     visibility: h,
-    isTraveler: f,
+    isTraveler: g,
     captureLayer: r,
-    nativeLayer: b,
-    nativeStyles: b !== void 0 ? xe(J({}, k), {
-      backgroundColor: (N = m.backgroundColor) != null ? N : k.backgroundColor,
-      backgroundImage: (Z = m.backgroundImage) != null ? Z : k.backgroundImage,
-      opacity: (ne = m.opacity) != null ? ne : k.opacity,
-      zIndex: m.zIndex !== void 0 ? m.zIndex + T : k.zIndex,
-      borderRadius: (oe = m.borderRadius) != null ? oe : k.borderRadius,
-      borderColor: (B = m.borderColor) != null ? B : k.borderColor,
-      borderWidth: (_ = m.borderWidth) != null ? _ : k.borderWidth,
-      isTraveler: k.isTraveler,
+    nativeLayer: w,
+    nativeStyles: w !== void 0 ? xe(j({}, U), {
+      backgroundColor: (N = m.backgroundColor) != null ? N : U.backgroundColor,
+      backgroundImage: (J = m.backgroundImage) != null ? J : U.backgroundImage,
+      opacity: (Q = m.opacity) != null ? Q : U.opacity,
+      zIndex: m.zIndex !== void 0 ? m.zIndex + R : U.zIndex,
+      borderRadius: (Z = m.borderRadius) != null ? Z : U.borderRadius,
+      borderColor: (ne = m.borderColor) != null ? ne : U.borderColor,
+      borderWidth: (oe = m.borderWidth) != null ? oe : U.borderWidth,
+      isTraveler: U.isTraveler,
       transform: m.transform
     }) : void 0,
-    nativeRect: b !== void 0 ? {
-      x: m.x !== void 0 ? parseFloat(m.x) : S.left + window.scrollX,
-      y: m.y !== void 0 ? parseFloat(m.y) : S.top + window.scrollY,
-      width: m.width !== void 0 ? parseFloat(m.width) : S.width,
-      height: m.height !== void 0 ? parseFloat(m.height) : S.height
+    nativeRect: w !== void 0 ? {
+      x: m.x !== void 0 ? parseFloat(m.x) : T.left + window.scrollX,
+      y: m.y !== void 0 ? parseFloat(m.y) : T.top + window.scrollY,
+      width: m.width !== void 0 ? parseFloat(m.width) : T.width,
+      height: m.height !== void 0 ? parseFloat(m.height) : T.height
     } : void 0,
-    isFixed: x.position === "fixed",
-    children: z,
-    shaderHooks: M
+    isFixed: E.position === "fixed",
+    children: _,
+    shaderHooks: L
   };
 }
 function it(s, e) {
   e.size !== 0 && e.forEach((t, r) => {
     var c, n, o, a;
     const i = s.get(r);
-    !i || !i.userData.basePosition || (H.forceUpdateUniforms(i.material, {
+    !i || !i.userData.basePosition || (Y.forceUpdateUniforms(i.material, {
       backgroundColor: t.backgroundColor,
       backgroundImage: t.backgroundImage,
       opacity: t.opacity,
       borderRadius: (n = t.borderRadius) != null ? n : (c = i.userData.baseStyles) == null ? void 0 : c.borderRadius
       // width and height are no longer updated here, they are updated in syncMeshesByDOM
-    }), i.userData.nativeMesh && H.forceUpdateUniforms(i.userData.nativeMesh.material, {
+    }), i.userData.nativeMesh && Y.forceUpdateUniforms(i.userData.nativeMesh.material, {
       backgroundColor: t.backgroundColor,
       backgroundImage: t.backgroundImage,
       opacity: t.opacity,
@@ -1619,11 +1629,11 @@ function it(s, e) {
 }
 class st {
   constructor(e, t, r, i) {
-    g(this, "target");
-    g(this, "renderer");
-    g(this, "registry");
-    g(this, "isTravelEnabled", !1);
-    g(this, "tracker");
+    p(this, "target");
+    p(this, "renderer");
+    p(this, "registry");
+    p(this, "isTravelEnabled", !1);
+    p(this, "tracker");
     this.target = e, this.renderer = t, this.registry = r, this.tracker = new We(e, {
       resizeDebounce: i.resizeDebounce
     }), this.tracker.onLayoutChange.add((c, n) => {
@@ -1631,7 +1641,7 @@ class st {
       const a = Ie(
         this.target,
         c,
-        P,
+        W,
         1,
         0,
         this.renderer.qualityFactor
@@ -1652,7 +1662,7 @@ class st {
 }
 class nt {
   constructor() {
-    g(this, "store");
+    p(this, "store");
     this.store = /* @__PURE__ */ new WeakMap();
   }
   register(e, t) {
@@ -1677,15 +1687,15 @@ class nt {
 }
 class ct {
   constructor(e, t) {
-    g(this, "renderer");
-    g(this, "syncer");
-    g(this, "target");
-    g(this, "registry");
+    p(this, "renderer");
+    p(this, "syncer");
+    p(this, "target");
+    p(this, "registry");
     var i, c, n;
     if (this.target = e, this.registry = new nt(), !document.getElementById("mirage-engine-styles")) {
       const o = document.createElement("style");
       o.id = "mirage-engine-styles", o.textContent = `
-        [${K.NAME}="${K.VALUES.HIDE}"] {
+        [${$.NAME}="${$.VALUES.HIDE}"] {
           opacity: 0 !important;
         }
       `, document.head.appendChild(o);
@@ -1743,24 +1753,24 @@ class ct {
 }
 export {
   Se as ALLOWED_FILTERS,
-  K as ATTR_DOM,
-  W as ATTR_FILTER,
+  $ as ATTR_DOM,
+  V as ATTR_FILTER,
   at as ATTR_SANDWICH,
-  q as ATTR_SELECT,
+  P as ATTR_SELECT,
   Xe as ATTR_SHADER,
   O as ATTR_TRAVEL,
   ve as DIRTY_CONTENT,
   de as DIRTY_NONE,
-  Q as DIRTY_RECT,
+  K as DIRTY_RECT,
   ue as DIRTY_STRUCTURE,
   le as DIRTY_STYLE,
   ze as DIRTY_ZINDEX,
   lt as EXCLUDED,
   ct as Engine,
   te as SELECT_LAYER,
-  U as THREE_LAYERS,
+  F as THREE_LAYERS,
   Ce as TRAVEL_VALUES,
   We as Tracker,
-  P as USER_LAYER,
+  W as USER_LAYER,
   Ye as extractFromStyle
 };