bg2e-js 2.3.12 → 2.3.14

package/dist/bg2e-js.js

@@ -1,4 +1,4 @@
-var ct = /* @__PURE__ */ ((t) => (t[t.NONE = 0] = "NONE", t[t.X = 1] = "X", t[t.Y = 2] = "Y", t[t.Z = 3] = "Z", t[t.W = 4] = "W", t))(ct || {});
+var gt = /* @__PURE__ */ ((t) => (t[t.NONE = 0] = "NONE", t[t.X = 1] = "X", t[t.Y = 2] = "Y", t[t.Z = 3] = "Z", t[t.W = 4] = "W", t))(gt || {});
 ((t) => {
   function e(r) {
     switch (r) {
@@ -17,11 +17,11 @@ var ct = /* @__PURE__ */ ((t) => (t[t.NONE = 0] = "NONE", t[t.X = 1] = "X", t[t.
     }
   }
   t.name = e;
-})(ct || (ct = {}));
-const _r = 3.141592653589793, $r = 0.01745329251994, ei = 57.29577951308233, qn = 1.5707963267948966, _n = 0.785398163397448, $n = 0.392699081698724, es = 6.283185307179586, gt = 1e-7, Le = Float32Array, ts = Float64Array, rs = 3402823e32, Ge = (t, e) => t.length >= e;
+})(gt || (gt = {}));
+const _r = 3.141592653589793, $r = 0.01745329251994, ei = 57.29577951308233, qn = 1.5707963267948966, _n = 0.785398163397448, $n = 0.392699081698724, es = 6.283185307179586, ut = 1e-7, Le = Float32Array, ts = Float64Array, rs = 3402823e32, Ge = (t, e) => t.length >= e;
 let Ft = Date.now();
-const is = (t) => typeof t != "number" ? !1 : t !== 0 && (t & t - 1) === 0, le = (t) => t > -gt && t < gt ? 0 : t, b = (t) => le(t) === 0, E = (t, e) => Math.abs(t - e) < gt, We = (t) => Math.fround(le(t * $r)), ti = (t) => Math.fround(le(t * ei)), ns = (t) => Math.fround(le(Math.sin(t))), ss = (t) => Math.fround(le(Math.cos(t))), ri = (t) => Math.fround(le(Math.tan(t))), os = (t) => Math.fround(le(1 / ri(t))), as = (t) => Math.fround(le(Math.atan(t))), hs = (t, e) => Math.fround(le(Math.atan2(t, e))), As = () => Math.random(), fs = () => (Ft = (Ft * 9301 + 49297) % 233280, 0 + Ft / 233280 * 1), ls = (t, e) => Math.fround(Math.max(t, e)), cs = (t, e) => Math.fround(Math.min(t, e)), gs = (t) => Math.fround(Math.abs(t)), us = (t) => Math.fround(Math.sqrt(t)), J = (t, e, r) => (r = r > 1 ? 1 : r, Math.fround((1 - r) * t + r * e)), ds = (t) => Math.fround(t * t), Z = (t, e, r) => Math.fround(Math.max(e, Math.min(t, r))), ws = {
-  Axis: ct,
+const is = (t) => typeof t != "number" ? !1 : t !== 0 && (t & t - 1) === 0, le = (t) => t > -ut && t < ut ? 0 : t, b = (t) => le(t) === 0, E = (t, e) => Math.abs(t - e) < ut, We = (t) => Math.fround(le(t * $r)), ti = (t) => Math.fround(le(t * ei)), ns = (t) => Math.fround(le(Math.sin(t))), ss = (t) => Math.fround(le(Math.cos(t))), ri = (t) => Math.fround(le(Math.tan(t))), os = (t) => Math.fround(le(1 / ri(t))), as = (t) => Math.fround(le(Math.atan(t))), hs = (t, e) => Math.fround(le(Math.atan2(t, e))), As = () => Math.random(), fs = () => (Ft = (Ft * 9301 + 49297) % 233280, 0 + Ft / 233280 * 1), ls = (t, e) => Math.fround(Math.max(t, e)), cs = (t, e) => Math.fround(Math.min(t, e)), gs = (t) => Math.fround(Math.abs(t)), us = (t) => Math.fround(Math.sqrt(t)), J = (t, e, r) => (r = r > 1 ? 1 : r, Math.fround((1 - r) * t + r * e)), ds = (t) => Math.fround(t * t), Z = (t, e, r) => Math.fround(Math.max(e, Math.min(t, r))), ws = {
+  Axis: gt,
   PI: _r,
   DEG_TO_RAD: $r,
   RAD_TO_DEG: ei,
@@ -29,7 +29,7 @@ const is = (t) => typeof t != "number" ? !1 : t !== 0 && (t & t - 1) === 0, le =
   PI_4: _n,
   PI_8: $n,
   TWO_PI: es,
-  EPSILON: gt,
+  EPSILON: ut,
   NumericArray: Le,
   NumericArrayHighP: ts,
   FLOAT_MAX: rs,
@@ -1447,7 +1447,7 @@ const Cs = (t) => {
       return "Browser";
   }
 }, ar = () => 0, ps = () => ar() === 0, Ds = () => ar() === 1, bs = async (t) => new Uint8Array(atob(t).split("").map((e) => e.charCodeAt(0)));
-class Ze {
+class qe {
   set writeStrategy(e) {
     this._writeStrategy = e;
   }
@@ -1494,7 +1494,7 @@ const Gt = (t) => {
     Gt(s.target), i(new Error(`Image load aborted '${t}'.`));
   }), n.src = t + (e ? `?${Pt()}` : "");
 });
-class ai extends Ze {
+class ai extends qe {
   async load(e) {
     return await Es(e, !1);
   }
@@ -1513,7 +1513,7 @@ const Ut = (t) => {
     Ut(n.target), r(new Error(`Video load aborted '${t}'`));
   }), i.src = t;
 });
