@tresjs/cientos 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022-present, (alvarosabu) Alvaro Saburido and Tres contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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

@@ -0,0 +1,16 @@
+import { useLoop, TresState } from '@tresjs/core';
+import { OrbitControls as OrbitControlsImp } from 'three-stdlib';
+import { inject, Ref, 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;
+    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<{}>>, {}>;
+export default _sfc_main;

package/dist/env.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import OrbitControls from './core/OrbitControls.vue';
+export { OrbitControls };

package/dist/trescientos.js

@@ -0,0 +1,432 @@
+/**
+ * name: @tresjs/cientos
+ * version: v0.1.0
+ * (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,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : E[h] = m, E;
+}
+const Ee = (E, h) => (E % h + h) % h;
+class Ue extends He {
+  constructor(h, m) {
+    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
+    }), 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;
+      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;
+      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;
+    }, 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;
+    }, 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;
+      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;
+      };
+    })(), 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);
+    }, this.dispose = () => {
+      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 = {
+      type: "change"
+    }, H = {
+      type: "start"
+    }, W = {
+      type: "end"
+    }, r = {
+      NONE: -1,
+      ROTATE: 0,
+      DOLLY: 1,
+      PAN: 2,
+      TOUCH_ROTATE: 3,
+      TOUCH_PAN: 4,
+      TOUCH_DOLLY_PAN: 5,
+      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() {
+      return 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
+    }
+    function _() {
+      return Math.pow(0.95, e.zoomSpeed);
+    }
+    function U(t) {
+      e.reverseOrbit ? d.theta += t : d.theta -= t;
+    }
+    function G(t) {
+      e.reverseOrbit ? d.phi += t : d.phi -= t;
+    }
+    const B = (() => {
+      const t = new P();
+      return function(o, i) {
+        t.setFromMatrixColumn(i, 0), t.multiplyScalar(-o), A.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);
+      };
+    })(), j = (() => {
+      const t = new P();
+      return function(o, i) {
+        const u = e.domElement;
+        if (u && e.object instanceof R && 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);
+        } 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);
+    }
+    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);
+    }
+    function $(t) {
+      y.set(t.clientX, t.clientY);
+    }
+    function ye(t) {
+      D.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);
+      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();
+    }
+    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();
+    }
+    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();
+    }
+    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;
+          break;
+        case e.keys.BOTTOM:
+          j(0, -e.keyPanSpeed), n = !0;
+          break;
+        case e.keys.LEFT:
+          j(e.keyPanSpeed, 0), n = !0;
+          break;
+        case e.keys.RIGHT:
+          j(-e.keyPanSpeed, 0), n = !0;
+          break;
+      }
+      n && (t.preventDefault(), e.update());
+    }
+    function te() {
+      if (s.length == 1)
+        y.set(s[0].pageX, s[0].pageY);
+      else {
+        const t = 0.5 * (s[0].pageX + s[1].pageX), n = 0.5 * (s[0].pageY + s[1].pageY);
+        y.set(t, n);
+      }
+    }
+    function ne() {
+      if (s.length == 1)
+        T.set(s[0].pageX, s[0].pageY);
+      else {
+        const t = 0.5 * (s[0].pageX + s[1].pageX), n = 0.5 * (s[0].pageY + s[1].pageY);
+        T.set(t, n);
+      }
+    }
+    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);
+    }
+    function we() {
+      e.enableZoom && oe(), e.enablePan && ne();
+    }
+    function De() {
+      e.enableZoom && oe(), e.enableRotate && te();
+    }
+    function ae(t) {
+      if (s.length == 1)
+        O.set(t.pageX, t.pageY);
+      else {
+        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);
+      const n = e.domElement;
+      n && (U(2 * Math.PI * v.x / n.clientHeight), G(2 * Math.PI * v.y / n.clientHeight)), y.copy(O);
+    }
+    function ie(t) {
+      if (s.length == 1)
+        M.set(t.pageX, t.pageY);
+      else {
+        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);
+    }
+    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);
+    }
+    function Le(t) {
+      e.enableZoom && se(t), e.enablePan && ie(t);
+    }
+    function je(t) {
+      e.enableZoom && se(t), e.enableRotate && ae(t);
+    }
+    function re(t) {
+      if (e.enabled !== !1) {
+        if (s.length === 0) {
+          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);
+      }
+    }
+    function F(t) {
+      e.enabled !== !1 && (t.pointerType === "touch" ? Se(t) : Ne(t));
+    }
+    function X(t) {
+      if (de(t), s.length === 0) {
+        var n, o, i;
+        (n = e.domElement) === null || n === void 0 || n.releasePointerCapture(t.pointerId), (o = e.domElement) === null || o === void 0 || o.ownerDocument.removeEventListener("pointermove", F), (i = e.domElement) === null || i === void 0 || i.ownerDocument.removeEventListener("pointerup", X);
+      }
+      e.dispatchEvent(W), l = r.NONE;
+    }
+    function le(t) {
+      de(t);
+    }
+    function Ie(t) {
+      let n;
+      switch (t.button) {
+        case 0:
+          n = e.mouseButtons.LEFT;
+          break;
+        case 1:
+          n = e.mouseButtons.MIDDLE;
+          break;
+        case 2:
+          n = e.mouseButtons.RIGHT;
+          break;
+        default:
+          n = -1;
+      }
+      switch (n) {
+        case I.DOLLY:
+          if (e.enableZoom === !1)
+            return;
+          ye(t), l = r.DOLLY;
+          break;
+        case I.ROTATE:
+          if (t.ctrlKey || t.metaKey || t.shiftKey) {
+            if (e.enablePan === !1)
+              return;
+            ee(t), l = r.PAN;
+          } else {
+            if (e.enableRotate === !1)
+              return;
+            $(t), l = r.ROTATE;
+          }
+          break;
+        case I.PAN:
+          if (t.ctrlKey || t.metaKey || t.shiftKey) {
+            if (e.enableRotate === !1)
+              return;
+            $(t), l = r.ROTATE;
+          } else {
+            if (e.enablePan === !1)
+              return;
+            ee(t), l = r.PAN;
+          }
+          break;
+        default:
+          l = r.NONE;
+      }
+      l !== r.NONE && e.dispatchEvent(H);
+    }
+    function Ne(t) {
+      if (e.enabled !== !1)
+        switch (l) {
+          case r.ROTATE:
+            if (e.enableRotate === !1)
+              return;
+            Oe(t);
+            break;
+          case r.DOLLY:
+            if (e.enableZoom === !1)
+              return;
+            Te(t);
+            break;
+          case r.PAN:
+            if (e.enablePan === !1)
+              return;
+            Me(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));
+    }
+    function ue(t) {
+      e.enabled === !1 || e.enablePan === !1 || ve(t);
+    }
+    function Re(t) {
+      switch (pe(t), s.length) {
+        case 1:
+          switch (e.touches.ONE) {
+            case N.ROTATE:
+              if (e.enableRotate === !1)
+                return;
+              te(), l = r.TOUCH_ROTATE;
+              break;
+            case N.PAN:
+              if (e.enablePan === !1)
+                return;
+              ne(), l = r.TOUCH_PAN;
+              break;
+            default:
+              l = r.NONE;
+          }
+          break;
+        case 2:
+          switch (e.touches.TWO) {
+            case N.DOLLY_PAN:
+              if (e.enableZoom === !1 && e.enablePan === !1)
+                return;
+              we(), l = r.TOUCH_DOLLY_PAN;
+              break;
+            case N.DOLLY_ROTATE:
+              if (e.enableZoom === !1 && e.enableRotate === !1)
+                return;
+              De(), l = r.TOUCH_DOLLY_ROTATE;
+              break;
+            default:
+              l = r.NONE;
+          }
+          break;
+        default:
+          l = r.NONE;
+      }
+      l !== r.NONE && e.dispatchEvent(H);
+    }
+    function Se(t) {
+      switch (pe(t), l) {
+        case r.TOUCH_ROTATE:
+          if (e.enableRotate === !1)
+            return;
+          ae(t), e.update();
+          break;
+        case r.TOUCH_PAN:
+          if (e.enablePan === !1)
+            return;
+          ie(t), e.update();
+          break;
+        case r.TOUCH_DOLLY_PAN:
+          if (e.enableZoom === !1 && e.enablePan === !1)
+            return;
+          Le(t), e.update();
+          break;
+        case r.TOUCH_DOLLY_ROTATE:
+          if (e.enableZoom === !1 && e.enableRotate === !1)
+            return;
+          je(t), e.update();
+          break;
+        default:
+          l = r.NONE;
+      }
+    }
+    function he(t) {
+      e.enabled !== !1 && t.preventDefault();
+    }
+    function xe(t) {
+      s.push(t);
+    }
+    function de(t) {
+      delete Y[t.pointerId];
+      for (let n = 0; n < s.length; n++)
+        if (s[n].pointerId == t.pointerId) {
+          s.splice(n, 1);
+          return;
+        }
+    }
+    function pe(t) {
+      let n = Y[t.pointerId];
+      n === void 0 && (n = new f(), Y[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];
+    }
+    m !== void 0 && this.connect(m), this.update();
+  }
+}
+const Ke = /* @__PURE__ */ ke({
+  __name: "OrbitControls",
+  setup(E) {
+    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();
+        }));
+      },
+      {
+        deep: !0
+      }
+    ), () => {
+    };
+  }
+});
+export {
+  Ke as OrbitControls
+};

package/dist/trescientos.umd.cjs

@@ -0,0 +1,8 @@
+/**
+ * name: @tresjs/cientos
+ * version: v0.1.0
+ * (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"}})});

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@tresjs/cientos",
+  "description": "Collection of useful helpers and fully functional, ready-made abstractions for Tres",
+  "version": "0.1.0",
+  "type": "module",
+  "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "main": "./dist/trescientos.umd.cjs",
+  "module": "./dist/trescientos.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/trescientos.js",
+      "require": "./dist/trescientos.umd.cjs"
+    },
+    "./styles": "./dist/style.css",
+    "./*": "./dist/trescientos.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "vue",
+    "3d",
+    "threejs",
+    "three",
+    "threejs-vue"
+  ],
+  "peerDependencies": {
+    "@tresjs/core": "^0.2.0"
+  },
+  "devDependencies": {
+    "@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"
+  },
+  "dependencies": {
+    "three": "latest",
+    "vue": "^3.2.41"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx,.vue"
+  }
+}