@tresjs/core 0.2.0 → 0.2.1

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/core
- * version: v0.2.0
+ * version: v0.2.1
  * (c) 2022
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -41,7 +41,7 @@ function jr() {
       };
       Me = new Ar(L, C.value, j, U), _n.cameras.push(Me);
     } else {
-      const { left: j, right: U, top: L, bottom: R, near: ht, far: P } = N || {
+      const { left: j, right: U, top: L, bottom: R, near: ht, far: E } = N || {
         left: -100,
         right: 100,
         top: 100,
@@ -49,7 +49,7 @@ function jr() {
         near: 0.1,
         far: 1e3
       };
-      Me = new Xa(j, U, L, R, ht, P), _n.cameras.push(Me);
+      Me = new Xa(j, U, L, R, ht, E), _n.cameras.push(Me);
     }
     return _n.cameras.push(Me), Me;
   }
@@ -130,32 +130,32 @@ function cl() {
           });
           let L;
           const { scene: R } = oi(), { pushCamera: ht } = jr();
-          function P() {
+          function E() {
             if ((N == null ? void 0 : N.default) && (N == null ? void 0 : N.default())) {
-              const q = N.default().map((E) => {
+              const q = N.default().map((P) => {
                 var x;
                 let J;
-                return (x = E == null ? void 0 : E.props) != null && x.args ? J = new b[E.type.name](...E.props.args) : J = new b[E.type.name](), E != null && E.props && B(E.props, J), J;
+                return (x = P == null ? void 0 : P.props) != null && x.args ? J = new b[P.type.name](...P.props.args) : J = new b[P.type.name](), P != null && P.props && B(P.props, J), J;
               });
               L = new M(...q);
             } else
               j.args ? L = new M(...j.args) : L = new M();
             B(j, L), w === "PerspectiveCamera" || w === "OrtographicCamera" ? ht(L) : R == null || R.add(L), _("Instance added", R), U.expose(L);
           }
-          function B(q, E) {
+          function B(q, P) {
             Object.entries(q).forEach(([J, x]) => {
               const tt = J.replace(/(-\w)/g, (Jt) => Jt[1].toUpperCase());
               if (!(tt === "args" || x === void 0)) {
                 pl.includes(J) && x && (x = Bs(x));
                 try {
-                  E[tt] && al(E[tt].set) ? Os(x) ? E[tt].set(...x) : E[tt].set(x) : (x === "" && (x = !0), E[tt] = x);
+                  P[tt] && al(P[tt].set) ? Os(x) ? P[tt].set(...x) : P[tt].set(x) : (x === "" && (x = !0), P[tt] = x);
                 } catch (Jt) {
                   y(`There was an error setting ${tt} property`, Jt);
                 }
               }
-            }), q.ref && (q.ref = E);
+            }), q.ref && (q.ref = P);
           }
-          return P(), () => {
+          return E(), () => {
           };
         }
       });
@@ -184,7 +184,7 @@ function ul() {
   const b = new Za(), _ = ri(b);
   return { loadingManager: b, loadingManagerRef: _ };
 }