-class hi extends Ze {
+class hi extends qe {
   async load(e) {
     return await xs(e);
   }
@@ -1521,7 +1521,7 @@ class hi extends Ze {
     throw new Error("VideoResourceProvider.write(): not supported");
   }
 }
-class Ai extends Ze {
+class Ai extends qe {
   async load(e) {
     const r = await fetch(e);
     if (r.ok)
@@ -1529,7 +1529,7 @@ class Ai extends Ze {
     throw new Error(`Resource not found at '${e}'`);
   }
 }
-class fi extends Ze {
+class fi extends qe {
   async load(e) {
     const r = await fetch(e);
     if (r.ok) {
@@ -1581,7 +1581,7 @@ const Qs = (t) => {
 ], di = (t) => Bt(t, cr), zs = (t) => {
   Ct(t, cr);
 }, Ls = () => cr;
-class qe {
+class _e {
   constructor({
     imageProvider: e = null,
     videoProvider: r = null,
@@ -1622,7 +1622,7 @@ const Is = {
   isBigEndian: ms,
   isLittleEndian: Ps,
   UserAgent: Bs,
-  Resource: qe,
+  Resource: _e,
   isFormat: Bt,
   addFormats: Ct,
   isValidImage: gi,
@@ -1634,7 +1634,7 @@ const Is = {
   isValidBinary: di,
   addBinaryFormats: zs,
   getValidBinaryFormats: Ls,
-  ResourceProvider: Ze,
+  ResourceProvider: qe,
   ImageResourceProvider: ai,
   VideoResourceProvider: hi,
   BinaryResourceProvider: Ai,
@@ -1804,7 +1804,7 @@ class p extends h {
 }
 var wi = /* @__PURE__ */ ((t) => (t[t.VERTEX = 1] = "VERTEX", t[t.NORMAL = 2] = "NORMAL", t[t.TEX_COORD_0 = 4] = "TEX_COORD_0", t[t.TEX_COORD_1 = 8] = "TEX_COORD_1", t[t.TEX_COORD_2 = 16] = "TEX_COORD_2", t[t.COLOR = 32] = "COLOR", t[t.TANGENT = 64] = "TANGENT", t[t.INDEX = 128] = "INDEX", t))(wi || {}), ae = /* @__PURE__ */ ((t) => (t[t.POINTS = 0] = "POINTS", t[t.TRIANGLES = 1] = "TRIANGLES", t[t.TRIANGLE_FAN = 2] = "TRIANGLE_FAN", t[t.TRIANGLE_STRIP = 3] = "TRIANGLE_STRIP", t[t.LINES = 4] = "LINES", t[t.LINE_STRIP = 5] = "LINE_STRIP", t))(ae || {}), k = /* @__PURE__ */ ((t) => (t[t.LAYER_0 = 1] = "LAYER_0", t[t.OPAQUE_DEFAULT = 1] = "OPAQUE_DEFAULT", t[t.LAYER_1 = 2] = "LAYER_1", t[t.LAYER_2 = 4] = "LAYER_2", t[t.LAYER_3 = 8] = "LAYER_3", t[t.LAYER_4 = 16] = "LAYER_4", t[t.LAYER_5 = 32] = "LAYER_5", t[t.LAYER_6 = 64] = "LAYER_6", t[t.LAYER_7 = 128] = "LAYER_7", t[t.LAYER_8 = 256] = "LAYER_8", t[t.LAYER_9 = 512] = "LAYER_9", t[t.LAYER_10 = 1024] = "LAYER_10", t[t.LAYER_11 = 2048] = "LAYER_11", t[t.LAYER_12 = 4096] = "LAYER_12", t[t.LAYER_13 = 8192] = "LAYER_13", t[t.LAYER_14 = 16384] = "LAYER_14", t[t.LAYER_15 = 32768] = "LAYER_15", t[t.TRANSPARENT_DEFAULT = 32768] = "TRANSPARENT_DEFAULT", t[t.LAYER_16 = 65536] = "LAYER_16", t[t.LAYER_17 = 131072] = "LAYER_17", t[t.LAYER_18 = 262144] = "LAYER_18", t[t.LAYER_19 = 524288] = "LAYER_19", t[t.LAYER_20 = 1048576] = "LAYER_20", t[t.LAYER_21 = 2097152] = "LAYER_21", t[t.LAYER_22 = 4194304] = "LAYER_22", t[t.LAYER_23 = 8388608] = "LAYER_23", t[t.LAYER_24 = 16777216] = "LAYER_24", t[t.LAYER_25 = 33554432] = "LAYER_25", t[t.LAYER_26 = 67108864] = "LAYER_26", t[t.LAYER_27 = 134217728] = "LAYER_27", t[t.LAYER_28 = 268435456] = "LAYER_28", t[t.LAYER_29 = 536870912] = "LAYER_29", t[t.LAYER_30 = 1073741824] = "LAYER_30", t[t.LAYER_31 = -2147483648] = "LAYER_31", t[t.SELECTION_DEFAULT = -2147483648] = "SELECTION_DEFAULT", t[t.ALL = 4294967295] = "ALL", t[t.AUTO = 0] = "AUTO", t))(k || {});
 const vi = (t, e) => t.renderLayers === 0 ? (e.isTransparent ? 32768 : 1) | -2147483648 : t.renderLayers;
-var ut = /* @__PURE__ */ ((t) => (t[t.CW = 0] = "CW", t[t.CCW = 1] = "CCW", t))(ut || {}), De = /* @__PURE__ */ ((t) => (t[t.FRONT = 0] = "FRONT", t[t.BACK = 1] = "BACK", t[t.FRONT_AND_BACK = 2] = "FRONT_AND_BACK", t))(De || {});
+var dt = /* @__PURE__ */ ((t) => (t[t.CW = 0] = "CW", t[t.CCW = 1] = "CCW", t))(dt || {}), De = /* @__PURE__ */ ((t) => (t[t.FRONT = 0] = "FRONT", t[t.BACK = 1] = "BACK", t[t.FRONT_AND_BACK = 2] = "FRONT_AND_BACK", t))(De || {});
 function yr(t) {
   const e = [], r = (s) => ({
     pos: new h(t.vertex[s] * 3, t.vertex[s + 1] * 3, t.vertex[s + 2] * 3),
@@ -1967,6 +1967,15 @@ class de {
   set selectable(e) {
     this._selectable = e;
   }
+  // The mainDrawable is a reference to the las Drawable object that contains this polyList. Note that
+  // in some circunstances a polyList can be shared by several Drawable objects, but the mainDrawable
+  // will be the last one that was assigned.
+  get mainDrawable() {
+    return this._mainDrawable;
+  }
+  set mainDrawable(e) {
+    this._mainDrawable = e;
+  }
   // The this._renderer variable is initialized by the polyListRenderer factory
   get renderer() {
     return this._renderer;
@@ -2022,15 +2031,15 @@ const Ss = (t, e = "image/jpeg") => {
     radiusY: n.radiusY
   }));
 };
-let rt = null;
-class _e {
+let it = null;
+class $e {
   static FirstCanvas() {
-    if (!rt)
+    if (!it)
       throw new Error("No Canvas instance has been created yet.");
-    return rt;
+    return it;
   }
   constructor(e, r) {
-    this._renderer = r, this._domElement = e, this._domElement._bg2e_id = Pt(), rt = rt || this, this._mainLoop = null;
+    this._renderer = r, this._domElement = e, this._domElement._bg2e_id = Pt(), it = it || this, this._mainLoop = null;
   }
   get id() {
     return this._domElement._bg2e_id;
@@ -2128,9 +2137,9 @@ const Ci = Object.freeze({
   2: "G",
   3: "B",
   4: "A"
-}), it = {};
+}), nt = {};
 let Xt = null;
-const kt = {}, Rs = async (t) => (Xt || (Xt = new qe()), kt[t] ? console.log(`Image already loaded or loading: ${t}`) : (console.log(`Loading image: ${t}`), kt[t] = new Promise(async (e, r) => {
+const kt = {}, Rs = async (t) => (Xt || (Xt = new _e()), kt[t] ? console.log(`Image already loaded or loading: ${t}`) : (console.log(`Loading image: ${t}`), kt[t] = new Promise(async (e, r) => {
   const i = await Xt?.load(t), n = document.createElement("canvas");
   n.width = i.naturalWidth, n.height = i.naturalHeight;
   const s = n.getContext("2d");
@@ -2184,7 +2193,7 @@ function ks(t) {
 }
 class x {
   constructor(e = null) {
-    const r = e || _e.FirstCanvas();
+    const r = e || $e.FirstCanvas();
     if (!r)
       throw new Error("Error creating Texture: no Canvas available.");
     this._canvas = r, this._dirty = !0, this._dataType = 0, this._wrapModeX = 0, this._wrapModeY = 0, this._magFilter = 5, this._minFilter = 5, this._target = 0, this._size = new h(64, 64), this._fileName = "", this._proceduralFunction = 0, this._proceduralParameters = {}, this._renderTargetAttachment = 0, this._componentFormat = 0, this._imageData = null, this._references = 0, this._name = "";
@@ -2325,9 +2334,9 @@ class x {
   }
   async loadImageData(e = !1) {
     if (this.fileName) {
-      it[this.fileName] && e && delete it[this.fileName];
-      let r = it[this.fileName];
-      r ? console.debug(`Texture: loadImageData(): image already loaded or is loading: ${this.fileName}`) : (r = Rs(this.fileName), it[this.fileName] = r), this._imageData = await r, this._size = new h(this._imageData.width, this._imageData.height), this._dirty = !0;
+      nt[this.fileName] && e && delete nt[this.fileName];
+      let r = nt[this.fileName];
+      r ? console.debug(`Texture: loadImageData(): image already loaded or is loading: ${this.fileName}`) : (r = Rs(this.fileName), nt[this.fileName] = r), this._imageData = await r, this._size = new h(this._imageData.width, this._imageData.height), this._dirty = !0;
     } else if (this.dataType === 7)
       this._imageData = {
         currentSize: new h(this.size)
@@ -2367,9 +2376,9 @@ class x {
   }
 }
 const ye = {};
-class dt {
+class wt {
   static Get(e = null) {
-    return e = e || _e.FirstCanvas(), !e && !ye.__no_canvas__ && console.warn("TextureCache.Get() No canvas available. If your application uses a canvas, ensure that it has been created before using TexturCache. If your application does not use a canvas, you may disregard this message."), e && !ye[e.id] ? ye[e.id] = new dt(e) : !e && !ye.__no_canvas__ && (ye.__no_canvas__ = new dt(null)), ye[e ? e.id : "__no_canvas__"];
+    return e = e || $e.FirstCanvas(), !e && !ye.__no_canvas__ && console.warn("TextureCache.Get() No canvas available. If your application uses a canvas, ensure that it has been created before using TexturCache. If your application does not use a canvas, you may disregard this message."), e && !ye[e.id] ? ye[e.id] = new wt(e) : !e && !ye.__no_canvas__ && (ye.__no_canvas__ = new wt(null)), ye[e ? e.id : "__no_canvas__"];
   }
   constructor(e) {
     this._canvas = e, this._cache = {};
@@ -2405,7 +2414,7 @@ const Ce = {
       if (t === "ambientOcclussion" && typeof e == "number")
         return null;
       if (typeof e == "string") {
-        const n = r + e, s = dt.Get(i);
+        const n = r + e, s = wt.Get(i);
         if (s.findTexture(n))
           return console.debug(`Texture '${n}' already loaded. Reusing texture.`), s.getTexture(n);
         {
@@ -2417,7 +2426,7 @@ const Ce = {
         throw new Error("Invalid parameter found in material deserialization. The required parameter type is string (file path)");
     } else return null;
   }
-}, nt = {
+}, st = {
   serialize: (t, e) => {
     if (!e)
       return null;
@@ -2456,11 +2465,11 @@ const Ce = {
 }, S = {
   serialize: (t, e) => e || null,
   deserialize: (t, e) => e
-}, st = {
+}, ot = {
   type: { loader: S },
   alphaCutoff: { loader: S },
   isTransparent: { loader: S },
-  albedo: { loader: nt },
+  albedo: { loader: st },
   albedoTexture: { loader: Ce },
   albedoScale: { loader: Me },
   albedoUV: { loader: S },
@@ -2477,10 +2486,10 @@ const Ce = {
   roughnessChannel: { loader: S },
   roughnessScale: { loader: Me },
   roughnessUV: { loader: S },
-  fresnelTint: { loader: nt },
+  fresnelTint: { loader: st },
   sheenIntensity: { loader: S },
-  sheenColor: { loader: nt },
-  lightEmission: { loader: nt },
+  sheenColor: { loader: st },
+  lightEmission: { loader: st },
   lightEmissionTexture: { loader: Ce },
   lightEmissionChannel: { loader: S },
   lightEmissionScale: { loader: Me },
@@ -2511,7 +2520,7 @@ class ne {
     return await n.deserialize(e, r, i), n;
   }
   constructor(e = null) {
-    this._canvas = e || _e.FirstCanvas(), this._type = "pbr", this._renderer = null, this._alphaCutoff = 0.5, this._isTransparent = !1, this._albedo = p.White(), this._albedoTexture = null, this._albedoScale = new h(1, 1), this._albedoUV = 0, this._normalTexture = null, this._normalScale = new h(1, 1), this._normalUV = 0, this._normalChannel = 0, this._metalness = 0, this._metalnessTexture = null, this._metalnessChannel = 0, this._metalnessScale = new h(1, 1), this._metalnessUV = 0, this._roughness = 1, this._roughnessTexture = null, this._roughnessChannel = 0, this._roughnessScale = new h(1, 1), this._roughnessUV = 0, this._fresnelTint = p.White(), this._sheenIntensity = 0, this._sheenColor = p.White(), this._lightEmission = 0, this._lightEmissionTexture = null, this._lightEmissionChannel = 0, this._lightEmissionScale = new h(1, 1), this._lightEmissionUV = 0, this._ambientOcclussion = null, this._ambientOcclussionChannel = 0, this._ambientOcclussionUV = 1, this._heightTexture = null, this._heightChannel = 0, this._heightScale = new h(1, 1), this._heightUV = 0, this._heightIntensity = 1, this._castShadows = !0, this._unlit = !1, this._dirty = !0;
+    this._canvas = e || $e.FirstCanvas(), this._type = "pbr", this._renderer = null, this._alphaCutoff = 0.5, this._isTransparent = !1, this._albedo = p.White(), this._albedoTexture = null, this._albedoScale = new h(1, 1), this._albedoUV = 0, this._normalTexture = null, this._normalScale = new h(1, 1), this._normalUV = 0, this._normalChannel = 0, this._metalness = 0, this._metalnessTexture = null, this._metalnessChannel = 0, this._metalnessScale = new h(1, 1), this._metalnessUV = 0, this._roughness = 1, this._roughnessTexture = null, this._roughnessChannel = 0, this._roughnessScale = new h(1, 1), this._roughnessUV = 0, this._fresnelTint = p.White(), this._sheenIntensity = 0, this._sheenColor = p.White(), this._lightEmission = 0, this._lightEmissionTexture = null, this._lightEmissionChannel = 0, this._lightEmissionScale = new h(1, 1), this._lightEmissionUV = 0, this._ambientOcclussion = null, this._ambientOcclussionChannel = 0, this._ambientOcclussionUV = 1, this._heightTexture = null, this._heightChannel = 0, this._heightScale = new h(1, 1), this._heightUV = 0, this._heightIntensity = 1, this._castShadows = !0, this._unlit = !1, this._dirty = !0;
   }
   get canvas() {
     return this._canvas;
@@ -2767,16 +2776,16 @@ class ne {
     this._unlit = e, this._dirty = !0;
   }
   async serialize(e) {
-    for (const r in st) {
-      const i = st[r].loader.serialize(r, this[r]);
+    for (const r in ot) {
+      const i = ot[r].loader.serialize(r, this[r]);
       i && (e[r] = i);
     }
   }
   async deserialize(e, r, i) {
     const n = [];
     this.type = e.type || "pbr", this.alphaCutoff = e.alphaCutoff || 0.5, this.isTransparent = e.isTransparent || !1;
-    for (const s in st) {
-      const o = st[s]?.loader;
+    for (const s in ot) {
+      const o = ot[s]?.loader;
       if (o) {
         const a = o.deserialize(s, e[s], r, this.canvas);
         a instanceof x && n.push(a.loadImageData()), a != null && (this[s] = a);
@@ -3281,7 +3290,7 @@ function qs(t) {
   let e = /s\s+(.*)/.exec(t);
   e && this._currentPlist?.name == "" && (this._currentPlist.name = e[1]);
 }
-function ot() {
+function at() {
   this._addPlist && (this._currentPlist && this._plistArray.push(this._currentPlist), this._currentPlist = new de(), this._addPlist = !1);
 }
 function _s() {
@@ -3306,13 +3315,13 @@ function _s() {
           ) : console.warn("Error parsing line " + r);
           break;
         case "m":
-          ot.apply(this), js.apply(this, [r]);
+          at.apply(this), js.apply(this, [r]);
           break;
         case "g":
-          ot.apply(this), Vs.apply(this, [r]);
+          at.apply(this), Vs.apply(this, [r]);
           break;
         case "u":
-          ot.apply(this), Ks.apply(this, [r]);
+          at.apply(this), Ks.apply(this, [r]);
           break;
         case "s":
           Ws.apply(this, [r]);
@@ -3321,7 +3330,7 @@ function _s() {
           Zs.apply(this, [r]);
           break;
         case "o":
-          ot.apply(this), qs.apply(this, [r]);
+          at.apply(this), qs.apply(this, [r]);
           break;
       }
   }), this._currentPlist && this._addPlist && this._plistArray.push(this._currentPlist);
@@ -4929,10 +4938,10 @@ const Ir = {
             gl_FragColor = result;
         }`
   }
-}, at = {};
+}, ht = {};
 class bt extends V {
   static GetUnique(e) {
-    return at[e.uniqueId] || (at[e.uniqueId] = new bt(e), at[e.uniqueId].load()), at[e.uniqueId];
+    return ht[e.uniqueId] || (ht[e.uniqueId] = new bt(e), ht[e.uniqueId].load()), ht[e.uniqueId];
   }
   constructor(e) {
     if (super(e), e.typeId !== "WebGL")
@@ -5648,7 +5657,7 @@ class Ui extends pt {
       throw new Error(`VitscnjLoaderPlugin.load() unexpected resource type received: ${r}`);
     const n = i.currentPath;
     i.currentPath = li(e);
-    const s = new qe(), o = new fe("Scene Root"), { scene: a } = await s.load(e);
+    const s = new _e(), o = new fe("Scene Root"), { scene: a } = await s.load(e);
     for (const f of a) {
       const c = await Gi(f, i);
       o.addChild(c);
@@ -5695,10 +5704,10 @@ class Oe extends se {
       throw new Error("Error adding polyList to drawable object: material is not an instance of Material");
     if (!(i instanceof w))
       throw new Error("Error adding polyList to drawable object: transform is not an instance of Mat4");
-    this._items.push({ polyList: e, material: r, transform: i });
+    this._items.push({ polyList: e, material: r, transform: i }), e.mainDrawable = this;
   }
   removePolyList(e) {
-    this._items = this._items.filter((r) => r.polyList != e);
+    this._items = this._items.filter((r) => r.polyList != e), e.mainDrawable === this && (e.mainDrawable = void 0);
   }
   destroy() {
   }
@@ -5905,11 +5914,11 @@ var mo = async ({ debug: t = !1, wasmPath: e = "" } = {}) => {
   const r = await Bg2ioModule();
   return new wo({ instance: r, debug: t });
 };
-let ht = null;
+let At = null;
 const Po = async (t) => {
-  if (ht === null && (ht = await mo(t ? { wasmPath: t } : {}), !ht))
+  if (At === null && (At = await mo(t ? { wasmPath: t } : {}), !At))
     throw new Error("Bg2LoaderPlugin: unable to initialize bg2io library");
-  return ht;
+  return At;
 }, Xi = (t, e) => t.polyLists.map((i) => {
   const n = new de(), s = t.materials.find((o) => o.name === i.matName);
   return n.name = i.name, n.visible = i.visible, s && (n.groupName = s.groupName || "", n.enableCullFace = s.cullFace), n.vertex = i.vertex, n.normal = i.normal, n.texCoord0 = i.texCoord0, n.texCoord1 = i.texCoord1, n.texCoord2 = i.texCoord2, n.index = i.index, { plist: n, materialData: s };
@@ -5937,7 +5946,7 @@ class Yi extends pt {
     bg2ioPath: e = null,
     materialImportCallback: r
   } = {}) {
-    super(), this._bg2ioPath = e, this._materialImportCallback = r, this._resource = new qe();
+    super(), this._bg2ioPath = e, this._materialImportCallback = r, this._resource = new _e();
   }
   get supportedExtensions() {
     return ["bg2", "vwglb"];
@@ -5971,7 +5980,7 @@ const vr = {
 }, mr = (t) => ({
   operationType: t,
   plugins: {}
-}), wt = (t, e) => {
+}), vt = (t, e) => {
   t.resourceTypes.forEach((r) => {
     e.plugins[r] = e.plugins[r] || [], e.plugins[r].push(t);
   });
@@ -5985,7 +5994,7 @@ const vr = {
   } else
     throw new Error(s);
 }, ir = mr(vr.Read), Co = (t) => {
-  t.dependencies.forEach((e) => wt(e, ir)), wt(t, ir);
+  t.dependencies.forEach((e) => vt(e, ir)), vt(t, ir);
 }, nr = (t, e) => Pr(t, e, ir), Or = () => ({
   [M.PolyList]: {},
   [M.Drawable]: {},
@@ -5995,7 +6004,7 @@ const vr = {
 });
 class po {
   constructor(e) {
-    this._canvas = e || _e.FirstCanvas(), this._cache = Or(), this._currentPath = "";
+    this._canvas = e || $e.FirstCanvas(), this._cache = Or(), this._currentPath = "";
   }
   get canvas() {
     return this._canvas;
@@ -6052,7 +6061,7 @@ const bo = (t, e, r) => {
 };
 class Eo extends pt {
   constructor() {
-    super(), this._resource = new qe();
+    super(), this._resource = new _e();
   }
   get supportedExtensions() {
     return ["obj"];
@@ -6104,7 +6113,7 @@ class xo extends ji {
   }
 }
 const Vi = mr(vr.Write), Qo = (t) => {
-  wt(t, Vi);
+  vt(t, Vi);
 }, Ki = (t, e) => Pr(t, e, Vi);
 class To {
   constructor() {
@@ -6132,7 +6141,7 @@ const yo = {
   Bg2LoaderPlugin: Yi,
   PluginOperationType: vr,
   createPluginDatabase: mr,
-  registerPluginInDatabase: wt,
+  registerPluginInDatabase: vt,
   getPluginFromDatabase: Pr,
   Loader: po,
   registerLoaderPlugin: Co,
@@ -6395,7 +6404,7 @@ const Mo = {
   DrawMode: ae,
   RenderLayer: k,
   getLayers: vi,
-  PolyListFrontFace: ut,
+  PolyListFrontFace: dt,
   PolyListCullFace: De,
   Texture: x,
   TextureDataType: Qe,
@@ -6744,7 +6753,7 @@ class he extends se {
     e.addLight(this.light, r);
   }
 }
-class $e extends ii {
+class et extends ii {
   static Factory(e) {
     if (!e)
       return null;
@@ -6796,7 +6805,7 @@ class $e extends ii {
     this.near = e.near ?? this.near, this.far = e.far ?? this.far, Array.isArray(e.viewport) ? this.viewport = new h(e.viewport) : e.viewport instanceof h && (this.viewport = new h(e.viewport));
   }
 }
-class Mt extends $e {
+class Mt extends et {
   constructor(e = null) {
     super(e), this._fov = 60;
   }
@@ -6823,7 +6832,7 @@ class Mt extends $e {
     super.deserialize(e), this.fov = e.fov ?? this.fov;
   }
 }
-class Nt extends $e {
+class Nt extends et {
   constructor(e = null) {
     super(e), this._focalLength = 50, this._frameSize = 35;
   }
@@ -6862,7 +6871,7 @@ class Nt extends $e {
     super.deserialize(e), this.frameSize = e.frameSize ?? this.frameSize, this.focalLength = e.focalLength ?? this.focalLength;
   }
 }
-class Ie extends $e {
+class Ie extends et {
   constructor(e = null) {
     super(e), this._viewWidth = 100;
   }
@@ -6987,7 +6996,7 @@ class j extends se {
   }
   async deserialize(e = {}, r) {
     if (await super.deserialize(e, r), this.focusDistance = e.focusDistance ?? this._focusDistance, e.projectionMethod) {
-      const i = $e.Factory(e.projectionMethod);
+      const i = et.Factory(e.projectionMethod);
       i && (this.projectionStrategy = i);
     }
   }
@@ -7026,7 +7035,7 @@ class zt extends Ht {
   }
 }
 var Fe = /* @__PURE__ */ ((t) => (t[t.NONE = 0] = "NONE", t[t.UP = 1] = "UP", t[t.DOWN = 2] = "DOWN", t))(Fe || {});
-const et = (t, e, r) => {
+const tt = (t, e, r) => {
   if (e.mouseStatus.pos = Pi(t, e.canvas), r !== 0) {
     const i = r === 2;
     t.button === 0 ? e.mouseStatus.leftButton = i : t.button === 1 ? e.mouseStatus.middleButton = i : t.button === 2 && (e.mouseStatus.rightButton = i);
@@ -7069,12 +7078,12 @@ function Oo(t) {
       return Ee.ZOOM;
   }
 }
-class tt extends se {
+class rt extends se {
   constructor(e = null) {
     super(e ?? "OrbitCameraController"), this._rotateButtons = { left: !0, middle: !1, right: !1 }, this._panButtons = { left: !1, middle: !1, right: !0 }, this._zoomButtons = { left: !1, middle: !0, right: !1 }, this._rotation = new h([0, 0]), this._distance = 5, this._center = new h([0, 0, 0]), this._rotationSpeed = 0.2, this._forward = 0, this._left = 0, this._wheelSpeed = 1, this._minFocus = 2, this._minPitch = -85, this._maxPitch = 85, this._minDistance = 0.4, this._maxDistance = 24, this._maxX = 45, this._minX = -45, this._minY = -45, this._maxY = 45, this._maxZ = 45, this._minZ = -45, this._displacementSpeed = 0.1, this._enabled = !0, this._keys = {}, this._lastTouch = [];
   }
   clone() {
-    const e = new tt();
+    const e = new rt();
     return e.assign(this), e;
   }
   assign(e) {
@@ -7292,7 +7301,7 @@ class tt extends se {
     this.enabled && (this._keys[e.key] = !1);
   }
 }
-class Lt extends tt {
+class Lt extends rt {
   constructor() {
     super("SmoothOrbitCameraController"), this._smoothFactor = 9e-3, this._action = Ee.NONE;
   }
@@ -7391,7 +7400,7 @@ class It extends se {
   }
 }
 const $i = () => {
-  _("Drawable", Oe), _("Transform", oe), _("Light", he), _("LightComponent", he), _("Chain", Qt), _("InputChainJoint", Tt), _("OutputChainJoint", yt), _("Camera", j), _("OrbitCameraController", tt), _("SmoothOrbitCameraController", Lt), _("Environment", It);
+  _("Drawable", Oe), _("Transform", oe), _("Light", he), _("LightComponent", he), _("Chain", Qt), _("InputChainJoint", Tt), _("OutputChainJoint", yt), _("Camera", j), _("OrbitCameraController", rt), _("SmoothOrbitCameraController", Lt), _("Environment", It);
 }, Fo = {
   Component: se,
   DrawableComponent: Oe,
@@ -7403,8 +7412,8 @@ const $i = () => {
   CameraComponent: j,
   OpticalProjectionStrategy: Nt,
   PerspectiveProjectionStrategy: Mt,
-  ProjectionStrategy: $e,
-  OrbitCameraControllerComponent: tt,
+  ProjectionStrategy: et,
+  OrbitCameraControllerComponent: rt,
   SmoothOrbitCameraControllerComponent: Lt,
   EnvironmentComponent: It,
   registerComponents: $i,
@@ -7555,26 +7564,26 @@ async function ko(t, e) {
   t.redisplay && (t.updateMode === 0 ? t._redisplayFrames = 1 : t._redisplayFrames--, (t._redisplayFrames > 0 || !t._firstFrameRendered) && (await t.appController.frame(e), t.appController.display(), t._firstFrameRendered = !0));
 }
 function Yo(t, e) {
-  const r = et(t, e, Fe.DOWN);
+  const r = tt(t, e, Fe.DOWN);
   return qi(r, !0), e.appController.mouseDown(r), r;
 }
 function sn(t, e) {
-  const r = et(t, e, Fe.NONE);
+  const r = tt(t, e, Fe.NONE);
   return e.appController.mouseMove(r), e.mouseStatus.anyButton && e.appController.mouseDrag(r), r;
 }
 function jo(t, e) {
-  const r = et(t, e, Fe.NONE);
+  const r = tt(t, e, Fe.NONE);
   return Ro(), e.appController.mouseOut(r), r;
 }
 function Vo(t, e) {
   return sn(t, e);
 }
 function Ko(t, e) {
-  const r = et(t, e, Fe.UP);
+  const r = tt(t, e, Fe.UP);
   return qi(r, !1), e.appController.mouseUp(r), r;
 }
 function Wo(t, e) {
-  const r = et(t, e, Fe.NONE);
+  const r = tt(t, e, Fe.NONE);
   return r.delta = t.wheelDelta ? t.wheelDelta * -1 : t.detail * 10, e.appController.mouseWheel(r), r;
 }
 function Jo(t, e) {
@@ -7600,7 +7609,7 @@ function $o(t, e) {
 const e0 = {
   AppController: en,
   FrameUpdate: rn,
-  Canvas: _e,
+  Canvas: $e,
   getMouseEventOffset: Pi,
   getEventTouches: Bi,
   EventBase: Ht,
@@ -7732,7 +7741,7 @@ const fn = {
   1: "TEXTURE",
   2: "CUBE_MAP"
 };
-var vt = /* @__PURE__ */ ((t) => (t[t.NONE = 0] = "NONE", t[t.POSITIVE_X = 1] = "POSITIVE_X", t[t.NEGATIVE_X = 2] = "NEGATIVE_X", t[t.POSITIVE_Y = 3] = "POSITIVE_Y", t[t.NEGATIVE_Y = 4] = "NEGATIVE_Y", t[t.POSITIVE_Z = 5] = "POSITIVE_Z", t[t.NEGATIVE_Z = 6] = "NEGATIVE_Z", t))(vt || {});
+var mt = /* @__PURE__ */ ((t) => (t[t.NONE = 0] = "NONE", t[t.POSITIVE_X = 1] = "POSITIVE_X", t[t.NEGATIVE_X = 2] = "NEGATIVE_X", t[t.POSITIVE_Y = 3] = "POSITIVE_Y", t[t.NEGATIVE_Y = 4] = "NEGATIVE_Y", t[t.POSITIVE_Z = 5] = "POSITIVE_Z", t[t.NEGATIVE_Z = 6] = "NEGATIVE_Z", t))(mt || {});
 function Fr(t) {
   if (t.target === ee.TEXTURE_2D)
     return 1;
@@ -8593,6 +8602,18 @@ class Cn extends V {
     if (super(e), this._program = null, e.typeId !== "WebGL")
       throw Error("SelectionHighlightShader is only compatible with WebGL renderer");
   }
+  get borderColor() {
+    return this._borderColor;
+  }
+  set borderColor(e) {
+    this._borderColor = e;
+  }
+  get borderWidth() {
+    return this._borderWidth;
+  }
+  set borderWidth(e) {
+    this._borderWidth = e;
+  }
   async load() {
     const { gl: e } = this.renderer;
     this._program = new T(e, "SelectionHighlightShader"), this._program.attachVertexSource(Xr.webgl.vertex), this._program.attachFragmentSource(Xr.webgl.fragment), this._program.link(), this._borderWidth = 3, this._borderColor = new h([0, 0.7, 1, 1]), this._convMatrix = [
@@ -8628,6 +8649,18 @@ class u0 {
   constructor(e) {
     this._targetTexture = null, this._renderBuffer = null, this._shader = null, this._renderQueue = null, this._frameVisitor = null, this._selectionDrawShader = null, this._renderer = e;
   }
+  get borderColor() {
+    return this._selectionDrawShader?.borderColor || new h(1, 0, 0, 1);
+  }
+  set borderColor(e) {
+    this._selectionDrawShader && (this._selectionDrawShader.borderColor = e);
+  }
+  get borderWidth() {
+    return this._selectionDrawShader?.borderWidth || 3;
+  }
+  set borderWidth(e) {
+    this._selectionDrawShader && (this._selectionDrawShader.borderWidth = e);
+  }
   async init() {
     const e = this._renderer;
     this._targetTexture = new x(), this._targetTexture.renderTargetAttachment = Y.COLOR_ATTACHMENT_0, this._targetTexture.componentFormat = ie.UNSIGNED_BYTE, this._targetTexture.wrapModeXY = U.CLAMP, this._renderBuffer = e.factory.renderBuffer(), await this._renderBuffer.attachTexture(this._targetTexture), this._shader = new Dr(e), await this._shader.load(), this._shader.forceDraw = !1, this._renderQueue = new St(e), this._renderQueue.enableQueue(k.SELECTION_DEFAULT, this._shader), this._frameVisitor = new Rt(this._renderQueue), this._selectionDrawShader = new Cn(e), await this._selectionDrawShader.load();
@@ -8674,11 +8707,11 @@ class d0 {
     this._renderBuffer?.destroy(), this._targetTexture?.destroy(), this._renderBuffer = null, this._targetTexture = null;
   }
 }
-var mt = /* @__PURE__ */ ((t) => (t[t.OBJECT = 0] = "OBJECT", t[t.POLY_LIST = 1] = "POLY_LIST", t))(mt || {});
-const At = (t) => "" + t[0] + t[1] + t[2];
+var Ze = /* @__PURE__ */ ((t) => (t[t.OBJECT = 0] = "OBJECT", t[t.POLY_LIST = 1] = "POLY_LIST", t))(Ze || {});
+const ft = (t) => "" + t[0] + t[1] + t[2];
 class w0 extends ce {
   constructor() {
-    super(), this._r = 0, this._g = 0, this._b = 0, this._selectionMode = mt.POLY_LIST, this._elements = {};
+    super(), this._r = 0, this._g = 0, this._b = 0, this._selectionMode = Ze.POLY_LIST, this._elements = {};
   }
   set selectionMode(e) {
     this._selectionMode = e, this.clear();
@@ -8695,9 +8728,9 @@ class w0 extends ce {
       Math.round(Math.random() * 255),
       Math.round(Math.random() * 255)
     ];
-    let r = e(), i = At(r);
+    let r = e(), i = ft(r);
     for (; this._elements[i]; )
-      r = e(), i = At(r);
+      r = e(), i = ft(r);
     return this._r = r[0], this._g = r[1], this._b = r[2], new p([r[0] / 255, r[1] / 255, r[2] / 255, 1]);
   }
   findElement(e) {
@@ -8708,7 +8741,7 @@ class w0 extends ce {
       e[1],
       e[2]
     ];
-    return this._elements[At(r)];
+    return this._elements[ft(r)] || null;
   }
   visit(e) {
     const { drawable: r } = e;
@@ -8717,21 +8750,21 @@ class w0 extends ce {
       r.items.forEach(({ polyList: n }, s, o) => {
         if (n.isSelectable) {
           n.colorCode = i, n.selected = !1;
-          const a = At([
+          const a = ft([
             Math.round(i[0] * 255),
             Math.round(i[1] * 255),
             Math.round(i[2] * 255)
           ]);
           this._elements[a] = { polyList: n, drawable: r };
         }
-        s < o.length - 1 && this._selectionMode == mt.POLY_LIST && (i = this.getNextColor());
+        s < o.length - 1 && this._selectionMode == Ze.POLY_LIST && (i = this.getNextColor());
       });
     }
   }
 }
 class v0 {
   constructor(e) {
-    this._selectionBuffer = null, this._selectionIdVisitor = null, this._downPosition = new h(), this._viewportSize = [1, 1], this._enabled = !0, this._renderer = e, this._sceneRoot = null, this._camera = null, this._selectionMode = mt.POLY_LIST, this._multiSelect = !1, this._selection = [], this._selectionChangedCallbacks = {};
+    this._selectionBuffer = null, this._selectionIdVisitor = null, this._downPosition = new h(), this._viewportSize = [1, 1], this._enabled = !0, this._renderer = e, this._sceneRoot = null, this._camera = null, this._selectionMode = Ze.POLY_LIST, this._multiSelect = !1, this._selection = [], this._selectionChangedCallbacks = {};
   }
   async init() {
     this._selectionBuffer = new d0(this._renderer), await this._selectionBuffer.init(), this._selectionIdVisitor = new w0();
@@ -8802,8 +8835,8 @@ class v0 {
       this._selectionIdVisitor && this.sceneRoot && (this._selectionIdVisitor.selectionMode = this.selectionMode, this.sceneRoot.accept(this._selectionIdVisitor));
       const i = window.devicePixelRatio || 1;
       this._selectionBuffer?.reshape(this._viewportSize[0], this._viewportSize[1]);
-      const n = this._selectionBuffer.draw(this.sceneRoot, this.camera, e.x * i, e.y * i), s = this._selectionIdVisitor.findElement(n), o = () => this._selection.find((a) => a.polyList === s.polyList && a.drawable === s.drawable);
-      s && this._multiSelect && !o() ? (this._selection.push(s), this.triggerSelectionChanged()) : s && !o() ? (this._selection = [s], this.triggerSelectionChanged()) : !s && !this._multiSelect && this._selection.length > 0 && (this._selection = [], this.triggerSelectionChanged()), this._selection.forEach((a) => a.polyList.selected = !0);
+      const n = this._selectionBuffer.draw(this.sceneRoot, this.camera, e.x * i, e.y * i), s = this._selectionIdVisitor.findElement(n), o = () => this._selection.find((a) => s && a.polyList === s.polyList && a.drawable === s.drawable);
+      s && this.selectionMode === Ze.OBJECT && s.drawable.items.forEach((a) => a.polyList.selected = !0), s && this._multiSelect && !o() ? (this._selection.push(s), this.triggerSelectionChanged()) : s && !o() ? (this._selection = [s], this.triggerSelectionChanged()) : !s && !this._multiSelect && this._selection.length > 0 && (this._selection = [], this.triggerSelectionChanged()), this._selection.forEach((a) => a.polyList.selected = !0);
     }
   }
   mouseDown(e) {
@@ -9098,332 +9131,332 @@ class m0 extends en {
     this.sceneRoot && this.sceneRenderer?.touchEnd(this.sceneRoot, e), this.selectionManager?.touchEnd(e), this.updateOnInputEvents && this.mainLoop.postRedisplay({ frames: this._updateInputEventsFrameCount });
   }
 }
-const bn = `#ifndef COLOR_CORRECTION_GLSL\r
-#define COLOR_CORRECTION_GLSL\r
-\r
-// Convert lineal color to SRGB for shader output\r
-vec4 lineal2SRGB(vec4 color, float gamma)\r
-{\r
-    color = color / (color + vec4(1.0));\r
-    return vec4(pow(color.rgb, vec3(1.0 / gamma)), color.a);\r
-}\r
-\r
-vec3 lineal2SRGB(vec3 color, float gamma)\r
-{\r
-    color = color / (color + vec3(1.0));\r
-    return pow(color.rgb, vec3(1.0 / gamma));\r
-}\r
-\r
-// Convert SRGB textures to lineal color\r
-vec4 SRGB2Lineal(vec4 color, float gamma)\r
-{\r
-    return vec4(pow(color.rgb, vec3(gamma)), color.a);\r
-}\r
-\r
-vec3 SRGB2lLineal(vec3 color, float gamma)\r
-{\r
-    return pow(color, vec3(gamma));\r
-}\r
-\r
-vec4 brightnessContrast(vec4 color, float brightness, float contrast)\r
-{\r
-    mat4 brightnessMat = mat4(\r
-        1.0, 0.0, 0.0, 0.0,\r
-        0.0, 1.0, 0.0, 0.0,\r
-        0.0, 0.0, 1.0, 0.0,\r
-        brightness, brightness, brightness, 1.0\r
-    );\r
-    float t = (1.0 - contrast) / 2.0;\r
-    mat4 contrastMat = mat4(\r
-        contrast, 0.0, 0.0, 0.0,\r
-        0.0, contrast, 0.0, 0.0,\r
-        0.0, 0.0, contrast, 0.0,\r
-        t, t, t, 1.0\r
-    );\r
-    return contrastMat * brightnessMat * color;\r
-}\r
-\r
-#endif // COLOR_CORRECTION_GLSL\r
-\r
-`, P0 = `\r
-#define PI 3.14159265359\r
-#define LIGHT_TYPE_POINT 5\r
-#define LIGHT_TYPE_DIRECTIONAL 4\r
-#define LIGHT_TYPE_SPOT 1\r
-#define LIGHT_TYPE_DISABLED 10\r
-`, En = `\r
-mat3 TBNMatrix(mat4 model, vec3 normal, vec3 tangent)\r
-{\r
-    vec3 T = normalize(vec3(model * vec4(tangent, 0.0)));\r
-    vec3 B = normalize(vec3(model * vec4(cross(tangent, normal), 0.0)));\r
-    vec3 N = normalize(vec3(model * vec4(normal, 0.0)));\r
-    return mat3(T, B, N);\r
-}\r
-\r
-`, xn = `\r
-#include "lib/constants.glsl"\r
-\r
-vec3 fresnelSchlick(float cosTheta, vec3 F0)\r
-{\r
-    return F0 + (1.0 - F0) * pow(clamp(1.0 - cosTheta, 0.0, 1.0), 5.0);\r
-}\r
-\r
-vec3 fresnelSchlickRoughness(float cosTheta, vec3 F0, float roughness)\r
-{\r
-    // Use the Schlick approximation for fresnel with roughness\r
-    return F0 + (max(vec3(1.0 - roughness), F0) - F0) * pow(clamp(1.0 - cosTheta, 0.0, 1.0), 5.0);\r
-}\r
-\r
-float distributionGGX(vec3 normal, vec3 halfVector, float roughness)\r
-{\r
-    float a = roughness * roughness;\r
-    float a2 = a * a;\r
-\r
-    float NdotH = max(dot(normal, halfVector), 0.0);\r
-    float NdotH2 = NdotH * NdotH;\r
-\r
-    float denom = NdotH2 * (a2 - 1.0) + 1.0;\r
-\r
-    return a2 / (PI * denom * denom);\r
-}\r
-\r
-float geometrySchlickGGX(float NdotV, float roughness)\r
-{\r
-    float r = (roughness + 1.0);\r
-    float k = (r * r) / 8.0;\r
-\r
-    float num = NdotV;\r
-    float denom = NdotV * (1.0 - k) + k;\r
-\r
-    return num / denom;\r
-}\r
-\r
-float geometrySmith(vec3 normal, vec3 viewDir, vec3 lightDir, float roughness)\r
-{\r
-    float NdotV = max(dot(normal, viewDir), 0.0);\r
-    float NdotL = max(dot(normal, lightDir), 0.0);\r
-    float ggx2 = geometrySchlickGGX(NdotV, roughness);\r
-    float ggx1 = geometrySchlickGGX(NdotL, roughness);\r
-    return ggx1 * ggx2;\r
-}\r
-\r
-float calcAttenuation(vec3 lightPosition, vec3 fragPosition)\r
-{\r
-    float distance = length(lightPosition - fragPosition);\r
-    return 1.0 / (distance * distance);\r
-}\r
-\r
-vec3 calcRadiancePoint( Light light, vec3 viewDir, vec3 fragPos, float metallic, float roughness, vec3 F0, vec3 normal, vec3 albedo, float sheenIntensity, vec3 sheenColor, float ambientOcclussion) {\r
-    // calculate per-light radiance\r
-    vec3 L = normalize(light.position - fragPos);\r
-    vec3 H = normalize(viewDir + L);\r
-    float attenuation    = calcAttenuation(light.position, fragPos);\r
-    vec3 radiance     = light.color.rgb * light.intensity * attenuation;\r
-    \r
-    // cook-torrance brdf\r
-    float NDF = distributionGGX(normal, H, roughness);\r
-    float G   = geometrySmith(normal, viewDir, L, roughness);\r
-    vec3 F    = fresnelSchlick(max(dot(H, viewDir), 0.0), F0);\r
-    \r
-    vec3 kS = F;\r
-    vec3 kD = vec3(1.0) - kS;\r
-    kD *= 1.0 - metallic;\r
-    \r
-    vec3 numerator    = NDF * G * F;\r
-    float denominator = 4.0 * max(dot(normal, viewDir), 0.0) * max(dot(normal, L), 0.0) + 0.0001;\r
-    vec3 specular     = numerator / denominator;\r
-        \r
-    // add to outgoing radiance Lo\r
-    float NdotL = max(dot(normal, L), 0.0);\r
-    vec3 base = (kD * albedo / PI + specular) * radiance * NdotL;\r
-    vec3 sheen = calcSheen(normal, viewDir, sheenColor, sheenIntensity) * ambientOcclussion;\r
-    return base + sheen;\r
-}\r
-\r
-vec3 calcRadianceDirectional(Light light, vec3 viewDir, vec3 fragPos, float metallic, float roughness, vec3 F0, vec3 normal, vec3 albedo, float sheenIntensity, vec3 sheenColor, float ambientOcclussion)\r
-{\r
-    vec3 L = normalize(-light.direction);\r
-    vec3 H = normalize(viewDir + L);\r
-    vec3 radiance     = light.color.rgb * light.intensity;\r
-    \r
-    // cook-torrance brdf\r
-    float NDF = distributionGGX(normal, H, roughness);\r
-    float G   = geometrySmith(normal, viewDir, L, roughness);\r
-    vec3 F    = fresnelSchlick(max(dot(H, viewDir), 0.0), F0);\r
-    \r
-    vec3 kS = F;\r
-    vec3 kD = vec3(1.0) - kS;\r
-    kD *= 1.0 - metallic;\r
-    \r
-    vec3 numerator    = NDF * G * F;\r
-    float denominator = 4.0 * max(dot(normal, viewDir), 0.0) * max(dot(normal, L), 0.0) + 0.0001;\r
-    vec3 specular     = numerator / denominator;\r
-        \r
-    // add to outgoing radiance Lo\r
-    float NdotL = max(dot(normal, L), 0.0);\r
-    vec3 base = (kD * albedo / PI + specular) * radiance * NdotL;\r
-    vec3 sheen = calcSheen(normal, viewDir, sheenColor, sheenIntensity) * ambientOcclussion;\r
-    return base + sheen;\r
-}\r
-\r
-vec3 calcRadiance( Light light, vec3 viewDir, vec3 fragPos, float metallic, float roughness, vec3 F0, vec3 normal, vec3 albedo, float sheenIntensity, vec3 sheenColor, float ambientOcclussion) {\r
-    if (light.type == LIGHT_TYPE_POINT)\r
-    {\r
-        return calcRadiancePoint(light, viewDir, fragPos, metallic, roughness, F0, normal, albedo, sheenIntensity, sheenColor, ambientOcclussion);\r
-    }\r
-    else if (light.type == LIGHT_TYPE_DIRECTIONAL)\r
-    {\r
-        return calcRadianceDirectional(light, viewDir, fragPos, metallic, roughness, F0, normal, albedo, sheenIntensity, sheenColor, ambientOcclussion);\r
-    }\r
-    return vec3(0.0);\r
-}\r
-\r
-vec3 getPrefilteredColor(float roughness,vec3 refVec,samplerCube irrMap,samplerCube specMap,samplerCube envMap) {\r
-    vec3 specMap0 = textureCube(envMap, refVec).rgb;\r
-    vec3 specMap1 = textureCube(specMap, refVec).rgb;\r
-    vec3 specMap2 = textureCube(irrMap, refVec).rgb;\r
-\r
-    if (roughness < 0.4) {\r
-        return mix(specMap0, specMap1, roughness / 0.4);\r
-    }\r
-    return mix(specMap1, specMap2, (roughness - 0.4) / 0.6);\r
-}\r
-\r
-vec3 calcAmbientLight( vec3 viewDir, vec3 normal, vec3 F0, vec3 albedo, float metallic, float roughness, samplerCube irradianceMap, samplerCube prefilteredEnvMap, samplerCube envMap, sampler2D brdfLUT, float ambientOcclussion, float sheenIntensity, vec3 sheenColor, vec3 shadowColor, float ambientIntensity) {\r
-    vec3 R = reflect(-viewDir, normal);\r
-\r
-    vec3 F = fresnelSchlickRoughness(max(dot(normal, viewDir), 0.0), F0, roughness)  * max(shadowColor, vec3(0.8));\r
-    \r
-    vec3 Ks = F;\r
-    vec3 Kd = 1.0 - Ks;\r
-    Kd *= 1.0 - metallic;\r
-\r
-    vec3 irradiance = textureCube(irradianceMap, normal).rgb * ambientIntensity;\r
-    vec3 diffuse = irradiance * albedo;\r
-\r
-    vec3 prefilteredColor = getPrefilteredColor(roughness, R, irradianceMap, prefilteredEnvMap, envMap);\r
-\r
-    vec2 brdfUV = vec2(clamp(max(dot(normal, viewDir), 0.0), 0.01, 0.99), roughness);\r
-    vec2 envBRDF = texture2D(brdfLUT, brdfUV).rg;\r
-    vec3 specular = prefilteredColor * (F * envBRDF.x + envBRDF.y);\r
-\r
-    vec3 base = (Kd * diffuse + specular) * ambientOcclussion;\r
-    vec3 sheen = calcSheen(normal, viewDir, sheenColor, sheenIntensity) * ambientOcclussion * shadowColor;\r
-    return base + sheen;\r
-}\r
-\r
-// TODO: Extract this function to a shadow map shader function\r
-vec3 getShadowColor(vec4 positionFromLightPov, sampler2D shadowMap, float shadowBias, float shadowStrength) {\r
-    // The vertex location rendered from the light source is almost in\r
-    // normalized device coordinates (NDC), but the perspective division\r
-    // has not been performed yet. We need to divide by w to get the\r
-    // vertex location in range [-1, +1]\r
-    vec3 shadowCoord = positionFromLightPov.xyz / positionFromLightPov.w;\r
-\r
-    // Convert from NDC to texture coordinates\r
-    shadowCoord = shadowCoord * 0.5 + 0.5;\r
-    \r
-    if (shadowCoord.x >= 0.0 && shadowCoord.x <= 1.0 &&\r
-        shadowCoord.y >= 0.0 && shadowCoord.y <= 1.0)\r
-    {\r
-        float shadowDepth = texture2D(shadowMap, shadowCoord.xy).r;\r
-        if (shadowCoord.z > shadowDepth + shadowBias) {\r
-            return vec3(1.0 - shadowStrength);\r
-        }\r
-    }\r
-    return vec3(1.0);\r
-}\r
-`, Qn = `\r
-struct PBRMaterialData\r
-{\r
-    vec4 albedo;\r
-\r
-    vec2 albedoScale;\r
-    vec2 normalScale;\r
-    vec2 metalnessScale;\r
-    vec2 roughnessScale;\r
-    vec2 lightEmissionScale;\r
-\r
-    float metalness;\r
-    float roughness;\r
-    float lightEmission;\r
-\r
-    int albedoUVSet;\r
-    int normalUVSet;\r
-    int metalnessUVSet;\r
-    int roughnessUVSet;\r
-    int lightEmissionUVSet;\r
-    int aoUVSet;\r
-\r
-    vec4 fresnelTint;\r
-    vec4 sheenColor;\r
-    float sheenIntensity;\r
-};\r
-\r
-struct Light\r
-{\r
-    vec3 position;\r
-    float intensity;\r
-    vec4 color;\r
-    vec3 direction;\r
-    int type;\r
-};\r
-\r
-vec4 sampleAlbedo(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat, float gamma)\r
-{\r
-    vec2 uv = mat.albedoUVSet == 0 ? uv0 : uv1;\r
-    vec4 texColor = texture2D(tex, uv * mat.albedoScale);\r
-    return vec4(SRGB2Lineal(texColor, gamma).rgb * mat.albedo.rgb, texColor.a * mat.albedo.a);\r
-}\r
-\r
-float sampleMetallic(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat)\r
-{\r
-    vec2 uv = mat.metalnessUVSet == 0 ? uv0 : uv1;\r
-    return texture2D(tex, uv * mat.metalnessScale).r * mat.metalness;\r
-}\r
-\r
-float sampleRoughness(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat)\r
-{\r
-    const float minRoughness = 0.05; // Minimum roughness value: even a mirror have some roughness\r
-    const float maxRoughness = 0.98; // Maximum roughness value: avoid completely diffuse surfaces\r
-    vec2 uv = mat.roughnessUVSet == 0 ? uv0 : uv1;\r
-    return min(max(texture2D(tex, uv * mat.roughnessScale).g  * mat.roughness, minRoughness), maxRoughness);\r
-}\r
-\r
-\r
-float sampleLightEmission(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat)\r
-{\r
-    vec2 uv = mat.lightEmissionUVSet == 0 ? uv0 : uv1;\r
-    return texture2D(tex, uv * mat.lightEmissionScale).b  * mat.lightEmission;\r
-}\r
-\r
-vec3 sampleNormal(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat, mat3 TBN)\r
-{\r
-    vec2 uv = mat.normalUVSet == 0 ? uv0 : uv1;\r
-    vec3 normal = texture2D(tex, uv * mat.normalScale).xyz * 2.0 - 1.0;\r
-    return normalize(TBN * normal);\r
-}\r
-\r
-float sampleAmbientOcclussion(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat)\r
-{\r
-    vec2 uv = mat.aoUVSet == 0 ? uv0 : uv1;\r
-    return texture2D(tex, uv).a;\r
-}\r
-\r
-vec3 calcF0(vec3 albedo, PBRMaterialData mat)\r
-{\r
-    return mix(vec3(0.04), albedo, mat.metalness) * mat.fresnelTint.rgb;\r
-}\r
-\r
-vec3 calcSheen(vec3 normal, vec3 viewDir, vec3 sheenColor, float sheenIntensity)\r
-{\r
-    float NdotV = max(dot(normal, viewDir), 0.0);\r
-    float facing = 1.0 - NdotV;\r
-    \r
-    // Adjustable power: controls how concentrated the brightness is\r
-    float falloff = pow(facing, 5.0);\r
-    return sheenColor * falloff * sheenIntensity;\r
-}\r
+const bn = `#ifndef COLOR_CORRECTION_GLSL
+#define COLOR_CORRECTION_GLSL
+
+// Convert lineal color to SRGB for shader output
+vec4 lineal2SRGB(vec4 color, float gamma)
+{
+    color = color / (color + vec4(1.0));
+    return vec4(pow(color.rgb, vec3(1.0 / gamma)), color.a);
+}
+
+vec3 lineal2SRGB(vec3 color, float gamma)
+{
+    color = color / (color + vec3(1.0));
+    return pow(color.rgb, vec3(1.0 / gamma));
+}
+
+// Convert SRGB textures to lineal color
+vec4 SRGB2Lineal(vec4 color, float gamma)
+{
+    return vec4(pow(color.rgb, vec3(gamma)), color.a);
+}
+
+vec3 SRGB2lLineal(vec3 color, float gamma)
+{
+    return pow(color, vec3(gamma));
+}
+
+vec4 brightnessContrast(vec4 color, float brightness, float contrast)
+{
+    mat4 brightnessMat = mat4(
+        1.0, 0.0, 0.0, 0.0,
+        0.0, 1.0, 0.0, 0.0,
+        0.0, 0.0, 1.0, 0.0,
+        brightness, brightness, brightness, 1.0
+    );
+    float t = (1.0 - contrast) / 2.0;
+    mat4 contrastMat = mat4(
+        contrast, 0.0, 0.0, 0.0,
+        0.0, contrast, 0.0, 0.0,
+        0.0, 0.0, contrast, 0.0,
+        t, t, t, 1.0
+    );
+    return contrastMat * brightnessMat * color;
+}
+
+#endif // COLOR_CORRECTION_GLSL
+
+`, P0 = `
+#define PI 3.14159265359
+#define LIGHT_TYPE_POINT 5
+#define LIGHT_TYPE_DIRECTIONAL 4
+#define LIGHT_TYPE_SPOT 1
+#define LIGHT_TYPE_DISABLED 10
+`, En = `
+mat3 TBNMatrix(mat4 model, vec3 normal, vec3 tangent)
+{
+    vec3 T = normalize(vec3(model * vec4(tangent, 0.0)));
+    vec3 B = normalize(vec3(model * vec4(cross(tangent, normal), 0.0)));
+    vec3 N = normalize(vec3(model * vec4(normal, 0.0)));
+    return mat3(T, B, N);
+}
+
+`, xn = `
+#include "lib/constants.glsl"
+
+vec3 fresnelSchlick(float cosTheta, vec3 F0)
+{
+    return F0 + (1.0 - F0) * pow(clamp(1.0 - cosTheta, 0.0, 1.0), 5.0);
+}
+
+vec3 fresnelSchlickRoughness(float cosTheta, vec3 F0, float roughness)
+{
+    // Use the Schlick approximation for fresnel with roughness
+    return F0 + (max(vec3(1.0 - roughness), F0) - F0) * pow(clamp(1.0 - cosTheta, 0.0, 1.0), 5.0);
+}
+
+float distributionGGX(vec3 normal, vec3 halfVector, float roughness)
+{
+    float a = roughness * roughness;
+    float a2 = a * a;
+
+    float NdotH = max(dot(normal, halfVector), 0.0);
+    float NdotH2 = NdotH * NdotH;
+
+    float denom = NdotH2 * (a2 - 1.0) + 1.0;
+
+    return a2 / (PI * denom * denom);
+}
+
+float geometrySchlickGGX(float NdotV, float roughness)
+{
+    float r = (roughness + 1.0);
+    float k = (r * r) / 8.0;
+
+    float num = NdotV;
+    float denom = NdotV * (1.0 - k) + k;
+
+    return num / denom;
+}
+
+float geometrySmith(vec3 normal, vec3 viewDir, vec3 lightDir, float roughness)
+{
+    float NdotV = max(dot(normal, viewDir), 0.0);
+    float NdotL = max(dot(normal, lightDir), 0.0);
+    float ggx2 = geometrySchlickGGX(NdotV, roughness);
+    float ggx1 = geometrySchlickGGX(NdotL, roughness);
+    return ggx1 * ggx2;
+}
+
+float calcAttenuation(vec3 lightPosition, vec3 fragPosition)
+{
+    float distance = length(lightPosition - fragPosition);
+    return 1.0 / (distance * distance);
+}
+
+vec3 calcRadiancePoint( Light light, vec3 viewDir, vec3 fragPos, float metallic, float roughness, vec3 F0, vec3 normal, vec3 albedo, float sheenIntensity, vec3 sheenColor, float ambientOcclussion) {
+    // calculate per-light radiance
+    vec3 L = normalize(light.position - fragPos);
+    vec3 H = normalize(viewDir + L);
+    float attenuation    = calcAttenuation(light.position, fragPos);
+    vec3 radiance     = light.color.rgb * light.intensity * attenuation;
+    
+    // cook-torrance brdf
+    float NDF = distributionGGX(normal, H, roughness);
+    float G   = geometrySmith(normal, viewDir, L, roughness);
+    vec3 F    = fresnelSchlick(max(dot(H, viewDir), 0.0), F0);
+    
+    vec3 kS = F;
+    vec3 kD = vec3(1.0) - kS;
+    kD *= 1.0 - metallic;
+    
+    vec3 numerator    = NDF * G * F;
+    float denominator = 4.0 * max(dot(normal, viewDir), 0.0) * max(dot(normal, L), 0.0) + 0.0001;
+    vec3 specular     = numerator / denominator;
+        
+    // add to outgoing radiance Lo
+    float NdotL = max(dot(normal, L), 0.0);
+    vec3 base = (kD * albedo / PI + specular) * radiance * NdotL;
+    vec3 sheen = calcSheen(normal, viewDir, sheenColor, sheenIntensity) * ambientOcclussion;
+    return base + sheen;
+}
+
+vec3 calcRadianceDirectional(Light light, vec3 viewDir, vec3 fragPos, float metallic, float roughness, vec3 F0, vec3 normal, vec3 albedo, float sheenIntensity, vec3 sheenColor, float ambientOcclussion)
+{
+    vec3 L = normalize(-light.direction);
+    vec3 H = normalize(viewDir + L);
+    vec3 radiance     = light.color.rgb * light.intensity;
+    
+    // cook-torrance brdf
+    float NDF = distributionGGX(normal, H, roughness);
+    float G   = geometrySmith(normal, viewDir, L, roughness);
+    vec3 F    = fresnelSchlick(max(dot(H, viewDir), 0.0), F0);
+    
+    vec3 kS = F;
+    vec3 kD = vec3(1.0) - kS;
+    kD *= 1.0 - metallic;
+    
+    vec3 numerator    = NDF * G * F;
+    float denominator = 4.0 * max(dot(normal, viewDir), 0.0) * max(dot(normal, L), 0.0) + 0.0001;
+    vec3 specular     = numerator / denominator;
+        
+    // add to outgoing radiance Lo
+    float NdotL = max(dot(normal, L), 0.0);
+    vec3 base = (kD * albedo / PI + specular) * radiance * NdotL;
+    vec3 sheen = calcSheen(normal, viewDir, sheenColor, sheenIntensity) * ambientOcclussion;
+    return base + sheen;
+}
+
+vec3 calcRadiance( Light light, vec3 viewDir, vec3 fragPos, float metallic, float roughness, vec3 F0, vec3 normal, vec3 albedo, float sheenIntensity, vec3 sheenColor, float ambientOcclussion) {
+    if (light.type == LIGHT_TYPE_POINT)
+    {
+        return calcRadiancePoint(light, viewDir, fragPos, metallic, roughness, F0, normal, albedo, sheenIntensity, sheenColor, ambientOcclussion);
+    }
+    else if (light.type == LIGHT_TYPE_DIRECTIONAL)
+    {
+        return calcRadianceDirectional(light, viewDir, fragPos, metallic, roughness, F0, normal, albedo, sheenIntensity, sheenColor, ambientOcclussion);
+    }
+    return vec3(0.0);
+}
+
+vec3 getPrefilteredColor(float roughness,vec3 refVec,samplerCube irrMap,samplerCube specMap,samplerCube envMap) {
+    vec3 specMap0 = textureCube(envMap, refVec).rgb;
+    vec3 specMap1 = textureCube(specMap, refVec).rgb;
+    vec3 specMap2 = textureCube(irrMap, refVec).rgb;
+
+    if (roughness < 0.4) {
+        return mix(specMap0, specMap1, roughness / 0.4);
+    }
+    return mix(specMap1, specMap2, (roughness - 0.4) / 0.6);
+}
+
+vec3 calcAmbientLight( vec3 viewDir, vec3 normal, vec3 F0, vec3 albedo, float metallic, float roughness, samplerCube irradianceMap, samplerCube prefilteredEnvMap, samplerCube envMap, sampler2D brdfLUT, float ambientOcclussion, float sheenIntensity, vec3 sheenColor, vec3 shadowColor, float ambientIntensity) {
+    vec3 R = reflect(-viewDir, normal);
+
+    vec3 F = fresnelSchlickRoughness(max(dot(normal, viewDir), 0.0), F0, roughness)  * max(shadowColor, vec3(0.8));
+    
+    vec3 Ks = F;
+    vec3 Kd = 1.0 - Ks;
+    Kd *= 1.0 - metallic;
+
+    vec3 irradiance = textureCube(irradianceMap, normal).rgb * ambientIntensity;
+    vec3 diffuse = irradiance * albedo;
+
+    vec3 prefilteredColor = getPrefilteredColor(roughness, R, irradianceMap, prefilteredEnvMap, envMap);
+
+    vec2 brdfUV = vec2(clamp(max(dot(normal, viewDir), 0.0), 0.01, 0.99), roughness);
+    vec2 envBRDF = texture2D(brdfLUT, brdfUV).rg;
+    vec3 specular = prefilteredColor * (F * envBRDF.x + envBRDF.y);
+
+    vec3 base = (Kd * diffuse + specular) * ambientOcclussion;
+    vec3 sheen = calcSheen(normal, viewDir, sheenColor, sheenIntensity) * ambientOcclussion * shadowColor;
+    return base + sheen;
+}
+
+// TODO: Extract this function to a shadow map shader function
+vec3 getShadowColor(vec4 positionFromLightPov, sampler2D shadowMap, float shadowBias, float shadowStrength) {
+    // The vertex location rendered from the light source is almost in
+    // normalized device coordinates (NDC), but the perspective division
+    // has not been performed yet. We need to divide by w to get the
+    // vertex location in range [-1, +1]
+    vec3 shadowCoord = positionFromLightPov.xyz / positionFromLightPov.w;
+
+    // Convert from NDC to texture coordinates
+    shadowCoord = shadowCoord * 0.5 + 0.5;
+    
+    if (shadowCoord.x >= 0.0 && shadowCoord.x <= 1.0 &&
+        shadowCoord.y >= 0.0 && shadowCoord.y <= 1.0)
+    {
+        float shadowDepth = texture2D(shadowMap, shadowCoord.xy).r;
+        if (shadowCoord.z > shadowDepth + shadowBias) {
+            return vec3(1.0 - shadowStrength);
+        }
+    }
+    return vec3(1.0);
+}
+`, Qn = `
+struct PBRMaterialData
+{
+    vec4 albedo;
+
+    vec2 albedoScale;
+    vec2 normalScale;
+    vec2 metalnessScale;
+    vec2 roughnessScale;
+    vec2 lightEmissionScale;
+
+    float metalness;
+    float roughness;
+    float lightEmission;
+
+    int albedoUVSet;
+    int normalUVSet;
+    int metalnessUVSet;
+    int roughnessUVSet;
+    int lightEmissionUVSet;
+    int aoUVSet;
+
+    vec4 fresnelTint;
+    vec4 sheenColor;
+    float sheenIntensity;
+};
+
+struct Light
+{
+    vec3 position;
+    float intensity;
+    vec4 color;
+    vec3 direction;
+    int type;
+};
+
+vec4 sampleAlbedo(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat, float gamma)
+{
+    vec2 uv = mat.albedoUVSet == 0 ? uv0 : uv1;
+    vec4 texColor = texture2D(tex, uv * mat.albedoScale);
+    return vec4(SRGB2Lineal(texColor, gamma).rgb * mat.albedo.rgb, texColor.a * mat.albedo.a);
+}
+
+float sampleMetallic(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat)
+{
+    vec2 uv = mat.metalnessUVSet == 0 ? uv0 : uv1;
+    return texture2D(tex, uv * mat.metalnessScale).r * mat.metalness;
+}
+
+float sampleRoughness(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat)
+{
+    const float minRoughness = 0.05; // Minimum roughness value: even a mirror have some roughness
+    const float maxRoughness = 0.98; // Maximum roughness value: avoid completely diffuse surfaces
+    vec2 uv = mat.roughnessUVSet == 0 ? uv0 : uv1;
+    return min(max(texture2D(tex, uv * mat.roughnessScale).g  * mat.roughness, minRoughness), maxRoughness);
+}
+
+
+float sampleLightEmission(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat)
+{
+    vec2 uv = mat.lightEmissionUVSet == 0 ? uv0 : uv1;
+    return texture2D(tex, uv * mat.lightEmissionScale).b  * mat.lightEmission;
+}
+
+vec3 sampleNormal(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat, mat3 TBN)
+{
+    vec2 uv = mat.normalUVSet == 0 ? uv0 : uv1;
+    vec3 normal = texture2D(tex, uv * mat.normalScale).xyz * 2.0 - 1.0;
+    return normalize(TBN * normal);
+}
+
+float sampleAmbientOcclussion(sampler2D tex, vec2 uv0, vec2 uv1, PBRMaterialData mat)
+{
+    vec2 uv = mat.aoUVSet == 0 ? uv0 : uv1;
+    return texture2D(tex, uv).a;
+}
+
+vec3 calcF0(vec3 albedo, PBRMaterialData mat)
+{
+    return mix(vec3(0.04), albedo, mat.metalness) * mat.fresnelTint.rgb;
+}
+
+vec3 calcSheen(vec3 normal, vec3 viewDir, vec3 sheenColor, float sheenIntensity)
+{
+    float NdotV = max(dot(normal, viewDir), 0.0);
+    float facing = 1.0 - NdotV;
+    
+    // Adjustable power: controls how concentrated the brightness is
+    float falloff = pow(facing, 5.0);
+    return sheenColor * falloff * sheenIntensity;
+}
 `;
 let _t = null;
 function B0() {
@@ -9799,7 +9832,7 @@ const y0 = (t, e) => {
       return t.FUNC_REVERSE_SUBTRACT;
   }
   throw new Error(`Invalid blend equation specified in WebGLPipeline: ${e}`);
-}, ft = (t, e) => {
+}, lt = (t, e) => {
   switch (e) {
     case R.NULL:
       return null;
@@ -9829,7 +9862,7 @@ const y0 = (t, e) => {
 class On extends hn {
   create() {
     const { gl: e } = this.renderer;
-    if (this._blendEquation = y0(e, this.blendState.blendEquation), this._blendFuncSrcColor = ft(e, this.blendState.blendFuncSrc), this._blendFuncSrcAlpha = ft(e, this.blendState.blendFuncSrcAlpha), this._blendFuncDstColor = ft(e, this.blendState.blendFuncDst), this._blendFuncDstAlpha = ft(e, this.blendState.blendFuncDstAlpha), this._blendFuncDstAlpha === null && this._blendFuncSrcAlpha !== null || this._blendFuncDstAlpha !== null && this._blendFuncSrcAlpha === null)
+    if (this._blendEquation = y0(e, this.blendState.blendEquation), this._blendFuncSrcColor = lt(e, this.blendState.blendFuncSrc), this._blendFuncSrcAlpha = lt(e, this.blendState.blendFuncSrcAlpha), this._blendFuncDstColor = lt(e, this.blendState.blendFuncDst), this._blendFuncDstAlpha = lt(e, this.blendState.blendFuncDstAlpha), this._blendFuncDstAlpha === null && this._blendFuncSrcAlpha !== null || this._blendFuncDstAlpha !== null && this._blendFuncSrcAlpha === null)
       throw new Error("WebGLPipeline.create(): Invalid values of blendFuncDstAlpha and blendFuncSrcAlpha");
     this._blendFunc = this._blendFuncDstAlpha !== null ? (r, i) => e.blendFunc(r, i) : (r, i, n, s) => e.blendFuncSeparate(r, i, n, s);
   }
@@ -9977,10 +10010,10 @@ class Gn extends An {
   draw() {
     const { gl: e, state: r } = this.renderer;
     switch (r.cullFaceEnabled = this.polyList.enableCullFace, this.polyList.frontFace) {
-      case ut.CCW:
+      case dt.CCW:
         r.frontFace = r.CCW;
         break;
-      case ut.CW:
+      case dt.CW:
         r.frontFace = r.CW;
         break;
     }
@@ -10058,7 +10091,7 @@ class Un extends ln {
     const { gl: e } = this.renderer;
     e.bindBuffer(e.ARRAY_BUFFER, this._prevArrayBufferBinding), e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, this._prevElementBufferBinding);
   }
-  beginUpdate(e = vt.NONE) {
+  beginUpdate(e = mt.NONE) {
     if (this.type === ve.TEXTURE)
       this.beginUpdateTexture();
     else if (this.type === ve.CUBE_MAP)
@@ -10066,7 +10099,7 @@ class Un extends ln {
     else
       throw new Error("The render buffer is not initialized");
   }
-  endUpdate(e = vt.NONE) {
+  endUpdate(e = mt.NONE) {
     if (this.type === ve.TEXTURE)
       this.endUpdateTexture();
     else if (this.type === ve.CUBE_MAP)
@@ -10602,7 +10635,7 @@ const L0 = (t, e) => {
     default:
       throw new Error("Error creating WebGL Texture: invalid target");
   }
-}, lt = (t, e) => {
+}, ct = (t, e) => {
   if (e === 1)
     return t.CLAMP_TO_EDGE;
   {
@@ -10636,14 +10669,14 @@ const L0 = (t, e) => {
     const { width: n, height: s } = e.size, o = e.renderTargetAttachment === Y.DEPTH_ATTACHMENT, a = o ? t.DEPTH_COMPONENT : t.RGBA;
     let f = o ? t.DEPTH_COMPONENT : t.RGBA;
     const c = o ? t.UNSIGNED_SHORT : i;
-    if (t.texParameteri(r, t.TEXTURE_MIN_FILTER, t.LINEAR), t.texParameteri(r, t.TEXTURE_MAG_FILTER, t.LINEAR), t.texParameteri(r, t.TEXTURE_WRAP_S, lt(t, e.wrapModeX)), t.texParameteri(r, t.TEXTURE_WRAP_T, lt(t, e.wrapModeY)), r === t.TEXTURE_CUBE_MAP)
+    if (t.texParameteri(r, t.TEXTURE_MIN_FILTER, t.LINEAR), t.texParameteri(r, t.TEXTURE_MAG_FILTER, t.LINEAR), t.texParameteri(r, t.TEXTURE_WRAP_S, ct(t, e.wrapModeX)), t.texParameteri(r, t.TEXTURE_WRAP_T, ct(t, e.wrapModeY)), r === t.TEXTURE_CUBE_MAP)
       for (let d = 0; d < 6; ++d)
         t.texImage2D(t.TEXTURE_CUBE_MAP_POSITIVE_X + d, 0, a, n, s, 0, f, c, null);
     else
       t.texImage2D(r, 0, a, n, s, 0, f, c, null);
     e.imageData.currentSize = new h(e.size);
   } else
-    t.texImage2D(r, 0, t.RGBA, t.RGBA, i, e._imageData), t.texParameteri(r, t.TEXTURE_WRAP_S, lt(t, e.wrapModeX)), t.texParameteri(r, t.TEXTURE_WRAP_T, lt(t, e.wrapModeY)), t.texParameteri(r, t.TEXTURE_MAG_FILTER, Zr(t, e.magFilter)), t.texParameteri(r, t.TEXTURE_MIN_FILTER, Zr(t, e.minFilter)), e.mipmapRequired && t.generateMipmap(r);
+    t.texImage2D(r, 0, t.RGBA, t.RGBA, i, e._imageData), t.texParameteri(r, t.TEXTURE_WRAP_S, ct(t, e.wrapModeX)), t.texParameteri(r, t.TEXTURE_WRAP_T, ct(t, e.wrapModeY)), t.texParameteri(r, t.TEXTURE_MAG_FILTER, Zr(t, e.magFilter)), t.texParameteri(r, t.TEXTURE_MIN_FILTER, Zr(t, e.minFilter)), e.mipmapRequired && t.generateMipmap(r);
 };
 class Jn extends Ln {
   static ListTextures(e) {
@@ -10822,7 +10855,7 @@ const U0 = {
   RenderBuffer: ln,
   RenderBufferType: ve,
   RenderBufferTypeName: fn,
-  CubeMapFace: vt,
+  CubeMapFace: mt,
   Renderer: Et,
   EngineFeatures: Ve,
   RenderQueue: St,