@needle-tools/engine 4.8.0-next.9de3f45 → 4.8.0-next.c98d4ee

package/dist/{three-mesh-ui-CxuWt7m-.js → three-mesh-ui-D6Mz5Yl7.js}

@@ -1,7 +1,4 @@
-var It = Object.defineProperty;
-var Ct = (i, e, t) => e in i ? It(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var I = (i, e, t) => Ct(i, typeof e != "symbol" ? e + "" : e, t);
-import { Vector4 as Rt, Vector3 as Bt, Vector2 as Ut, TextureLoader as At, Texture as Tt, ShaderMaterial as Mt, PlaneGeometry as Ft, Plane as Ot, Object3D as Lt, MeshBasicMaterial as zt, Mesh as Wt, LinearFilter as Et, FrontSide as Dt, FileLoader as Ht, EventDispatcher as Gt, DoubleSide as $t, Color as Nt, BufferGeometry as Xt, BufferAttribute as jt, BackSide as Yt } from "./three-DrqIzZTH.js";
+import { Vector4 as Pt, Vector3 as It, Vector2 as Ct, TextureLoader as Rt, Texture as Bt, ShaderMaterial as Ut, PlaneGeometry as At, Plane as Tt, Object3D as Mt, MeshBasicMaterial as Ft, Mesh as Ot, LinearFilter as Lt, FrontSide as zt, FileLoader as Wt, EventDispatcher as Et, DoubleSide as Dt, Color as Ht, BufferGeometry as Gt, BufferAttribute as $t, BackSide as Nt } from "./three-DrqIzZTH.js";
 var V = {};
 V.d = (i, e) => {
   for (var t in e)
@@ -19,39 +16,39 @@ V.d(m, {
   ),
   nS: () => (
     /* reexport */
-    bt
+    yt
   ),
   eB: () => (
     /* reexport */
-    M
+    T
   ),
   Yp: () => (
     /* reexport */
-    oe
+    ne
   ),
   VB: () => (
     /* reexport */
-    C
+    I
   ),
   BC: () => (
     /* reexport */
-    L
+    O
   ),
   zN: () => (
     /* reexport */
-    R
+    C
   ),
   cV: () => (
     /* reexport */
-    U
+    B
   ),
   hW: () => (
     /* reexport */
-    O
+    F
   ),
   k2: () => (
     /* reexport */
-    We
+    ze
   ),
   K6: () => (
     /* reexport */
@@ -59,53 +56,53 @@ V.d(m, {
   ),
   M7: () => (
     /* reexport */
-    ae
+    oe
   ),
   ls: () => (
     /* reexport */
-    z
+    L
   ),
   Hi: () => (
     /* reexport */
-    it
+    tt
   ),
   EY: () => (
     /* reexport */
-    F
+    M
   ),
   MR: () => (
     /* reexport */
-    Ye
+    je
   ),
   zf: () => (
     /* reexport */
-    ze
+    Le
   ),
   Ay: () => (
     /* binding */
-    ln
+    an
   ),
   yo: () => (
     /* binding */
-    xt
+    bt
   )
 });
+var ne = {};
+V.r(ne);
+V.d(ne, {
+  get: () => Fe,
+  set: () => Xt
+});
 var oe = {};
 V.r(oe);
 V.d(oe, {
-  get: () => Oe,
-  set: () => Kt
-});
-var ae = {};
-V.r(ae);
-V.d(ae, {
-  alphaTestTransformer: () => K,
-  asPreprocessorValueTransformer: () => Ke,
-  toPreprocessorTriggerTransformer: () => ve,
-  toUserDataTransformer: () => os,
+  alphaTestTransformer: () => Y,
+  asPreprocessorValueTransformer: () => Ye,
+  toPreprocessorTriggerTransformer: () => me,
+  toUserDataTransformer: () => ss,
   uniformOrUserDataTransformer: () => x
 });
-const re = {
+const se = {
   fontFamily: null,
   fontSize: 0.05,
   fontKerning: "auto",
@@ -142,11 +139,11 @@ const re = {
   letterSpacing: 0,
   invertAlpha: !1,
   segments: 1
-}, Kt = function(i) {
+}, Xt = function(i) {
   for (const e in i)
-    re[e] = i[e];
-}, Oe = function(i) {
-  return Object.prototype.hasOwnProperty.call(re, i) || console.warn(`ThreeMeshUI::DefaultValues is trying to retrieve non-existing property '${i}'`), re[i];
+    se[e] = i[e];
+}, Fe = function(i) {
+  return Object.prototype.hasOwnProperty.call(se, i) || console.warn(`ThreeMeshUI::DefaultValues is trying to retrieve non-existing property '${i}'`), se[i];
 };
 class p {
   /**
@@ -230,7 +227,7 @@ class p {
    * @return {any}
    */
   getDefaultValue() {
-    return Oe(this._id);
+    return Fe(this._id);
   }
   /* eslint-disable no-unused-vars */
   /**
@@ -257,7 +254,7 @@ class p {
     this._needsRender = !1;
   }
 }
-class qt extends p {
+class jt extends p {
   constructor() {
     super("renderOrder", "auto", !0), this.output = this._outputValue, this._actualValue = 0;
   }
@@ -293,7 +290,7 @@ class qt extends p {
     return this._value;
   }
 }
-class R extends p {
+class C extends p {
   /**
    *
    * @param {string} propertyId
@@ -331,7 +328,7 @@ class R extends p {
     return this._value === "inherit" ? this._notInheritedValue : this._value;
   }
 }
-class Jt extends R {
+class Yt extends C {
   constructor() {
     super("offset", "inherit", !1);
   }
@@ -340,20 +337,20 @@ class Jt extends R {
     super.update(e, t), e._parent._value !== null && (e.position.z = this._notInheritedValue);
   }
 }
-class Zt extends R {
+class Kt extends C {
   constructor() {
-    super("fontSmooth", "inherit", !0), this._needsUpdate = !1, this.isValid = ei, this.output = this._outputValue;
+    super("fontSmooth", "inherit", !0), this._needsUpdate = !1, this.isValid = Jt, this.output = this._outputValue;
   }
 }
-const Qt = ["inherit", "none", "antialiased"];
-function ei(i) {
-  return Qt.indexOf(i) === -1 ? (console.warn(`.fontSmoothing value '${i}' is not valid. Aborted`), !1) : !0;
+const qt = ["inherit", "none", "antialiased"];
+function Jt(i) {
+  return qt.indexOf(i) === -1 ? (console.warn(`.fontSmoothing value '${i}' is not valid. Aborted`), !1) : !0;
 }
-var ti = (i) => {
+var Zt = (i) => {
   var e = {};
   return V.d(e, i), e;
 };
-const u = ti({ BackSide: () => Yt, BufferAttribute: () => jt, BufferGeometry: () => Xt, Color: () => Nt, DoubleSide: () => $t, EventDispatcher: () => Gt, FileLoader: () => Ht, FrontSide: () => Dt, LinearFilter: () => Et, Mesh: () => Wt, MeshBasicMaterial: () => zt, Object3D: () => Lt, Plane: () => Ot, PlaneGeometry: () => Ft, ShaderMaterial: () => Mt, Texture: () => Tt, TextureLoader: () => At, Vector2: () => Ut, Vector3: () => Bt, Vector4: () => Rt });
+const u = Zt({ BackSide: () => Nt, BufferAttribute: () => $t, BufferGeometry: () => Gt, Color: () => Ht, DoubleSide: () => Dt, EventDispatcher: () => Et, FileLoader: () => Wt, FrontSide: () => zt, LinearFilter: () => Lt, Mesh: () => Ot, MeshBasicMaterial: () => Ft, Object3D: () => Mt, Plane: () => Tt, PlaneGeometry: () => At, ShaderMaterial: () => Ut, Texture: () => Bt, TextureLoader: () => Rt, Vector2: () => Ct, Vector3: () => It, Vector4: () => Pt });
 class g extends p {
   /**
    *
@@ -430,7 +427,7 @@ class g extends p {
     return t ? t[`_${this._id}`].getInheritedInput(t) : this.getDefaultValue();
   }
 }
-class Y extends g {
+class j extends g {
   constructor(e, t) {
     super(e, t, !1), this._input = new u.Vector4(0, 0, 0, 0), this._inline = null, this._value = new u.Vector4(0, 0, 0, 0);
   }
@@ -542,7 +539,7 @@ class Y extends g {
     isNaN(t) || e.setScalar(t);
   }
 }
-class ii extends Y {
+class Qt extends j {
   constructor() {
     super("padding", new u.Vector4(0, 0, 0, 0));
   }
@@ -550,7 +547,7 @@ class ii extends Y {
     super.computeOutputValue(e), e._bounds._needsUpdate = !0, e._bounds._needsRender = !0, e._layouter._needsProcess = !0, e._renderer._needsRender = !0, e._parent._value && (e._parent._value._layouter._needsProcess = !0);
   }
 }
-class si extends Y {
+class ei extends j {
   constructor() {
     super("margin", new u.Vector4(0, 0, 0, 0));
   }
@@ -558,12 +555,12 @@ class si extends Y {
     super.computeOutputValue(e), e._renderer._needsRender = !0, e._parent._value && (e._parent._value._flexDirection._needsProcess = !0);
   }
 }
-const Ce = function(i, e, t) {
+const Ie = function(i, e, t) {
   i[e] = t;
-}, ri = function(i, e, t) {
+}, ti = function(i, e, t) {
   t !== null && (i[e] = t);
 };
-class W {
+class z {
   /**
    * @constructor
    * @param {MediationDefinition} definition
@@ -589,7 +586,7 @@ class W {
     for (const n in this._definition) {
       const o = this._definition[n];
       if (s[n] !== void 0) {
-        const a = o.t ? o.t : Ce;
+        const a = o.t ? o.t : Ie;
         a(t, o.m, s[n]), r && a(r, o.m, s[n]);
       }
     }
@@ -610,13 +607,13 @@ class W {
       for (const o in r) {
         const a = r[o];
         if (s[o] !== void 0) {
-          const l = a.t ? a.t : Ce;
+          const l = a.t ? a.t : Ie;
           l(t, a.m, s[o]), n && l(n, a.m, s[o]);
         }
       }
   }
 }
-class ni extends p {
+class ii extends p {
   constructor() {
     super("parent", null, !1);
   }
@@ -656,10 +653,10 @@ class ni extends p {
     this._value = null;
   }
 }
-const ne = function(i, e, t = 6) {
+const re = function(i, e, t = 6) {
   return i.toFixed(t) === e.toFixed(t);
 };
-class Re extends p {
+class Ce extends p {
   /**
    *
    * @param {string} propertyId
@@ -673,7 +670,7 @@ class Re extends p {
    * @param {number} value
    */
   set value(e) {
-    this.isValid(e) && (ne(this._value, e) || (this._value = e, this._needsUpdate = !0));
+    this.isValid(e) && (re(this._value, e) || (this._value = e, this._needsUpdate = !0));
   }
   /**
    *
@@ -683,20 +680,20 @@ class Re extends p {
     return this._value;
   }
 }
-class Be extends R {
+class Re extends C {
   /**
    *
    * @param {string} propertyId
    */
   constructor(e) {
-    super(e, "inherit", !0), this.isValid = ai;
+    super(e, "inherit", !0), this.isValid = ri;
   }
 }
-const oi = [u.FrontSide, u.BackSide, u.DoubleSide];
-function ai(i) {
-  return oi.indexOf(i) === -1 ? (console.warn(`SideProperty value '${i}' is not valid. Abort`), !1) : !0;
+const si = [u.FrontSide, u.BackSide, u.DoubleSide];
+function ri(i) {
+  return si.indexOf(i) === -1 ? (console.warn(`SideProperty value '${i}' is not valid. Abort`), !1) : !0;
 }
-class Le {
+class Oe {
   constructor() {
     this._offsetX = 0, this._offsetY = 0, this._lineBreak = null, this._kerning = 0, this._fontFactor = 1, this._fontSize = 0, this._cumulativeWidth = 0, this._paddingLeft = 0, this._paddingRight = 0, this._marginLeft = 0, this._marginRight = 0;
   }
@@ -917,7 +914,7 @@ class Le {
     return this._fontFactor;
   }
 }
-class ze {
+class Le {
   /**
    *
    * @param {TypographicFont} typographicFont
@@ -1000,7 +997,7 @@ class ze {
     throw new Error("Abstract... Need to be implemented");
   }
 }
-class We extends Le {
+class ze extends Oe {
   /**
    *
    * @param {TypographicGlyph} characterDesc
@@ -1082,25 +1079,25 @@ class We extends Le {
     return this._typographic.font.lineBase * this._fontFactor;
   }
 }
-const ui = {
+const ni = {
   light: "100",
   normal: "400",
   bold: "700",
   bolder: "900"
 };
-function ue(i) {
+function ae(i) {
   if (!isNaN(i)) return i.toString();
-  const e = ui[i];
+  const e = ni[i];
   return e || i;
 }
-class hi extends u.EventDispatcher {
+class oi extends u.EventDispatcher {
   /**
    *
    * @param {import('./../core/elements/MeshUIBaseElement').FontWeightFormat} weight
    * @param {"normal"|"italic"} style
    */
   constructor(e, t) {
-    super(), this._isReady = !1, this._weight = ue(e), this._style = t, this._size = 42, this._lineHeight = 42, this._lineBase = 42, this._font = null;
+    super(), this._isReady = !1, this._weight = ae(e), this._style = t, this._size = 42, this._lineHeight = 42, this._lineBase = 42, this._font = null;
   }
   /**
    *
@@ -1219,7 +1216,7 @@ class hi extends u.EventDispatcher {
    * @private
    */
   _checkReadiness() {
-    this._readyCondition() && ci(this);
+    this._readyCondition() && ui(this);
   }
   /* eslint-disable no-unused-vars */
   /**
@@ -1240,18 +1237,18 @@ class hi extends u.EventDispatcher {
     throw new Error(`FontVariant(${typeof this})::_readyCondition() is abstract and should therefore be overridden.`);
   }
 }
-const li = { type: "ready" };
-function ci(i) {
-  i._isReady = !0, i.dispatchEvent(li);
+const ai = { type: "ready" };
+function ui(i) {
+  i._isReady = !0, i.dispatchEvent(ai);
 }
-const L = hi;
-class di extends p {
+const O = oi;
+class hi extends p {
   /**
    *
    * @param {FontVariant} [value=null]
    */
   constructor(e = null) {
-    super("font", e, !1), this._needsUpdate = !1, this._fontVariant = null, this._handleFontReadyClosure = null, this.isValid = _i;
+    super("font", e, !1), this._needsUpdate = !1, this._fontVariant = null, this._handleFontReadyClosure = null, this.isValid = li;
   }
   output(e) {
     e[this._id] = this._fontVariant;
@@ -1262,7 +1259,7 @@ class di extends p {
    * @override
    */
   update(e, t) {
-    if (this._fontVariant && !this._fontVariant.isReady && this._fontVariant.removeEventListener("ready", this._handleFontReadyClosure), this._value && this._value instanceof L)
+    if (this._fontVariant && !this._fontVariant.isReady && this._fontVariant.removeEventListener("ready", this._handleFontReadyClosure), this._value && this._value instanceof O)
       this._fontVariant = this._value;
     else {
       const s = e._fontFamily._value;
@@ -1271,7 +1268,7 @@ class di extends p {
         e._fontStyle._value
       ));
     }
-    this._fontVariant && (this._fontVariant._alterElementProperties(e), this._handleFontReadyClosure = fi(e, this), this._fontVariant.isReady ? this._handleFontReadyClosure() : this._fontVariant.addEventListener("ready", this._handleFontReadyClosure), (!e._fontMaterial._defaultMaterial || !(e._fontMaterial._defaultMaterial instanceof this._fontVariant.fontMaterial)) && (e._fontMaterial._defaultMaterial = new this._fontVariant.fontMaterial(), e._fontMaterial._needsUpdate = !0));
+    this._fontVariant && (this._fontVariant._alterElementProperties(e), this._handleFontReadyClosure = ci(e, this), this._fontVariant.isReady ? this._handleFontReadyClosure() : this._fontVariant.addEventListener("ready", this._handleFontReadyClosure), (!e._fontMaterial._defaultMaterial || !(e._fontMaterial._defaultMaterial instanceof this._fontVariant.fontMaterial)) && (e._fontMaterial._defaultMaterial = new this._fontVariant.fontMaterial(), e._fontMaterial._needsUpdate = !0));
   }
   /**
    * @override
@@ -1301,39 +1298,39 @@ class di extends p {
     this._handleFontReadyClosure && (this._fontVariant.removeEventListener("ready", this._handleFontReadyClosure), this._handleFontReadyClosure = null), this._value = null, this._fontVariant = null;
   }
 }
-function _i(i) {
-  return i instanceof L ? !0 : (console.warn(`.font value '${i}' is not valid. It requires a FontVariant instance. Aborted`), !1);
+function li(i) {
+  return i instanceof O ? !0 : (console.warn(`.font value '${i}' is not valid. It requires a FontVariant instance. Aborted`), !1);
 }
-function fi(i, e) {
+function ci(i, e) {
   return function() {
     e._needsUpdate = !0, i._glyphs._needsProcess = !0, e._fontVariant.removeEventListener("ready", e._handleFontReadyClosure), e._handleFontReadyClosure = null;
   };
 }
-class pi extends g {
+class di extends g {
   constructor(e) {
-    super("display", e), this._value = "flex", this._allowsInherit = !1, this._needsUpdate = !1, this.isValidValue = mi;
+    super("display", e), this._value = "flex", this._allowsInherit = !1, this._needsUpdate = !1, this.isValidValue = fi;
   }
   computeOutputValue(e) {
     e._visible._value = this._output !== "none";
   }
 }
-const gi = ["none", "flex"];
-function mi(i) {
-  return gi.indexOf(i) === -1 ? (console.warn(`(.style) display value '${i}' is not valid. Aborted`), !1) : !0;
+const _i = ["none", "flex"];
+function fi(i) {
+  return _i.indexOf(i) === -1 ? (console.warn(`(.style) display value '${i}' is not valid. Aborted`), !1) : !0;
 }
-class vi extends g {
+class pi extends g {
   constructor(e) {
-    super("boxSizing", e), this._allowsInherit = !1, this.isValidValue = bi;
+    super("boxSizing", e), this._allowsInherit = !1, this.isValidValue = mi;
   }
   computeOutputValue(e) {
     this._value = this._inheritedInput, e._bounds._needsUpdate = !0;
   }
 }
-const yi = ["border-box", "content-box"];
-function bi(i) {
-  return yi.indexOf(i) === -1 ? (console.warn(`(.style) boxSizing value '${i}' is not valid. Aborted`), !1) : !0;
+const gi = ["border-box", "content-box"];
+function mi(i) {
+  return gi.indexOf(i) === -1 ? (console.warn(`(.style) boxSizing value '${i}' is not valid. Aborted`), !1) : !0;
 }
-class A extends g {
+class U extends g {
   constructor(e, t) {
     super(e, t, !1), this._value = new u.Color(), this.output = this._outputValue;
   }
@@ -1348,25 +1345,25 @@ class A extends g {
     this._input = this._inline = e, this._needsUpdate = !0;
   }
 }
-class Q extends g {
+class Z extends g {
   /**
    *
    * @param {string} propertyId
    * @param {any} defaultValue
    */
   constructor(e, t) {
-    super(e, t, !0), this.isValidValue = xi, this._allowsInherit = !1, this._input = t, this._value = t, this.output = this._outputValue, this.computeOutputValue = this._computeFromInherited;
+    super(e, t, !0), this.isValidValue = vi, this._allowsInherit = !1, this._input = t, this._value = t, this.output = this._outputValue, this.computeOutputValue = this._computeFromInherited;
   }
   _outputValue(e) {
     e[this._id] = this._inheritedInput;
   }
 }
-function xi(i) {
+function vi(i) {
   return i < 0 && i > 1 ? (console.warn(`(.style) styleFactorProperty('${this.id}') value '${i}' is not valid)`), !1) : !0;
 }
-class wi extends g {
+class yi extends g {
   constructor(e) {
-    super("backgroundImage", e, !0), this._input = null, this._allowsInherit = !1, this._textureSize = new u.Vector2(1, 1), this.isValidValue = Si;
+    super("backgroundImage", e, !0), this._input = null, this._allowsInherit = !1, this._textureSize = new u.Vector2(1, 1), this.isValidValue = bi;
   }
   /**
    * @override
@@ -1395,21 +1392,21 @@ class wi extends g {
     this._value ? this._textureSize.set(this._value.image.width, this._value.image.height) : this._textureSize.set(1, 1);
   }
 }
-function Si(i) {
+function bi(i) {
   return !0;
 }
-class Vi extends g {
+class xi extends g {
   constructor(e) {
-    super("backgroundSize", e, !0), this.isValidValue = Pi, this.output = this._outputValue;
+    super("backgroundSize", e, !0), this.isValidValue = Si, this.output = this._outputValue;
   }
 }
-const ki = ["cover", "contain", "stretch"];
-function Pi(i) {
-  return ki.indexOf(i) === -1 ? (console.warn(`(.style) backgroundSize value '${i}' is not valid. Aborted`), !1) : !0;
+const wi = ["cover", "contain", "stretch"];
+function Si(i) {
+  return wi.indexOf(i) === -1 ? (console.warn(`(.style) backgroundSize value '${i}' is not valid. Aborted`), !1) : !0;
 }
-class Ii extends g {
+class Vi extends g {
   constructor(e) {
-    super("overflow", e, !0), this.isValidValue = Ri, this._clippingPlanes = null, this._renderStrategy = this._emptyRender;
+    super("overflow", e, !0), this.isValidValue = Pi, this._clippingPlanes = null, this._renderStrategy = this._emptyRender;
   }
   /**
    * Update of overflow is a bit different, as parent may trigger changes on it
@@ -1488,29 +1485,29 @@ class Ii extends g {
     }
   }
 }
-const Ci = ["visible", "hidden"];
-function Ri(i) {
-  return Ci.indexOf(i) === -1 ? (console.warn(`(.style) overflow value '${i}' is not valid. Aborted`), !1) : !0;
+const ki = ["visible", "hidden"];
+function Pi(i) {
+  return ki.indexOf(i) === -1 ? (console.warn(`(.style) overflow value '${i}' is not valid. Aborted`), !1) : !0;
 }
-const B = "rem", Ee = "em", $ = "%", Bi = [B, Ee, $], De = function(i) {
-  return Bi.indexOf(i) === -1 ? B : i;
+const R = "rem", We = "em", G = "%", Ii = [R, We, G], Ee = function(i) {
+  return Ii.indexOf(i) === -1 ? R : i;
 };
-class Ui extends Y {
+class Ci extends j {
   /**
    *
    * @param {Vector4} defaultValue
    */
   constructor(e) {
     super("borderRadius", e), this._valueUV = this._value.clone(), this._input = new u.Vector4(0, 0, 0, 0), this._mediation = !0, this._cornerTL = new u.Vector2(0, 1), this._cornerTR = new u.Vector2(1, 1), this._cornerBR = new u.Vector2(1, 0), this._cornerBL = new u.Vector2(0, 0);
-    const t = new E(this._valueUV, ["x", "y"]), s = new E(this._valueUV, ["z", "w"]), r = new E(this._valueUV, ["x", "w"]), n = new E(this._valueUV, ["y", "z"]);
-    t.complementaryMediation = s, s.complementaryMediation = t, r.complementaryMediation = n, n.complementaryMediation = r, this._sideMediators = [t, s, r, n], this._units = B;
+    const t = new W(this._valueUV, ["x", "y"]), s = new W(this._valueUV, ["z", "w"]), r = new W(this._valueUV, ["x", "w"]), n = new W(this._valueUV, ["y", "z"]);
+    t.complementaryMediation = s, s.complementaryMediation = t, r.complementaryMediation = n, n.complementaryMediation = r, this._sideMediators = [t, s, r, n], this._units = R;
   }
   /**
    *
    * @param {string} units
    */
   set units(e) {
-    this._units = De(e), this._needsProcess = !0;
+    this._units = Ee(e), this._needsProcess = !0;
   }
   /**
    *
@@ -1563,12 +1560,12 @@ class Ui extends Y {
   render(e) {
     this._valueUV.copy(this._value);
     const t = e._bounds._offsetWidth, s = e._bounds._offsetHeight;
-    if (this._units === $ && this._valueUV.divideScalar(100), this._units === B && this._valueUV.divideScalar(Math.min(t, s)), this._mediation)
+    if (this._units === G && this._valueUV.divideScalar(100), this._units === R && this._valueUV.divideScalar(Math.min(t, s)), this._mediation)
       do
         this._sideMediators.forEach((o) => o.computeValue()), this._sideMediators.sort((o, a) => o.value < a.value ? 1 : -1), this._sideMediators[0].value > 1 && this._sideMediators[0].mediate();
       while (this._sideMediators[0].value > 1);
     let r = t > s ? s / t : 1, n = t < s ? t / s : 1;
-    this._units === $ && (r = n = 1), this._cornerTL.x = this._valueUV.x * r, this._cornerTL.y = 1 - this._valueUV.x * n, this._cornerTR.x = 1 - this._valueUV.y * r, this._cornerTR.y = 1 - this._valueUV.y * n, this._cornerBR.x = 1 - this._valueUV.z * r, this._cornerBR.y = this._valueUV.z * n, this._cornerBL.x = this._valueUV.w * r, this._cornerBL.y = this._valueUV.w * n;
+    this._units === G && (r = n = 1), this._cornerTL.x = this._valueUV.x * r, this._cornerTL.y = 1 - this._valueUV.x * n, this._cornerTR.x = 1 - this._valueUV.y * r, this._cornerTR.y = 1 - this._valueUV.y * n, this._cornerBR.x = 1 - this._valueUV.z * r, this._cornerBR.y = this._valueUV.z * n, this._cornerBL.x = this._valueUV.w * r, this._cornerBL.y = this._valueUV.w * n;
   }
   /**
    *
@@ -1691,7 +1688,7 @@ class Ui extends Y {
     return (this._input.w + this._input.x) / 2;
   }
 }
-class E {
+class W {
   /**
    *
    * @param {Vector4} borderRadiuses
@@ -1741,20 +1738,20 @@ class E {
     this._complementaryMediation = null, this._borderRadiuses = null;
   }
 }
-class Ai extends Y {
+class Ri extends j {
   /**
    *
    * @param defaultValue
    */
   constructor(e) {
-    super("borderWidth", e, !1), this._valueUV = this._value.clone(), this.output = this._outputValue, this._units = B;
+    super("borderWidth", e, !1), this._valueUV = this._value.clone(), this.output = this._outputValue, this._units = R;
   }
   /**
    *
    * @param {string} units
    */
   set units(e) {
-    this._units = De(e), this._needsUpdate = !0;
+    this._units = Ee(e), this._needsUpdate = !0;
   }
   /**
    *
@@ -1787,9 +1784,9 @@ class Ai extends Y {
   render(e) {
     this._valueUV.copy(this._value);
     const t = e._bounds._offsetWidth, s = e._bounds._offsetHeight;
-    if (this._units === $ && (console.log("Percent"), console.log(this._valueUV)), this._units === B)
+    if (this._units === G && (console.log("Percent"), console.log(this._valueUV)), this._units === R)
       t !== 0 && (this._valueUV.w /= t, this._valueUV.y /= t), s !== 0 && (this._valueUV.x /= s, this._valueUV.z /= s);
-    else if (this._units === Ee) {
+    else if (this._units === We) {
       if (t !== 0) {
         const r = t > s ? s / t : 1;
         this._valueUV.y *= r, this._valueUV.w *= r;
@@ -1801,7 +1798,7 @@ class Ai extends Y {
     }
   }
 }
-class Ti extends p {
+class Bi extends p {
   /**
    *
    * @param {string} propertyId
@@ -1825,7 +1822,7 @@ class Ti extends p {
     return this._value;
   }
 }
-class He extends A {
+class De extends U {
   constructor(e) {
     super("backgroundColor", e, !1), this._input = "transparent", this._allowsInherit = !1;
   }
@@ -1862,7 +1859,7 @@ class P extends p {
   output(e) {
   }
 }
-class Mi extends p {
+class Ui extends p {
   constructor() {
     super("inlineJustificator", null, !1), this._value = null;
   }
@@ -1896,41 +1893,41 @@ class Mi extends p {
     });
   }
 }
-const Fi = ["start", "center", "end", "stretch"], Oi = function(i) {
-  return Fi.indexOf(i) === -1 ? (console.warn(`(.style) alignItems value '${i}' is not valid. Aborted`), !1) : !0;
+const Ai = ["start", "center", "end", "stretch"], Ti = function(i) {
+  return Ai.indexOf(i) === -1 ? (console.warn(`(.style) alignItems value '${i}' is not valid. Aborted`), !1) : !0;
 };
-class he extends g {
+class ue extends g {
   constructor() {
-    super("alignItems", "inherit", !0), this.isValidValue = Oi;
+    super("alignItems", "inherit", !0), this.isValidValue = Ti;
   }
 }
-class le extends g {
+class he extends g {
   constructor() {
-    super("textAlign", "inherit", !0), this.isValidValue = zi;
+    super("textAlign", "inherit", !0), this.isValidValue = Fi;
   }
 }
-const Li = ["left", "right", "center", "justify", "justify-left", "justify-right", "justify-center"], zi = function(i) {
-  return Li.indexOf(i) === -1 ? (console.warn(`(.style) textAlign value '${i}' is not valid. Aborted`), !1) : !0;
+const Mi = ["left", "right", "center", "justify", "justify-left", "justify-right", "justify-center"], Fi = function(i) {
+  return Mi.indexOf(i) === -1 ? (console.warn(`(.style) textAlign value '${i}' is not valid. Aborted`), !1) : !0;
 };
-class ce extends g {
+class le extends g {
   constructor() {
-    super("flexDirection", "inherit", !0), this.isValid = Ei;
+    super("flexDirection", "inherit", !0), this.isValid = Li;
   }
 }
-const Wi = ["row", "row-reverse", "column", "column-reverse"];
-function Ei(i) {
-  return Wi.indexOf(i) === -1 ? (console.warn(`(.style) flexDirection value '${i}' is not valid. Aborted`), !1) : !0;
+const Oi = ["row", "row-reverse", "column", "column-reverse"];
+function Li(i) {
+  return Oi.indexOf(i) === -1 ? (console.warn(`(.style) flexDirection value '${i}' is not valid. Aborted`), !1) : !0;
 }
-class de extends g {
+class ce extends g {
   constructor() {
-    super("justifyContent", "inherit", !0), this.isValidValue = Hi;
+    super("justifyContent", "inherit", !0), this.isValidValue = Wi;
   }
 }
-const Di = ["start", "center", "end", "space-between", "space-around", "space-evenly"];
-function Hi(i) {
-  return Di.indexOf(i) === -1 ? (console.warn(`(.style) justifyContent value '${i}' is not valid. Aborted`), !1) : !0;
+const zi = ["start", "center", "end", "space-between", "space-around", "space-evenly"];
+function Wi(i) {
+  return zi.indexOf(i) === -1 ? (console.warn(`(.style) justifyContent value '${i}' is not valid. Aborted`), !1) : !0;
 }
-class Gi extends g {
+class Ei extends g {
   constructor() {
     super("order", 0, !0), this._value = 0, this._input = 0, this._allowsInherit = !1;
   }
@@ -1939,19 +1936,19 @@ class Gi extends g {
     this._value = this._inheritedInput, e._parent._value && (e._parent._value._children._needsProcess = !0);
   }
 }
-class Ge extends g {
+class He extends g {
   constructor() {
-    super("position", "static", !0), this._allowsInherit = !1, this._value = "static", this._needsUpdate = !1, this.computeOutputValue = this._computeFromInherited, this.isValidValue = Ni;
+    super("position", "static", !0), this._allowsInherit = !1, this._value = "static", this._needsUpdate = !1, this.computeOutputValue = this._computeFromInherited, this.isValidValue = Hi;
   }
   _computeFromInherited(e) {
     super._computeFromInherited(e), e._parent._value && (e._parent._value._children._needsProcess = !0);
   }
 }
-const $i = ["static", "absolute"];
-function Ni(i) {
-  return $i.indexOf(i) === -1 ? (console.warn(`(.style) position value '${i}' is not valid. Aborted`), !1) : !0;
+const Di = ["static", "absolute"];
+function Hi(i) {
+  return Di.indexOf(i) === -1 ? (console.warn(`(.style) position value '${i}' is not valid. Aborted`), !1) : !0;
 }
-class $e extends g {
+class Ge extends g {
   /**
    *
    * @param {string} propertyId
@@ -2012,12 +2009,12 @@ class $e extends g {
     return this._value;
   }
 }
-class Xi extends $e {
+class Gi extends Ge {
   constructor() {
     super("width");
   }
 }
-class ji extends $e {
+class $i extends Ge {
   constructor() {
     super("height");
   }
@@ -2025,7 +2022,7 @@ class ji extends $e {
     super.computeOutputValue(e);
   }
 }
-class Ne extends P {
+class $e extends P {
   constructor() {
     super("textContent"), this._needsUpdate = !1;
   }
@@ -2042,25 +2039,25 @@ class Ne extends P {
     this._value = t;
   }
 }
-class Xe extends g {
+class Ne extends g {
   constructor(e) {
-    super("fontStyle", e, !0), this.isValidValue = Ki;
+    super("fontStyle", e, !0), this.isValidValue = Xi;
   }
 }
-const Yi = ["normal", "italic"];
-function Ki(i) {
-  return Yi.indexOf(i) === -1 ? (console.warn(`(.style) fontStyle value '${i}' is not valid. Aborted`), !1) : !0;
+const Ni = ["normal", "italic"];
+function Xi(i) {
+  return Ni.indexOf(i) === -1 ? (console.warn(`(.style) fontStyle value '${i}' is not valid. Aborted`), !1) : !0;
 }
-class je extends g {
+class Xe extends g {
   constructor() {
-    super("fontWeight", "inherit", !0), this.isValid = Ji;
+    super("fontWeight", "inherit", !0), this.isValid = Yi;
   }
 }
-const qi = ["100", "200", "300", "400", "500", "600", "700", "800", "900", "light", "normal", "bold", "bolder"];
-function Ji(i) {
-  return qi.indexOf(i.toString()) === -1 ? (console.warn(`(.style) fontWeight value '${i}' is not valid. Aborted`), !1) : !0;
+const ji = ["100", "200", "300", "400", "500", "600", "700", "800", "900", "light", "normal", "bold", "bolder"];
+function Yi(i) {
+  return ji.indexOf(i.toString()) === -1 ? (console.warn(`(.style) fontWeight value '${i}' is not valid. Aborted`), !1) : !0;
 }
-class Ye {
+class je {
   constructor() {
     this._size = 42, this._lineHeight = 42, this._lineBase = 38, this._name = "-", this._charset = "";
   }
@@ -2100,7 +2097,7 @@ class Ye {
     return this._charset;
   }
 }
-class Zi extends Ye {
+class Ki extends je {
   /**
    *
    * @param {import('./MSDFFontVariant').MSDFJson} json
@@ -2123,7 +2120,7 @@ class Zi extends Ye {
     return this._textureHeight;
   }
 }
-class Qi extends We {
+class qi extends ze {
   /**
    *
    * @param {MSDFTypographicGlyph} characterDesc
@@ -2139,7 +2136,7 @@ class Qi extends We {
     return this.typographic.uv;
   }
 }
-class N extends ze {
+class $ extends Le {
   /**
    * @param {MSDFTypographicFont} fontDescription
    * @param {import('./MSDFFontVariant').MSDFJsonChar} characterData
@@ -2165,7 +2162,7 @@ class N extends ze {
    * @returns {MSDFTypographicGlyph}
    */
   clone(e) {
-    return new N(this._font, {
+    return new $(this._font, {
       char: e,
       width: this._width,
       height: this._heigth,
@@ -2181,10 +2178,10 @@ class N extends ze {
    * @returns {MSDFInlineGlyph}
    */
   asInlineGlyph() {
-    return new Qi(this);
+    return new qi(this);
   }
 }
-class es extends u.PlaneGeometry {
+class Ji extends u.PlaneGeometry {
   /**
    *
    * @param {MSDFInlineGlyph} inline
@@ -2234,23 +2231,23 @@ class es extends u.PlaneGeometry {
     );
   }
 }
-const ts = (
+const Zi = (
   /* glsl */
   `
 attribute vec2 uvG;
 varying vec2 vUvG;
 `
-), _e = ts, is = (
+), de = Zi, Qi = (
   /* glsl */
   `
 vUvG = uvG;
 `
-), fe = is, ss = (
+), _e = Qi, es = (
   /* glsl */
   `
 gl_Position.z -= 0.00001;
 `
-), pe = ss, rs = (
+), fe = es, ts = (
   /* glsl */
   `
 varying vec2 vUvG;
@@ -2276,7 +2273,7 @@ float tap(vec2 offsetUV) {
 	return alpha;
 }
 `
-), ge = rs, ns = (
+), pe = ts, is = (
   /* glsl */
   `
 	float alpha;
@@ -2317,15 +2314,15 @@ float tap(vec2 offsetUV) {
 
 	diffuseColor.a *= alpha;
 `
-), me = ns, K = function(i, e, t) {
-  i.alphaTest = t, ve(i, "USE_ALPHATEST", t > 0);
-}, ve = function(i, e, t) {
+), ge = is, Y = function(i, e, t) {
+  i.alphaTest = t, me(i, "USE_ALPHATEST", t > 0);
+}, me = function(i, e, t) {
   i.defines && (t ? i.defines[e] === void 0 && (i.defines[e] = "", i.needsUpdate = !0) : i.defines[e] !== void 0 && (delete i.defines[e], i.needsUpdate = !0));
-}, Ke = function(i, e, t) {
+}, Ye = function(i, e, t) {
   i.defines[e] && i.defines[e] === t || (i.defines[e] = t, i.needsUpdate = !0);
 }, x = function(i, e, t) {
   i.userData[e] ? i.userData[e].value = t : i.uniforms[e].value = t;
-}, os = function(i, e, t) {
+}, ss = function(i, e, t) {
   i.userData[e].value = t;
 };
 class w {
@@ -2375,15 +2372,15 @@ class w {
     e.vertexShader = e.vertexShader.replace(
       "#include <uv_pars_vertex>",
       `#include <uv_pars_vertex>
-` + _e
+` + de
     ), e.vertexShader = e.vertexShader.replace(
       "#include <uv_vertex>",
       `#include <uv_vertex>
-` + fe
+` + _e
     ), e.vertexShader = e.vertexShader.replace(
       "#include <project_vertex>",
       `#include <project_vertex>
-` + pe
+` + fe
     );
   }
   /**
@@ -2394,11 +2391,11 @@ class w {
     e.fragmentShader = e.fragmentShader.replace(
       "#include <uv_pars_fragment>",
       `#include <uv_pars_fragment>
-` + ge
+` + pe
     ), e.fragmentShader = e.fragmentShader.replace(
       "#include <alphamap_fragment>",
       `#include <alphamap_fragment>
-` + me
+` + ge
     );
   }
   /**
@@ -2408,22 +2405,6 @@ class w {
    */
   static from(e) {
     return class extends e {
-      constructor(s = {}) {
-        w.ensureMaterialOptions(s);
-        super(s);
-        /**
-         *
-         * On before compile that first run three-mesh-ui fontMaterial
-         * then user defined onBeforeCompile
-         * @param shader
-         * @private
-         */
-        I(this, "_cumulativeOnBeforeCompile", (s) => {
-          w.bindUniformsWithUserData(s, this), w.injectShaderChunks(s), this._userDefinedOnBeforeCompile(s);
-        });
-        w.ensureDefines(this), w.ensureUserData(this, s), this._userDefinedOnBeforeCompile = (r) => {
-        }, this._onBeforeCompile = this._cumulativeOnBeforeCompile;
-      }
       /**
        *
        * @abstract
@@ -2432,6 +2413,10 @@ class w {
       static get fontMaterialProperties() {
         return w.mediation;
       }
+      constructor(t = {}) {
+        w.ensureMaterialOptions(t), super(t), w.ensureDefines(this), w.ensureUserData(this, t), this._userDefinedOnBeforeCompile = (s) => {
+        }, this._onBeforeCompile = this._cumulativeOnBeforeCompile;
+      }
       ////////////////////////////
       // OnBeforeCompile Override
       ///////////////////////////
@@ -2440,8 +2425,8 @@ class w {
        * the three-mesh-ui fontMaterial onBeforeCompile
        * @param { (shader:any) => void }fct
        */
-      set onBeforeCompile(s) {
-        this._userDefinedOnBeforeCompile = s;
+      set onBeforeCompile(t) {
+        this._userDefinedOnBeforeCompile = t;
       }
       /**
        * Override the getter of onBeforeCompile in order to
@@ -2451,6 +2436,16 @@ class w {
       get onBeforeCompile() {
         return this._onBeforeCompile;
       }
+      /**
+       *
+       * On before compile that first run three-mesh-ui fontMaterial
+       * then user defined onBeforeCompile
+       * @param shader
+       * @private
+       */
+      _cumulativeOnBeforeCompile = (t) => {
+        w.bindUniformsWithUserData(t, this), w.injectShaderChunks(t), this._userDefinedOnBeforeCompile(t);
+      };
     };
   }
   /**
@@ -2458,60 +2453,60 @@ class w {
    * @returns {Object<{m: string, t?: (function((Material|ShaderMaterial), string, *): void)}>}
    */
   static get mediation() {
-    return hs;
+    return os;
   }
 }
-const as = function(i, e, t) {
+const rs = function(i, e, t) {
   const s = t ? t.texture : null, r = t ? t.unitRange : new u.Vector2();
   if (i[e] !== void 0) {
     i.glyphMap = s, i.unitRange = r;
     return;
   }
   i.userData && i.userData.glyphMap && (i.userData.glyphMap.value = s, i.userData.unitRange.value = r);
-}, us = function(i, e, t) {
+}, ns = function(i, e, t) {
   t && t !== "antialiased" ? i.defines.NO_RGSS = "" : delete i.defines.NO_RGSS, i.needsUpdate = !0;
-}, hs = {
+}, os = {
   clippingPlanes: { m: "clippingPlanes" },
-  fontAlphaTest: { m: "alphaTest", t: K },
+  fontAlphaTest: { m: "alphaTest", t: Y },
   fontSide: { m: "side" },
-  font: { m: "glyphMap", t: as },
+  font: { m: "glyphMap", t: rs },
   color: { m: "color" },
   fontOpacity: { m: "opacity" },
-  fontSmooth: { m: "NO_RGSS", t: us },
-  invertAlpha: { m: "INVERT_ALPHA", t: ve }
-}, ls = (
+  fontSmooth: { m: "NO_RGSS", t: ns },
+  invertAlpha: { m: "INVERT_ALPHA", t: me }
+}, as = (
   /* glsl */
   `
-${_e}
+${de}
 #include <clipping_planes_pars_vertex>
 void main() {
-	${fe}
+	${_e}
 	#include <begin_vertex>
 	#include <project_vertex>
-	${pe}
+	${fe}
 	#include <clipping_planes_vertex>
 }
 `
-), cs = (
+), us = (
   /* glsl */
   `
 uniform vec3 diffuse;
 uniform float opacity;
-${ge}
+${pe}
 #include <alphatest_pars_fragment>
 #include <clipping_planes_pars_fragment>
 void main() {
 	// instead of <color_fragment> : vec4 diffuseColor
 	vec4 diffuseColor = vec4( diffuse, opacity );
-	${me}
+	${ge}
 	#include <alphatest_fragment>
 	// instead of <output_fragment>
 	gl_FragColor = diffuseColor;
 	#include <clipping_planes_fragment>
 }
 `
-), ds = 0.02;
-class ye extends u.ShaderMaterial {
+), hs = 0.02;
+class ve extends u.ShaderMaterial {
   /**
    * This static method is mandatory for extending ThreeMeshUI.MSDFFontMaterial
    * It will provide a transfer description for properties from ThreeMeshUI.Text to THREE.Material
@@ -2531,12 +2526,12 @@ class ye extends u.ShaderMaterial {
         opacity: { value: 1 },
         unitRange: { value: new u.Vector2(0, 0) },
         // vec2
-        alphaTest: { value: ds }
+        alphaTest: { value: hs }
       },
       transparent: !0,
       clipping: !0,
-      vertexShader: ls,
-      fragmentShader: cs,
+      vertexShader: as,
+      fragmentShader: us,
       extensions: {
         derivatives: !0
       }
@@ -2603,7 +2598,7 @@ class ye extends u.ShaderMaterial {
    * @returns {boolean}
    */
   get isDefault() {
-    return this.constructor === ye;
+    return this.constructor === ve;
   }
   /**
    *
@@ -2620,15 +2615,15 @@ class ye extends u.ShaderMaterial {
     this.uniforms.alphaTest.value = e;
   }
 }
-class _s extends L {
+class ls extends O {
   constructor(e, t, s, r) {
-    if (super(e, t), this._unitRange = new u.Vector2(1, 1), s.pages ? this._buildData(s) : fs(this, s), r instanceof u.Texture)
+    if (super(e, t), this._unitRange = new u.Vector2(1, 1), s.pages ? this._buildData(s) : cs(this, s), r instanceof u.Texture)
       this._texture = r, this._buildTexture(r);
     else if (typeof r == "string" || r instanceof String)
-      ps(this, r);
+      ds(this, r);
     else
       throw new Error(`ThreeMeshUI::MSDFVariant provided 'texture' parameter is '${typeof r}'. Only Texture and String allowed.`);
-    this._defaultMaterialClass = ye, this._checkReadiness();
+    this._defaultMaterialClass = ve, this._checkReadiness();
   }
   get texture() {
     return this._texture;
@@ -2657,7 +2652,7 @@ class _s extends L {
    * @private
    */
   _buildData(e) {
-    this._font = new Zi(e), this._kernings = this._buildKerningPairs(e), this._chars = this._buildCharacters(e), this._chars[" "] = this._buildCharacterWhite(e), this._chars[`
+    this._font = new Ki(e), this._kernings = this._buildKerningPairs(e), this._chars = this._buildCharacters(e), this._chars[" "] = this._buildCharacterWhite(e), this._chars[`
 `] = this._buildCharacterWhite(e, `
 `, 1e-3, 1), this._chars["	"] = this._buildCharacterWhite(e, "	", 4, 1), this._size = e.info.size, this._lineHeight = e.common.lineHeight, this._lineBase = e.common.base, this._distanceRange = e.distanceField.distanceRange, this._unitRange = new u.Vector2(this._distanceRange, this._distanceRange).divide(new u.Vector2(e.common.scaleW, e.common.scaleH));
   }
@@ -2676,7 +2671,7 @@ class _s extends L {
    * @returns {string|null}
    */
   _getFallbackCharacter(e) {
-    return C.missingCharacter(this, e);
+    return I.missingCharacter(this, e);
   }
   /**
    *
@@ -2686,7 +2681,7 @@ class _s extends L {
    * @returns {MSDFGeometricGlyph}
    */
   getGeometricGlyph(e, t) {
-    return new es(e, t);
+    return new Ji(e, t);
   }
   /**
    * Abstraction implementation
@@ -2724,7 +2719,7 @@ class _s extends L {
     const t = {};
     for (let s = 0; s < e.chars.length; s++) {
       const r = e.chars[s];
-      t[r.char] = new N(this._font, r);
+      t[r.char] = new $(this._font, r);
     }
     return t;
   }
@@ -2737,7 +2732,7 @@ class _s extends L {
    * @private
    */
   _buildCharacterWhite(e, t = " ", s = 1, r = 1) {
-    return new N(
+    return new $(
       this._font,
       {
         char: t,
@@ -2755,27 +2750,23 @@ class _s extends L {
   _alterElementProperties(e) {
   }
 }
-function fs(i, e) {
+function cs(i, e) {
   new u.FileLoader().setResponseType("json").load(e, (t) => {
     i._buildData(t), i._checkReadiness();
   });
 }
-function ps(i, e) {
+function ds(i, e) {
   i._texture = new u.TextureLoader().load(e, (t) => {
     i._buildTexture(t), i._checkReadiness();
   });
 }
-class q extends u.EventDispatcher {
+class K extends u.EventDispatcher {
   /**
    *
    * @param {string} name
    */
-  constructor(t) {
-    super();
-    I(this, "_checkReadiness", () => {
-      this._variants.every((t) => t.isReady) && ms(this);
-    });
-    this._name = t, this._variants = [], this._isReady = !1;
+  constructor(e) {
+    super(), this._name = e, this._variants = [], this._isReady = !1;
   }
   get isReady() {
     return this._isReady;
@@ -2788,13 +2779,13 @@ class q extends u.EventDispatcher {
    * @param {string|Texture} texture
    * @param {boolean} [override=false]
    */
-  addVariant(t, s, r, n, o = !1) {
-    if (o || !this.getVariant(t, s)) {
+  addVariant(e, t, s, r, n = !1) {
+    if (n || !this.getVariant(e, t)) {
       this._isReady = !1;
-      const a = new _s(t, s, r, n);
-      this._variants.push(a), a.isReady ? this._checkReadiness() : a.addEventListener("ready", this._checkReadiness);
+      const o = new ls(e, t, s, r);
+      this._variants.push(o), o.isReady ? this._checkReadiness() : o.addEventListener("ready", this._checkReadiness);
     } else
-      console.warn(`FontFamily('${this._name}')::addVariant() - Variant(${t}, ${s}) already exists.`);
+      console.warn(`FontFamily('${this._name}')::addVariant() - Variant(${e}, ${t}) already exists.`);
     return this;
   }
   /**
@@ -2802,8 +2793,8 @@ class q extends u.EventDispatcher {
    * @param {FontVariant} variantImplementation
    * @param {boolean} [override=false]
    */
-  addCustomImplementationVariant(t, s = !1) {
-    return s || !this.getVariant(t.weight, t.style) ? (this._isReady = !1, this._variants.push(t), t.isReady ? this._checkReadiness() : t.addEventListener("ready", this._checkReadiness)) : console.warn(`FontFamily('${this._name}')::addCustomImplementationVariant() - Variant(${t.weight}, ${t.style}) already exists.`), this;
+  addCustomImplementationVariant(e, t = !1) {
+    return t || !this.getVariant(e.weight, e.style) ? (this._isReady = !1, this._variants.push(e), e.isReady ? this._checkReadiness() : e.addEventListener("ready", this._checkReadiness)) : console.warn(`FontFamily('${this._name}')::addCustomImplementationVariant() - Variant(${e.weight}, ${e.style}) already exists.`), this;
   }
   /**
    *
@@ -2811,8 +2802,8 @@ class q extends u.EventDispatcher {
    * @param {string} style
    * @returns {FontVariant|null}
    */
-  getVariant(t, s) {
-    return t = ue(t), this._variants.find((r) => r.weight === t && r.style === s);
+  getVariant(e, t) {
+    return e = ae(e), this._variants.find((s) => s.weight === e && s.style === t);
   }
   /**
    *
@@ -2821,15 +2812,18 @@ class q extends u.EventDispatcher {
   get name() {
     return this._name;
   }
+  _checkReadiness = () => {
+    this._variants.every((e) => e.isReady) && fs(this);
+  };
 }
-const gs = { type: "ready" };
-function ms(i) {
-  i._isReady = !0, i.dispatchEvent(gs);
+const _s = { type: "ready" };
+function fs(i) {
+  i._isReady = !0, i.dispatchEvent(_s);
 }
-const G = {}, vs = function(i) {
+const H = {}, ps = function(i) {
   const e = [...arguments];
   e.forEach((s) => {
-    if (!(s instanceof q))
+    if (!(s instanceof K))
       throw new Error(`FontLibrary::prepare() - One of the provided parameter is not a FontFamily. Instead ${typeof s} given.`);
   });
   const t = function() {
@@ -2846,27 +2840,27 @@ const G = {}, vs = function(i) {
         });
       }
   });
-}, ys = function(i) {
-  return G[i] && console.error(`FontLibrary::addFontFamily - Font('${i}') is already registered`), G[i] = new q(i), G[i];
-}, bs = function(i) {
-  return G[i];
-}, xs = function(i) {
-  qe = i;
+}, gs = function(i) {
+  return H[i] && console.error(`FontLibrary::addFontFamily - Font('${i}') is already registered`), H[i] = new K(i), H[i];
+}, ms = function(i) {
+  return H[i];
+}, vs = function(i) {
+  Ke = i;
 };
-let qe = function(i, e) {
+let Ke = function(i, e) {
   return console.error(`The character '${e}' is not included in the font characters set.`), " ";
 };
-function ws(i, e) {
-  return qe(i, e);
-}
-const Ss = {
-  addFontFamily: ys,
-  getFontFamily: bs,
-  prepare: vs,
-  setMissingCharacterHandler: xs,
-  missingCharacter: ws
-}, C = Ss;
-class Je extends g {
+function ys(i, e) {
+  return Ke(i, e);
+}
+const bs = {
+  addFontFamily: gs,
+  getFontFamily: ms,
+  prepare: ps,
+  setMissingCharacterHandler: vs,
+  missingCharacter: ys
+}, I = bs;
+class qe extends g {
   constructor() {
     super("fontFamily", "inherit", !0);
   }
@@ -2876,10 +2870,10 @@ class Je extends g {
    * @param element
    */
   computeOutputValue(e) {
-    if (this._input instanceof q)
+    if (this._input instanceof K)
       this._value = this._input;
     else if (this._input !== "inherit") if (typeof this._input == "string") {
-      const t = C.getFontFamily(this._input);
+      const t = I.getFontFamily(this._input);
       t ? this._value = t : console.warn(`(.style) fontFamily, the font '${this._input}' is not registered. Aborted.`);
     } else
       console.warn("(.style) fontFamily requires a registered fontFamily instance, or the id of a registered fontFamily."), console.warn("If you want to set a specific font, please use .font property instead.");
@@ -2897,7 +2891,7 @@ class Je extends g {
     return t ? t[`_${this._id}`].getInheritedInput(t) : this.getDefaultValue();
   }
 }
-class Ze extends g {
+class Je extends g {
   /**
    *
    */
@@ -2908,45 +2902,45 @@ class Ze extends g {
     super.update(e, t), e._layouter._needsProcess = !0;
   }
 }
-class Qe extends g {
+class Ze extends g {
   constructor() {
-    super("whiteSpace", "inherit"), this.isValidValue = ks;
+    super("whiteSpace", "inherit"), this.isValidValue = ws;
   }
 }
-const Vs = ["normal", "nowrap", "pre", "pre-line", "pre-wrap"];
-function ks(i) {
-  return Vs.indexOf(i) === -1 ? (console.warn(`(.style) whiteSpace value '${i}' is not valid. Aborted`), !1) : !0;
+const xs = ["normal", "nowrap", "pre", "pre-line", "pre-wrap"];
+function ws(i) {
+  return xs.indexOf(i) === -1 ? (console.warn(`(.style) whiteSpace value '${i}' is not valid. Aborted`), !1) : !0;
 }
-class et extends g {
+class Qe extends g {
   constructor() {
     super("letterSpacing", "inherit", !0);
   }
 }
-class Ps extends g {
+class Ss extends g {
   constructor() {
     super("fontSize", "inherit", !0);
   }
 }
-class tt extends p {
+class et extends p {
   constructor() {
     super("segments", 1, !1);
   }
 }
-class Is extends R {
+class Vs extends C {
   constructor() {
     super("invertAlpha", "inherit");
   }
 }
-class J extends g {
+class q extends g {
   constructor() {
-    super("fontKerning", "inherit"), this.isValidValue = Rs;
+    super("fontKerning", "inherit"), this.isValidValue = Ps;
   }
 }
-const Cs = ["normal", "none", "inherit"];
-function Rs(i) {
-  return Cs.indexOf(i) === -1 ? (console.warn(`(.style) fontKerning value '${i}' is not valid. Aborted`), !1) : !0;
+const ks = ["normal", "none", "inherit"];
+function Ps(i) {
+  return ks.indexOf(i) === -1 ? (console.warn(`(.style) fontKerning value '${i}' is not valid. Aborted`), !1) : !0;
 }
-class D extends R {
+class E extends C {
   /**
    *
    * @param {string} propertyId
@@ -2955,7 +2949,7 @@ class D extends R {
     super(e, "inherit", !0);
   }
 }
-class Ue extends R {
+class Be extends C {
   /**
    *
    * @param {string} propertyId
@@ -2966,7 +2960,7 @@ class Ue extends R {
   update(e, t) {
     this._notInheritedValue = this._value, this._notInheritedValue === "inherit" ? this._notInheritedValue = this.getInheritedInput(e) : this.propagate(e), this._notInheritedValue ? this._notInheritedValue.constructor.mediation ? this._mediation = { ...this._notInheritedValue.constructor.mediation } : this._mediation = {
       clippingPlanes: { m: "clippingPlanes" },
-      fontAlphaTest: { m: "alphaTest", t: K },
+      fontAlphaTest: { m: "alphaTest", t: Y },
       fontSide: { m: "side" },
       color: { m: "color" },
       fontOpacity: { m: "opacity" }
@@ -2989,27 +2983,19 @@ class Ue extends R {
     return this._defaultMaterial;
   }
 }
-const Bs = function(i, e, t) {
+const Is = function(i, e, t) {
   i.traverse((s) => {
     s.renderOrder = t;
   });
 };
-class z extends u.Object3D {
+class L extends u.Object3D {
   /**
    *
    * @param {Properties} properties
    * @param {Options} values
    */
-  constructor(t, s) {
-    super();
-    /**
-     * Try to retrieve parentUI after each structural change
-     * @protected
-     */
-    I(this, "_rebuildParentUI", () => {
-      this._parent._needsUpdate = !0, this.parent && !this.parent.isUI ? (X.register(this), this.activatePseudoState("root")) : (X.remove(this), this.deactivatePseudoState("root"));
-    });
-    Object.defineProperties(
+  constructor(e, t) {
+    super(), Object.defineProperties(
       this,
       {
         isUI: {
@@ -3021,14 +3007,14 @@ class z extends u.Object3D {
     ), this._backgroundMesh = null, this._backgroundMaterial = null, this._backgroundCustomDepthMaterial = null, this._backgroundMaterialMediation = {}, this._backgroundMeshMediation = {
       backgroundCastShadow: { m: "castShadow" },
       backgroundReceiveShadow: { m: "receiveShadow" },
-      renderOrder: { m: "renderOrder", t: Bs }
-    }, this._fontMesh = null, this._fontMaterial = new Ue("fontMaterial"), this._fontCustomDepthMaterial = new Ue("fontCustomDepthMaterial"), this._fontMeshMediation = {
+      renderOrder: { m: "renderOrder", t: Is }
+    }, this._fontMesh = null, this._fontMaterial = new Be("fontMaterial"), this._fontCustomDepthMaterial = new Be("fontCustomDepthMaterial"), this._fontMeshMediation = {
       fontMaterial: { m: "material" },
-      fontCustomDepthMaterial: { m: "customDepthMaterial", t: ri },
+      fontCustomDepthMaterial: { m: "customDepthMaterial", t: ti },
       fontCastShadow: { m: "castShadow" },
       fontReceiveShadow: { m: "receiveShadow" },
       renderOrder: { m: "renderOrder" }
-    }, this._children = t.children ? new t.children() : new P("children"), this._parent = new ni(), this.addEventListener("added", this._rebuildParentUI), this.addEventListener("removed", this._rebuildParentUI), this._backgroundSide = new Be("backgroundSide"), this._fontSide = new Be("fontSide"), this._backgroundAlphaTest = new Re("backgroundAlphaTest", 0.02), this._fontAlphaTest = new Re("fontAlphaTest", 0.02), this._visible = new Ti("visible", !0), this._backgroundCastShadow = new D("backgroundCastShadow"), this._fontCastShadow = new D("fontCastShadow"), this._backgroundReceiveShadow = new D("backgroundReceiveShadow"), this._fontReceiveShadow = new D("fontReceiveShadow"), this._renderOrder = new qt(), this._segments = t.segments ? new t.segments() : new tt(), this._bounds = t.bounds ? new t.bounds() : new P("bounds"), this._order = new Gi(), this._padding = new ii(), this._margin = new si(), this._position = new Ge(), this._flexDirection = t.flexDirection ? new t.flexDirection() : new ce(), this._justifyContent = t.justifyContent ? new t.justifyContent() : new de(), this._alignItems = t.alignItems ? new t.alignItems() : new he(), this._display = new pi("flex"), this._boxSizing = new vi("border-box"), this._width = new Xi(), this._height = new ji(), this._backgroundColor = t.backgroundColor ? new t.backgroundColor() : new He(), this._backgroundOpacity = new Q("backgroundOpacity", 0.5), this._backgroundImage = new wi(), this._backgroundSize = new Vi("cover"), this._color = t.color ? new t.color() : new A("color", "inherit"), this._fontOpacity = new Q("fontOpacity", "inherit"), this._whiteSpace = t.whiteSpace ? new t.whiteSpace() : new Qe(), this._fontFamily = t.fontFamily ? new t.fontFamily() : new Je(), this._fontStyle = t.fontStyle ? new t.fontStyle() : new Xe("normal"), this._fontWeight = t.fontWeight ? new t.fontWeight() : new je(), this._fontSize = t.fontSize ? new t.fontSize() : new Ps(), this._lineHeight = t.lineHeight ? new t.lineHeight() : new Ze(), this._fontKerning = t.fontKerning ? new t.fontKerning() : new J(), this._letterSpacing = t.letterSpacing ? new t.letterSpacing() : new et(), this._overflow = new Ii("visible"), this._borderRadius = new Ui(0), this._borderWidth = new Ai(0), this._borderColor = new A("borderColor", 16711935), this._borderOpacity = new Q("borderOpacity", 1), this._font = new di(), this._lineBreak = t.lineBreak ? new t.lineBreak() : new P("lineBreak"), this._textContent = t.textContent ? new t.textContent() : new Ne(), this._glyphs = t.glyphs ? new t.glyphs() : new P("glyphs"), this._inlines = t.inlines ? new t.inlines() : new P("inlines"), this._layouter = t.layouter ? new t.layouter() : new P("layouter"), this._inlineJustificator = new Mi(), this._textAlign = t.textAlign ? new t.textAlign() : new le(), this._autoSize = t.autoSize ? new t.autoSize() : new P("autoSize"), this._renderer = t.renderer ? new t.renderer() : new P("renderer"), this._offset = new Jt(), this._invertAlpha = new Is(), this._fontSmooth = t.fontSmooth ? new t.fontSmooth() : new Zt(), this._components = [
+    }, this._children = e.children ? new e.children() : new P("children"), this._parent = new ii(), this.addEventListener("added", this._rebuildParentUI), this.addEventListener("removed", this._rebuildParentUI), this._backgroundSide = new Re("backgroundSide"), this._fontSide = new Re("fontSide"), this._backgroundAlphaTest = new Ce("backgroundAlphaTest", 0.02), this._fontAlphaTest = new Ce("fontAlphaTest", 0.02), this._visible = new Bi("visible", !0), this._backgroundCastShadow = new E("backgroundCastShadow"), this._fontCastShadow = new E("fontCastShadow"), this._backgroundReceiveShadow = new E("backgroundReceiveShadow"), this._fontReceiveShadow = new E("fontReceiveShadow"), this._renderOrder = new jt(), this._segments = e.segments ? new e.segments() : new et(), this._bounds = e.bounds ? new e.bounds() : new P("bounds"), this._order = new Ei(), this._padding = new Qt(), this._margin = new ei(), this._position = new He(), this._flexDirection = e.flexDirection ? new e.flexDirection() : new le(), this._justifyContent = e.justifyContent ? new e.justifyContent() : new ce(), this._alignItems = e.alignItems ? new e.alignItems() : new ue(), this._display = new di("flex"), this._boxSizing = new pi("border-box"), this._width = new Gi(), this._height = new $i(), this._backgroundColor = e.backgroundColor ? new e.backgroundColor() : new De(), this._backgroundOpacity = new Z("backgroundOpacity", 0.5), this._backgroundImage = new yi(), this._backgroundSize = new xi("cover"), this._color = e.color ? new e.color() : new U("color", "inherit"), this._fontOpacity = new Z("fontOpacity", "inherit"), this._whiteSpace = e.whiteSpace ? new e.whiteSpace() : new Ze(), this._fontFamily = e.fontFamily ? new e.fontFamily() : new qe(), this._fontStyle = e.fontStyle ? new e.fontStyle() : new Ne("normal"), this._fontWeight = e.fontWeight ? new e.fontWeight() : new Xe(), this._fontSize = e.fontSize ? new e.fontSize() : new Ss(), this._lineHeight = e.lineHeight ? new e.lineHeight() : new Je(), this._fontKerning = e.fontKerning ? new e.fontKerning() : new q(), this._letterSpacing = e.letterSpacing ? new e.letterSpacing() : new Qe(), this._overflow = new Vi("visible"), this._borderRadius = new Ci(0), this._borderWidth = new Ri(0), this._borderColor = new U("borderColor", 16711935), this._borderOpacity = new Z("borderOpacity", 1), this._font = new hi(), this._lineBreak = e.lineBreak ? new e.lineBreak() : new P("lineBreak"), this._textContent = e.textContent ? new e.textContent() : new $e(), this._glyphs = e.glyphs ? new e.glyphs() : new P("glyphs"), this._inlines = e.inlines ? new e.inlines() : new P("inlines"), this._layouter = e.layouter ? new e.layouter() : new P("layouter"), this._inlineJustificator = new Ui(), this._textAlign = e.textAlign ? new e.textAlign() : new he(), this._autoSize = e.autoSize ? new e.autoSize() : new P("autoSize"), this._renderer = e.renderer ? new e.renderer() : new P("renderer"), this._offset = new Yt(), this._invertAlpha = new Vs(), this._fontSmooth = e.fontSmooth ? new e.fontSmooth() : new Kt(), this._components = [
       this._textContent,
       this._children,
       this._parent,
@@ -3096,79 +3082,79 @@ class z extends u.Object3D {
       this._fontCustomDepthMaterial,
       this._overflow,
       this._renderer
-    ], this._onAfterUpdates = [], s.backgroundSide || (s.backgroundSide = 0), s && this.set(s);
+    ], this._onAfterUpdates = [], t.backgroundSide || (t.backgroundSide = 0), t && this.set(t);
   }
   ///////////////
   ///  UPDATE
   ///////////////
   update() {
-    const t = {};
-    for (const s of this._components)
-      s._needsUpdate && (s.update(this, t), s._needsUpdate = !1);
-    this._transferToBackgroundMesh(t), this._transferToFontMesh(t), this._transferToBackgroundMaterial(t), this._transferToFontMaterial(t);
-    for (const s of this._children._uis)
-      s.update();
+    const e = {};
+    for (const t of this._components)
+      t._needsUpdate && (t.update(this, e), t._needsUpdate = !1);
+    this._transferToBackgroundMesh(e), this._transferToFontMesh(e), this._transferToBackgroundMaterial(e), this._transferToFontMaterial(e);
+    for (const t of this._children._uis)
+      t.update();
   }
   process() {
-    for (const t of this._children._uis)
-      t.process();
-    for (const t of this._components)
-      t._needsProcess && (t.process(this), t._needsProcess = !1);
+    for (const e of this._children._uis)
+      e.process();
+    for (const e of this._components)
+      e._needsProcess && (e.process(this), e._needsProcess = !1);
   }
   render() {
-    for (let t = 0; t < this._components.length; t++) {
-      const s = this._components[t];
-      s._needsRender && (s.render(this), s._needsRender = !1);
+    for (let e = 0; e < this._components.length; e++) {
+      const t = this._components[e];
+      t._needsRender && (t.render(this), t._needsRender = !1);
     }
-    for (const t of this._children._uis)
-      t.render();
+    for (const e of this._children._uis)
+      e.render();
   }
   /**
    *
    * @param {Options} options
    */
-  set(t) {
-    if (t.fontTexture && (console.warn("ThreeMeshUI::set( {fontTexture} ) is deprecated. Please use fontLibrary to register font families and variants."), t.fontFamily)) {
-      const s = t.fontFamily.pages ? t.fontFamily.info.face : t.fontFamily;
-      let r = C.getFontFamily(s);
-      if (!r) {
-        const n = t.fontStyle ? t.fontStyle : "normal", o = t.fontWeight ? t.fontWeight : "400";
-        r = C.addFontFamily(s).addVariant(o, n, t.fontFamily, t.fontTexture);
+  set(e) {
+    if (e.fontTexture && (console.warn("ThreeMeshUI::set( {fontTexture} ) is deprecated. Please use fontLibrary to register font families and variants."), e.fontFamily)) {
+      const t = e.fontFamily.pages ? e.fontFamily.info.face : e.fontFamily;
+      let s = I.getFontFamily(t);
+      if (!s) {
+        const r = e.fontStyle ? e.fontStyle : "normal", n = e.fontWeight ? e.fontWeight : "400";
+        s = I.addFontFamily(t).addVariant(n, r, e.fontFamily, e.fontTexture);
       }
-      t.fontFamily = r, delete t.fontTexture;
+      e.fontFamily = s, delete e.fontTexture;
     }
-    for (let s of Object.keys(t)) {
-      const r = t[s];
-      switch (s) {
+    for (let t of Object.keys(e)) {
+      const s = e[t];
+      switch (t) {
         case "contentDirection":
-          console.warn("ThreeMeshUI v7xx: property `contentDirection` is deprecated and has been renamed as `flexDirection`"), s = "flexDirection";
+          console.warn("ThreeMeshUI v7xx: property `contentDirection` is deprecated and has been renamed as `flexDirection`"), t = "flexDirection";
           break;
         case "interLine":
-          console.warn("ThreeMeshUI v7xx: property `interLine` is deprecated and has been renamed as `lineHeight`"), s = "lineHeight";
+          console.warn("ThreeMeshUI v7xx: property `interLine` is deprecated and has been renamed as `lineHeight`"), t = "lineHeight";
           break;
         case "content":
-          console.warn("ThreeMeshUI v7xx: property `content` is deprecated and has been renamed as `textContent`"), s = "textContent";
+          console.warn("ThreeMeshUI v7xx: property `content` is deprecated and has been renamed as `textContent`"), t = "textContent";
           break;
         case "fontColor":
-          console.warn("ThreeMeshUI v7xx: property `fontColor` is deprecated and has been renamed as `color`"), s = "color";
+          console.warn("ThreeMeshUI v7xx: property `fontColor` is deprecated and has been renamed as `color`"), t = "color";
           break;
         case "hiddenOverflow":
-          console.warn("ThreeMeshUI v7xx: property `hiddenOverflow` is deprecated and has been renamed as `overflow`"), s = "overflow";
+          console.warn("ThreeMeshUI v7xx: property `hiddenOverflow` is deprecated and has been renamed as `overflow`"), t = "overflow";
           break;
         case "backgroundTexture":
-          console.warn("ThreeMeshUI v7xx: property `backgroundTexture` is deprecated and has been renamed as `backgroundImage`"), s = "backgroundImage";
+          console.warn("ThreeMeshUI v7xx: property `backgroundTexture` is deprecated and has been renamed as `backgroundImage`"), t = "backgroundImage";
           break;
         case "alignContent":
-          console.warn("ThreeMeshUI v7xx: property `alignContent` is deprecated and has been renamed as `alignItems`"), s = "alignItems";
+          console.warn("ThreeMeshUI v7xx: property `alignContent` is deprecated and has been renamed as `alignItems`"), t = "alignItems";
           break;
         case "borderTopColor":
         case "borderBottomColor":
         case "borderLeftColor":
         case "borderRightColor":
-          s = "borderColor";
+          t = "borderColor";
           break;
       }
-      switch (s) {
+      switch (t) {
         // properties
         // As textContent property might alter the hierarchy, do not wait until update
         // 	case 'textContent' :
@@ -3177,7 +3163,7 @@ class z extends u.Object3D {
         case "segments":
         case "visible":
         case "offset":
-          this[`_${s}`].value = r;
+          this[`_${t}`].value = s;
           break;
         // styles properties
         case "flexDirection":
@@ -3211,62 +3197,62 @@ class z extends u.Object3D {
         case "overflow":
         case "order":
         case "boxSizing":
-          this[`_${s}`] && (this[`_${s}`].inline = r);
+          this[`_${t}`] && (this[`_${t}`].inline = s);
           break;
         case "paddingTop":
-          this._padding.top = r;
+          this._padding.top = s;
           break;
         case "paddingRight":
-          this._padding.right = r;
+          this._padding.right = s;
           break;
         case "paddingBottom":
-          this._padding.bottom = r;
+          this._padding.bottom = s;
           break;
         case "paddingLeft":
-          this._padding.left = r;
+          this._padding.left = s;
           break;
         case "marginTop":
-          this._margin.top = r;
+          this._margin.top = s;
           break;
         case "marginRight":
-          this._margin.right = r;
+          this._margin.right = s;
           break;
         case "marginBottom":
-          this._margin.bottom = r;
+          this._margin.bottom = s;
           break;
         case "marginLeft":
-          this._margin.left = r;
+          this._margin.left = s;
           break;
         case "borderTopWidth":
-          this._borderWidth.top = r;
+          this._borderWidth.top = s;
           break;
         case "borderRightWidth":
-          this._borderWidth.right = r;
+          this._borderWidth.right = s;
           break;
         case "borderBottomWidth":
-          this._borderWidth.bottom = r;
+          this._borderWidth.bottom = s;
           break;
         case "borderLeftWidth":
-          this._borderWidth.left = r;
+          this._borderWidth.left = s;
           break;
         case "borderTopLeftRadius":
-          this._borderRadius.topLeft = r;
+          this._borderRadius.topLeft = s;
           break;
         case "borderTopRightRadius":
-          this._borderRadius.topRight = r;
+          this._borderRadius.topRight = s;
           break;
         case "borderBottomRightRadius":
-          this._borderRadius.bottomRight = r;
+          this._borderRadius.bottomRight = s;
           break;
         case "borderBottomLeftRadius":
-          this._borderRadius.bottomLeft = r;
+          this._borderRadius.bottomLeft = s;
           break;
         // Back & Front linked properties
         case "side":
         case "castShadow":
         case "receiveShadow":
-          const n = s.charAt(0).toUpperCase() + s.substr(1);
-          this[`_background${n}`].value = r, this[`_font${n}`].value = r;
+          const r = t.charAt(0).toUpperCase() + t.substr(1);
+          this[`_background${r}`].value = s, this[`_font${r}`].value = s;
           break;
         // Meshes & material properties
         case "fontSide":
@@ -3277,19 +3263,19 @@ class z extends u.Object3D {
         case "backgroundReceiveShadow":
         case "fontMaterial":
         case "fontCustomDepthMaterial":
-          this[`_${s}`].value = r;
+          this[`_${t}`].value = s;
           break;
         default:
-          this[`_${s}`] !== void 0 ? this[`_${s}`].value = r : this[s] = r;
+          this[`_${t}`] !== void 0 ? this[`_${t}`].value = s : this[t] = s;
       }
     }
   }
-  get(t) {
-    switch (t) {
+  get(e) {
+    switch (e) {
       case "overflow":
       case "width":
       case "height":
-        return this[`_${t}`].inline;
+        return this[`_${e}`].inline;
     }
   }
   /**
@@ -3299,6 +3285,13 @@ class z extends u.Object3D {
   _rebuildChildrenLists() {
     this._children._needsUpdate = !0;
   }
+  /**
+   * Try to retrieve parentUI after each structural change
+   * @protected
+   */
+  _rebuildParentUI = () => {
+    this._parent._needsUpdate = !0, this.parent && !this.parent.isUI ? (N.register(this), this.activatePseudoState("root")) : (N.remove(this), this.deactivatePseudoState("root"));
+  };
   /**
    * When the user calls component.add, it registers for updates,
    * then call THREE.Object3D.add.
@@ -3310,11 +3303,11 @@ class z extends u.Object3D {
    * @param {...Object3D} object
    * @return {this}
    */
-  add(t) {
-    let s = !1;
-    for (let r = 0; r < arguments.length; r++)
-      super.add(arguments[r]), arguments[r].isUI && (s = !0);
-    return s && this._rebuildChildrenLists(), this;
+  add(e) {
+    let t = !1;
+    for (let s = 0; s < arguments.length; s++)
+      super.add(arguments[s]), arguments[s].isUI && (t = !0);
+    return t && this._rebuildChildrenLists(), this;
   }
   /**
    * When the user calls component.remove, it registers for updates,
@@ -3323,9 +3316,9 @@ class z extends u.Object3D {
    * @param {...Object3D} object
    * @return {this}
    */
-  remove(t) {
-    for (const s of Object.keys(arguments))
-      arguments[s].isInline && this.update(null, !0);
+  remove(e) {
+    for (const t of Object.keys(arguments))
+      arguments[t].isInline && this.update(null, !0);
     return super.remove(...arguments), this._rebuildChildrenLists(), this;
   }
   /**
@@ -3333,8 +3326,8 @@ class z extends u.Object3D {
    * @return {Object3D}
    */
   clear() {
-    return this.removeFromParent(), this.traverse((t) => {
-      t.material && t.material.dispose(), t.geometry && t.geometry.dispose();
+    return this.removeFromParent(), this.traverse((e) => {
+      e.material && e.material.dispose(), e.geometry && e.geometry.dispose();
     }), super.clear(), this._backgroundMesh = null, this._backgroundMaterial = null, this._backgroundMaterialMediation = null, this._backgroundMeshMediation = null, this._children.dispose(), this._children = null, this._parent.dispose(), this._parent = null, this._backgroundSide = null, this._backgroundAlphaTest = null, this._visible = null, this._backgroundCastShadow = null, this._backgroundReceiveShadow = null, this._renderOrder = null, this._segments = null, this._bounds = null, this._boxSizing = null, this._padding = null, this._margin = null, this._position = null, this._flexDirection = null, this._justifyContent = null, this._alignItems = null, this._display = null, this._backgroundColor = null, this._backgroundOpacity = null, this._backgroundSize = null, this._fontOpacity = null, this._color = null, this._whiteSpace = null, this._fontFamily = null, this._fontStyle = null, this._fontWeight = null, this._lineHeight = null, this._fontKerning = null, this._letterSpacing = null, this._overflow = null, this._textAlign = null, this._font = null, this._lineBreak = null, this._layouter = null, this;
   }
   /**
@@ -3358,15 +3351,15 @@ class z extends u.Object3D {
    *
    * @param {Material|ShaderMaterial} material
    */
-  set backgroundMaterial(t) {
-    this._backgroundMaterial = t, this._backgroundMaterialMediation = { ...t.constructor.mediation }, this._transferToBackgroundMaterial(), this._backgroundMesh && (this._backgroundMesh.material = this._backgroundMaterial, x(t, "frameSize", this._backgroundMesh.scale));
+  set backgroundMaterial(e) {
+    this._backgroundMaterial = e, this._backgroundMaterialMediation = { ...e.constructor.mediation }, this._transferToBackgroundMaterial(), this._backgroundMesh && (this._backgroundMesh.material = this._backgroundMaterial, x(e, "frameSize", this._backgroundMesh.scale));
   }
   /**
    *
    * @param {Material|null} material
    */
-  set backgroundCustomDepthMaterial(t) {
-    this._backgroundCustomDepthMaterial = t, this._transferToBackgroundMaterial(), this._backgroundMesh && (this._backgroundMesh.customDepthMaterial = this._backgroundCustomDepthMaterial);
+  set backgroundCustomDepthMaterial(e) {
+    this._backgroundCustomDepthMaterial = e, this._transferToBackgroundMaterial(), this._backgroundMesh && (this._backgroundMesh.customDepthMaterial = this._backgroundCustomDepthMaterial);
   }
   /**
    *
@@ -3381,20 +3374,20 @@ class z extends u.Object3D {
    * @param {Object} [options=null]
    * @private
    */
-  _transferToBackgroundMaterial(t = null) {
-    if (!t) {
-      t = {};
-      for (const s of this._components)
-        s.output(t);
+  _transferToBackgroundMaterial(e = null) {
+    if (!e) {
+      e = {};
+      for (const t of this._components)
+        t.output(e);
     }
-    W.mediate(this, this._backgroundMaterial, t, this._backgroundMaterialMediation, this._backgroundCustomDepthMaterial);
+    z.mediate(this, this._backgroundMaterial, e, this._backgroundMaterialMediation, this._backgroundCustomDepthMaterial);
   }
   /**
    *
    * @param {number} value
    */
-  set backgroundSide(t) {
-    this._backgroundSide.value = t, this._backgroundMaterial && (this._backgroundMaterial.side = t);
+  set backgroundSide(e) {
+    this._backgroundSide.value = e, this._backgroundMaterial && (this._backgroundMaterial.side = e);
   }
   /**
    *
@@ -3407,8 +3400,8 @@ class z extends u.Object3D {
    *
    * @param {number} value
    */
-  set backgroundAlphaTest(t) {
-    this._backgroundAlphaTest.value = t, this._backgroundMaterial && (this._backgroundMaterial.alphaTest = t);
+  set backgroundAlphaTest(e) {
+    this._backgroundAlphaTest.value = e, this._backgroundMaterial && (this._backgroundMaterial.alphaTest = e);
   }
   /**
    *
@@ -3430,15 +3423,15 @@ class z extends u.Object3D {
    *
    * @param {Material|ShaderMaterial} material
    */
-  set fontMaterial(t) {
-    this._fontMaterial.value = t;
+  set fontMaterial(e) {
+    this._fontMaterial.value = e;
   }
   /**
    *
    * @param {Material|null} material
    */
-  set fontCustomDepthMaterial(t) {
-    this._fontCustomDepthMaterial.value = t;
+  set fontCustomDepthMaterial(e) {
+    this._fontCustomDepthMaterial.value = e;
   }
   /**
    *
@@ -3453,23 +3446,23 @@ class z extends u.Object3D {
    * @param {Object} [options=null]
    * @private
    */
-  _transferToFontMaterial(t = null) {
-    const s = this._fontMaterial.value;
-    if (s) {
-      if (!t) {
-        t = {};
-        for (const r of this._components)
-          r.output(t);
+  _transferToFontMaterial(e = null) {
+    const t = this._fontMaterial.value;
+    if (t) {
+      if (!e) {
+        e = {};
+        for (const s of this._components)
+          s.output(e);
       }
-      W.mediate(this, s, t, this._fontMaterial._mediation, this._fontCustomDepthMaterial.value);
+      z.mediate(this, t, e, this._fontMaterial._mediation, this._fontCustomDepthMaterial.value);
     }
   }
   /**
    *
    * @param {number} value
    */
-  set fontSide(t) {
-    this._fontSide.value = t;
+  set fontSide(e) {
+    this._fontSide.value = e;
   }
   /**
    *
@@ -3482,8 +3475,8 @@ class z extends u.Object3D {
    *
    * @param {number} value
    */
-  set fontAlphaTest(t) {
-    this._fontAlphaTest.value = t;
+  set fontAlphaTest(e) {
+    this._fontAlphaTest.value = e;
   }
   /**
    *
@@ -3501,20 +3494,20 @@ class z extends u.Object3D {
    * @param {Object} [options=null]
    * @private
    */
-  _transferToBackgroundMesh(t = null) {
-    if (!t) {
-      t = {};
-      for (const s of this._components)
-        s.output(t);
+  _transferToBackgroundMesh(e = null) {
+    if (!e) {
+      e = {};
+      for (const t of this._components)
+        t.output(e);
     }
-    W.mediate(this, this._backgroundMesh, t, this._backgroundMeshMediation);
+    z.mediate(this, this._backgroundMesh, e, this._backgroundMeshMediation);
   }
   /**
    * @internal
    * @param {Mesh|Array.<Mesh>|null} mesh
    */
-  setBackgroundMesh(t) {
-    this._backgroundMesh && (this.remove(this._backgroundMesh), this.unbindBackgroundMeshProperties()), this._backgroundMesh = t, this._backgroundMesh && (this.bindBackgroundMeshProperties(), this._backgroundCustomDepthMaterial && (this._backgroundMesh.customDepthMaterial = this._backgroundCustomDepthMaterial), this._backgroundMaterial && x(this._backgroundMaterial, "frameSize", this._backgroundMesh.scale), this._transferToBackgroundMesh(), this.add(this._backgroundMesh));
+  setBackgroundMesh(e) {
+    this._backgroundMesh && (this.remove(this._backgroundMesh), this.unbindBackgroundMeshProperties()), this._backgroundMesh = e, this._backgroundMesh && (this.bindBackgroundMeshProperties(), this._backgroundCustomDepthMaterial && (this._backgroundMesh.customDepthMaterial = this._backgroundCustomDepthMaterial), this._backgroundMaterial && x(this._backgroundMaterial, "frameSize", this._backgroundMesh.scale), this._transferToBackgroundMesh(), this.add(this._backgroundMesh));
   }
   /**
    *
@@ -3526,24 +3519,24 @@ class z extends u.Object3D {
    */
   unbindBackgroundMeshProperties() {
   }
-  activatePseudoState(t) {
+  activatePseudoState(e) {
   }
-  deactivatePseudoState(t) {
+  deactivatePseudoState(e) {
   }
-  togglePseudoState(t) {
+  togglePseudoState(e) {
   }
-  hasPseudoState(t) {
+  hasPseudoState(e) {
     return !1;
   }
-  set borderRadiusMediation(t) {
-    this._borderRadius.mediation = t;
+  set borderRadiusMediation(e) {
+    this._borderRadius.mediation = e;
   }
   /**
    *
    * @param {boolean} value
    */
-  set backgroundCastShadow(t) {
-    this._backgroundCastShadow && (this._backgroundCastShadow.value = t);
+  set backgroundCastShadow(e) {
+    this._backgroundCastShadow && (this._backgroundCastShadow.value = e);
   }
   /**
    *
@@ -3556,8 +3549,8 @@ class z extends u.Object3D {
    *
    * @param {boolean} value
    */
-  set backgroundReceiveShadow(t) {
-    this._backgroundReceiveShadow && (this._backgroundReceiveShadow.value = t);
+  set backgroundReceiveShadow(e) {
+    this._backgroundReceiveShadow && (this._backgroundReceiveShadow.value = e);
   }
   /**
    *
@@ -3570,8 +3563,8 @@ class z extends u.Object3D {
    *
    * @param {number} value
    */
-  set renderOrder(t) {
-    this._renderOrder && (this._renderOrder.value = t);
+  set renderOrder(e) {
+    this._renderOrder && (this._renderOrder.value = e);
   }
   /**
    *
@@ -3587,22 +3580,22 @@ class z extends u.Object3D {
    * @param {Object} [options=null]
    * @private
    */
-  _transferToFontMesh(t = null) {
+  _transferToFontMesh(e = null) {
     if (this._fontMesh) {
-      if (!t) {
-        t = {};
-        for (const s of this._components)
-          s.output(t);
+      if (!e) {
+        e = {};
+        for (const t of this._components)
+          t.output(e);
       }
-      W.mediate(this, this._fontMesh, t, this._fontMeshMediation);
+      z.mediate(this, this._fontMesh, e, this._fontMeshMediation);
     }
   }
   /**
    * @internal
    * @param {Mesh|Array.<Mesh>|null} mesh
    */
-  setFontMesh(t) {
-    this._fontMesh && (this.remove(this._fontMesh), this._fontMesh.material && this._fontMesh.material.dispose(), this._fontMesh.geometry && this._fontMesh.geometry.dispose(), this._fontMesh = null, this.unbindFontMeshProperties()), this._fontMesh = t, this._fontMesh && (this._fontMesh.raycast = () => {
+  setFontMesh(e) {
+    this._fontMesh && (this.remove(this._fontMesh), this._fontMesh.material && this._fontMesh.material.dispose(), this._fontMesh.geometry && this._fontMesh.geometry.dispose(), this._fontMesh = null, this.unbindFontMeshProperties()), this._fontMesh = e, this._fontMesh && (this._fontMesh.raycast = () => {
     }, this.bindFontMeshProperties(), this._transferToFontMaterial(), this._transferToFontMesh(), this.add(this._fontMesh));
   }
   /**
@@ -3619,8 +3612,8 @@ class z extends u.Object3D {
    *
    * @param {boolean} value
    */
-  set fontCastShadow(t) {
-    this._fontCastShadow && (this._fontCastShadow.value = t);
+  set fontCastShadow(e) {
+    this._fontCastShadow && (this._fontCastShadow.value = e);
   }
   /**
    *
@@ -3633,8 +3626,8 @@ class z extends u.Object3D {
    *
    * @param {boolean} value
    */
-  set fontReceiveShadow(t) {
-    this._fontReceiveShadow && (this._fontReceiveShadow.value = t);
+  set fontReceiveShadow(e) {
+    this._fontReceiveShadow && (this._fontReceiveShadow.value = e);
   }
   /**
    *
@@ -3650,8 +3643,8 @@ class z extends u.Object3D {
    *
    * @param {Number} v
    */
-  set segments(t) {
-    this._segments.value = t;
+  set segments(e) {
+    this._segments.value = e;
   }
   /**
    *
@@ -3667,38 +3660,38 @@ class z extends u.Object3D {
    *
    * @param {Function} func
    */
-  set onAfterUpdate(t) {
-    console.warn("ThreeMeshUI v7xx : `onAfterUpdate()` property has been deprecated, please rely on `addAfterUpdate` instead."), this.addAfterUpdate(t);
+  set onAfterUpdate(e) {
+    console.warn("ThreeMeshUI v7xx : `onAfterUpdate()` property has been deprecated, please rely on `addAfterUpdate` instead."), this.addAfterUpdate(e);
   }
   /**
    *
    * @param {Function} func
    */
-  addAfterUpdate(t) {
-    this._onAfterUpdates.push(t);
+  addAfterUpdate(e) {
+    this._onAfterUpdates.push(e);
   }
   /**
    *
    * @param {Function} func
    */
-  removeAfterUpdate(t) {
-    const s = this._onAfterUpdates.indexOf(t);
-    s !== -1 && this._onAfterUpdates.splice(s, 1);
+  removeAfterUpdate(e) {
+    const t = this._onAfterUpdates.indexOf(e);
+    t !== -1 && this._onAfterUpdates.splice(t, 1);
   }
   /**
    * @todo: afterUpdate not called anymore
    */
   performAfterUpdate() {
-    for (let t = 0; t < this._onAfterUpdates.length; t++)
-      this._onAfterUpdates[t]();
+    for (let e = 0; e < this._onAfterUpdates.length; e++)
+      this._onAfterUpdates[e]();
   }
   /**
    * Retrieve a property
    * @param propertyName
    * @return {BaseProperty|null}
    */
-  getProperty(t) {
-    return this[`_${t}`] ? this[`_${t}`] : null;
+  getProperty(e) {
+    return this[`_${e}`] ? this[`_${e}`] : null;
   }
   /**
    *
@@ -3706,8 +3699,8 @@ class z extends u.Object3D {
    * @param {BaseProperty} instance
    * @returns {void}
    */
-  appendProperty(t, s) {
-    this[`_${t}`] = s, this._components.push(s);
+  appendProperty(e, t) {
+    this[`_${e}`] = t, this._components.push(t);
   }
   /**
    *
@@ -3715,12 +3708,12 @@ class z extends u.Object3D {
    * @param {BaseProperty} instance
    * @returns {BaseProperty}
    */
-  replaceProperty(t, s) {
-    const r = this[`_${t}`], n = this._components.indexOf(r);
-    return this._components[n] = this[`_${t}`] = s, s.needsUpdate = !0, r;
+  replaceProperty(e, t) {
+    const s = this[`_${e}`], r = this._components.indexOf(s);
+    return this._components[r] = this[`_${e}`] = t, t.needsUpdate = !0, s;
   }
 }
-class X {
+class N {
   static register(e) {
     this.elements.includes(e) || this.elements.push(e);
   }
@@ -3733,8 +3726,8 @@ class X {
       e.update(), e.process(), e.process(), e.render();
   }
 }
-X.elements = [];
-const Us = (
+N.elements = [];
+const Cs = (
   /* glsl */
   `
 
@@ -3743,7 +3736,7 @@ attribute vec2 uvB;
 varying vec2 vUvB;
 
 `
-), be = Us, As = (
+), ye = Cs, Rs = (
   /* glsl */
   `
 
@@ -3751,7 +3744,7 @@ varying vec2 vUvB;
 	vUvB = uvB;
 
 `
-), xe = As, Ts = (
+), be = Rs, Bs = (
   /* glsl */
   `
 
@@ -3782,7 +3775,7 @@ float getEllipticFactor( vec2 uv, vec2 center, float radiusX, float radiusY )
 }
 
 `
-), we = Ts, Ms = (
+), xe = Bs, Us = (
   /* glsl */
   `
 
@@ -3911,7 +3904,7 @@ if( vUvB.x > cornerBR.x && vUvB.y < cornerBR.y ) {
 }
 
 `
-), Se = Ms, Fs = (
+), we = Us, As = (
   /* glsl */
   `
 
@@ -3920,7 +3913,7 @@ uniform vec3 frameSize;
 uniform vec2 textureSize;
 
 `
-), Ve = Fs, Os = (
+), Se = As, Ts = (
   /* glsl */
   `
 
@@ -3970,7 +3963,7 @@ vec4 sampleTexture() {
 }
 #endif
 `
-), ke = Os, Ls = (
+), Ve = Ts, Ms = (
   /* glsl */
   `
 #ifdef USE_MAP
@@ -3980,20 +3973,20 @@ vec4 sampleTexture() {
 
 #endif
 `
-), Pe = Ls, it = {
-  msdfAlphaglyphParsVertexGlsl: _e,
-  msdfAlphaglyphVertexGlsl: fe,
-  msdfOffsetglyphVertexGlsl: pe,
-  msdfAlphaglyphParsFragmentGlsl: ge,
-  msdfAlphaglyphFragmentGlsl: me,
-  frameBorderParsVertexGlsl: be,
-  frameBorderVertexGlsl: xe,
-  frameCommonParsFragmentGlsl: Ve,
-  frameBorderParsFragmentGlsl: we,
-  frameBorderFragmentGlsl: Se,
-  frameBackgroundParsFragmentGlsl: ke,
-  frameBackgroundFragmentGlsl: Pe
-}, zs = (
+), ke = Ms, tt = {
+  msdfAlphaglyphParsVertexGlsl: de,
+  msdfAlphaglyphVertexGlsl: _e,
+  msdfOffsetglyphVertexGlsl: fe,
+  msdfAlphaglyphParsFragmentGlsl: pe,
+  msdfAlphaglyphFragmentGlsl: ge,
+  frameBorderParsVertexGlsl: ye,
+  frameBorderVertexGlsl: be,
+  frameCommonParsFragmentGlsl: Se,
+  frameBorderParsFragmentGlsl: xe,
+  frameBorderFragmentGlsl: we,
+  frameBackgroundParsFragmentGlsl: Ve,
+  frameBackgroundFragmentGlsl: ke
+}, Fs = (
   /* glsl */
   `
 // Would be automatic on three materials and from USE_UV
@@ -4001,7 +3994,7 @@ vec4 sampleTexture() {
 varying vec2 vUv;
 #endif
 
-${be}
+${ye}
 
 #include <clipping_planes_pars_vertex>
 
@@ -4011,7 +4004,7 @@ void main() {
 	vUv = uv;
 	#endif
 
-	${xe}
+	${be}
 
 	vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
 	gl_Position = projectionMatrix * mvPosition;
@@ -4020,7 +4013,7 @@ void main() {
 
 }
 `
-), Ws = (
+), Os = (
   /* glsl */
   `
 
@@ -4032,9 +4025,9 @@ uniform float opacity;
 	uniform float alphaTest;
 #endif
 
-${Ve}
+${Se}
 
-${we}
+${xe}
 
 
 #ifdef USE_MAP
@@ -4042,7 +4035,7 @@ varying vec2 vUv;
 uniform sampler2D map;
 #endif
 
-${ke}
+${Ve}
 
 #include <clipping_planes_pars_fragment>
 
@@ -4051,9 +4044,9 @@ void main() {
 	vec4 diffuseColor = vec4( diffuse, opacity );
 
 	// map
-	${Pe}
+	${ke}
 
-	${Se}
+	${we}
 
 	#ifdef USE_ALPHATEST
 
@@ -4069,13 +4062,13 @@ void main() {
 }
 `
 );
-class j {
+class X {
   /**
    *
    * @returns {Object<{m: string, t?: (function((Material|ShaderMaterial), string, *): void)}>}
    */
   static get mediation() {
-    return Ds;
+    return zs;
   }
   /**
    * Alter a material options with required fontMaterial options and or default values
@@ -4115,7 +4108,7 @@ class j {
    * @param shader
    */
   static injectShaderChunks(e) {
-    j.injectVertexShaderChunks(e), j.injectFragmentShaderChunks(e);
+    X.injectVertexShaderChunks(e), X.injectFragmentShaderChunks(e);
   }
   /**
    *
@@ -4125,11 +4118,11 @@ class j {
     e.vertexShader = e.vertexShader.replace(
       "#include <uv_pars_vertex>",
       `#include <uv_pars_vertex>
-` + be
+` + ye
     ), e.vertexShader = e.vertexShader.replace(
       "#include <uv_vertex>",
       `#include <uv_vertex>
-` + xe
+` + be
     );
   }
   /**
@@ -4140,36 +4133,36 @@ class j {
     e.fragmentShader = e.fragmentShader.replace(
       "#include <map_pars_fragment>",
       `#include <map_pars_fragment>
-` + ke
+` + Ve
     ), e.fragmentShader = e.fragmentShader.replace(
       "#include <map_pars_fragment>",
       `#include <map_pars_fragment>
-` + we
+` + xe
     ), e.fragmentShader = e.fragmentShader.replace(
       "#include <map_pars_fragment>",
       `#include <map_pars_fragment>
-` + Ve
+` + Se
     ), e.fragmentShader = e.fragmentShader.replace(
       "#include <map_fragment>",
-      Pe
+      ke
     ), e.fragmentShader = e.fragmentShader.replace(
       "#include <alphamap_fragment>",
-      Se + `
+      we + `
 #include <alphamap_fragment>`
     );
   }
 }
-const Es = function(i, e, t) {
-  t = ["stretch", "contain", "cover"].indexOf(t), Ke(i, "BACKGROUND_MAPPING", t);
-}, Ds = {
+const Ls = function(i, e, t) {
+  t = ["stretch", "contain", "cover"].indexOf(t), Ye(i, "BACKGROUND_MAPPING", t);
+}, zs = {
   clippingPlanes: { m: "clippingPlanes" },
-  backgroundAlphaTest: { m: "alphaTest", t: K },
+  backgroundAlphaTest: { m: "alphaTest", t: Y },
   backgroundSide: { m: "side" },
   // backgroundTexture: { m: 'map' },
   backgroundImage: { m: "map" },
   backgroundColor: { m: "color" },
   backgroundOpacity: { m: "opacity" },
-  backgroundSize: { m: "computedBackgroundSize", t: Es },
+  backgroundSize: { m: "computedBackgroundSize", t: Ls },
   borderWidth: { m: "borderWidth", t: x },
   borderColor: { m: "borderColor", t: x },
   cornerTL: { m: "cornerTL", t: x },
@@ -4180,7 +4173,7 @@ const Es = function(i, e, t) {
   size: { m: "frameSize", t: x },
   tSize: { m: "textureSize", t: x }
 };
-class st extends u.ShaderMaterial {
+class it extends u.ShaderMaterial {
   /**
    * This static method is mandatory for extending ThreeMeshUI.FrameMaterial
    * It will provide a transfer description for properties from ThreeMeshUI.Text to THREE.Material
@@ -4188,7 +4181,7 @@ class st extends u.ShaderMaterial {
    * @returns {Object.<{m:string, t?:(frameMaterial:Material|ShaderMaterial, materialProperty:string, value:any) => void}>}
    */
   static get mediation() {
-    return j.mediation;
+    return X.mediation;
   }
   constructor() {
     super({
@@ -4213,8 +4206,8 @@ class st extends u.ShaderMaterial {
       side: u.FrontSide,
       transparent: !0,
       clipping: !0,
-      vertexShader: zs,
-      fragmentShader: Ws,
+      vertexShader: Fs,
+      fragmentShader: Os,
       extensions: {
         derivatives: !0
       }
@@ -4269,20 +4262,9 @@ class st extends u.ShaderMaterial {
     this.uniforms.diffuse.value = e;
   }
 }
-class Hs extends p {
+class Ws extends p {
   constructor() {
-    super("children", null, !1);
-    /**
-     *
-     * Sort children according to their .style.order property or fallback on children index
-     *
-     * @param {HTMLElementVR} a
-     * @param {HTMLElementVR} b
-     * @return {number}
-     * @private
-     */
-    I(this, "_sortOrder", (t, s) => t._order._value < s._order._value ? -1 : t._order._value > s._order._value ? 1 : this._uis.indexOf(t) < this._uis.indexOf(s) ? -1 : 1);
-    this._uis = [], this._boxes = [];
+    super("children", null, !1), this._uis = [], this._boxes = [];
   }
   /* eslint-disable no-unused-vars */
   /**
@@ -4293,8 +4275,8 @@ class Hs extends p {
    * @param element
    * @param out
    */
-  update(t, s) {
-    this._compute(t), t._layouter._needsUpdate = !0, t._renderOrder._needsUpdate = !0;
+  update(e, t) {
+    this._compute(e), e._layouter._needsUpdate = !0, e._renderOrder._needsUpdate = !0;
   }
   /**
    * Process when :
@@ -4302,11 +4284,11 @@ class Hs extends p {
    *
    * @param element
    */
-  process(t) {
-    this._compute(t), t._flexDirection._needsProcess = !0, t._layouter._needsProcess = !0, t._overflow._needsRender = !0;
+  process(e) {
+    this._compute(e), e._flexDirection._needsProcess = !0, e._layouter._needsProcess = !0, e._overflow._needsRender = !0;
   }
-  _compute(t) {
-    this._uis = t.children.filter((s) => s.visible && s.isUI), this._boxes = this._uis.filter((s) => s.isBox).sort(this._sortOrder);
+  _compute(e) {
+    this._uis = e.children.filter((t) => t.visible && t.isUI), this._boxes = this._uis.filter((t) => t.isBox).sort(this._sortOrder);
   }
   /**
    *
@@ -4314,8 +4296,18 @@ class Hs extends p {
   dispose() {
     this._uis = null, this._boxes = null;
   }
+  /**
+   *
+   * Sort children according to their .style.order property or fallback on children index
+   *
+   * @param {HTMLElementVR} a
+   * @param {HTMLElementVR} b
+   * @return {number}
+   * @private
+   */
+  _sortOrder = (e, t) => e._order._value < t._order._value ? -1 : e._order._value > t._order._value ? 1 : this._uis.indexOf(e) < this._uis.indexOf(t) ? -1 : 1;
 }
-class rt extends p {
+class st extends p {
   constructor() {
     super("bounds", null, !1), this._size = new u.Vector3(1, 1, 1), this._offsetWidth = 0, this._offsetHeight = 0, this._innerWidth = 0, this._innerHeight = 0, this._centerX = 0.5, this._centerY = 0.5, this._needsProcess = !0;
   }
@@ -4326,7 +4318,7 @@ class rt extends p {
    */
   setReferenceWidth(e, t) {
     const s = e._width, r = e._padding._value, n = e._borderWidth._value, o = e._margin._value, a = s._auto ? 1 : s._value, l = t * a - (o.y + o.w);
-    ne(l, this._offsetWidth) || (this._offsetWidth = l, this._innerWidth = this._offsetWidth - (r.y + r.w + n.y + n.w), this._centerX = ee(e), this._propagateWidth(e), this._triggerCascadingDependencies(e));
+    re(l, this._offsetWidth) || (this._offsetWidth = l, this._innerWidth = this._offsetWidth - (r.y + r.w + n.y + n.w), this._centerX = Q(e), this._propagateWidth(e), this._triggerCascadingDependencies(e));
   }
   /**
    * Set the value of the height 100%
@@ -4335,22 +4327,22 @@ class rt extends p {
    */
   setReferenceHeight(e, t) {
     const s = e._height, r = e._padding._value, n = e._borderWidth._value, o = e._margin._value, a = s._auto ? 1 : s._value, l = t * a - (o.x + o.z);
-    ne(l, this._offsetHeight) || (this._offsetHeight = l, this._innerHeight = this._offsetHeight - (r.x + r.z + n.x + n.z), this._centerY = te(e), this._propagateHeight(e), this._triggerCascadingDependencies(e));
+    re(l, this._offsetHeight) || (this._offsetHeight = l, this._innerHeight = this._offsetHeight - (r.x + r.z + n.x + n.z), this._centerY = ee(e), this._propagateHeight(e), this._triggerCascadingDependencies(e));
   }
   setChildrenWidth(e, t) {
     const s = e._padding._value, r = e._borderWidth._value;
-    this._innerWidth = t, this._offsetWidth = this._innerWidth + (s.y + s.w + r.y + r.w), this._centerX = ee(e), this._propagateWidth(e), this._triggerCascadingDependencies(e);
+    this._innerWidth = t, this._offsetWidth = this._innerWidth + (s.y + s.w + r.y + r.w), this._centerX = Q(e), this._propagateWidth(e), this._triggerCascadingDependencies(e);
   }
   setChildrenHeight(e, t) {
     const s = e._padding._value, r = e._borderWidth._value;
-    this._innerHeight = t, this._offsetHeight = this._innerHeight + (s.x + s.z + r.x + r.z), this._centerY = te(e), this._propagateHeight(e), this._triggerCascadingDependencies(e);
+    this._innerHeight = t, this._offsetHeight = this._innerHeight + (s.x + s.z + r.x + r.z), this._centerY = ee(e), this._propagateHeight(e), this._triggerCascadingDependencies(e);
   }
   /* eslint-disable no-unused-vars */
   update(e, t) {
     const s = e._padding._value, r = e._borderWidth._value, n = e._width;
-    !n._auto && !n._relative && (e._boxSizing._value === "content-box" ? (this._innerWidth = n._value, this._offsetWidth = this._innerWidth + s.y + s.w + r.y + r.w) : (this._offsetWidth = n._value, this._innerWidth = this._offsetWidth - (s.y + s.w + r.y + r.w)), this._centerX = ee(e), this._needsProcess = !0, this._propagateWidth(e), this._triggerCascadingDependencies(e));
+    !n._auto && !n._relative && (e._boxSizing._value === "content-box" ? (this._innerWidth = n._value, this._offsetWidth = this._innerWidth + s.y + s.w + r.y + r.w) : (this._offsetWidth = n._value, this._innerWidth = this._offsetWidth - (s.y + s.w + r.y + r.w)), this._centerX = Q(e), this._needsProcess = !0, this._propagateWidth(e), this._triggerCascadingDependencies(e));
     const o = e._height;
-    !o._auto && !o._relative && (e._boxSizing._value === "content-box" ? (this._innerHeight = o._value, this._offsetHeight = this._innerHeight + s.x + s.z + r.x + r.z) : (this._offsetHeight = o._value, this._innerHeight = this._offsetHeight - (s.x + s.z + r.x + r.z)), this._centerY = te(e), this._needsProcess = !0, this._propagateHeight(e), this._triggerCascadingDependencies(e));
+    !o._auto && !o._relative && (e._boxSizing._value === "content-box" ? (this._innerHeight = o._value, this._offsetHeight = this._innerHeight + s.x + s.z + r.x + r.z) : (this._offsetHeight = o._value, this._innerHeight = this._offsetHeight - (s.x + s.z + r.x + r.z)), this._centerY = ee(e), this._needsProcess = !0, this._propagateHeight(e), this._triggerCascadingDependencies(e));
   }
   /* eslint-disable no-unused-vars */
   render(e) {
@@ -4376,7 +4368,7 @@ class rt extends p {
    * @internal
    */
   _computeChildrenSideWidth(e) {
-    return Gs(e);
+    return Es(e);
   }
   /**
    *
@@ -4384,7 +4376,7 @@ class rt extends p {
    * @internal
    */
   _computeChildrenSideHeight(e) {
-    return $s(e);
+    return Ds(e);
   }
   _propagateWidth(e) {
     for (let t = 0; t < e._children._boxes.length; t++) {
@@ -4402,27 +4394,27 @@ class rt extends p {
     e._parent._value && (e._parent._value._autoSize._needsProcess = !0), e._flexDirection._needsProcess = !0, e._fontSize._needsProcess = !0, e._layouter._needsProcess = !0, this._needsRender = !0, e._borderWidth._needsRender = !0, e._borderRadius._needsRender = !0, e._overflow._needsRender = !0;
   }
 }
-function ee(i) {
+function Q(i) {
   const e = i._padding._value, t = i._borderWidth._value, s = e.w + t.w, r = e.y + t.y;
   return (s - r) / 2;
 }
-function te(i) {
+function ee(i) {
   const e = i._padding._value, t = i._borderWidth._value, s = e.x + t.x;
   return (e.z + t.z - s) / 2;
 }
-function Gs(i) {
+function Es(i) {
   return i._children._boxes.reduce((e, t) => {
     const s = t._margin._value, r = t._bounds._offsetWidth + s.y + s.w;
     return e + r;
   }, 0);
 }
-function $s(i) {
+function Ds(i) {
   return i._children._boxes.reduce((e, t) => {
     const s = t._margin._value, r = t._bounds._offsetHeight + s.x + s.z;
     return e + r;
   }, 0);
 }
-class Ns extends he {
+class Hs extends ue {
   constructor() {
     super(), this._allowsInherit = !1, this._needsUpdate = !0, this._process = this.emptyStrategyLogic, this._childAlign = this.emptyStrategyLogic;
   }
@@ -4434,28 +4426,28 @@ class Ns extends he {
     switch (this._value = this._inheritedInput, e._flexDirection._value) {
       case "row":
       case "row-reverse":
-        switch (this._process = Js, this._value) {
+        switch (this._process = Ys, this._value) {
           case "start":
-            this._childAlign = js;
+            this._childAlign = $s;
             break;
           case "end":
-            this._childAlign = Xs;
+            this._childAlign = Gs;
             break;
           default:
-            this._childAlign = Ae;
+            this._childAlign = Ue;
         }
         break;
       case "column":
       case "column-reverse":
-        switch (this._process = qs, this._value) {
+        switch (this._process = js, this._value) {
           case "start":
-            this._childAlign = Ks;
+            this._childAlign = Xs;
             break;
           case "end":
-            this._childAlign = Ys;
+            this._childAlign = Ns;
             break;
           default:
-            this._childAlign = Ae;
+            this._childAlign = Ue;
         }
         break;
     }
@@ -4477,50 +4469,50 @@ class Ns extends he {
     });
   }
 }
-function Ae() {
+function Ue() {
   return 0;
 }
-function Xs(i, e) {
+function Gs(i, e) {
   return -e + i._bounds._offsetHeight / 2;
 }
-function js(i, e) {
+function $s(i, e) {
   return e - i._bounds._offsetHeight / 2;
 }
-function Ys(i, e) {
+function Ns(i, e) {
   return e - i._bounds._offsetWidth / 2;
 }
-function Ks(i, e) {
+function Xs(i, e) {
   return -e + i._bounds._offsetWidth / 2;
 }
-function qs(i, e) {
+function js(i, e) {
   const t = i._bounds._innerWidth / 2;
   i._children._boxes.forEach((s) => {
     i._layouter._childrenPos[s.id].x = e(s, t);
   });
 }
-function Js(i, e) {
+function Ys(i, e) {
   const t = i._bounds._innerHeight / 2;
   i._children._boxes.forEach((s) => {
     i._layouter._childrenPos[s.id].y = e(s, t);
   });
 }
-class Zs extends ce {
+class Ks extends le {
   constructor() {
     super(), this._allowsInherit = !1, this._needsUpdate = !0, this._offset = 0, this._reverse = 1, this._process = this.emptyStrategyLogic;
   }
   computeOutputValue(e) {
     switch (this._value = this._inheritedInput, this._value) {
       case "row":
-        this._process = Qs;
+        this._process = qs;
         break;
       case "row-reverse":
-        this._process = er;
+        this._process = Js;
         break;
       case "column":
-        this._process = tr;
+        this._process = Zs;
         break;
       case "column-reverse":
-        this._process = ir;
+        this._process = Qs;
         break;
     }
     e._justifyContent._needsUpdate || e._justifyContent.computeOutputValue(e), e._alignItems._needsUpdate || e._alignItems.computeOutputValue(e), this._needsProcess = !0;
@@ -4543,7 +4535,7 @@ class Zs extends ce {
     this._reverse = -Math.sign(this._offset), this._reverse === 0 && (this._reverse = 1), this._process(e), e._justifyContent._needsProcess = !0, e._layouter._needsProcess = !0;
   }
 }
-function Qs(i) {
+function qs(i) {
   let e = i._flexDirection._offset;
   const t = i._flexDirection._reverse, s = i._children._boxes;
   for (let r = 0; r < s.length; r++) {
@@ -4553,7 +4545,7 @@ function Qs(i) {
     l.x = e + a / 2 * t, l.y = 0, e += t * (a + n._margin._value.y);
   }
 }
-function er(i) {
+function Js(i) {
   let e = i._flexDirection._offset;
   const t = i._flexDirection._reverse, s = i._children._boxes;
   for (let r = 0; r < s.length; r++) {
@@ -4563,7 +4555,7 @@ function er(i) {
     l.x = e + a / 2 * t, l.y = 0, e += (a + n._margin._value.w) * t;
   }
 }
-function tr(i) {
+function Zs(i) {
   let e = i._flexDirection._offset;
   const t = i._flexDirection._reverse, s = i._children._boxes;
   for (let r = 0; r < s.length; r++) {
@@ -4573,7 +4565,7 @@ function tr(i) {
     l.x = 0, l.y = e + a / 2 * t, e += (a + n._margin._value.z) * t;
   }
 }
-function ir(i) {
+function Qs(i) {
   let e = i._flexDirection._offset;
   const t = i._flexDirection._reverse, s = i._children._boxes;
   for (let r = 0; r < s.length; r++) {
@@ -4583,7 +4575,7 @@ function ir(i) {
     l.x = 0, l.y = e + a / 2 * t, e += (a + n._margin._value.x) * t;
   }
 }
-class sr extends de {
+class er extends ce {
   constructor(e) {
     super("justifyContent", e, !0), this._allowsInherit = !1, this._needsUpdate = !0, this._computeOffset = this.emptyStrategyLogic, this._computeMargin = this.emptyStrategyLogic, this._process = this.emptyStrategyLogic;
   }
@@ -4591,31 +4583,31 @@ class sr extends de {
     switch (this._value = this._inheritedInput, e._flexDirection._value) {
       case "column-reverse":
       case "column":
-        this._process = nr.bind(this);
+        this._process = ir.bind(this);
         break;
       case "row-reverse":
       case "row":
-        this._process = rr.bind(this);
+        this._process = tr.bind(this);
         break;
     }
     switch (this._value) {
       case "end":
-        this._computeOffset = ur, this._computeMargin = ie;
+        this._computeOffset = nr, this._computeMargin = te;
         break;
       case "center":
-        this._computeOffset = hr, this._computeMargin = ie;
+        this._computeOffset = or, this._computeMargin = te;
         break;
       case "start":
-        this._computeOffset = H, this._computeMargin = ie;
+        this._computeOffset = D, this._computeMargin = te;
         break;
       case "space-between":
-        this._computeOffset = H, this._computeMargin = lr;
+        this._computeOffset = D, this._computeMargin = ar;
         break;
       case "space-around":
-        this._computeOffset = H, this._computeMargin = dr;
+        this._computeOffset = D, this._computeMargin = hr;
         break;
       case "space-evenly":
-        this._computeOffset = H, this._computeMargin = cr;
+        this._computeOffset = D, this._computeMargin = ur;
         break;
     }
     e._flexDirection._needsProcess = !0;
@@ -4624,39 +4616,39 @@ class sr extends de {
     this._process(e), e._alignItems._needsProcess = !0;
   }
 }
-function rr(i) {
-  const e = i._flexDirection._offset, { usedDirectionSpace: t, remainingSpace: s } = or(i), r = e * 2 - t * Math.sign(e), n = this._computeOffset(r), o = this._computeMargin(i, s, i._flexDirection._reverse);
+function tr(i) {
+  const e = i._flexDirection._offset, { usedDirectionSpace: t, remainingSpace: s } = sr(i), r = e * 2 - t * Math.sign(e), n = this._computeOffset(r), o = this._computeMargin(i, s, i._flexDirection._reverse);
   i._children._boxes.forEach((a, l) => {
     i._layouter._childrenPos[a.id].x -= n - o[l];
   });
 }
-function nr(i) {
-  const e = i._flexDirection._offset, { usedDirectionSpace: t, remainingSpace: s } = ar(i), r = e * 2 - t * Math.sign(e), n = this._computeOffset(r), o = this._computeMargin(i, s, i._flexDirection._reverse);
+function ir(i) {
+  const e = i._flexDirection._offset, { usedDirectionSpace: t, remainingSpace: s } = rr(i), r = e * 2 - t * Math.sign(e), n = this._computeOffset(r), o = this._computeMargin(i, s, i._flexDirection._reverse);
   i._children._boxes.forEach((a, l) => {
     i._layouter._childrenPos[a.id].y -= n - o[l];
   });
 }
-function or(i) {
+function sr(i) {
   const e = i._bounds._computeChildrenSideWidth(i);
   return { usedDirectionSpace: e, remainingSpace: i._bounds._innerWidth - e };
 }
-function ar(i) {
+function rr(i) {
   const e = i._bounds._computeChildrenSideHeight(i);
   return { usedDirectionSpace: e, remainingSpace: i._bounds._innerHeight - e };
 }
-function H(i) {
+function D(i) {
   return 0;
 }
-function ur(i) {
+function nr(i) {
   return i;
 }
-function hr(i) {
+function or(i) {
   return i / 2;
 }
-function ie(i, e = 0, t = 1) {
+function te(i, e = 0, t = 1) {
   return Array(i._children._boxes.length).fill(0);
 }
-function lr(i, e = 0, t = 1) {
+function ar(i, e = 0, t = 1) {
   const r = i._children._boxes.length, n = Array(r).fill(0);
   if (e > 0 && r > 1) {
     const o = e / (r - 1) * t;
@@ -4666,7 +4658,7 @@ function lr(i, e = 0, t = 1) {
   }
   return n;
 }
-function cr(i, e = 0, t = 1) {
+function ur(i, e = 0, t = 1) {
   const r = i._children._boxes.length, n = Array(r).fill(0);
   if (e > 0) {
     const o = e / (r + 1) * t;
@@ -4675,7 +4667,7 @@ function cr(i, e = 0, t = 1) {
   }
   return n;
 }
-function dr(i, e = 0, t = 1) {
+function hr(i, e = 0, t = 1) {
   const r = i._children._boxes.length, n = Array(r).fill(0);
   if (e > 0) {
     const o = e / r * t, a = o / 2;
@@ -4685,8 +4677,8 @@ function dr(i, e = 0, t = 1) {
   }
   return n;
 }
-let se;
-class nt extends u.Mesh {
+let ie;
+class rt extends u.Mesh {
   /**
    *
    * @param {MeshUIBaseElement} element
@@ -4728,7 +4720,7 @@ class nt extends u.Mesh {
       }
     }
     let o = e.backgroundMaterial;
-    t && (se || (se = new u.MeshBasicMaterial({ alphaTest: 1.1 })), o = se);
+    t && (ie || (ie = new u.MeshBasicMaterial({ alphaTest: 1.1 })), o = ie);
     const a = new u.PlaneGeometry(1, 1, e._segments.value, e._segments.value), l = new u.BufferAttribute(new Float32Array(a.getAttribute("uv").array), 2);
     if (a.setAttribute("uvB", l).name = "uvB", super(a, o), this.name = "UIBackgroundBox", t) {
       this.slice = t, this.sliceSize = new u.Vector3(1 - (t.left + t.right), 1 - (t.bottom + t.top), 1), this.sliceScale = new u.Vector3(r, n, 1);
@@ -4747,10 +4739,10 @@ class nt extends u.Mesh {
     for (const t in this.slices) {
       const s = this.slices[t];
       s.scale.set(1 / this.scale.x, 1 / this.scale.y, this.scale.y);
-      const r = _r[t];
+      const r = lr[t];
       for (const o in r)
         s.position[o] = this.scale[o] * r[o] * s.scale[o];
-      const n = fr[t];
+      const n = cr[t];
       if (n) {
         n.x && (s.position.x = this.sliceScale.x * 0.5 * (this.slice.left - this.slice.right) * (1 / this.scale.x)), n.y && (s.position.y = this.sliceScale.y * 0.5 * (this.slice.bottom - this.slice.top) * (1 / this.scale.y));
         for (const o in n) {
@@ -4762,7 +4754,7 @@ class nt extends u.Mesh {
     e.x !== 1 && (this.slices.left.scale.x *= e.x, this.slices.topLeft.scale.x *= e.x, this.slices.bottomLeft.scale.x *= e.x, this.slices.right.scale.x *= e.x, this.slices.topRight.scale.x *= e.x, this.slices.bottomRight.scale.x *= e.x), e.y !== 1 && (this.slices.top.scale.y *= e.y, this.slices.topLeft.scale.y *= e.y, this.slices.topRight.scale.y *= e.y, this.slices.bottom.scale.y *= e.y, this.slices.bottomLeft.scale.y *= e.y, this.slices.bottomRight.scale.y *= e.y);
   }
 }
-const _r = {
+const lr = {
   topLeft: { x: -0.5, y: 0.5 },
   top: { y: 0.5 },
   topRight: { x: 0.5, y: 0.5 },
@@ -4771,7 +4763,7 @@ const _r = {
   bottomLeft: { x: -0.5, y: -0.5 },
   bottom: { y: -0.5 },
   bottomRight: { x: 0.5, y: -0.5 }
-}, fr = {
+}, cr = {
   top: { x: 1 },
   left: { y: 1 },
   right: { y: 1 },
@@ -4787,15 +4779,15 @@ function k(i, e, t, s, r) {
   const l = new u.BufferAttribute(new Float32Array(i.getAttribute("uv").array), 2);
   i.setAttribute("uvB", l).name = "uvB";
 }
-class ot extends p {
+class nt extends p {
   constructor() {
     super("renderer");
   }
   render(e) {
-    e._backgroundMesh || e.setBackgroundMesh(new nt(e)), e.performAfterUpdate();
+    e._backgroundMesh || e.setBackgroundMesh(new rt(e)), e.performAfterUpdate();
   }
 }
-class pr extends Ge {
+class dr extends He {
   constructor() {
     super("position");
   }
@@ -4803,44 +4795,44 @@ class pr extends Ge {
     super.update(e, t), this._needsProcess = !0;
   }
 }
-class gr extends p {
+class _r extends p {
   constructor() {
     super("autosize"), this._needsProcess = !0;
   }
   process(e) {
-    e._width._auto && mr(e), e._height._auto && vr(e);
+    e._width._auto && fr(e), e._height._auto && pr(e);
     const t = e._alignItems._value === "stretch", s = t && e._flexDirection._value.indexOf("column") !== -1, r = t && !s;
     for (const n of e._children._boxes)
       (n._width._auto && s || n._width._relative) && n._bounds.setReferenceWidth(n, e._bounds._innerWidth), (n._height._auto && r || n._height._relative) && n._bounds.setReferenceHeight(n, e._bounds._innerHeight);
   }
 }
-function mr(i) {
-  i._bounds.setChildrenWidth(i, br(i));
+function fr(i) {
+  i._bounds.setChildrenWidth(i, mr(i));
 }
-function vr(i) {
-  i._bounds.setChildrenHeight(i, yr(i));
+function pr(i) {
+  i._bounds.setChildrenHeight(i, gr(i));
 }
-function yr(i) {
+function gr(i) {
   switch (i._flexDirection._value) {
     case "row":
     case "row-reverse":
-      return Vr(i);
+      return xr(i);
     case "column":
     case "column-reverse":
-      return wr(i);
+      return yr(i);
   }
 }
-function br(i) {
+function mr(i) {
   switch (i._flexDirection._value) {
     case "row":
     case "row-reverse":
-      return xr(i);
+      return vr(i);
     case "column":
     case "column-reverse":
-      return Sr(i);
+      return br(i);
   }
 }
-function xr(i) {
+function vr(i) {
   let e = 0;
   for (const t of i._children._boxes) {
     if (t._position._value !== "static") continue;
@@ -4849,7 +4841,7 @@ function xr(i) {
   }
   return e;
 }
-function wr(i) {
+function yr(i) {
   let e = 0;
   for (const t of i._children._boxes) {
     if (t._position._value !== "static") continue;
@@ -4858,7 +4850,7 @@ function wr(i) {
   }
   return e;
 }
-function Sr(i) {
+function br(i) {
   let e = 0;
   for (const t of i._children._boxes) {
     if (t._position._value !== "static") continue;
@@ -4867,7 +4859,7 @@ function Sr(i) {
   }
   return e;
 }
-function Vr(i) {
+function xr(i) {
   let e = 0;
   for (const t of i._children._boxes) {
     if (t._position._value !== "static") continue;
@@ -4876,14 +4868,14 @@ function Vr(i) {
   }
   return e;
 }
-class T extends z {
+class A extends L {
   /**
    *
    * @param {import('./../../core/elements/MeshUIBaseElement').Properties} properties
    * @param {import('./../../core/elements/MeshUIBaseElement').Options} values
    */
   constructor(e, t) {
-    T.definePropertiesValues(e, t), super(e, t), T.init(this);
+    A.definePropertiesValues(e, t), super(e, t), A.init(this);
   }
   /**
    * When the backgroundMesh has been set, bind properties
@@ -4905,7 +4897,7 @@ class T extends z {
    * @param {import('./../../core/elements/MeshUIBaseElement').Options} values
    */
   static definePropertiesValues(e, t) {
-    e.children || (e.children = Hs), e.bounds || (e.bounds = rt), e.flexDirection || (e.flexDirection = Zs), e.justifyContent || (e.justifyContent = sr), e.alignItems || (e.alignItems = Ns), e.position || (e.position = pr), e.autoSize || (e.autoSize = gr), e.renderer || (e.renderer = ot), t.fontSide || (t.fontSide = 0), t.invertAlpha || (t.invertAlpha = !1), t.fontCastShadow || (t.fontCastShadow = !1), t.fontReceiveShadow || (t.fontReceiveShadow = !1), t.backgroundCastShadow || (t.backgroundCastShadow = !1), t.backgroundReceiveShadow || (t.backgroundReceiveShadow = !1);
+    e.children || (e.children = Ws), e.bounds || (e.bounds = st), e.flexDirection || (e.flexDirection = Ks), e.justifyContent || (e.justifyContent = er), e.alignItems || (e.alignItems = Hs), e.position || (e.position = dr), e.autoSize || (e.autoSize = _r), e.renderer || (e.renderer = nt), t.fontSide || (t.fontSide = 0), t.invertAlpha || (t.invertAlpha = !1), t.fontCastShadow || (t.fontCastShadow = !1), t.fontReceiveShadow || (t.fontReceiveShadow = !1), t.backgroundCastShadow || (t.backgroundCastShadow = !1), t.backgroundReceiveShadow || (t.backgroundReceiveShadow = !1);
   }
   /**
    *
@@ -4921,10 +4913,10 @@ class T extends z {
           value: !0
         }
       }
-    ), e.backgroundMaterial = new st(), e._renderer.render(e), e._backgroundMesh.visible = !1;
+    ), e.backgroundMaterial = new it(), e._renderer.render(e), e._backgroundMesh.visible = !1;
   }
 }
-class Te extends Array {
+class Ae extends Array {
   /**
    *
    * @param {Inline[]} items
@@ -4933,7 +4925,7 @@ class Te extends Array {
     super(...e), this.width = 0, this.lineBase = 0, this.lineHeight = 0, this.y = 0;
   }
 }
-class kr extends p {
+class wr extends p {
   constructor() {
     super("layouter", null, !1), this._needsUpdate = !0, this._childrenPos = {};
   }
@@ -4960,14 +4952,14 @@ class kr extends p {
   process(e) {
   }
 }
-class M extends T {
+class T extends A {
   /**
    *
    * @param {import('./../../core/elements/MeshUIBaseElement').Options} [values={}]
    */
   constructor(e = {}) {
     const t = {};
-    M.definePropertiesValues(t, e), super(t, e), M.init(this);
+    T.definePropertiesValues(t, e), super(t, e), T.init(this);
   }
   /* eslint-disable no-unused-vars */
   /**
@@ -4991,7 +4983,7 @@ class M extends T {
    * @param {import('./../../core/elements/MeshUIBaseElement').Options} values
    */
   static definePropertiesValues(e, t) {
-    e.layouter = kr;
+    e.layouter = wr;
   }
   /**
    *
@@ -5010,7 +5002,7 @@ class M extends T {
     );
   }
 }
-class Pr extends p {
+class Sr extends p {
   constructor() {
     super("textContent", null, !1);
   }
@@ -5019,7 +5011,7 @@ class Pr extends p {
     e._glyphs._needsUpdate = !0, e._whiteSpace._needsProcess = !0;
   }
 }
-class Ir extends p {
+class Vr extends p {
   constructor() {
     super("inlines", null, !1), this._value = null;
   }
@@ -5039,7 +5031,7 @@ class Ir extends p {
     return this._value;
   }
 }
-class Cr extends p {
+class kr extends p {
   constructor() {
     super("glyphs", null, !1), this._needsUpdate = !1, this._value = null;
   }
@@ -5054,7 +5046,7 @@ class Cr extends p {
     return this._value;
   }
 }
-class Rr extends A {
+class Pr extends U {
   constructor() {
     super("color", "inherit", !1), this.output = this._outputValue;
   }
@@ -5067,7 +5059,7 @@ class Rr extends A {
     this._input === "inherit" ? this._value.set(this.getInheritedInput(e)) : this._value.set(this._input);
   }
 }
-class at extends p {
+class ot extends p {
   constructor(e = `- ,.:?!
 `) {
     super("lineBreak", e, !0), this._newLineBreakability = null;
@@ -5093,7 +5085,7 @@ class at extends p {
     return this._value;
   }
 }
-class ut extends p {
+class at extends p {
   constructor() {
     super("layouter", null, !1), this._value = null;
   }
@@ -5110,7 +5102,7 @@ class ut extends p {
     this._value && (this._value._layouter._needsProcess = !0);
   }
 }
-class Br extends A {
+class Ir extends U {
   constructor(e) {
     super("backgroundColor", e, !1), this._allowsInherit = !1, this._input = 0;
   }
@@ -5123,20 +5115,20 @@ class Br extends A {
     this._input === "inherit" ? this._value.set(this.getInheritedInput(e)) : this._value.set(this._input);
   }
 }
-class ht extends Xe {
+class ut extends Ne {
   constructor() {
     super(), this._allowsInherit = !1, this.computeOutputValue = this._computeFromInherited;
   }
 }
-class lt extends je {
+class ht extends Xe {
   constructor() {
     super();
   }
   computeOutputValue(e) {
-    this._value = ue(this.getInheritedInput(e));
+    this._value = ae(this.getInheritedInput(e));
   }
 }
-class ct extends Je {
+class lt extends qe {
   constructor() {
     super("fontFamily", "inherit", !0), this._input = "inherit", this._needsUpdate = !0, this._allowsInherit = !1;
   }
@@ -5147,10 +5139,10 @@ class ct extends Je {
    */
   computeOutputValue(e) {
     let t = this._inheritedInput;
-    if (t === "inherit" && (t = this.getInheritedInput(e)), t instanceof q)
+    if (t === "inherit" && (t = this.getInheritedInput(e)), t instanceof K)
       this._value = t, e._font._needsUpdate = !0;
     else if (typeof t == "string") {
-      const s = C.getFontFamily(t);
+      const s = I.getFontFamily(t);
       s ? (this._value = s, e._font._needsUpdate = !0) : console.warn(`(.style) fontFamily, the font '${t}' is not registered. Aborted.`);
     } else
       console.warn("(.style) fontFamily requires a registered fontFamily instance, or the id of a registered fontFamily."), console.warn("If you want to set a specific font, please use .font property instead.");
@@ -5163,7 +5155,7 @@ class ct extends Je {
     return this._value;
   }
 }
-class Ie extends Qe {
+class Pe extends Ze {
   constructor() {
     super(), this._allowsInherit = !1, this.computeOutputValue = this._computeFromInherited, this._whiteSpacedContent = "", this._stringCollapser = this.emptyStrategyLogic, this._inlineCollapser = this.emptyStrategyLogic, this._inlineWrapper = this.emptyStrategyLogic;
   }
@@ -5174,40 +5166,40 @@ class Ie extends Qe {
    * @private
    */
   _computeFromInherited(e) {
-    switch (super._computeFromInherited(e), this._newLineBreakability = Ur(this._value), this._value) {
+    switch (super._computeFromInherited(e), this._newLineBreakability = Cr(this._value), this._value) {
       case "nowrap":
       case "normal":
-        this._stringCollapser = Ar;
+        this._stringCollapser = Rr;
         break;
       case "pre-line":
-        this._stringCollapser = dt;
+        this._stringCollapser = ct;
         break;
       default:
-        this._stringCollapser = Tr;
+        this._stringCollapser = Br;
     }
     switch (this._value) {
       case "pre-line":
       case "nowrap":
       case "normal":
-        this._inlineCollapser = zr;
+        this._inlineCollapser = Fr;
         break;
       case "pre-wrap":
-        this._inlineCollapser = Lr;
+        this._inlineCollapser = Mr;
         break;
       default:
-        this._inlineCollapser = Wr;
+        this._inlineCollapser = Or;
     }
     switch (this._value) {
       case "pre-line":
       case "pre-wrap":
       case "normal":
-        this._inlineWrapper = Mr;
+        this._inlineWrapper = Ur;
         break;
       case "pre":
-        this._inlineWrapper = Fr;
+        this._inlineWrapper = Ar;
         break;
       default:
-        this._inlineWrapper = Or;
+        this._inlineWrapper = Tr;
     }
     this._needsProcess = !0;
   }
@@ -5215,8 +5207,8 @@ class Ie extends Qe {
     e.isInline && !e.isInlineBlock && (this._whiteSpacedContent = this._stringCollapser(e._textContent._value), e._glyphs._needsProcess = !0);
   }
 }
-const Me = { "	": "	", "\n": `
-`, "\r": "\r", " ": " " }, Ur = function(i) {
+const Te = { "	": "	", "\n": `
+`, "\r": "\r", " ": " " }, Cr = function(i) {
   switch (i) {
     case "pre":
     case "pre-wrap":
@@ -5225,87 +5217,87 @@ const Me = { "	": "	", "\n": `
   }
   return null;
 };
-function Ar(i) {
-  return dt(i.replace(/\n/g, " "));
+function Rr(i) {
+  return ct(i.replace(/\n/g, " "));
 }
-function dt(i) {
+function ct(i) {
   return i.replace(/[ ]{2,}/g, " ");
 }
-function Tr(i) {
+function Br(i) {
   return i;
 }
-function Mr(i, e, t, s) {
+function Ur(i, e, t, s) {
   const r = i[e];
   if (r.lineBreak === "mandatory" || t + r.xadvance + r.xoffset + r.kerning > s.INNER_WIDTH) return !0;
-  const n = pt(i, e, s);
-  return Er(i[e - 1], t, n, s);
+  const n = ft(i, e, s);
+  return Lr(i[e - 1], t, n, s);
 }
-function Fr(i, e, t, s) {
+function Ar(i, e, t, s) {
   return i[e].lineBreak === "mandatory";
 }
-function Or() {
+function Tr() {
   return !1;
 }
-function Lr(i) {
+function Mr(i) {
   if (!i[0]) return 0;
   const e = i[0], t = i[i.length - 1];
   return e.char && e.char === `
-` && i.length > 1 && ft([e], i[1]), t.char && t.char === `
-` && i.length > 1 && _t([t], i[i.length - 2]), e.offsetX;
+` && i.length > 1 && _t([e], i[1]), t.char && t.char === `
+` && i.length > 1 && dt([t], i[i.length - 2]), e.offsetX;
 }
-function zr(i) {
+function Fr(i) {
   if (!i[0]) return 0;
   let e = [], t;
   for (let s = 0; s < i.length; s++) {
     const r = i[s];
-    if (r.char && Me[r.char] && i.length > s) {
+    if (r.char && Te[r.char] && i.length > s) {
       e.push(r), t = i[s + 1];
       continue;
     }
     break;
   }
-  ft(e, t), e = [], t = null;
+  _t(e, t), e = [], t = null;
   for (let s = i.length - 1; s > 0; s--) {
     const r = i[s];
-    if (r.char && Me[r.char] && s > 0) {
+    if (r.char && Te[r.char] && s > 0) {
       e.push(r), t = i[s - 1];
       continue;
     }
     break;
   }
-  return _t(e, t), i[0].offsetX;
+  return dt(e, t), i[0].offsetX;
 }
-function Wr(i) {
+function Or(i) {
   return i[0] ? i[0].offsetX : 0;
 }
-function _t(i, e) {
+function dt(i, e) {
   if (e)
     for (let t = 0; t < i.length; t++) {
       const s = i[t];
       s.fontFactor = 0, s.offsetX = e.offsetX + e.cumulativeWidth, s.cumulativeWidth = 0;
     }
 }
-function ft(i, e) {
+function _t(i, e) {
   if (e)
     for (let t = 0; t < i.length; t++) {
       const s = i[t];
       s.fontFactor = 0, s.offsetX = e.offsetX, s.cumulativeWidth = 0;
     }
 }
-function pt(i, e, t, s) {
+function ft(i, e, t, s) {
   if (s = s || 0, !i[e]) return s;
   const r = i[e];
-  return r.lineBreak ? s + r.xadvance : pt(
+  return r.lineBreak ? s + r.xadvance : ft(
     i,
     e + 1,
     t,
     s + r.xadvance + r.xoffset + r.kerning + t.LETTERSPACING
   );
 }
-function Er(i, e, t, s) {
+function Lr(i, e, t, s) {
   return !i || !i.char || e + t < s.INNER_WIDTH ? !1 : s.BREAKON.indexOf(i.char) > -1;
 }
-class gt extends et {
+class pt extends Qe {
   constructor() {
     super(), this._input = "inherit", this._allowsInherit = !1, this.computeOutputValue = this._computeFromInherited;
   }
@@ -5313,7 +5305,7 @@ class gt extends et {
     super._computeFromInherited(e), e._fontSize._needsProcess = !0, e._layouter._needsProcess = !0;
   }
 }
-class mt extends g {
+class gt extends g {
   constructor() {
     super("fontSize", "inherit", !0), this._allowsInherit = !1;
   }
@@ -5336,7 +5328,7 @@ class mt extends g {
     return this._value;
   }
 }
-class vt extends tt {
+class mt extends et {
   constructor() {
     super("segments", 1, !1), this._notInheritedValue = void 0;
   }
@@ -5360,12 +5352,12 @@ class vt extends tt {
     return this._value === "inherit" ? this._notInheritedValue : this._value;
   }
 }
-class Dr extends vt {
+class zr extends mt {
   constructor() {
     super(), this._value = "inherit";
   }
 }
-class Hr extends J {
+class Wr extends q {
   constructor() {
     super(), this._allowsInherit = !1, this.computeOutputValue = this._computeFromInherited;
   }
@@ -5382,7 +5374,7 @@ class Hr extends J {
     }
   }
 }
-class yt extends p {
+class vt extends p {
   constructor() {
     super("children", null, !1), this._uis = [];
   }
@@ -5415,7 +5407,7 @@ class yt extends p {
   dispose() {
   }
 }
-function Gr(i, e = !1) {
+function Er(i, e = !1) {
   const t = i[0].index !== null, s = new Set(Object.keys(i[0].attributes)), r = new Set(Object.keys(i[0].morphAttributes)), n = {}, o = {}, a = i[0].morphTargetsRelative, l = new u.BufferGeometry();
   let d = 0;
   for (let c = 0; c < i.length; ++c) {
@@ -5460,7 +5452,7 @@ function Gr(i, e = !1) {
     l.setIndex(h);
   }
   for (const c in n) {
-    const h = Fe(n[c]);
+    const h = Me(n[c]);
     if (!h)
       return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed while trying to merge the " + c + " attribute."), null;
     l.setAttribute(c, h);
@@ -5473,7 +5465,7 @@ function Gr(i, e = !1) {
       const f = [];
       for (let S = 0; S < o[c].length; ++S)
         f.push(o[c][S][_]);
-      const v = Fe(f);
+      const v = Me(f);
       if (!v)
         return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed while trying to merge the " + c + " morphAttribute."), null;
       l.morphAttributes[c].push(v);
@@ -5481,7 +5473,7 @@ function Gr(i, e = !1) {
   }
   return l;
 }
-function Fe(i) {
+function Me(i) {
   let e, t, s, r = -1, n = 0;
   for (let d = 0; d < i.length; ++d) {
     const c = i[d];
@@ -5512,7 +5504,7 @@ function Fe(i) {
   }
   return r !== void 0 && (a.gpuType = r), a;
 }
-class $r extends p {
+class Dr extends p {
   constructor() {
     super("renderer");
   }
@@ -5520,11 +5512,11 @@ class $r extends p {
     if (!e._inlines._value || !e._inlines._value.length) return;
     const t = e._inlines._value.map(
       (r) => e._font._fontVariant.getGeometricGlyph(r, e).translate(r.offsetX, r.offsetY, 0)
-    ), s = Gr(t);
+    ), s = Er(t);
     e.setFontMesh(new u.Mesh(s, e.fontMaterial)), e._fontMesh.renderOrder = 1 / 0;
   }
 }
-class Nr extends le {
+class Hr extends he {
   constructor() {
     super(), this._allowsInherit = !1, this._needsUpdate = !1;
   }
@@ -5533,19 +5525,14 @@ class Nr extends le {
     this._value = this._inheritedInput, e._layouter._needsProcess = !0;
   }
 }
-class U extends z {
+class B extends L {
   /**
    *
    * @param {import('./../../core/elements/MeshUIBaseElement').Options} [values={}]
    */
-  constructor(t = {}) {
-    const s = {};
-    U.definePropertiesValues(s, t);
-    super(s, t);
-    I(this, "_rebuildParentUI", () => {
-      super._rebuildParentUI(), this._layouter._needsUpdate = !0;
-    });
-    U.init(this);
+  constructor(e = {}) {
+    const t = {};
+    B.definePropertiesValues(t, e), super(t, e), B.init(this);
   }
   /* eslint-disable no-unused-vars */
   /**
@@ -5554,22 +5541,25 @@ class U extends z {
    * @param {...Object3D} object
    * @return {this}
    */
-  add(t) {
-    const s = [];
-    for (let r = 0; r < arguments.length; r++) {
-      const n = arguments[r];
-      !n.isUI || n.isInline ? (s.push(n), n.position.z = 5e-3) : console.warn("Block element can only contain Box elements.", n);
+  add(e) {
+    const t = [];
+    for (let s = 0; s < arguments.length; s++) {
+      const r = arguments[s];
+      !r.isUI || r.isInline ? (t.push(r), r.position.z = 5e-3) : console.warn("Block element can only contain Box elements.", r);
     }
-    return super.add(...s);
+    return super.add(...t);
   }
-  set textContent(t) {
-    this._textContent.value = t;
+  _rebuildParentUI = () => {
+    super._rebuildParentUI(), this._layouter._needsUpdate = !0;
+  };
+  set textContent(e) {
+    this._textContent.value = e;
   }
   get textContent() {
     return this._textContent._value;
   }
-  set invertAlpha(t) {
-    this._invertAlpha.value = t;
+  set invertAlpha(e) {
+    this._invertAlpha.value = e;
   }
   get invertAlpha() {
     return this._invertAlpha._value;
@@ -5580,16 +5570,16 @@ class U extends z {
    * @param {import('./../../core/elements/MeshUIBaseElement').Properties} properties
    * @param {import('./../../core/elements/MeshUIBaseElement').Options} values
    */
-  static definePropertiesValues(t, s) {
-    t.children || (t.children = yt), t.textContent || (t.textContent = Pr), t.glyphs || (t.glyphs = Cr), t.inlines || (t.inlines = Ir), t.layouter || (t.layouter = ut), t.renderer || (t.renderer = $r), t.fontFamily || (t.fontFamily = ct), t.fontWeight || (t.fontWeight = lt), t.fontStyle || (t.fontStyle = ht), t.fontSize || (t.fontSize = mt), t.color || (t.color = Rr), t.backgroundColor || (t.backgroundColor = Br), t.lineBreak || (t.lineBreak = at), t.letterSpacing || (t.letterSpacing = gt), t.whiteSpace || (t.whiteSpace = Ie), t.segments || (t.segments = Dr), t.textAlign || (t.textAlign = Nr), t.fontKerning || (t.fontKerning = Hr);
+  static definePropertiesValues(e, t) {
+    e.children || (e.children = vt), e.textContent || (e.textContent = Sr), e.glyphs || (e.glyphs = kr), e.inlines || (e.inlines = Vr), e.layouter || (e.layouter = at), e.renderer || (e.renderer = Dr), e.fontFamily || (e.fontFamily = lt), e.fontWeight || (e.fontWeight = ht), e.fontStyle || (e.fontStyle = ut), e.fontSize || (e.fontSize = gt), e.color || (e.color = Pr), e.backgroundColor || (e.backgroundColor = Ir), e.lineBreak || (e.lineBreak = ot), e.letterSpacing || (e.letterSpacing = pt), e.whiteSpace || (e.whiteSpace = Pe), e.segments || (e.segments = zr), e.textAlign || (e.textAlign = Hr), e.fontKerning || (e.fontKerning = Wr);
   }
   /**
    *
    * @param {MeshUIBaseElement} element
    */
-  static init(t) {
+  static init(e) {
     Object.defineProperties(
-      t,
+      e,
       {
         isInline: {
           configurable: !1,
@@ -5600,7 +5590,7 @@ class U extends z {
     );
   }
 }
-class Xr extends Ne {
+class Gr extends $e {
   constructor() {
     super("textContent", null, !1), this._needsUpdate = !1;
   }
@@ -5614,10 +5604,10 @@ class Xr extends Ne {
       const r = e.children[s];
       r.isUI && (e.remove(r), r.clear());
     }
-    e._children._uis = [], this._value && e.add(new U({ name: "anonymousInline", textContent: this._value }));
+    e._children._uis = [], this._value && e.add(new B({ name: "anonymousInline", textContent: this._value }));
   }
 }
-class jr extends Array {
+class $r extends Array {
   /**
    *
    * @param {Line} items
@@ -5626,7 +5616,7 @@ class jr extends Array {
     super(...e), this.width = 0, this.height = 0;
   }
 }
-class Yr extends p {
+class Nr extends p {
   constructor() {
     super("layouter", null, !1), this._value = null;
   }
@@ -5640,7 +5630,7 @@ class Yr extends p {
   process(e) {
     let t = e._width._value;
     e._width._auto ? t = 1 / 0 : t = e._bounds._innerWidth;
-    const s = e._lineHeight._value, r = new jr(new Te());
+    const s = e._lineHeight._value, r = new $r(new Ae());
     let n = 0;
     e._children._inlines.forEach((h) => {
       if (!h._inlines.value) return;
@@ -5650,18 +5640,18 @@ class Yr extends p {
         LETTERSPACING: f,
         BREAKON: S,
         INNER_WIDTH: t
-      }, Vt = h._whiteSpace._inlineWrapper;
-      n += h._margin._value.w + h._padding._value.w, h._inlines.value.forEach((y, kt, Pt) => {
-        const Z = r[r.length - 1];
-        if (Vt(Pt, kt, n, b)) {
-          if (r.push(new Te(y)), y.offsetX = y.xoffset, y.width === 0) {
+      }, St = h._whiteSpace._inlineWrapper;
+      n += h._margin._value.w + h._padding._value.w, h._inlines.value.forEach((y, Vt, kt) => {
+        const J = r[r.length - 1];
+        if (St(kt, Vt, n, b)) {
+          if (r.push(new Ae(y)), y.offsetX = y.xoffset, y.width === 0) {
             n = 0;
             return;
           }
           y.cumulativeWidth = y.xadvance + f, n = y.cumulativeWidth;
           return;
         }
-        r[r.length - 1].push(y), y.offsetX = n + y.xoffset + y.kerning, y.cumulativeWidth = y.xadvance + y.kerning + f, n += y.cumulativeWidth, Z.length - 1 === 1 && Z[Z.length - 2].width === 0 && (y.offsetX -= y.xoffset, n -= y.xoffset);
+        r[r.length - 1].push(y), y.offsetX = n + y.xoffset + y.kerning, y.cumulativeWidth = y.xadvance + y.kerning + f, n += y.cumulativeWidth, J.length - 1 === 1 && J[J.length - 2].width === 0 && (y.offsetX -= y.xoffset, n -= y.xoffset);
       }), n += h._margin._value.y + h._padding._value.y;
     });
     const o = e._whiteSpace._inlineCollapser;
@@ -5690,7 +5680,7 @@ class Yr extends p {
     e._fontSize.process(e);
   }
 }
-class Kr extends le {
+class Xr extends he {
   constructor() {
     super(), this._allowsInherit = !1, this._needsUpdate = !0;
   }
@@ -5699,13 +5689,13 @@ class Kr extends le {
     this._value = this._inheritedInput, this._needsProcess = !0;
   }
   process(e) {
-    qr(e), e._renderer._needsRender = !0;
+    jr(e), e._renderer._needsRender = !0;
   }
 }
-function qr(i) {
+function jr(i) {
   const e = i._layouter._value, t = i._textAlign._value, s = i._bounds._innerWidth;
   for (let r = 0; r < e.length; r++) {
-    const n = e[r], o = Jr(i, n, r === e.length - 1), a = i._padding._value, l = i._borderWidth._value, d = (-a.w + a.y) / 2 + (-l.w + l.y) / 2;
+    const n = e[r], o = Yr(i, n, r === e.length - 1), a = i._padding._value, l = i._borderWidth._value, d = (-a.w + a.y) / 2 + (-l.w + l.y) / 2;
     n.x += o;
     for (let c = 0; c < n.length; c++)
       n[c].offsetX += o - d;
@@ -5730,7 +5720,7 @@ function qr(i) {
       t === "justify-right" && n.reverse();
     }
 }
-function Jr(i, e, t) {
+function Yr(i, e, t) {
   switch (i._textAlign._value) {
     case "justify-left":
     case "justify":
@@ -5747,7 +5737,7 @@ function Jr(i, e, t) {
       console.warn(`textAlign: '${i._textAlign._value}' is not valid`);
   }
 }
-class Zr extends ce {
+class Kr extends le {
   constructor() {
     super(), this._value = this._input = "column", this._allowsInherit = !1, this._needsUpdate = !0;
   }
@@ -5756,7 +5746,7 @@ class Zr extends ce {
     this._value = this._inheritedInput;
   }
 }
-class Qr extends Ze {
+class qr extends Je {
   /**
    *
    */
@@ -5764,7 +5754,7 @@ class Qr extends Ze {
     super(), this._allowsInherit = !1, this.computeOutputValue = this._computeFromInherited;
   }
 }
-class en extends J {
+class Jr extends q {
   constructor() {
     super(), this._value = this._input = this.getDefaultValue(), this._allowsInherit = !1, this.computeOutputValue = this._computeFromInherited;
   }
@@ -5772,25 +5762,14 @@ class en extends J {
     super._computeFromInherited(e);
   }
 }
-class tn extends rt {
+class Zr extends st {
   constructor() {
     super(), this._innerWidth = 1 / 0, this._innerHeight = 0;
   }
 }
-class sn extends p {
+class Qr extends p {
   constructor() {
-    super("children", null, !1);
-    /**
-     *
-     * Sort children according to their .style.order property or fallback on children index
-     *
-     * @param {HTMLElementVR} a
-     * @param {HTMLElementVR} b
-     * @return {number}
-     * @private
-     */
-    I(this, "_sortOrder", (t, s) => t._order._value < s._order._value ? -1 : t._order._value > s._order._value ? 1 : this._uis.indexOf(t) < this._uis.indexOf(s) ? -1 : 1);
-    this._uis = [], this._inlines = [], this._boxes = [];
+    super("children", null, !1), this._uis = [], this._inlines = [], this._boxes = [];
   }
   /* eslint-disable no-unused-vars */
   /**
@@ -5801,8 +5780,8 @@ class sn extends p {
    * @param element
    * @param out
    */
-  update(t, s) {
-    this._compute(t), this._needsProcess = !0;
+  update(e, t) {
+    this._compute(e), this._needsProcess = !0;
   }
   /**
    * Process when :
@@ -5810,11 +5789,11 @@ class sn extends p {
    *
    * @param element
    */
-  process(t) {
-    this._compute(t), t._overflow._needsRender = !0;
+  process(e) {
+    this._compute(e), e._overflow._needsRender = !0;
   }
-  _compute(t) {
-    this._uis = t.children.filter((s) => s.visible && s.isUI), this._inlines = this._uis.filter((s) => s.isInline).sort(this._sortOrder);
+  _compute(e) {
+    this._uis = e.children.filter((t) => t.visible && t.isUI), this._inlines = this._uis.filter((t) => t.isInline).sort(this._sortOrder);
   }
   /**
    *
@@ -5822,8 +5801,18 @@ class sn extends p {
   dispose() {
     this._inlines = null;
   }
+  /**
+   *
+   * Sort children according to their .style.order property or fallback on children index
+   *
+   * @param {HTMLElementVR} a
+   * @param {HTMLElementVR} b
+   * @return {number}
+   * @private
+   */
+  _sortOrder = (e, t) => e._order._value < t._order._value ? -1 : e._order._value > t._order._value ? 1 : this._uis.indexOf(e) < this._uis.indexOf(t) ? -1 : 1;
 }
-class rn extends p {
+class en extends p {
   constructor() {
     super("autosize");
   }
@@ -5834,7 +5823,7 @@ class rn extends p {
     }
   }
 }
-class nn extends ot {
+class tn extends nt {
   constructor() {
     super("renderer"), this._needsUpdate = !1;
   }
@@ -5845,14 +5834,14 @@ class nn extends ot {
     e.performAfterUpdate();
   }
 }
-class F extends T {
+class M extends A {
   /**
    *
    * @param {import('./../../core/elements/MeshUIBaseElement').Options} [values={}]
    * @param [properties={}]
    */
   constructor(e = {}, t = {}) {
-    F.definePropertiesValues(t, e), super(t, e), F.init(this);
+    M.definePropertiesValues(t, e), super(t, e), M.init(this);
   }
   /* eslint-disable no-unused-vars */
   /**
@@ -5892,7 +5881,7 @@ class F extends T {
    * @param {import('./../../core/elements/MeshUIBaseElement').Options} values
    */
   static definePropertiesValues(e, t) {
-    e.flexDirection = Zr, e.justifyContent = de, e.alignItems = he, e.bounds = tn, e.autoSize = rn, e.renderer = nn, e.children || (e.children = sn), e.textContent || (e.textContent = Xr), e.layouter || (e.layouter = Yr), e.lineHeight || (e.lineHeight = Qr), e.textAlign || (e.textAlign = Kr), e.whiteSpace || (e.whiteSpace = Ie), e.fontKerning || (e.fontKerning = en), e.segments || (e.segments = vt), t.width || (t.width = "100%"), t.fontSide || (t.fontSide = 0);
+    e.flexDirection = Kr, e.justifyContent = ce, e.alignItems = ue, e.bounds = Zr, e.autoSize = en, e.renderer = tn, e.children || (e.children = Qr), e.textContent || (e.textContent = Gr), e.layouter || (e.layouter = Nr), e.lineHeight || (e.lineHeight = qr), e.textAlign || (e.textAlign = Xr), e.whiteSpace || (e.whiteSpace = Pe), e.fontKerning || (e.fontKerning = Jr), e.segments || (e.segments = mt), t.width || (t.width = "100%"), t.fontSide || (t.fontSide = 0);
   }
   /**
    *
@@ -5911,7 +5900,7 @@ class F extends T {
     );
   }
 }
-class on extends p {
+class sn extends p {
   constructor() {
     super("inlines", null, !1), this._value = [];
   }
@@ -5921,15 +5910,15 @@ class on extends p {
     this._value[t].paddingRight = e._padding._value.y, this._value[t].marginRight = e._margin._value.y;
   }
 }
-class an extends p {
+class rn extends p {
   constructor() {
     super("renderer");
   }
   render(e) {
-    e._backgroundMesh || e.setBackgroundMesh(new nt(e)), e._backgroundMesh.position.x = e._inlines._value[0].offsetX + e._inlines._value[0].width / 2, e._backgroundMesh.position.y = e._inlines._value[0].offsetY + e._inlines._value[0].lineBase / 2, e._bounds.render(e);
+    e._backgroundMesh || e.setBackgroundMesh(new rt(e)), e._backgroundMesh.position.x = e._inlines._value[0].offsetX + e._inlines._value[0].width / 2, e._backgroundMesh.position.y = e._inlines._value[0].offsetY + e._inlines._value[0].lineBase / 2, e._bounds.render(e);
   }
 }
-class un extends p {
+class nn extends p {
   constructor() {
     super("bounds", null, !1), this._size = new u.Vector3(1, 1, 1), this._offsetWidth = 0, this._offsetHeight = 0, this._innerWidth = 0, this._innerHeight = 0;
   }
@@ -5952,14 +5941,14 @@ class un extends p {
     e.size = this._size;
   }
 }
-class O extends z {
+class F extends L {
   /**
    *
    * @param {import('./../../core/elements/MeshUIBaseElement').Options} [values={}]
    */
   constructor(e = {}) {
     const t = {};
-    O.definePropertiesValues(t, e), super(t, e), O.init(this);
+    F.definePropertiesValues(t, e), super(t, e), F.init(this);
   }
   clear() {
     for (const e of this._inlines._value)
@@ -6002,7 +5991,7 @@ class O extends z {
    * @param {import('./../../core/elements/MeshUIBaseElement').Options} values
    */
   static definePropertiesValues(e, t) {
-    e.children || (e.children = yt), e.bounds || (e.bounds = un), e.inlines || (e.inlines = on), e.layouter || (e.layouter = ut), e.renderer || (e.renderer = an), e.fontFamily || (e.fontFamily = ct), e.fontWeight || (e.fontWeight = lt), e.fontStyle || (e.fontStyle = ht), e.fontSize || (e.fontSize = mt), e.backgroundColor || (e.backgroundColor = He), e.lineBreak || (e.lineBreak = at), e.letterSpacing || (e.letterSpacing = gt), e.whiteSpace || (e.whiteSpace = Ie), e.fontKerning || (e.fontKerning = J), t.backgroundSize || (t.backgroundSize = "cover"), t.width || (t.width = "100%"), t.height || (t.height = "100%"), t.boxSizing || (t.boxSizing = "border-box");
+    e.children || (e.children = vt), e.bounds || (e.bounds = nn), e.inlines || (e.inlines = sn), e.layouter || (e.layouter = at), e.renderer || (e.renderer = rn), e.fontFamily || (e.fontFamily = lt), e.fontWeight || (e.fontWeight = ht), e.fontStyle || (e.fontStyle = ut), e.fontSize || (e.fontSize = gt), e.backgroundColor || (e.backgroundColor = De), e.lineBreak || (e.lineBreak = ot), e.letterSpacing || (e.letterSpacing = pt), e.whiteSpace || (e.whiteSpace = Pe), e.fontKerning || (e.fontKerning = q), t.backgroundSize || (t.backgroundSize = "cover"), t.width || (t.width = "100%"), t.height || (t.height = "100%"), t.boxSizing || (t.boxSizing = "border-box");
   }
   /**
    *
@@ -6023,10 +6012,10 @@ class O extends z {
           value: !0
         }
       }
-    ), e._inlines._value = [new hn(e)], e.backgroundMaterial = new st(), e._renderer.render(e);
+    ), e._inlines._value = [new on(e)], e.backgroundMaterial = new it(), e._renderer.render(e);
   }
 }
-class hn extends Le {
+class on extends Oe {
   /**
    *
    * @param {InlineBlockElement} parent
@@ -6089,7 +6078,7 @@ class hn extends Le {
     this._uiElement = null;
   }
 }
-class bt {
+class yt {
   /**
    *
    * @param {MeshUIBaseElement} subject
@@ -6122,47 +6111,47 @@ class bt {
   clear() {
   }
 }
-const xt = () => X.update(), wt = {
+const bt = () => N.update(), xt = {
   BaseProperty: p,
-  Block: M,
-  Text: F,
-  Inline: U,
-  InlineBlock: O,
+  Block: T,
+  Text: M,
+  Inline: B,
+  InlineBlock: F,
   // Keyboard : KeyboardElement,
-  MeshUIBaseElement: z,
-  FontLibrary: C,
-  update: xt,
+  MeshUIBaseElement: L,
+  FontLibrary: I,
+  update: bt,
   MSDFFontMaterialUtils: w,
-  ShaderChunkUI: it,
-  Behavior: bt,
-  FontVariant: L
+  ShaderChunkUI: tt,
+  Behavior: yt,
+  FontVariant: O
 };
-typeof global < "u" && (global.ThreeMeshUI = wt);
-const ln = wt;
-var cn = m.ti, St = m.nS, dn = m.eB, _n = m.Yp, fn = m.VB, pn = m.BC, gn = m.zN, mn = m.cV, vn = m.hW, yn = m.k2, bn = m.K6, xn = m.M7, wn = m.ls, Sn = m.Hi, Vn = m.EY, kn = m.MR, Pn = m.zf, In = m.Ay, Cn = m.yo;
-const An = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+typeof global < "u" && (global.ThreeMeshUI = xt);
+const an = xt;
+var un = m.ti, wt = m.nS, hn = m.eB, ln = m.Yp, cn = m.VB, dn = m.BC, _n = m.zN, fn = m.cV, pn = m.hW, gn = m.k2, mn = m.K6, vn = m.M7, yn = m.ls, bn = m.Hi, xn = m.EY, wn = m.MR, Sn = m.zf, Vn = m.Ay, kn = m.yo;
+const Cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BaseProperty: cn,
-  Behavior: St,
-  Block: dn,
-  DefaultValues: _n,
-  FontLibrary: fn,
-  FontVariant: pn,
-  InheritableProperty: gn,
-  Inline: mn,
-  InlineBlock: vn,
-  InlineGlyph: yn,
-  MSDFFontMaterialUtils: bn,
-  MaterialTransformers: xn,
-  MeshUIBaseElement: wn,
-  ShaderChunkUI: Sn,
-  Text: Vn,
-  TypographicFont: kn,
-  TypographicGlyph: Pn,
-  default: In,
-  update: Cn
+  BaseProperty: un,
+  Behavior: wt,
+  Block: hn,
+  DefaultValues: ln,
+  FontLibrary: cn,
+  FontVariant: dn,
+  InheritableProperty: _n,
+  Inline: fn,
+  InlineBlock: pn,
+  InlineGlyph: gn,
+  MSDFFontMaterialUtils: mn,
+  MaterialTransformers: vn,
+  MeshUIBaseElement: yn,
+  ShaderChunkUI: bn,
+  Text: xn,
+  TypographicFont: wn,
+  TypographicGlyph: Sn,
+  default: Vn,
+  update: kn
 }, Symbol.toStringTag, { value: "Module" }));
-class Tn extends St {
+class Rn extends wt {
   constructor(e, t = {}) {
     super(e), e._simpleState__activeStates = [], e._simpleState__normalStyles = {}, e._simpleState__states = t, e._simpleState__statesProperties = {};
     for (const s in t)
@@ -6219,12 +6208,12 @@ class Tn extends St {
   }
 }
 export {
-  Tn as SimpleStateBehavior,
-  An as ThreeMeshUI,
-  dn as __webpack_exports__Block,
-  fn as __webpack_exports__FontLibrary,
-  mn as __webpack_exports__Inline,
-  Vn as __webpack_exports__Text,
-  In as __webpack_exports__default,
-  Cn as __webpack_exports__update
+  Rn as SimpleStateBehavior,
+  Cn as ThreeMeshUI,
+  hn as __webpack_exports__Block,
+  cn as __webpack_exports__FontLibrary,
+  fn as __webpack_exports__Inline,
+  xn as __webpack_exports__Text,
+  Vn as __webpack_exports__default,
+  kn as __webpack_exports__update
 };