@tresjs/cientos 0.1.0 → 0.1.1

package/dist/core/OrbitControls.vue.d.ts

@@ -1,15 +1,12 @@
-import { useLoop, TresState } from '@tresjs/core';
+import { useLoop, type TresState } from '@tresjs/core';
 import { OrbitControls as OrbitControlsImp } from 'three-stdlib';
-import { inject, Ref, unref, watch } from 'vue';
+import { inject, unref, watch } from 'vue';
 declare const _sfc_main: import("vue").DefineComponent<{}, {
     controls: OrbitControlsImp;
-    tres: Ref<TresState> | undefined;
-    useLoop: typeof useLoop;
-    UseTresStateSymbol: symbol;
-    TresState: any;
-    OrbitControlsImp: typeof OrbitControlsImp;
+    tres: TresState | undefined;
+    readonly useLoop: typeof useLoop;
+    readonly OrbitControlsImp: typeof OrbitControlsImp;
     inject: typeof inject;
-    Ref: any;
     unref: typeof unref;
     watch: typeof watch;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/dist/trescientos.js

@@ -1,59 +1,59 @@
 /**
  * name: @tresjs/cientos
- * version: v0.1.0
+ * version: v0.1.1
  * (c) 2022
  * description: Collection of useful helpers and fully functional, ready-made abstractions for Tres
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { defineComponent as ke, inject as Ce, watch as Ye, unref as me } from "vue";
-import { UseTresStateSymbol as _e, useLoop as ze } from "@tresjs/core";
-import { EventDispatcher as He, Vector3 as P, MOUSE as I, TOUCH as N, PerspectiveCamera as R, Quaternion as be, Spherical as ge, Vector2 as f, OrthographicCamera as V } from "three";
-function a(E, h, m) {
-  return h in E ? Object.defineProperty(E, h, {
-    value: m,
+import { defineComponent as xe, inject as ke, watch as Ce, unref as Ye } from "vue";
+import { useLoop as _e } from "@tresjs/core";
+import { EventDispatcher as ze, Vector3 as P, MOUSE as N, TOUCH as R, PerspectiveCamera as S, Quaternion as me, Spherical as be, Vector2 as f, OrthographicCamera as V } from "three";
+function a(g, h, E) {
+  return h in g ? Object.defineProperty(g, h, {
+    value: E,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : E[h] = m, E;
+  }) : g[h] = E, g;
 }
-const Ee = (E, h) => (E % h + h) % h;
-class Ue extends He {
-  constructor(h, m) {
+const ge = (g, h) => (g % h + h) % h;
+class He extends ze {
+  constructor(h, E) {
     super(), a(this, "object", void 0), a(this, "domElement", void 0), a(this, "enabled", !0), a(this, "target", new P()), a(this, "minDistance", 0), a(this, "maxDistance", 1 / 0), a(this, "minZoom", 0), a(this, "maxZoom", 1 / 0), a(this, "minPolarAngle", 0), a(this, "maxPolarAngle", Math.PI), a(this, "minAzimuthAngle", -1 / 0), a(this, "maxAzimuthAngle", 1 / 0), a(this, "enableDamping", !1), a(this, "dampingFactor", 0.05), a(this, "enableZoom", !0), a(this, "zoomSpeed", 1), a(this, "enableRotate", !0), a(this, "rotateSpeed", 1), a(this, "enablePan", !0), a(this, "panSpeed", 1), a(this, "screenSpacePanning", !0), a(this, "keyPanSpeed", 7), a(this, "autoRotate", !1), a(this, "autoRotateSpeed", 2), a(this, "reverseOrbit", !1), a(this, "keys", {
       LEFT: "ArrowLeft",
       UP: "ArrowUp",
       RIGHT: "ArrowRight",
       BOTTOM: "ArrowDown"
     }), a(this, "mouseButtons", {
-      LEFT: I.ROTATE,
-      MIDDLE: I.DOLLY,
-      RIGHT: I.PAN
+      LEFT: N.ROTATE,
+      MIDDLE: N.DOLLY,
+      RIGHT: N.PAN
     }), a(this, "touches", {
-      ONE: N.ROTATE,
-      TWO: N.DOLLY_PAN
-    }), a(this, "target0", void 0), a(this, "position0", void 0), a(this, "zoom0", void 0), a(this, "_domElementKeyEvents", null), a(this, "getPolarAngle", void 0), a(this, "getAzimuthalAngle", void 0), a(this, "setPolarAngle", void 0), a(this, "setAzimuthalAngle", void 0), a(this, "getDistance", void 0), a(this, "listenToKeyEvents", void 0), a(this, "saveState", void 0), a(this, "reset", void 0), a(this, "update", void 0), a(this, "connect", void 0), a(this, "dispose", void 0), this.object = h, this.domElement = m, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object instanceof R ? this.object.zoom : 1, this.getPolarAngle = () => c.phi, this.getAzimuthalAngle = () => c.theta, this.setPolarAngle = (t) => {
-      let n = Ee(t, 2 * Math.PI), o = c.phi;
+      ONE: R.ROTATE,
+      TWO: R.DOLLY_PAN
+    }), a(this, "target0", void 0), a(this, "position0", void 0), a(this, "zoom0", void 0), a(this, "_domElementKeyEvents", null), a(this, "getPolarAngle", void 0), a(this, "getAzimuthalAngle", void 0), a(this, "setPolarAngle", void 0), a(this, "setAzimuthalAngle", void 0), a(this, "getDistance", void 0), a(this, "listenToKeyEvents", void 0), a(this, "saveState", void 0), a(this, "reset", void 0), a(this, "update", void 0), a(this, "connect", void 0), a(this, "dispose", void 0), this.object = h, this.domElement = E, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object instanceof S ? this.object.zoom : 1, this.getPolarAngle = () => c.phi, this.getAzimuthalAngle = () => c.theta, this.setPolarAngle = (t) => {
+      let n = ge(t, 2 * Math.PI), o = c.phi;
       o < 0 && (o += 2 * Math.PI), n < 0 && (n += 2 * Math.PI);
       let i = Math.abs(n - o);
       2 * Math.PI - i < i && (n < o ? n += 2 * Math.PI : o += 2 * Math.PI), d.phi = n - o, e.update();
     }, this.setAzimuthalAngle = (t) => {
-      let n = Ee(t, 2 * Math.PI), o = c.theta;
+      let n = ge(t, 2 * Math.PI), o = c.theta;
       o < 0 && (o += 2 * Math.PI), n < 0 && (n += 2 * Math.PI);
       let i = Math.abs(n - o);
       2 * Math.PI - i < i && (n < o ? n += 2 * Math.PI : o += 2 * Math.PI), d.theta = n - o, e.update();
     }, this.getDistance = () => e.object.position.distanceTo(e.target), this.listenToKeyEvents = (t) => {
       t.addEventListener("keydown", ue), this._domElementKeyEvents = t;
     }, this.saveState = () => {
-      e.target0.copy(e.target), e.position0.copy(e.object.position), e.zoom0 = e.object instanceof R ? e.object.zoom : 1;
+      e.target0.copy(e.target), e.position0.copy(e.object.position), e.zoom0 = e.object instanceof S ? e.object.zoom : 1;
     }, this.reset = () => {
-      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object instanceof R && (e.object.zoom = e.zoom0, e.object.updateProjectionMatrix()), e.dispatchEvent(S), e.update(), l = r.NONE;
+      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object instanceof S && (e.object.zoom = e.zoom0, e.object.updateProjectionMatrix()), e.dispatchEvent(x), e.update(), l = r.NONE;
     }, this.update = (() => {
-      const t = new P(), n = new be().setFromUnitVectors(h.up, new P(0, 1, 0)), o = n.clone().invert(), i = new P(), u = new be(), p = 2 * Math.PI;
+      const t = new P(), n = new me().setFromUnitVectors(h.up, new P(0, 1, 0)), o = n.clone().invert(), i = new P(), u = new me(), p = 2 * Math.PI;
       return function() {
         const fe = e.object.position;
-        t.copy(fe).sub(e.target), t.applyQuaternion(n), c.setFromVector3(t), e.autoRotate && l === r.NONE && U(Pe()), e.enableDamping ? (c.theta += d.theta * e.dampingFactor, c.phi += d.phi * e.dampingFactor) : (c.theta += d.theta, c.phi += d.phi);
-        let b = e.minAzimuthAngle, g = e.maxAzimuthAngle;
-        return isFinite(b) && isFinite(g) && (b < -Math.PI ? b += p : b > Math.PI && (b -= p), g < -Math.PI ? g += p : g > Math.PI && (g -= p), b <= g ? c.theta = Math.max(b, Math.min(g, c.theta)) : c.theta = c.theta > (b + g) / 2 ? Math.max(b, c.theta) : Math.min(g, c.theta)), c.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, c.phi)), c.makeSafe(), c.radius *= k, c.radius = Math.max(e.minDistance, Math.min(e.maxDistance, c.radius)), e.enableDamping === !0 ? e.target.addScaledVector(A, e.dampingFactor) : e.target.add(A), t.setFromSpherical(c), t.applyQuaternion(o), fe.copy(e.target).add(t), e.object.lookAt(e.target), e.enableDamping === !0 ? (d.theta *= 1 - e.dampingFactor, d.phi *= 1 - e.dampingFactor, A.multiplyScalar(1 - e.dampingFactor)) : (d.set(0, 0, 0), A.set(0, 0, 0)), k = 1, C || i.distanceToSquared(e.object.position) > q || 8 * (1 - u.dot(e.object.quaternion)) > q ? (e.dispatchEvent(S), i.copy(e.object.position), u.copy(e.object.quaternion), C = !1, !0) : !1;
+        t.copy(fe).sub(e.target), t.applyQuaternion(n), c.setFromVector3(t), e.autoRotate && l === r.NONE && U(Ee()), e.enableDamping ? (c.theta += d.theta * e.dampingFactor, c.phi += d.phi * e.dampingFactor) : (c.theta += d.theta, c.phi += d.phi);
+        let m = e.minAzimuthAngle, b = e.maxAzimuthAngle;
+        return isFinite(m) && isFinite(b) && (m < -Math.PI ? m += p : m > Math.PI && (m -= p), b < -Math.PI ? b += p : b > Math.PI && (b -= p), m <= b ? c.theta = Math.max(m, Math.min(b, c.theta)) : c.theta = c.theta > (m + b) / 2 ? Math.max(m, c.theta) : Math.min(b, c.theta)), c.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, c.phi)), c.makeSafe(), c.radius *= C, c.radius = Math.max(e.minDistance, Math.min(e.maxDistance, c.radius)), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), t.setFromSpherical(c), t.applyQuaternion(o), fe.copy(e.target).add(t), e.object.lookAt(e.target), e.enableDamping === !0 ? (d.theta *= 1 - e.dampingFactor, d.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (d.set(0, 0, 0), v.set(0, 0, 0)), C = 1, Y || i.distanceToSquared(e.object.position) > q || 8 * (1 - u.dot(e.object.quaternion)) > q ? (e.dispatchEvent(x), i.copy(e.object.position), u.copy(e.object.quaternion), Y = !1, !0) : !1;
       };
     })(), this.connect = (t) => {
       t === document && console.error('THREE.OrbitControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.'), e.domElement = t, e.domElement.style.touchAction = "none", e.domElement.addEventListener("contextmenu", he), e.domElement.addEventListener("pointerdown", re), e.domElement.addEventListener("pointercancel", le), e.domElement.addEventListener("wheel", ce);
@@ -61,9 +61,9 @@ class Ue extends He {
       var t, n, o, i, u, p;
       (t = e.domElement) === null || t === void 0 || t.removeEventListener("contextmenu", he), (n = e.domElement) === null || n === void 0 || n.removeEventListener("pointerdown", re), (o = e.domElement) === null || o === void 0 || o.removeEventListener("pointercancel", le), (i = e.domElement) === null || i === void 0 || i.removeEventListener("wheel", ce), (u = e.domElement) === null || u === void 0 || u.ownerDocument.removeEventListener("pointermove", F), (p = e.domElement) === null || p === void 0 || p.ownerDocument.removeEventListener("pointerup", X), e._domElementKeyEvents !== null && e._domElementKeyEvents.removeEventListener("keydown", ue);
     };
-    const e = this, S = {
+    const e = this, x = {
       type: "change"
-    }, H = {
+    }, A = {
       type: "start"
     }, W = {
       type: "end"
@@ -78,15 +78,15 @@ class Ue extends He {
       TOUCH_DOLLY_ROTATE: 6
     };
     let l = r.NONE;
-    const q = 1e-6, c = new ge(), d = new ge();
-    let k = 1;
-    const A = new P();
-    let C = !1;
-    const y = new f(), O = new f(), v = new f(), T = new f(), M = new f(), w = new f(), D = new f(), L = new f(), x = new f(), s = [], Y = {};
-    function Pe() {
+    const q = 1e-6, c = new be(), d = new be();
+    let C = 1;
+    const v = new P();
+    let Y = !1;
+    const y = new f(), O = new f(), w = new f(), T = new f(), M = new f(), D = new f(), L = new f(), j = new f(), k = new f(), s = [], _ = {};
+    function Ee() {
       return 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
     }
-    function _() {
+    function z() {
       return Math.pow(0.95, e.zoomSpeed);
     }
     function U(t) {
@@ -98,69 +98,69 @@ class Ue extends He {
     const B = (() => {
       const t = new P();
       return function(o, i) {
-        t.setFromMatrixColumn(i, 0), t.multiplyScalar(-o), A.add(t);
+        t.setFromMatrixColumn(i, 0), t.multiplyScalar(-o), v.add(t);
       };
     })(), Q = (() => {
       const t = new P();
       return function(o, i) {
-        e.screenSpacePanning === !0 ? t.setFromMatrixColumn(i, 1) : (t.setFromMatrixColumn(i, 0), t.crossVectors(e.object.up, t)), t.multiplyScalar(o), A.add(t);
+        e.screenSpacePanning === !0 ? t.setFromMatrixColumn(i, 1) : (t.setFromMatrixColumn(i, 0), t.crossVectors(e.object.up, t)), t.multiplyScalar(o), v.add(t);
       };
-    })(), j = (() => {
+    })(), I = (() => {
       const t = new P();
       return function(o, i) {
         const u = e.domElement;
-        if (u && e.object instanceof R && e.object.isPerspectiveCamera) {
+        if (u && e.object instanceof S && e.object.isPerspectiveCamera) {
           const p = e.object.position;
           t.copy(p).sub(e.target);
-          let z = t.length();
-          z *= Math.tan(e.object.fov / 2 * Math.PI / 180), B(2 * o * z / u.clientHeight, e.object.matrix), Q(2 * i * z / u.clientHeight, e.object.matrix);
+          let H = t.length();
+          H *= Math.tan(e.object.fov / 2 * Math.PI / 180), B(2 * o * H / u.clientHeight, e.object.matrix), Q(2 * i * H / u.clientHeight, e.object.matrix);
         } else
           u && e.object instanceof V && e.object.isOrthographicCamera ? (B(o * (e.object.right - e.object.left) / e.object.zoom / u.clientWidth, e.object.matrix), Q(i * (e.object.top - e.object.bottom) / e.object.zoom / u.clientHeight, e.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), e.enablePan = !1);
       };
     })();
     function Z(t) {
-      e.object instanceof R && e.object.isPerspectiveCamera ? k /= t : e.object instanceof V && e.object.isOrthographicCamera ? (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom * t)), e.object.updateProjectionMatrix(), C = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+      e.object instanceof S && e.object.isPerspectiveCamera ? C /= t : e.object instanceof V && e.object.isOrthographicCamera ? (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom * t)), e.object.updateProjectionMatrix(), Y = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function J(t) {
-      e.object instanceof R && e.object.isPerspectiveCamera ? k *= t : e.object instanceof V && e.object.isOrthographicCamera ? (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / t)), e.object.updateProjectionMatrix(), C = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+      e.object instanceof S && e.object.isPerspectiveCamera ? C *= t : e.object instanceof V && e.object.isOrthographicCamera ? (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / t)), e.object.updateProjectionMatrix(), Y = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
     }
     function $(t) {
       y.set(t.clientX, t.clientY);
     }
-    function ye(t) {
-      D.set(t.clientX, t.clientY);
+    function Pe(t) {
+      L.set(t.clientX, t.clientY);
     }
     function ee(t) {
       T.set(t.clientX, t.clientY);
     }
-    function Oe(t) {
-      O.set(t.clientX, t.clientY), v.subVectors(O, y).multiplyScalar(e.rotateSpeed);
+    function ye(t) {
+      O.set(t.clientX, t.clientY), w.subVectors(O, y).multiplyScalar(e.rotateSpeed);
       const n = e.domElement;
-      n && (U(2 * Math.PI * v.x / n.clientHeight), G(2 * Math.PI * v.y / n.clientHeight)), y.copy(O), e.update();
+      n && (U(2 * Math.PI * w.x / n.clientHeight), G(2 * Math.PI * w.y / n.clientHeight)), y.copy(O), e.update();
+    }
+    function Oe(t) {
+      j.set(t.clientX, t.clientY), k.subVectors(j, L), k.y > 0 ? Z(z()) : k.y < 0 && J(z()), L.copy(j), e.update();
     }
     function Te(t) {
-      L.set(t.clientX, t.clientY), x.subVectors(L, D), x.y > 0 ? Z(_()) : x.y < 0 && J(_()), D.copy(L), e.update();
+      M.set(t.clientX, t.clientY), D.subVectors(M, T).multiplyScalar(e.panSpeed), I(D.x, D.y), T.copy(M), e.update();
     }
     function Me(t) {
-      M.set(t.clientX, t.clientY), w.subVectors(M, T).multiplyScalar(e.panSpeed), j(w.x, w.y), T.copy(M), e.update();
+      t.deltaY < 0 ? J(z()) : t.deltaY > 0 && Z(z()), e.update();
     }
     function Ae(t) {
-      t.deltaY < 0 ? J(_()) : t.deltaY > 0 && Z(_()), e.update();
-    }
-    function ve(t) {
       let n = !1;
       switch (t.code) {
         case e.keys.UP:
-          j(0, e.keyPanSpeed), n = !0;
+          I(0, e.keyPanSpeed), n = !0;
           break;
         case e.keys.BOTTOM:
-          j(0, -e.keyPanSpeed), n = !0;
+          I(0, -e.keyPanSpeed), n = !0;
           break;
         case e.keys.LEFT:
-          j(e.keyPanSpeed, 0), n = !0;
+          I(e.keyPanSpeed, 0), n = !0;
           break;
         case e.keys.RIGHT:
-          j(-e.keyPanSpeed, 0), n = !0;
+          I(-e.keyPanSpeed, 0), n = !0;
           break;
       }
       n && (t.preventDefault(), e.update());
@@ -183,12 +183,12 @@ class Ue extends He {
     }
     function oe() {
       const t = s[0].pageX - s[1].pageX, n = s[0].pageY - s[1].pageY, o = Math.sqrt(t * t + n * n);
-      D.set(0, o);
+      L.set(0, o);
     }
-    function we() {
+    function ve() {
       e.enableZoom && oe(), e.enablePan && ne();
     }
-    function De() {
+    function we() {
       e.enableZoom && oe(), e.enableRotate && te();
     }
     function ae(t) {
@@ -198,9 +198,9 @@ class Ue extends He {
         const o = K(t), i = 0.5 * (t.pageX + o.x), u = 0.5 * (t.pageY + o.y);
         O.set(i, u);
       }
-      v.subVectors(O, y).multiplyScalar(e.rotateSpeed);
+      w.subVectors(O, y).multiplyScalar(e.rotateSpeed);
       const n = e.domElement;
-      n && (U(2 * Math.PI * v.x / n.clientHeight), G(2 * Math.PI * v.y / n.clientHeight)), y.copy(O);
+      n && (U(2 * Math.PI * w.x / n.clientHeight), G(2 * Math.PI * w.y / n.clientHeight)), y.copy(O);
     }
     function ie(t) {
       if (s.length == 1)
@@ -209,16 +209,16 @@ class Ue extends He {
         const n = K(t), o = 0.5 * (t.pageX + n.x), i = 0.5 * (t.pageY + n.y);
         M.set(o, i);
       }
-      w.subVectors(M, T).multiplyScalar(e.panSpeed), j(w.x, w.y), T.copy(M);
+      D.subVectors(M, T).multiplyScalar(e.panSpeed), I(D.x, D.y), T.copy(M);
     }
     function se(t) {
       const n = K(t), o = t.pageX - n.x, i = t.pageY - n.y, u = Math.sqrt(o * o + i * i);
-      L.set(0, u), x.set(0, Math.pow(L.y / D.y, e.zoomSpeed)), Z(x.y), D.copy(L);
+      j.set(0, u), k.set(0, Math.pow(j.y / L.y, e.zoomSpeed)), Z(k.y), L.copy(j);
     }
-    function Le(t) {
+    function De(t) {
       e.enableZoom && se(t), e.enablePan && ie(t);
     }
-    function je(t) {
+    function Le(t) {
       e.enableZoom && se(t), e.enableRotate && ae(t);
     }
     function re(t) {
@@ -227,11 +227,11 @@ class Ue extends He {
           var n, o;
           (n = e.domElement) === null || n === void 0 || n.ownerDocument.addEventListener("pointermove", F), (o = e.domElement) === null || o === void 0 || o.ownerDocument.addEventListener("pointerup", X);
         }
-        xe(t), t.pointerType === "touch" ? Re(t) : Ie(t);
+        Se(t), t.pointerType === "touch" ? Ne(t) : je(t);
       }
     }
     function F(t) {
-      e.enabled !== !1 && (t.pointerType === "touch" ? Se(t) : Ne(t));
+      e.enabled !== !1 && (t.pointerType === "touch" ? Re(t) : Ie(t));
     }
     function X(t) {
       if (de(t), s.length === 0) {
@@ -243,7 +243,7 @@ class Ue extends He {
     function le(t) {
       de(t);
     }
-    function Ie(t) {
+    function je(t) {
       let n;
       switch (t.button) {
         case 0:
@@ -259,12 +259,12 @@ class Ue extends He {
           n = -1;
       }
       switch (n) {
-        case I.DOLLY:
+        case N.DOLLY:
           if (e.enableZoom === !1)
             return;
-          ye(t), l = r.DOLLY;
+          Pe(t), l = r.DOLLY;
           break;
-        case I.ROTATE:
+        case N.ROTATE:
           if (t.ctrlKey || t.metaKey || t.shiftKey) {
             if (e.enablePan === !1)
               return;
@@ -275,7 +275,7 @@ class Ue extends He {
             $(t), l = r.ROTATE;
           }
           break;
-        case I.PAN:
+        case N.PAN:
           if (t.ctrlKey || t.metaKey || t.shiftKey) {
             if (e.enableRotate === !1)
               return;
@@ -289,44 +289,44 @@ class Ue extends He {
         default:
           l = r.NONE;
       }
-      l !== r.NONE && e.dispatchEvent(H);
+      l !== r.NONE && e.dispatchEvent(A);
     }
-    function Ne(t) {
+    function Ie(t) {
       if (e.enabled !== !1)
         switch (l) {
           case r.ROTATE:
             if (e.enableRotate === !1)
               return;
-            Oe(t);
+            ye(t);
             break;
           case r.DOLLY:
             if (e.enableZoom === !1)
               return;
-            Te(t);
+            Oe(t);
             break;
           case r.PAN:
             if (e.enablePan === !1)
               return;
-            Me(t);
+            Te(t);
             break;
         }
     }
     function ce(t) {
-      e.enabled === !1 || e.enableZoom === !1 || l !== r.NONE && l !== r.ROTATE || (t.preventDefault(), e.dispatchEvent(H), Ae(t), e.dispatchEvent(W));
+      e.enabled === !1 || e.enableZoom === !1 || l !== r.NONE && l !== r.ROTATE || (t.preventDefault(), e.dispatchEvent(A), Me(t), e.dispatchEvent(W));
     }
     function ue(t) {
-      e.enabled === !1 || e.enablePan === !1 || ve(t);
+      e.enabled === !1 || e.enablePan === !1 || Ae(t);
     }
-    function Re(t) {
+    function Ne(t) {
       switch (pe(t), s.length) {
         case 1:
           switch (e.touches.ONE) {
-            case N.ROTATE:
+            case R.ROTATE:
               if (e.enableRotate === !1)
                 return;
               te(), l = r.TOUCH_ROTATE;
               break;
-            case N.PAN:
+            case R.PAN:
               if (e.enablePan === !1)
                 return;
               ne(), l = r.TOUCH_PAN;
@@ -337,15 +337,15 @@ class Ue extends He {
           break;
         case 2:
           switch (e.touches.TWO) {
-            case N.DOLLY_PAN:
+            case R.DOLLY_PAN:
               if (e.enableZoom === !1 && e.enablePan === !1)
                 return;
-              we(), l = r.TOUCH_DOLLY_PAN;
+              ve(), l = r.TOUCH_DOLLY_PAN;
               break;
-            case N.DOLLY_ROTATE:
+            case R.DOLLY_ROTATE:
               if (e.enableZoom === !1 && e.enableRotate === !1)
                 return;
-              De(), l = r.TOUCH_DOLLY_ROTATE;
+              we(), l = r.TOUCH_DOLLY_ROTATE;
               break;
             default:
               l = r.NONE;
@@ -354,9 +354,9 @@ class Ue extends He {
         default:
           l = r.NONE;
       }
-      l !== r.NONE && e.dispatchEvent(H);
+      l !== r.NONE && e.dispatchEvent(A);
     }
-    function Se(t) {
+    function Re(t) {
       switch (pe(t), l) {
         case r.TOUCH_ROTATE:
           if (e.enableRotate === !1)
@@ -371,12 +371,12 @@ class Ue extends He {
         case r.TOUCH_DOLLY_PAN:
           if (e.enableZoom === !1 && e.enablePan === !1)
             return;
-          Le(t), e.update();
+          De(t), e.update();
           break;
         case r.TOUCH_DOLLY_ROTATE:
           if (e.enableZoom === !1 && e.enableRotate === !1)
             return;
-          je(t), e.update();
+          Le(t), e.update();
           break;
         default:
           l = r.NONE;
@@ -385,11 +385,11 @@ class Ue extends He {
     function he(t) {
       e.enabled !== !1 && t.preventDefault();
     }
-    function xe(t) {
+    function Se(t) {
       s.push(t);
     }
     function de(t) {
-      delete Y[t.pointerId];
+      delete _[t.pointerId];
       for (let n = 0; n < s.length; n++)
         if (s[n].pointerId == t.pointerId) {
           s.splice(n, 1);
@@ -397,28 +397,30 @@ class Ue extends He {
         }
     }
     function pe(t) {
-      let n = Y[t.pointerId];
-      n === void 0 && (n = new f(), Y[t.pointerId] = n), n.set(t.pageX, t.pageY);
+      let n = _[t.pointerId];
+      n === void 0 && (n = new f(), _[t.pointerId] = n), n.set(t.pageX, t.pageY);
     }
     function K(t) {
       const n = t.pointerId === s[0].pointerId ? s[1] : s[0];
-      return Y[n.pointerId];
+      return _[n.pointerId];
     }
-    m !== void 0 && this.connect(m), this.update();
+    E !== void 0 && this.connect(E), this.update();
   }
 }
-const Ke = /* @__PURE__ */ ke({
+const Xe = /* @__PURE__ */ xe({
   __name: "OrbitControls",
-  setup(E) {
+  setup(g) {
     let h;
-    const m = Ce(_e);
-    return Ye(
-      () => m,
-      () => {
-        const { camera: e, renderer: S } = m;
-        e && me(S) && (h = new Ue(e, me(S).domElement), h.enableDamping = !0, ze(() => {
-          h && h.update();
-        }));
+    const E = ke("UseTresState");
+    return Ce(
+      () => E,
+      (e) => {
+        if (e) {
+          const { camera: x, renderer: A } = e;
+          x && A && (h = new He(x, Ye(A).domElement), h.enableDamping = !0, _e(() => {
+            h && h.update();
+          }));
+        }
       },
       {
         deep: !0
@@ -428,5 +430,5 @@ const Ke = /* @__PURE__ */ ke({
   }
 });
 export {
-  Ke as OrbitControls
+  Xe as OrbitControls
 };

package/dist/trescientos.umd.cjs

@@ -1,8 +1,8 @@
 /**
  * name: @tresjs/cientos
- * version: v0.1.0
+ * version: v0.1.1
  * (c) 2022
  * description: Collection of useful helpers and fully functional, ready-made abstractions for Tres
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-(function(m,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("vue"),require("@tresjs/core"),require("three")):typeof define=="function"&&define.amd?define(["exports","vue","@tresjs/core","three"],b):(m=typeof globalThis<"u"?globalThis:m||self,b(m.trescientos={},m.Vue,m.core,m.Three))})(this,function(m,b,K,n){"use strict";function i(O,d,g){return d in O?Object.defineProperty(O,d,{value:g,enumerable:!0,configurable:!0,writable:!0}):O[d]=g,O}const q=(O,d)=>(O%d+d)%d;class fe extends n.EventDispatcher{constructor(d,g){super(),i(this,"object",void 0),i(this,"domElement",void 0),i(this,"enabled",!0),i(this,"target",new n.Vector3),i(this,"minDistance",0),i(this,"maxDistance",1/0),i(this,"minZoom",0),i(this,"maxZoom",1/0),i(this,"minPolarAngle",0),i(this,"maxPolarAngle",Math.PI),i(this,"minAzimuthAngle",-1/0),i(this,"maxAzimuthAngle",1/0),i(this,"enableDamping",!1),i(this,"dampingFactor",.05),i(this,"enableZoom",!0),i(this,"zoomSpeed",1),i(this,"enableRotate",!0),i(this,"rotateSpeed",1),i(this,"enablePan",!0),i(this,"panSpeed",1),i(this,"screenSpacePanning",!0),i(this,"keyPanSpeed",7),i(this,"autoRotate",!1),i(this,"autoRotateSpeed",2),i(this,"reverseOrbit",!1),i(this,"keys",{LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",BOTTOM:"ArrowDown"}),i(this,"mouseButtons",{LEFT:n.MOUSE.ROTATE,MIDDLE:n.MOUSE.DOLLY,RIGHT:n.MOUSE.PAN}),i(this,"touches",{ONE:n.TOUCH.ROTATE,TWO:n.TOUCH.DOLLY_PAN}),i(this,"target0",void 0),i(this,"position0",void 0),i(this,"zoom0",void 0),i(this,"_domElementKeyEvents",null),i(this,"getPolarAngle",void 0),i(this,"getAzimuthalAngle",void 0),i(this,"setPolarAngle",void 0),i(this,"setAzimuthalAngle",void 0),i(this,"getDistance",void 0),i(this,"listenToKeyEvents",void 0),i(this,"saveState",void 0),i(this,"reset",void 0),i(this,"update",void 0),i(this,"connect",void 0),i(this,"dispose",void 0),this.object=d,this.domElement=g,this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object instanceof n.PerspectiveCamera?this.object.zoom:1,this.getPolarAngle=()=>u.phi,this.getAzimuthalAngle=()=>u.theta,this.setPolarAngle=t=>{let o=q(t,2*Math.PI),a=u.phi;a<0&&(a+=2*Math.PI),o<0&&(o+=2*Math.PI);let s=Math.abs(o-a);2*Math.PI-s<s&&(o<a?o+=2*Math.PI:a+=2*Math.PI),p.phi=o-a,e.update()},this.setAzimuthalAngle=t=>{let o=q(t,2*Math.PI),a=u.theta;a<0&&(a+=2*Math.PI),o<0&&(o+=2*Math.PI);let s=Math.abs(o-a);2*Math.PI-s<s&&(o<a?o+=2*Math.PI:a+=2*Math.PI),p.theta=o-a,e.update()},this.getDistance=()=>e.object.position.distanceTo(e.target),this.listenToKeyEvents=t=>{t.addEventListener("keydown",le),this._domElementKeyEvents=t},this.saveState=()=>{e.target0.copy(e.target),e.position0.copy(e.object.position),e.zoom0=e.object instanceof n.PerspectiveCamera?e.object.zoom:1},this.reset=()=>{e.target.copy(e.target0),e.object.position.copy(e.position0),e.object instanceof n.PerspectiveCamera&&(e.object.zoom=e.zoom0,e.object.updateProjectionMatrix()),e.dispatchEvent(C),e.update(),l=c.NONE},this.update=(()=>{const t=new n.Vector3,o=new n.Quaternion().setFromUnitVectors(d.up,new n.Vector3(0,1,0)),a=o.clone().invert(),s=new n.Vector3,h=new n.Quaternion,f=2*Math.PI;return function(){const pe=e.object.position;t.copy(pe).sub(e.target),t.applyQuaternion(o),u.setFromVector3(t),e.autoRotate&&l===c.NONE&&z(be()),e.enableDamping?(u.theta+=p.theta*e.dampingFactor,u.phi+=p.phi*e.dampingFactor):(u.theta+=p.theta,u.phi+=p.phi);let P=e.minAzimuthAngle,y=e.maxAzimuthAngle;return isFinite(P)&&isFinite(y)&&(P<-Math.PI?P+=f:P>Math.PI&&(P-=f),y<-Math.PI?y+=f:y>Math.PI&&(y-=f),P<=y?u.theta=Math.max(P,Math.min(y,u.theta)):u.theta=u.theta>(P+y)/2?Math.max(P,u.theta):Math.min(y,u.theta)),u.phi=Math.max(e.minPolarAngle,Math.min(e.maxPolarAngle,u.phi)),u.makeSafe(),u.radius*=x,u.radius=Math.max(e.minDistance,Math.min(e.maxDistance,u.radius)),e.enableDamping===!0?e.target.addScaledVector(D,e.dampingFactor):e.target.add(D),t.setFromSpherical(u),t.applyQuaternion(a),pe.copy(e.target).add(t),e.object.lookAt(e.target),e.enableDamping===!0?(p.theta*=1-e.dampingFactor,p.phi*=1-e.dampingFactor,D.multiplyScalar(1-e.dampingFactor)):(p.set(0,0,0),D.set(0,0,0)),x=1,k||s.distanceToSquared(e.object.position)>G||8*(1-h.dot(e.object.quaternion))>G?(e.dispatchEvent(C),s.copy(e.object.position),h.copy(e.object.quaternion),k=!1,!0):!1}})(),this.connect=t=>{t===document&&console.error('THREE.OrbitControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.'),e.domElement=t,e.domElement.style.touchAction="none",e.domElement.addEventListener("contextmenu",ue),e.domElement.addEventListener("pointerdown",se),e.domElement.addEventListener("pointercancel",re),e.domElement.addEventListener("wheel",ce)},this.dispose=()=>{var t,o,a,s,h,f;(t=e.domElement)===null||t===void 0||t.removeEventListener("contextmenu",ue),(o=e.domElement)===null||o===void 0||o.removeEventListener("pointerdown",se),(a=e.domElement)===null||a===void 0||a.removeEventListener("pointercancel",re),(s=e.domElement)===null||s===void 0||s.removeEventListener("wheel",ce),(h=e.domElement)===null||h===void 0||h.ownerDocument.removeEventListener("pointermove",F),(f=e.domElement)===null||f===void 0||f.ownerDocument.removeEventListener("pointerup",X),e._domElementKeyEvents!==null&&e._domElementKeyEvents.removeEventListener("keydown",le)};const e=this,C={type:"change"},V={type:"start"},W={type:"end"},c={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_PAN:4,TOUCH_DOLLY_PAN:5,TOUCH_DOLLY_ROTATE:6};let l=c.NONE;const G=1e-6,u=new n.Spherical,p=new n.Spherical;let x=1;const D=new n.Vector3;let k=!1;const M=new n.Vector2,v=new n.Vector2,j=new n.Vector2,A=new n.Vector2,w=new n.Vector2,L=new n.Vector2,S=new n.Vector2,I=new n.Vector2,T=new n.Vector2,r=[],Y={};function be(){return 2*Math.PI/60/60*e.autoRotateSpeed}function U(){return Math.pow(.95,e.zoomSpeed)}function z(t){e.reverseOrbit?p.theta+=t:p.theta-=t}function B(t){e.reverseOrbit?p.phi+=t:p.phi-=t}const Q=(()=>{const t=new n.Vector3;return function(a,s){t.setFromMatrixColumn(s,0),t.multiplyScalar(-a),D.add(t)}})(),R=(()=>{const t=new n.Vector3;return function(a,s){e.screenSpacePanning===!0?t.setFromMatrixColumn(s,1):(t.setFromMatrixColumn(s,0),t.crossVectors(e.object.up,t)),t.multiplyScalar(a),D.add(t)}})(),N=(()=>{const t=new n.Vector3;return function(a,s){const h=e.domElement;if(h&&e.object instanceof n.PerspectiveCamera&&e.object.isPerspectiveCamera){const f=e.object.position;t.copy(f).sub(e.target);let _=t.length();_*=Math.tan(e.object.fov/2*Math.PI/180),Q(2*a*_/h.clientHeight,e.object.matrix),R(2*s*_/h.clientHeight,e.object.matrix)}else h&&e.object instanceof n.OrthographicCamera&&e.object.isOrthographicCamera?(Q(a*(e.object.right-e.object.left)/e.object.zoom/h.clientWidth,e.object.matrix),R(s*(e.object.top-e.object.bottom)/e.object.zoom/h.clientHeight,e.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),e.enablePan=!1)}})();function Z(t){e.object instanceof n.PerspectiveCamera&&e.object.isPerspectiveCamera?x/=t:e.object instanceof n.OrthographicCamera&&e.object.isOrthographicCamera?(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom*t)),e.object.updateProjectionMatrix(),k=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function J(t){e.object instanceof n.PerspectiveCamera&&e.object.isPerspectiveCamera?x*=t:e.object instanceof n.OrthographicCamera&&e.object.isOrthographicCamera?(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/t)),e.object.updateProjectionMatrix(),k=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function $(t){M.set(t.clientX,t.clientY)}function ge(t){S.set(t.clientX,t.clientY)}function H(t){A.set(t.clientX,t.clientY)}function Pe(t){v.set(t.clientX,t.clientY),j.subVectors(v,M).multiplyScalar(e.rotateSpeed);const o=e.domElement;o&&(z(2*Math.PI*j.x/o.clientHeight),B(2*Math.PI*j.y/o.clientHeight)),M.copy(v),e.update()}function ye(t){I.set(t.clientX,t.clientY),T.subVectors(I,S),T.y>0?Z(U()):T.y<0&&J(U()),S.copy(I),e.update()}function Oe(t){w.set(t.clientX,t.clientY),L.subVectors(w,A).multiplyScalar(e.panSpeed),N(L.x,L.y),A.copy(w),e.update()}function Me(t){t.deltaY<0?J(U()):t.deltaY>0&&Z(U()),e.update()}function ve(t){let o=!1;switch(t.code){case e.keys.UP:N(0,e.keyPanSpeed),o=!0;break;case e.keys.BOTTOM:N(0,-e.keyPanSpeed),o=!0;break;case e.keys.LEFT:N(e.keyPanSpeed,0),o=!0;break;case e.keys.RIGHT:N(-e.keyPanSpeed,0),o=!0;break}o&&(t.preventDefault(),e.update())}function ee(){if(r.length==1)M.set(r[0].pageX,r[0].pageY);else{const t=.5*(r[0].pageX+r[1].pageX),o=.5*(r[0].pageY+r[1].pageY);M.set(t,o)}}function te(){if(r.length==1)A.set(r[0].pageX,r[0].pageY);else{const t=.5*(r[0].pageX+r[1].pageX),o=.5*(r[0].pageY+r[1].pageY);A.set(t,o)}}function oe(){const t=r[0].pageX-r[1].pageX,o=r[0].pageY-r[1].pageY,a=Math.sqrt(t*t+o*o);S.set(0,a)}function Ae(){e.enableZoom&&oe(),e.enablePan&&te()}function we(){e.enableZoom&&oe(),e.enableRotate&&ee()}function ne(t){if(r.length==1)v.set(t.pageX,t.pageY);else{const a=E(t),s=.5*(t.pageX+a.x),h=.5*(t.pageY+a.y);v.set(s,h)}j.subVectors(v,M).multiplyScalar(e.rotateSpeed);const o=e.domElement;o&&(z(2*Math.PI*j.x/o.clientHeight),B(2*Math.PI*j.y/o.clientHeight)),M.copy(v)}function ae(t){if(r.length==1)w.set(t.pageX,t.pageY);else{const o=E(t),a=.5*(t.pageX+o.x),s=.5*(t.pageY+o.y);w.set(a,s)}L.subVectors(w,A).multiplyScalar(e.panSpeed),N(L.x,L.y),A.copy(w)}function ie(t){const o=E(t),a=t.pageX-o.x,s=t.pageY-o.y,h=Math.sqrt(a*a+s*s);I.set(0,h),T.set(0,Math.pow(I.y/S.y,e.zoomSpeed)),Z(T.y),S.copy(I)}function De(t){e.enableZoom&&ie(t),e.enablePan&&ae(t)}function je(t){e.enableZoom&&ie(t),e.enableRotate&&ne(t)}function se(t){if(e.enabled!==!1){if(r.length===0){var o,a;(o=e.domElement)===null||o===void 0||o.ownerDocument.addEventListener("pointermove",F),(a=e.domElement)===null||a===void 0||a.ownerDocument.addEventListener("pointerup",X)}Ce(t),t.pointerType==="touch"?Ie(t):Le(t)}}function F(t){e.enabled!==!1&&(t.pointerType==="touch"?Ne(t):Se(t))}function X(t){if(he(t),r.length===0){var o,a,s;(o=e.domElement)===null||o===void 0||o.releasePointerCapture(t.pointerId),(a=e.domElement)===null||a===void 0||a.ownerDocument.removeEventListener("pointermove",F),(s=e.domElement)===null||s===void 0||s.ownerDocument.removeEventListener("pointerup",X)}e.dispatchEvent(W),l=c.NONE}function re(t){he(t)}function Le(t){let o;switch(t.button){case 0:o=e.mouseButtons.LEFT;break;case 1:o=e.mouseButtons.MIDDLE;break;case 2:o=e.mouseButtons.RIGHT;break;default:o=-1}switch(o){case n.MOUSE.DOLLY:if(e.enableZoom===!1)return;ge(t),l=c.DOLLY;break;case n.MOUSE.ROTATE:if(t.ctrlKey||t.metaKey||t.shiftKey){if(e.enablePan===!1)return;H(t),l=c.PAN}else{if(e.enableRotate===!1)return;$(t),l=c.ROTATE}break;case n.MOUSE.PAN:if(t.ctrlKey||t.metaKey||t.shiftKey){if(e.enableRotate===!1)return;$(t),l=c.ROTATE}else{if(e.enablePan===!1)return;H(t),l=c.PAN}break;default:l=c.NONE}l!==c.NONE&&e.dispatchEvent(V)}function Se(t){if(e.enabled!==!1)switch(l){case c.ROTATE:if(e.enableRotate===!1)return;Pe(t);break;case c.DOLLY:if(e.enableZoom===!1)return;ye(t);break;case c.PAN:if(e.enablePan===!1)return;Oe(t);break}}function ce(t){e.enabled===!1||e.enableZoom===!1||l!==c.NONE&&l!==c.ROTATE||(t.preventDefault(),e.dispatchEvent(V),Me(t),e.dispatchEvent(W))}function le(t){e.enabled===!1||e.enablePan===!1||ve(t)}function Ie(t){switch(de(t),r.length){case 1:switch(e.touches.ONE){case n.TOUCH.ROTATE:if(e.enableRotate===!1)return;ee(),l=c.TOUCH_ROTATE;break;case n.TOUCH.PAN:if(e.enablePan===!1)return;te(),l=c.TOUCH_PAN;break;default:l=c.NONE}break;case 2:switch(e.touches.TWO){case n.TOUCH.DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;Ae(),l=c.TOUCH_DOLLY_PAN;break;case n.TOUCH.DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;we(),l=c.TOUCH_DOLLY_ROTATE;break;default:l=c.NONE}break;default:l=c.NONE}l!==c.NONE&&e.dispatchEvent(V)}function Ne(t){switch(de(t),l){case c.TOUCH_ROTATE:if(e.enableRotate===!1)return;ne(t),e.update();break;case c.TOUCH_PAN:if(e.enablePan===!1)return;ae(t),e.update();break;case c.TOUCH_DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;De(t),e.update();break;case c.TOUCH_DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;je(t),e.update();break;default:l=c.NONE}}function ue(t){e.enabled!==!1&&t.preventDefault()}function Ce(t){r.push(t)}function he(t){delete Y[t.pointerId];for(let o=0;o<r.length;o++)if(r[o].pointerId==t.pointerId){r.splice(o,1);return}}function de(t){let o=Y[t.pointerId];o===void 0&&(o=new n.Vector2,Y[t.pointerId]=o),o.set(t.pageX,t.pageY)}function E(t){const o=t.pointerId===r[0].pointerId?r[1]:r[0];return Y[o.pointerId]}g!==void 0&&this.connect(g),this.update()}}const me=b.defineComponent({__name:"OrbitControls",setup(O){let d;const g=b.inject(K.UseTresStateSymbol);return b.watch(()=>g,()=>{const{camera:e,renderer:C}=g;e&&b.unref(C)&&(d=new fe(e,b.unref(C).domElement),d.enableDamping=!0,K.useLoop(()=>{d&&d.update()}))},{deep:!0}),()=>{}}});m.OrbitControls=me,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(m,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("vue"),require("@tresjs/core"),require("three")):typeof define=="function"&&define.amd?define(["exports","vue","@tresjs/core","three"],P):(m=typeof globalThis<"u"?globalThis:m||self,P(m.trescientos={},m.Vue,m.core,m.Three))})(this,function(m,P,pe,n){"use strict";function i(y,d,O){return d in y?Object.defineProperty(y,d,{value:O,enumerable:!0,configurable:!0,writable:!0}):y[d]=O,y}const K=(y,d)=>(y%d+d)%d;class fe extends n.EventDispatcher{constructor(d,O){super(),i(this,"object",void 0),i(this,"domElement",void 0),i(this,"enabled",!0),i(this,"target",new n.Vector3),i(this,"minDistance",0),i(this,"maxDistance",1/0),i(this,"minZoom",0),i(this,"maxZoom",1/0),i(this,"minPolarAngle",0),i(this,"maxPolarAngle",Math.PI),i(this,"minAzimuthAngle",-1/0),i(this,"maxAzimuthAngle",1/0),i(this,"enableDamping",!1),i(this,"dampingFactor",.05),i(this,"enableZoom",!0),i(this,"zoomSpeed",1),i(this,"enableRotate",!0),i(this,"rotateSpeed",1),i(this,"enablePan",!0),i(this,"panSpeed",1),i(this,"screenSpacePanning",!0),i(this,"keyPanSpeed",7),i(this,"autoRotate",!1),i(this,"autoRotateSpeed",2),i(this,"reverseOrbit",!1),i(this,"keys",{LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",BOTTOM:"ArrowDown"}),i(this,"mouseButtons",{LEFT:n.MOUSE.ROTATE,MIDDLE:n.MOUSE.DOLLY,RIGHT:n.MOUSE.PAN}),i(this,"touches",{ONE:n.TOUCH.ROTATE,TWO:n.TOUCH.DOLLY_PAN}),i(this,"target0",void 0),i(this,"position0",void 0),i(this,"zoom0",void 0),i(this,"_domElementKeyEvents",null),i(this,"getPolarAngle",void 0),i(this,"getAzimuthalAngle",void 0),i(this,"setPolarAngle",void 0),i(this,"setAzimuthalAngle",void 0),i(this,"getDistance",void 0),i(this,"listenToKeyEvents",void 0),i(this,"saveState",void 0),i(this,"reset",void 0),i(this,"update",void 0),i(this,"connect",void 0),i(this,"dispose",void 0),this.object=d,this.domElement=O,this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object instanceof n.PerspectiveCamera?this.object.zoom:1,this.getPolarAngle=()=>u.phi,this.getAzimuthalAngle=()=>u.theta,this.setPolarAngle=t=>{let o=K(t,2*Math.PI),a=u.phi;a<0&&(a+=2*Math.PI),o<0&&(o+=2*Math.PI);let s=Math.abs(o-a);2*Math.PI-s<s&&(o<a?o+=2*Math.PI:a+=2*Math.PI),p.phi=o-a,e.update()},this.setAzimuthalAngle=t=>{let o=K(t,2*Math.PI),a=u.theta;a<0&&(a+=2*Math.PI),o<0&&(o+=2*Math.PI);let s=Math.abs(o-a);2*Math.PI-s<s&&(o<a?o+=2*Math.PI:a+=2*Math.PI),p.theta=o-a,e.update()},this.getDistance=()=>e.object.position.distanceTo(e.target),this.listenToKeyEvents=t=>{t.addEventListener("keydown",ce),this._domElementKeyEvents=t},this.saveState=()=>{e.target0.copy(e.target),e.position0.copy(e.object.position),e.zoom0=e.object instanceof n.PerspectiveCamera?e.object.zoom:1},this.reset=()=>{e.target.copy(e.target0),e.object.position.copy(e.position0),e.object instanceof n.PerspectiveCamera&&(e.object.zoom=e.zoom0,e.object.updateProjectionMatrix()),e.dispatchEvent(T),e.update(),l=c.NONE},this.update=(()=>{const t=new n.Vector3,o=new n.Quaternion().setFromUnitVectors(d.up,new n.Vector3(0,1,0)),a=o.clone().invert(),s=new n.Vector3,h=new n.Quaternion,f=2*Math.PI;return function(){const de=e.object.position;t.copy(de).sub(e.target),t.applyQuaternion(o),u.setFromVector3(t),e.autoRotate&&l===c.NONE&&z(be()),e.enableDamping?(u.theta+=p.theta*e.dampingFactor,u.phi+=p.phi*e.dampingFactor):(u.theta+=p.theta,u.phi+=p.phi);let b=e.minAzimuthAngle,g=e.maxAzimuthAngle;return isFinite(b)&&isFinite(g)&&(b<-Math.PI?b+=f:b>Math.PI&&(b-=f),g<-Math.PI?g+=f:g>Math.PI&&(g-=f),b<=g?u.theta=Math.max(b,Math.min(g,u.theta)):u.theta=u.theta>(b+g)/2?Math.max(b,u.theta):Math.min(g,u.theta)),u.phi=Math.max(e.minPolarAngle,Math.min(e.maxPolarAngle,u.phi)),u.makeSafe(),u.radius*=k,u.radius=Math.max(e.minDistance,Math.min(e.maxDistance,u.radius)),e.enableDamping===!0?e.target.addScaledVector(j,e.dampingFactor):e.target.add(j),t.setFromSpherical(u),t.applyQuaternion(a),de.copy(e.target).add(t),e.object.lookAt(e.target),e.enableDamping===!0?(p.theta*=1-e.dampingFactor,p.phi*=1-e.dampingFactor,j.multiplyScalar(1-e.dampingFactor)):(p.set(0,0,0),j.set(0,0,0)),k=1,Y||s.distanceToSquared(e.object.position)>W||8*(1-h.dot(e.object.quaternion))>W?(e.dispatchEvent(T),s.copy(e.object.position),h.copy(e.object.quaternion),Y=!1,!0):!1}})(),this.connect=t=>{t===document&&console.error('THREE.OrbitControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.'),e.domElement=t,e.domElement.style.touchAction="none",e.domElement.addEventListener("contextmenu",le),e.domElement.addEventListener("pointerdown",ie),e.domElement.addEventListener("pointercancel",se),e.domElement.addEventListener("wheel",re)},this.dispose=()=>{var t,o,a,s,h,f;(t=e.domElement)===null||t===void 0||t.removeEventListener("contextmenu",le),(o=e.domElement)===null||o===void 0||o.removeEventListener("pointerdown",ie),(a=e.domElement)===null||a===void 0||a.removeEventListener("pointercancel",se),(s=e.domElement)===null||s===void 0||s.removeEventListener("wheel",re),(h=e.domElement)===null||h===void 0||h.ownerDocument.removeEventListener("pointermove",F),(f=e.domElement)===null||f===void 0||f.ownerDocument.removeEventListener("pointerup",X),e._domElementKeyEvents!==null&&e._domElementKeyEvents.removeEventListener("keydown",ce)};const e=this,T={type:"change"},D={type:"start"},q={type:"end"},c={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_PAN:4,TOUCH_DOLLY_PAN:5,TOUCH_DOLLY_ROTATE:6};let l=c.NONE;const W=1e-6,u=new n.Spherical,p=new n.Spherical;let k=1;const j=new n.Vector3;let Y=!1;const M=new n.Vector2,v=new n.Vector2,L=new n.Vector2,A=new n.Vector2,w=new n.Vector2,S=new n.Vector2,I=new n.Vector2,N=new n.Vector2,x=new n.Vector2,r=[],U={};function be(){return 2*Math.PI/60/60*e.autoRotateSpeed}function _(){return Math.pow(.95,e.zoomSpeed)}function z(t){e.reverseOrbit?p.theta+=t:p.theta-=t}function G(t){e.reverseOrbit?p.phi+=t:p.phi-=t}const B=(()=>{const t=new n.Vector3;return function(a,s){t.setFromMatrixColumn(s,0),t.multiplyScalar(-a),j.add(t)}})(),Q=(()=>{const t=new n.Vector3;return function(a,s){e.screenSpacePanning===!0?t.setFromMatrixColumn(s,1):(t.setFromMatrixColumn(s,0),t.crossVectors(e.object.up,t)),t.multiplyScalar(a),j.add(t)}})(),C=(()=>{const t=new n.Vector3;return function(a,s){const h=e.domElement;if(h&&e.object instanceof n.PerspectiveCamera&&e.object.isPerspectiveCamera){const f=e.object.position;t.copy(f).sub(e.target);let V=t.length();V*=Math.tan(e.object.fov/2*Math.PI/180),B(2*a*V/h.clientHeight,e.object.matrix),Q(2*s*V/h.clientHeight,e.object.matrix)}else h&&e.object instanceof n.OrthographicCamera&&e.object.isOrthographicCamera?(B(a*(e.object.right-e.object.left)/e.object.zoom/h.clientWidth,e.object.matrix),Q(s*(e.object.top-e.object.bottom)/e.object.zoom/h.clientHeight,e.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),e.enablePan=!1)}})();function Z(t){e.object instanceof n.PerspectiveCamera&&e.object.isPerspectiveCamera?k/=t:e.object instanceof n.OrthographicCamera&&e.object.isOrthographicCamera?(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom*t)),e.object.updateProjectionMatrix(),Y=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function R(t){e.object instanceof n.PerspectiveCamera&&e.object.isPerspectiveCamera?k*=t:e.object instanceof n.OrthographicCamera&&e.object.isOrthographicCamera?(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/t)),e.object.updateProjectionMatrix(),Y=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function J(t){M.set(t.clientX,t.clientY)}function ge(t){I.set(t.clientX,t.clientY)}function $(t){A.set(t.clientX,t.clientY)}function Pe(t){v.set(t.clientX,t.clientY),L.subVectors(v,M).multiplyScalar(e.rotateSpeed);const o=e.domElement;o&&(z(2*Math.PI*L.x/o.clientHeight),G(2*Math.PI*L.y/o.clientHeight)),M.copy(v),e.update()}function ye(t){N.set(t.clientX,t.clientY),x.subVectors(N,I),x.y>0?Z(_()):x.y<0&&R(_()),I.copy(N),e.update()}function Oe(t){w.set(t.clientX,t.clientY),S.subVectors(w,A).multiplyScalar(e.panSpeed),C(S.x,S.y),A.copy(w),e.update()}function Me(t){t.deltaY<0?R(_()):t.deltaY>0&&Z(_()),e.update()}function ve(t){let o=!1;switch(t.code){case e.keys.UP:C(0,e.keyPanSpeed),o=!0;break;case e.keys.BOTTOM:C(0,-e.keyPanSpeed),o=!0;break;case e.keys.LEFT:C(e.keyPanSpeed,0),o=!0;break;case e.keys.RIGHT:C(-e.keyPanSpeed,0),o=!0;break}o&&(t.preventDefault(),e.update())}function H(){if(r.length==1)M.set(r[0].pageX,r[0].pageY);else{const t=.5*(r[0].pageX+r[1].pageX),o=.5*(r[0].pageY+r[1].pageY);M.set(t,o)}}function ee(){if(r.length==1)A.set(r[0].pageX,r[0].pageY);else{const t=.5*(r[0].pageX+r[1].pageX),o=.5*(r[0].pageY+r[1].pageY);A.set(t,o)}}function te(){const t=r[0].pageX-r[1].pageX,o=r[0].pageY-r[1].pageY,a=Math.sqrt(t*t+o*o);I.set(0,a)}function Ae(){e.enableZoom&&te(),e.enablePan&&ee()}function we(){e.enableZoom&&te(),e.enableRotate&&H()}function oe(t){if(r.length==1)v.set(t.pageX,t.pageY);else{const a=E(t),s=.5*(t.pageX+a.x),h=.5*(t.pageY+a.y);v.set(s,h)}L.subVectors(v,M).multiplyScalar(e.rotateSpeed);const o=e.domElement;o&&(z(2*Math.PI*L.x/o.clientHeight),G(2*Math.PI*L.y/o.clientHeight)),M.copy(v)}function ne(t){if(r.length==1)w.set(t.pageX,t.pageY);else{const o=E(t),a=.5*(t.pageX+o.x),s=.5*(t.pageY+o.y);w.set(a,s)}S.subVectors(w,A).multiplyScalar(e.panSpeed),C(S.x,S.y),A.copy(w)}function ae(t){const o=E(t),a=t.pageX-o.x,s=t.pageY-o.y,h=Math.sqrt(a*a+s*s);N.set(0,h),x.set(0,Math.pow(N.y/I.y,e.zoomSpeed)),Z(x.y),I.copy(N)}function De(t){e.enableZoom&&ae(t),e.enablePan&&ne(t)}function je(t){e.enableZoom&&ae(t),e.enableRotate&&oe(t)}function ie(t){if(e.enabled!==!1){if(r.length===0){var o,a;(o=e.domElement)===null||o===void 0||o.ownerDocument.addEventListener("pointermove",F),(a=e.domElement)===null||a===void 0||a.ownerDocument.addEventListener("pointerup",X)}Ce(t),t.pointerType==="touch"?Ie(t):Le(t)}}function F(t){e.enabled!==!1&&(t.pointerType==="touch"?Ne(t):Se(t))}function X(t){if(ue(t),r.length===0){var o,a,s;(o=e.domElement)===null||o===void 0||o.releasePointerCapture(t.pointerId),(a=e.domElement)===null||a===void 0||a.ownerDocument.removeEventListener("pointermove",F),(s=e.domElement)===null||s===void 0||s.ownerDocument.removeEventListener("pointerup",X)}e.dispatchEvent(q),l=c.NONE}function se(t){ue(t)}function Le(t){let o;switch(t.button){case 0:o=e.mouseButtons.LEFT;break;case 1:o=e.mouseButtons.MIDDLE;break;case 2:o=e.mouseButtons.RIGHT;break;default:o=-1}switch(o){case n.MOUSE.DOLLY:if(e.enableZoom===!1)return;ge(t),l=c.DOLLY;break;case n.MOUSE.ROTATE:if(t.ctrlKey||t.metaKey||t.shiftKey){if(e.enablePan===!1)return;$(t),l=c.PAN}else{if(e.enableRotate===!1)return;J(t),l=c.ROTATE}break;case n.MOUSE.PAN:if(t.ctrlKey||t.metaKey||t.shiftKey){if(e.enableRotate===!1)return;J(t),l=c.ROTATE}else{if(e.enablePan===!1)return;$(t),l=c.PAN}break;default:l=c.NONE}l!==c.NONE&&e.dispatchEvent(D)}function Se(t){if(e.enabled!==!1)switch(l){case c.ROTATE:if(e.enableRotate===!1)return;Pe(t);break;case c.DOLLY:if(e.enableZoom===!1)return;ye(t);break;case c.PAN:if(e.enablePan===!1)return;Oe(t);break}}function re(t){e.enabled===!1||e.enableZoom===!1||l!==c.NONE&&l!==c.ROTATE||(t.preventDefault(),e.dispatchEvent(D),Me(t),e.dispatchEvent(q))}function ce(t){e.enabled===!1||e.enablePan===!1||ve(t)}function Ie(t){switch(he(t),r.length){case 1:switch(e.touches.ONE){case n.TOUCH.ROTATE:if(e.enableRotate===!1)return;H(),l=c.TOUCH_ROTATE;break;case n.TOUCH.PAN:if(e.enablePan===!1)return;ee(),l=c.TOUCH_PAN;break;default:l=c.NONE}break;case 2:switch(e.touches.TWO){case n.TOUCH.DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;Ae(),l=c.TOUCH_DOLLY_PAN;break;case n.TOUCH.DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;we(),l=c.TOUCH_DOLLY_ROTATE;break;default:l=c.NONE}break;default:l=c.NONE}l!==c.NONE&&e.dispatchEvent(D)}function Ne(t){switch(he(t),l){case c.TOUCH_ROTATE:if(e.enableRotate===!1)return;oe(t),e.update();break;case c.TOUCH_PAN:if(e.enablePan===!1)return;ne(t),e.update();break;case c.TOUCH_DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;De(t),e.update();break;case c.TOUCH_DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;je(t),e.update();break;default:l=c.NONE}}function le(t){e.enabled!==!1&&t.preventDefault()}function Ce(t){r.push(t)}function ue(t){delete U[t.pointerId];for(let o=0;o<r.length;o++)if(r[o].pointerId==t.pointerId){r.splice(o,1);return}}function he(t){let o=U[t.pointerId];o===void 0&&(o=new n.Vector2,U[t.pointerId]=o),o.set(t.pageX,t.pageY)}function E(t){const o=t.pointerId===r[0].pointerId?r[1]:r[0];return U[o.pointerId]}O!==void 0&&this.connect(O),this.update()}}const me=P.defineComponent({__name:"OrbitControls",setup(y){let d;const O=P.inject("UseTresState");return P.watch(()=>O,e=>{if(e){const{camera:T,renderer:D}=e;T&&D&&(d=new fe(T,P.unref(D).domElement),d.enableDamping=!0,pe.useLoop(()=>{d&&d.update()}))}},{deep:!0}),()=>{}}});m.OrbitControls=me,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/cientos",
   "description": "Collection of useful helpers and fully functional, ready-made abstractions for Tres",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
   "files": [
@@ -30,27 +30,28 @@
     "threejs-vue"
   ],
   "peerDependencies": {
-    "@tresjs/core": "^0.2.0"
+    "@tresjs/core": "^0.2.1",
+    "three": "latest",
+    "vue": "^3.2.45"
   },
   "devDependencies": {
+    "@tresjs/core": "^0.2.1",
     "@vitejs/plugin-vue": "^3.2.0",
-    "typescript": "^4.6.4",
-    "vite": "^3.2.3",
     "kolorist": "^1.6.0",
     "pathe": "^0.3.9",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-visualizer": "^5.8.3",
-    "three-stdlib": "^2.17.3",
-    "vite-plugin-banner": "^0.5.0",
-    "vite-plugin-dts": "^1.6.6"
+    "typescript": "^4.8.4",
+    "vite": "^3.2.3",
+    "vite-plugin-banner": "^0.6.1",
+    "vite-plugin-dts": "^1.7.0"
   },
   "dependencies": {
-    "three": "latest",
-    "vue": "^3.2.41"
+    "three-stdlib": "^2.17.3"
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "vite build",
     "preview": "vite preview",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx,.vue"
   }