-async function wl(b) {
+async function gl(b) {
   const { loadingManager: _ } = ul(), y = new tl(_), C = (w) => new Promise((M, A) => {
     y.load(
       w,
@@ -316,21 +316,21 @@ var Br = { exports: {} };
       propertynotfound: (n) => `Property '${n.name}' not found`,
       shouldneverhappen: () => "This error should never happen"
     };
-    class P {
+    class E {
       constructor(t) {
         var e;
         this.message = (e = ht[t.type](t.context)) !== null && e !== void 0 ? e : "Unexpected error", this.name = this.constructor.name, this.stack = new Error(this.message).stack, this.type = t.type;
       }
       static alreadyDisposed() {
-        return new P({ type: "alreadydisposed" });
+        return new E({ type: "alreadydisposed" });
       }
       static notBindable() {
-        return new P({
+        return new E({
           type: "notbindable"
         });
       }
       static propertyNotFound(t) {
-        return new P({
+        return new E({
           type: "propertynotfound",
           context: {
             name: t
@@ -338,7 +338,7 @@ var Br = { exports: {} };
         });
       }
       static shouldNeverHappen() {
-        return new P({ type: "shouldneverhappen" });
+        return new E({ type: "shouldneverhappen" });
       }
     }
     class B {
@@ -363,9 +363,9 @@ var Br = { exports: {} };
       writeProperty(t, e) {
         const r = this.read();
         if (!B.isBindable(r))
-          throw P.notBindable();
+          throw E.notBindable();
         if (!(t in r))
-          throw P.propertyNotFound(t);
+          throw E.propertyNotFound(t);
         r[t] = e;
       }
     }
@@ -390,7 +390,7 @@ var Br = { exports: {} };
         }), this;
       }
     }
-    class E {
+    class P {
       constructor() {
         this.observers_ = {};
       }
@@ -459,7 +459,7 @@ var Br = { exports: {} };
     }
     class xn {
       constructor(t, e) {
-        this.emitter = new E(), this.onClick_ = this.onClick_.bind(this), this.props = e.props, this.viewProps = e.viewProps, this.view = new li(t, {
+        this.emitter = new P(), this.onClick_ = this.onClick_.bind(this), this.props = e.props, this.viewProps = e.viewProps, this.view = new li(t, {
           props: this.props,
           viewProps: this.viewProps
         }), this.view.buttonElement.addEventListener("click", this.onClick_);
@@ -473,7 +473,7 @@ var Br = { exports: {} };
     class vt {
       constructor(t, e) {
         var r;
-        this.constraint_ = e == null ? void 0 : e.constraint, this.equals_ = (r = e == null ? void 0 : e.equals) !== null && r !== void 0 ? r : (l, c) => l === c, this.emitter = new E(), this.rawValue_ = t;
+        this.constraint_ = e == null ? void 0 : e.constraint, this.equals_ = (r = e == null ? void 0 : e.equals) !== null && r !== void 0 ? r : (l, c) => l === c, this.emitter = new P(), this.rawValue_ = t;
       }
       get constraint() {
         return this.constraint_;
@@ -503,7 +503,7 @@ var Br = { exports: {} };
     }
     class Cn {
       constructor(t) {
-        this.emitter = new E(), this.value_ = t;
+        this.emitter = new P(), this.value_ = t;
       }
       get rawValue() {
         return this.value_;
@@ -534,7 +534,7 @@ var Br = { exports: {} };
     }
     class k {
       constructor(t) {
-        this.emitter = new E(), this.valMap_ = t;
+        this.emitter = new P(), this.valMap_ = t;
         for (const e in this.valMap_)
           this.valMap_[e].emitter.on("change", () => {
             this.emitter.emit("change", {
@@ -850,7 +850,7 @@ var Br = { exports: {} };
     }
     class Fe {
       constructor(t) {
-        this.emitter = new E(), this.items_ = [], this.cache_ = /* @__PURE__ */ new Set(), this.onSubListAdd_ = this.onSubListAdd_.bind(this), this.onSubListRemove_ = this.onSubListRemove_.bind(this), this.extract_ = t;
+        this.emitter = new P(), this.items_ = [], this.cache_ = /* @__PURE__ */ new Set(), this.onSubListAdd_ = this.onSubListAdd_.bind(this), this.onSubListRemove_ = this.onSubListRemove_.bind(this), this.extract_ = t;
       }
       get items() {
         return this.items_;
@@ -869,7 +869,7 @@ var Br = { exports: {} };
       }
       add(t, e) {
         if (this.includes(t))
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         const r = e !== void 0 ? e : this.items_.length;
         this.items_.splice(r, 0, t), this.cache_.add(t);
         const l = this.extract_(t);
@@ -914,7 +914,7 @@ var Br = { exports: {} };
     }
     class Ke extends w {
       constructor(t) {
-        super(t), this.onBindingChange_ = this.onBindingChange_.bind(this), this.emitter_ = new E(), this.controller_.binding.emitter.on("change", this.onBindingChange_);
+        super(t), this.onBindingChange_ = this.onBindingChange_.bind(this), this.emitter_ = new P(), this.controller_.binding.emitter.on("change", this.onBindingChange_);
       }
       get label() {
         return this.controller_.props.get("label");
@@ -945,7 +945,7 @@ var Br = { exports: {} };
     }
     class St extends w {
       constructor(t) {
-        super(t), this.onBindingUpdate_ = this.onBindingUpdate_.bind(this), this.emitter_ = new E(), this.controller_.binding.emitter.on("update", this.onBindingUpdate_);
+        super(t), this.onBindingUpdate_ = this.onBindingUpdate_.bind(this), this.emitter_ = new P(), this.controller_.binding.emitter.on("update", this.onBindingUpdate_);
       }
       get label() {
         return this.controller_.props.get("label");
@@ -982,17 +982,17 @@ var Br = { exports: {} };
     function ie(n, t) {
       const e = n.find((r) => r.controller_ === t);
       if (!e)
-        throw P.shouldNeverHappen();
+        throw E.shouldNeverHappen();
       return e;
     }
     function fe(n, t, e) {
       if (!B.isBindable(n))
-        throw P.notBindable();
+        throw E.notBindable();
       return new B(n, t, e);
     }
     class re extends w {
       constructor(t, e) {
-        super(t), this.onRackAdd_ = this.onRackAdd_.bind(this), this.onRackRemove_ = this.onRackRemove_.bind(this), this.onRackInputChange_ = this.onRackInputChange_.bind(this), this.onRackMonitorUpdate_ = this.onRackMonitorUpdate_.bind(this), this.emitter_ = new E(), this.apiSet_ = new Fe(ne), this.pool_ = e;
+        super(t), this.onRackAdd_ = this.onRackAdd_.bind(this), this.onRackRemove_ = this.onRackRemove_.bind(this), this.onRackInputChange_ = this.onRackInputChange_.bind(this), this.onRackMonitorUpdate_ = this.onRackMonitorUpdate_.bind(this), this.emitter_ = new P(), this.apiSet_ = new Fe(ne), this.pool_ = e;
         const r = this.controller_.rack;
         r.emitter.on("add", this.onRackAdd_), r.emitter.on("remove", this.onRackRemove_), r.emitter.on("inputchange", this.onRackInputChange_), r.emitter.on("monitorupdate", this.onRackMonitorUpdate_), r.children.forEach((l) => {
           this.setUpApi_(l);
@@ -1067,7 +1067,7 @@ var Br = { exports: {} };
       }
       onRackMonitorUpdate_(t) {
         if (!(t.bladeController instanceof yt))
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         const e = ie(this.apiSet_, t.bladeController), r = t.bladeController.binding;
         this.emitter_.emit("update", {
           event: new S(e, r.target.read(), r.target.presetKey)
@@ -1076,7 +1076,7 @@ var Br = { exports: {} };
     }
     class $e extends je {
       constructor(t, e) {
-        super(t, new re(t.rackController, e)), this.emitter_ = new E(), this.controller_.foldable.value("expanded").emitter.on("change", (r) => {
+        super(t, new re(t.rackController, e)), this.emitter_ = new P(), this.controller_.foldable.value("expanded").emitter.on("change", (r) => {
           this.emitter_.emit("fold", {
             event: new N(this, r.sender.rawValue)
           });
@@ -1188,7 +1188,7 @@ var Br = { exports: {} };
     class Ei {
       constructor(t) {
         var e;
-        this.onBladePositionsChange_ = this.onBladePositionsChange_.bind(this), this.onSetAdd_ = this.onSetAdd_.bind(this), this.onSetRemove_ = this.onSetRemove_.bind(this), this.onChildDispose_ = this.onChildDispose_.bind(this), this.onChildPositionsChange_ = this.onChildPositionsChange_.bind(this), this.onChildInputChange_ = this.onChildInputChange_.bind(this), this.onChildMonitorUpdate_ = this.onChildMonitorUpdate_.bind(this), this.onChildValueChange_ = this.onChildValueChange_.bind(this), this.onChildViewPropsChange_ = this.onChildViewPropsChange_.bind(this), this.onDescendantLayout_ = this.onDescendantLayout_.bind(this), this.onDescendantInputChange_ = this.onDescendantInputChange_.bind(this), this.onDescendantMonitorUpdate_ = this.onDescendantMonitorUpdate_.bind(this), this.emitter = new E(), this.blade_ = t != null ? t : null, (e = this.blade_) === null || e === void 0 || e.value("positions").emitter.on("change", this.onBladePositionsChange_), this.bcSet_ = new Fe(Pi), this.bcSet_.emitter.on("add", this.onSetAdd_), this.bcSet_.emitter.on("remove", this.onSetRemove_);
+        this.onBladePositionsChange_ = this.onBladePositionsChange_.bind(this), this.onSetAdd_ = this.onSetAdd_.bind(this), this.onSetRemove_ = this.onSetRemove_.bind(this), this.onChildDispose_ = this.onChildDispose_.bind(this), this.onChildPositionsChange_ = this.onChildPositionsChange_.bind(this), this.onChildInputChange_ = this.onChildInputChange_.bind(this), this.onChildMonitorUpdate_ = this.onChildMonitorUpdate_.bind(this), this.onChildValueChange_ = this.onChildValueChange_.bind(this), this.onChildViewPropsChange_ = this.onChildViewPropsChange_.bind(this), this.onDescendantLayout_ = this.onDescendantLayout_.bind(this), this.onDescendantInputChange_ = this.onDescendantInputChange_.bind(this), this.onDescendantMonitorUpdate_ = this.onDescendantMonitorUpdate_.bind(this), this.emitter = new P(), this.blade_ = t != null ? t : null, (e = this.blade_) === null || e === void 0 || e.value("positions").emitter.on("change", this.onBladePositionsChange_), this.bcSet_ = new Fe(Pi), this.bcSet_.emitter.on("add", this.onSetAdd_), this.bcSet_.emitter.on("remove", this.onSetRemove_);
       }
       get children() {
         return this.bcSet_.items;
@@ -1276,7 +1276,7 @@ var Br = { exports: {} };
       onChildInputChange_(t) {
         const e = xi(this.find(st), t.sender);
         if (!e)
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         this.emitter.emit("inputchange", {
           bladeController: e,
           options: t.options,
@@ -1286,7 +1286,7 @@ var Br = { exports: {} };
       onChildMonitorUpdate_(t) {
         const e = Ci(this.find(yt), t.sender);
         if (!e)
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         this.emitter.emit("monitorupdate", {
           bladeController: e,
           sender: this
@@ -1295,7 +1295,7 @@ var Br = { exports: {} };
       onChildValueChange_(t) {
         const e = yi(this.find(bt), t.sender);
         if (!e)
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         this.emitter.emit("inputchange", {
           bladeController: e,
           options: t.options,
@@ -1506,7 +1506,7 @@ var Br = { exports: {} };
     }
     class _e {
       constructor(t, e) {
-        this.emitter = new E(), this.onClick_ = this.onClick_.bind(this), this.props = e.props, this.viewProps = e.viewProps, this.view = new Mi(t, {
+        this.emitter = new P(), this.onClick_ = this.onClick_.bind(this), this.props = e.props, this.viewProps = e.viewProps, this.view = new Mi(t, {
           props: e.props,
           viewProps: e.viewProps
         }), this.view.buttonElement.addEventListener("click", this.onClick_);
@@ -1589,7 +1589,7 @@ var Br = { exports: {} };
     }
     class Dn extends je {
       constructor(t, e) {
-        super(t, new re(t.rackController, e)), this.onPageAdd_ = this.onPageAdd_.bind(this), this.onPageRemove_ = this.onPageRemove_.bind(this), this.onSelect_ = this.onSelect_.bind(this), this.emitter_ = new E(), this.pageApiMap_ = /* @__PURE__ */ new Map(), this.rackApi_.on("change", (r) => {
+        super(t, new re(t.rackController, e)), this.onPageAdd_ = this.onPageAdd_.bind(this), this.onPageRemove_ = this.onPageRemove_.bind(this), this.onSelect_ = this.onSelect_.bind(this), this.emitter_ = new P(), this.pageApiMap_ = /* @__PURE__ */ new Map(), this.rackApi_.on("change", (r) => {
           this.emitter_.emit("change", {
             event: r
           });
@@ -1605,7 +1605,7 @@ var Br = { exports: {} };
         return this.controller_.pageSet.items.map((t) => {
           const e = this.pageApiMap_.get(t);
           if (!e)
-            throw P.shouldNeverHappen();
+            throw E.shouldNeverHappen();
           return e;
         });
       }
@@ -1622,7 +1622,7 @@ var Br = { exports: {} };
         this.controller_.add(r, t.index);
         const l = this.pageApiMap_.get(r);
         if (!l)
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         return l;
       }
       removePage(t) {
@@ -1637,7 +1637,7 @@ var Br = { exports: {} };
       setUpPageApi_(t) {
         const e = this.rackApi_.apiSet_.find((l) => l.controller_ === t.contentController);
         if (!e)
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         const r = new Ye(t, e);
         this.pageApiMap_.set(t, r);
       }
@@ -1646,7 +1646,7 @@ var Br = { exports: {} };
       }
       onPageRemove_(t) {
         if (!this.pageApiMap_.get(t.item))
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         this.pageApiMap_.delete(t.item);
       }
       onSelect_(t) {
@@ -1783,7 +1783,7 @@ var Br = { exports: {} };
     }
     class On {
       constructor() {
-        this.disabled = !1, this.emitter = new E();
+        this.disabled = !1, this.emitter = new P();
       }
       dispose() {
       }
@@ -1795,7 +1795,7 @@ var Br = { exports: {} };
     }
     class We {
       constructor(t, e) {
-        this.disabled_ = !1, this.timerId_ = null, this.onTick_ = this.onTick_.bind(this), this.doc_ = t, this.emitter = new E(), this.interval_ = e, this.setTimer_();
+        this.disabled_ = !1, this.timerId_ = null, this.onTick_ = this.onTick_.bind(this), this.doc_ = t, this.emitter = new P(), this.interval_ = e, this.setTimer_();
       }
       get disabled() {
         return this.disabled_;
@@ -2329,7 +2329,7 @@ var Br = { exports: {} };
     }
     class Tt {
       constructor(t) {
-        this.lastTouch_ = null, this.onDocumentMouseMove_ = this.onDocumentMouseMove_.bind(this), this.onDocumentMouseUp_ = this.onDocumentMouseUp_.bind(this), this.onMouseDown_ = this.onMouseDown_.bind(this), this.onTouchEnd_ = this.onTouchEnd_.bind(this), this.onTouchMove_ = this.onTouchMove_.bind(this), this.onTouchStart_ = this.onTouchStart_.bind(this), this.elem_ = t, this.emitter = new E(), t.addEventListener("touchstart", this.onTouchStart_, {
+        this.lastTouch_ = null, this.onDocumentMouseMove_ = this.onDocumentMouseMove_.bind(this), this.onDocumentMouseUp_ = this.onDocumentMouseUp_.bind(this), this.onMouseDown_ = this.onMouseDown_.bind(this), this.onTouchEnd_ = this.onTouchEnd_.bind(this), this.onTouchMove_ = this.onTouchMove_.bind(this), this.onTouchStart_ = this.onTouchStart_.bind(this), this.elem_ = t, this.emitter = new P(), t.addEventListener("touchstart", this.onTouchStart_, {
           passive: !1
         }), t.addEventListener("touchmove", this.onTouchMove_, {
           passive: !0
@@ -3972,20 +3972,20 @@ var Br = { exports: {} };
         writer: (n) => {
           const t = br(n.initialValue, he(n.params));
           if (!t)
-            throw P.shouldNeverHappen();
+            throw E.shouldNeverHappen();
           const e = Po(t);
           if (!e)
-            throw P.notBindable();
+            throw E.notBindable();
           return e;
         }
       },
       controller: (n) => {
         const t = br(n.initialValue, he(n.params));
         if (!t)
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         const e = gr(t);
         if (!e)
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         const r = "expanded" in n.params ? n.params.expanded : void 0, l = "picker" in n.params ? n.params.picker : void 0;
         return new Pr(n.document, {
           colorType: t.type,
@@ -4401,7 +4401,7 @@ var Br = { exports: {} };
       controller: (n) => {
         const t = n.document, e = n.value, r = n.constraint;
         if (!(r instanceof Gt))
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         const l = "expanded" in n.params ? n.params.expanded : void 0, c = "picker" in n.params ? n.params.picker : void 0;
         return new qo(t, {
           axes: [
@@ -4497,7 +4497,7 @@ var Br = { exports: {} };
       controller: (n) => {
         const t = n.value, e = n.constraint;
         if (!(e instanceof Gt))
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         return new kr(n.document, {
           assembly: fs,
           axes: [
@@ -4593,7 +4593,7 @@ var Br = { exports: {} };
       controller: (n) => {
         const t = n.value, e = n.constraint;
         if (!(e instanceof Gt))
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         return new kr(n.document, {
           assembly: _s,
           axes: t.rawValue.getComponents().map((r, l) => oa(r, e.components[l])),
@@ -4895,7 +4895,7 @@ var Br = { exports: {} };
     };
     class ga {
       constructor(t) {
-        this.onValueChange_ = this.onValueChange_.bind(this), this.reader = t.reader, this.writer = t.writer, this.emitter = new E(), this.value = t.value, this.value.emitter.on("change", this.onValueChange_), this.target = t.target, this.read();
+        this.onValueChange_ = this.onValueChange_.bind(this), this.reader = t.reader, this.writer = t.writer, this.emitter = new P(), this.value = t.value, this.value.emitter.on("change", this.onValueChange_), this.target = t.target, this.read();
       }
       read() {
         const t = this.target.read();
@@ -4950,7 +4950,7 @@ var Br = { exports: {} };
     }
     class xa {
       constructor(t) {
-        this.onTick_ = this.onTick_.bind(this), this.reader_ = t.reader, this.target = t.target, this.emitter = new E(), this.value = t.value, this.ticker = t.ticker, this.ticker.emitter.on("tick", this.onTick_), this.read();
+        this.onTick_ = this.onTick_.bind(this), this.reader_ = t.reader, this.target = t.target, this.emitter = new P(), this.value = t.value, this.ticker = t.ticker, this.ticker.emitter.on("tick", this.onTick_), this.read();
       }
       dispose() {
         this.ticker.dispose();
@@ -5025,7 +5025,7 @@ var Br = { exports: {} };
       createInput(t, e, r) {
         const l = e.read();
         if (L(l))
-          throw new P({
+          throw new E({
             context: {
               key: e.key
             },
@@ -5038,7 +5038,7 @@ var Br = { exports: {} };
         }), null);
         if (c)
           return c;
-        throw new P({
+        throw new E({
           context: {
             key: e.key
           },
@@ -5053,7 +5053,7 @@ var Br = { exports: {} };
         }), null);
         if (l)
           return l;
-        throw new P({
+        throw new E({
           context: {
             key: e.key
           },
@@ -5066,7 +5066,7 @@ var Br = { exports: {} };
           params: e
         }), null);
         if (!r)
-          throw new P({
+          throw new E({
             type: "nomatchingview",
             context: {
               params: e
@@ -5086,7 +5086,7 @@ var Br = { exports: {} };
           pool: this
         }), null);
         if (!e)
-          throw P.shouldNeverHappen();
+          throw E.shouldNeverHappen();
         return e;
       }
     }
@@ -5115,7 +5115,7 @@ var Br = { exports: {} };
     }
     class Cs extends w {
       constructor(t) {
-        super(t), this.emitter_ = new E(), this.controller_.valueController.value.emitter.on("change", (e) => {
+        super(t), this.emitter_ = new P(), this.controller_.valueController.value.emitter.on("change", (e) => {
           this.emitter_.emit("change", {
             event: new A(this, e.rawValue)
           });
@@ -5148,7 +5148,7 @@ var Br = { exports: {} };
     }
     class ys extends w {
       constructor(t) {
-        super(t), this.emitter_ = new E(), this.controller_.valueController.value.emitter.on("change", (e) => {
+        super(t), this.emitter_ = new P(), this.controller_.valueController.value.emitter.on("change", (e) => {
           this.emitter_.emit("change", {
             event: new A(this, e.rawValue)
           });
@@ -5187,7 +5187,7 @@ var Br = { exports: {} };
     }
     class Ps extends w {
       constructor(t) {
-        super(t), this.emitter_ = new E(), this.controller_.valueController.value.emitter.on("change", (e) => {
+        super(t), this.emitter_ = new P(), this.controller_.valueController.value.emitter.on("change", (e) => {
           this.emitter_.emit("change", {
             event: new A(this, e.rawValue)
           });
@@ -5400,13 +5400,13 @@ var Br = { exports: {} };
       }
       get document() {
         if (!this.doc_)
-          throw P.alreadyDisposed();
+          throw E.alreadyDisposed();
         return this.doc_;
       }
       dispose() {
         const t = this.containerElem_;
         if (!t)
-          throw P.alreadyDisposed();
+          throw E.alreadyDisposed();
         if (this.usesDefaultWrapper_) {
           const e = t.parentElement;
           e && e.removeChild(t);
@@ -5551,21 +5551,21 @@ var si = { exports: {} };
     function ht(o, i) {
       return (s) => i(o(s));
     }
-    function P(o) {
+    function E(o) {
       return o.rawValue;
     }
     function B(o, i) {
-      o.emitter.on("change", ht(P, i)), i(o.rawValue);
+      o.emitter.on("change", ht(E, i)), i(o.rawValue);
     }
     function q(o, i, s) {
       B(o.value(i), s);
     }
-    function E(o, i, s) {
+    function P(o, i, s) {
       s ? o.classList.add(i) : o.classList.remove(i);
     }
     function J(o, i) {
       return (s) => {
-        E(o, i, s);
+        P(o, i, s);
       };
     }
     function x(o, i) {
@@ -8019,7 +8019,7 @@ const hl = /* @__PURE__ */ dl(si.exports), vl = /* @__PURE__ */ rl({
   default: hl
 }, [si.exports]);
 let Te, ii;
-const xl = () => {
+const wl = () => {
   Te = new Br.exports.Pane({
     container: document.getElementById("tres-container") || void 0
   }), Te.registerPlugin(vl), ii = Te.addBlade({
@@ -8064,18 +8064,18 @@ function ml(b, _) {
       canvas: b,
       scene: A
     }), !$ && b.value && A) {
-      const P = {
+      const E = {
         canvas: b.value,
         ..._
       };
-      _ != null && _.context && (P.context = _.context), $ = new el(P), _ != null && _.shadows && j(), $.physicallyCorrectLights = (_ == null ? void 0 : _.physicallyCorrectLights) || !1, _ != null && _.outputEncoding && ($.outputEncoding = _.outputEncoding), _ != null && _.toneMapping && ($.toneMapping = _.toneMapping, $.toneMappingExposure = 1), U(), $.render(A, S.value), N("renderer", $), Rs = Or(() => {
+      _ != null && _.context && (E.context = _.context), $ = new el(E), _ != null && _.shadows && j(), $.physicallyCorrectLights = (_ == null ? void 0 : _.physicallyCorrectLights) || !1, _ != null && _.outputEncoding && ($.outputEncoding = _.outputEncoding), _ != null && _.toneMapping && ($.toneMapping = _.toneMapping, $.toneMappingExposure = 1), U(), $.render(A, S.value), N("renderer", $), Rs = Or(() => {
         A && $ && $.render(A, S.value);
       }).disposeLoop;
     }
     N("loop", Or);
   }
-  function ht(P) {
-    $ && $.setClearColor(ll(P));
+  function ht(E) {
+    $ && $.setClearColor(ll(E));
   }
   return R(), {
     renderer: $,
@@ -8084,7 +8084,7 @@ function ml(b, _) {
     disposeRenderer: L
   };
 }
-const bl = Symbol("UseTresState"), Fs = /* @__PURE__ */ Ns({
+const Fs = /* @__PURE__ */ Ns({
   __name: "TresCanvas",
   props: {
     camera: null,
@@ -8104,7 +8104,7 @@ const bl = Symbol("UseTresState"), Fs = /* @__PURE__ */ Ns({
     const w = ri(), M = ri(!0), { scene: A, clearScene: S } = oi(), N = Ia(), j = ja(), { createCamera: U } = jr();
     let L;
     const R = Is();
-    Fa(bl, R.state);
+    Fa("UseTresState", R.state);
     const ht = N.default ? N == null ? void 0 : N.default().some(
       (B) => B.type.name === "PerspectiveCamera" || B.type.name === "OrtographicCamera"
     ) : !1;
@@ -8112,16 +8112,16 @@ const bl = Symbol("UseTresState"), Fs = /* @__PURE__ */ Ns({
       if (_.camera) {
         const { position: B, ...q } = _.camera;
         if (L = U(_.ortographic === !0 ? wn.Orthographic : wn.Perspective, q || {}), B) {
-          const E = Bs(B);
-          L.position.set(...E);
+          const P = Bs(B);
+          L.position.set(P[0], P[1], P[2]);
         }
         A.add(L);
       } else
         L = U(_.ortographic === !0 ? wn.Orthographic : wn.Perspective, {}), L.position.set(5, 5, 5), A.add(L);
     Ir(_, () => {
-      y && (C(), S(), P());
+      y && (C(), S(), E());
     });
-    function P() {
+    function E() {
       const B = ml(w, {
         antialias: !0,
         physicallyCorrectLights: _.physicallyCorrectLights,
@@ -8132,11 +8132,11 @@ const bl = Symbol("UseTresState"), Fs = /* @__PURE__ */ Ns({
       y = B.renderer, C = B.disposeRenderer, _.background && B.setClearColor(_.background);
     }
     return Ds(() => {
-      P();
+      E();
     }), Ka(() => {
       S(), C();
     }), (B, q) => {
-      var E, J, x, tt;
+      var P, J, x, tt;
       return Tr(), ks("div", {
         id: "tres-container",
         style: Vs({
@@ -8146,7 +8146,7 @@ const bl = Symbol("UseTresState"), Fs = /* @__PURE__ */ Ns({
           right: 0,
           bottom: 0,
           overflow: "hidden",
-          width: ((J = (E = Ls(j)) == null ? void 0 : E.style) == null ? void 0 : J.width) || "100%",
+          width: ((J = (P = Ls(j)) == null ? void 0 : P.style) == null ? void 0 : J.width) || "100%",
           height: "100%"
         })
       }, [
@@ -8166,10 +8166,10 @@ const bl = Symbol("UseTresState"), Fs = /* @__PURE__ */ Ns({
       ], 4);
     };
   }
-}), Cl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Fs
-}, Symbol.toStringTag, { value: "Module" })), yl = {
+}, Symbol.toStringTag, { value: "Module" })), Cl = Symbol("UseTresState"), yl = {
   install(b) {
     b.component("TresCanvas", Fs);
     const { createComponentInstances: _ } = cl();
@@ -8180,8 +8180,8 @@ const bl = Symbol("UseTresState"), Fs = /* @__PURE__ */ Ns({
 };
 export {
   wn as CameraType,
-  Cl as TresCanvas,
-  bl as UseTresStateSymbol,
+  xl as TresCanvas,
+  Cl as UseTresStateSymbol,
   yl as default,
   jr as useCamera,
   ol as useCatalog,
@@ -8190,7 +8190,7 @@ export {
   Or as useLoop,
   ml as useRenderer,
   oi as useScene,
-  wl as useTexture,
+  gl as useTexture,
   Is as useTres,
-  xl as useTweakPane
+  wl as useTweakPane
 };