@tresjs/core 2.4.0 → 2.4.2

package/dist/tres.js

@@ -1,23 +1,23 @@
 /**
  * name: @tresjs/core
- * version: v2.4.0
+ * version: v2.4.2
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { ref as G, shallowReactive as ce, toRefs as ue, provide as xe, inject as Le, watchEffect as fe, toRef as _e, shallowRef as Se, computed as A, watch as I, onUnmounted as le, reactive as Ae, createRenderer as Oe, defineComponent as de, onMounted as ke, h as _ } from "vue";
-import * as q from "three";
-import { PerspectiveCamera as z, OrthographicCamera as De, Clock as pe, Vector3 as je, Color as W, SRGBColorSpace as Ie, ACESFilmicToneMapping as Be, PCFSoftShadowMap as He, PCFShadowMap as Ve, LinearSRGBColorSpace as ae, NoToneMapping as ne, WebGLRenderer as Ge, LoadingManager as Fe, TextureLoader as Ne, Raycaster as ze, Vector2 as We, BufferAttribute as $e } from "three";
-import { createEventHook as O, useRafFn as Ue, toValue as m, useWindowSize as Ye, useElementSize as qe, useDevicePixelRatio as Ke, unrefElement as $, usePointer as Je, useElementBounding as Xe } from "@vueuse/core";
-const me = G({}), ve = (e) => void Object.assign(me.value, e), re = (e) => typeof e == "function", ge = (e) => !!e && e.constructor === Array, b = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "0a", "0b", "0c", "0d", "0e", "0f", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "1a", "1b", "1c", "1d", "1e", "1f", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "2a", "2b", "2c", "2d", "2e", "2f", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "3a", "3b", "3c", "3d", "3e", "3f", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "4a", "4b", "4c", "4d", "4e", "4f", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "5a", "5b", "5c", "5d", "5e", "5f", "60", "61", "62", "63", "64", "65", "66", "67", "68", "69", "6a", "6b", "6c", "6d", "6e", "6f", "70", "71", "72", "73", "74", "75", "76", "77", "78", "79", "7a", "7b", "7c", "7d", "7e", "7f", "80", "81", "82", "83", "84", "85", "86", "87", "88", "89", "8a", "8b", "8c", "8d", "8e", "8f", "90", "91", "92", "93", "94", "95", "96", "97", "98", "99", "9a", "9b", "9c", "9d", "9e", "9f", "a0", "a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "aa", "ab", "ac", "ad", "ae", "af", "b0", "b1", "b2", "b3", "b4", "b5", "b6", "b7", "b8", "b9", "ba", "bb", "bc", "bd", "be", "bf", "c0", "c1", "c2", "c3", "c4", "c5", "c6", "c7", "c8", "c9", "ca", "cb", "cc", "cd", "ce", "cf", "d0", "d1", "d2", "d3", "d4", "d5", "d6", "d7", "d8", "d9", "da", "db", "dc", "dd", "de", "df", "e0", "e1", "e2", "e3", "e4", "e5", "e6", "e7", "e8", "e9", "ea", "eb", "ec", "ed", "ee", "ef", "f0", "f1", "f2", "f3", "f4", "f5", "f6", "f7", "f8", "f9", "fa", "fb", "fc", "fd", "fe", "ff"];
-function Qe() {
-  const e = Math.random() * 4294967295 | 0, t = Math.random() * 4294967295 | 0, n = Math.random() * 4294967295 | 0, a = Math.random() * 4294967295 | 0;
-  return (b[e & 255] + b[e >> 8 & 255] + b[e >> 16 & 255] + b[e >> 24 & 255] + "-" + b[t & 255] + b[t >> 8 & 255] + "-" + b[t >> 16 & 15 | 64] + b[t >> 24 & 255] + "-" + b[n & 63 | 128] + b[n >> 8 & 255] + "-" + b[n >> 16 & 255] + b[n >> 24 & 255] + b[a & 255] + b[a >> 8 & 255] + b[a >> 16 & 255] + b[a >> 24 & 255]).toLowerCase();
+import { ref as G, shallowReactive as se, toRefs as ce, provide as Re, inject as Te, watchEffect as ue, toRef as Le, shallowRef as Se, computed as N, watch as D, onUnmounted as fe, reactive as Ae, createRenderer as Oe, defineComponent as le, getCurrentInstance as ke, onMounted as Be, useSlots as je, openBlock as pe, createElementBlock as De, unref as W, createElementVNode as te, normalizeStyle as Ie, createBlock as He, normalizeProps as Ve, guardReactiveProps as ze, withCtx as Ge, renderSlot as Ne } from "vue";
+import * as Fe from "three";
+import { PerspectiveCamera as I, OrthographicCamera as We, Clock as de, Vector3 as $e, Color as $, SRGBColorSpace as Ue, ACESFilmicToneMapping as Ye, PCFSoftShadowMap as qe, PCFShadowMap as Ke, LinearSRGBColorSpace as ae, NoToneMapping as ne, WebGLRenderer as Je, LoadingManager as Xe, TextureLoader as Qe, Raycaster as Ze, Vector2 as et, BufferAttribute as tt, Scene as at } from "three";
+import { createEventHook as A, useRafFn as nt, toValue as m, useWindowSize as ot, useElementSize as rt, useDevicePixelRatio as it, unrefElement as U, usePointer as st, useElementBounding as ct } from "@vueuse/core";
+const me = G({}), ve = (e) => void Object.assign(me.value, e), oe = (e) => typeof e == "function", ge = (e) => !!e && e.constructor === Array, b = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "0a", "0b", "0c", "0d", "0e", "0f", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "1a", "1b", "1c", "1d", "1e", "1f", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "2a", "2b", "2c", "2d", "2e", "2f", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "3a", "3b", "3c", "3d", "3e", "3f", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "4a", "4b", "4c", "4d", "4e", "4f", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "5a", "5b", "5c", "5d", "5e", "5f", "60", "61", "62", "63", "64", "65", "66", "67", "68", "69", "6a", "6b", "6c", "6d", "6e", "6f", "70", "71", "72", "73", "74", "75", "76", "77", "78", "79", "7a", "7b", "7c", "7d", "7e", "7f", "80", "81", "82", "83", "84", "85", "86", "87", "88", "89", "8a", "8b", "8c", "8d", "8e", "8f", "90", "91", "92", "93", "94", "95", "96", "97", "98", "99", "9a", "9b", "9c", "9d", "9e", "9f", "a0", "a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "aa", "ab", "ac", "ad", "ae", "af", "b0", "b1", "b2", "b3", "b4", "b5", "b6", "b7", "b8", "b9", "ba", "bb", "bc", "bd", "be", "bf", "c0", "c1", "c2", "c3", "c4", "c5", "c6", "c7", "c8", "c9", "ca", "cb", "cc", "cd", "ce", "cf", "d0", "d1", "d2", "d3", "d4", "d5", "d6", "d7", "d8", "d9", "da", "db", "dc", "dd", "de", "df", "e0", "e1", "e2", "e3", "e4", "e5", "e6", "e7", "e8", "e9", "ea", "eb", "ec", "ed", "ee", "ef", "f0", "f1", "f2", "f3", "f4", "f5", "f6", "f7", "f8", "f9", "fa", "fb", "fc", "fd", "fe", "ff"];
+function ut() {
+  const e = Math.random() * 4294967295 | 0, a = Math.random() * 4294967295 | 0, r = Math.random() * 4294967295 | 0, t = Math.random() * 4294967295 | 0;
+  return (b[e & 255] + b[e >> 8 & 255] + b[e >> 16 & 255] + b[e >> 24 & 255] + "-" + b[a & 255] + b[a >> 8 & 255] + "-" + b[a >> 16 & 15 | 64] + b[a >> 24 & 255] + "-" + b[r & 63 | 128] + b[r >> 8 & 255] + "-" + b[r >> 16 & 255] + b[r >> 24 & 255] + b[t & 255] + b[t >> 8 & 255] + b[t >> 16 & 255] + b[t >> 24 & 255]).toLowerCase();
 }
 const K = Symbol();
-function Ze() {
-  const e = ce({
-    uuid: Qe(),
+function ft() {
+  const e = se({
+    uuid: ut(),
     camera: void 0,
     cameras: [],
     canvas: void 0,
@@ -26,22 +26,22 @@ function Ze() {
     aspectRatio: void 0,
     pointerEventHandler: void 0
   });
-  function t(o) {
+  function a(o) {
     return e[o];
   }
-  function n(o, s) {
+  function r(o, s) {
     e[o] = s;
   }
-  const a = {
+  const t = {
     state: e,
-    ...ue(e),
-    getState: t,
-    setState: n
+    ...ce(e),
+    getState: a,
+    setState: r
   };
-  return xe(K, a), a;
+  return Re(K, t), t;
 }
-const k = () => Le(K, {
-  state: ce({
+const O = () => Te(K, {
+  state: se({
     camera: void 0,
     cameras: [],
     canvas: void 0,
@@ -50,22 +50,22 @@ const k = () => Le(K, {
     pointerEventHandler: void 0
   })
 });
-var et = /* @__PURE__ */ ((e) => (e.Perspective = "Perspective", e.Orthographic = "Orthographic", e))(et || {});
-const tt = 45;
-let x;
-function at() {
-  const { state: e, setState: t, aspectRatio: n } = k();
-  function a(i = "Perspective", u) {
+var lt = /* @__PURE__ */ ((e) => (e.Perspective = "Perspective", e.Orthographic = "Orthographic", e))(lt || {});
+const pt = 45;
+let T;
+function dt() {
+  const { state: e, setState: a, aspectRatio: r } = O();
+  function t(i = "Perspective", u) {
     var l, p, d;
     if (i === "Perspective") {
-      const { near: E, far: y, fov: h } = u || {
+      const { near: w, far: _, fov: E } = u || {
         near: 0.1,
         far: 1e3,
-        fov: tt
+        fov: pt
       };
-      x = new z(h, ((l = e.aspectRatio) == null ? void 0 : l.value) || window.innerWidth / window.innerHeight, E, y), (p = e.cameras) == null || p.push(x);
+      T = new I(E, ((l = e.aspectRatio) == null ? void 0 : l.value) || window.innerWidth / window.innerHeight, w, _), (p = e.cameras) == null || p.push(T);
     } else {
-      const { left: E, right: y, top: h, bottom: w, near: C, far: g } = u || {
+      const { left: w, right: _, top: E, bottom: g, near: M, far: x } = u || {
         left: -100,
         right: 100,
         top: 100,
@@ -73,212 +73,212 @@ function at() {
         near: 0.1,
         far: 1e3
       };
-      x = new De(E, y, h, w, C, g), (d = e.cameras) == null || d.push(x);
+      T = new We(w, _, E, g, M, x), (d = e.cameras) == null || d.push(T);
     }
-    return e.camera = x, t("camera", e.camera), x;
+    return e.camera = T, a("camera", e.camera), T;
   }
   function o() {
     var i;
-    e.camera instanceof z && e.aspectRatio && (e.camera.aspect = e.aspectRatio.value), (i = e.camera) == null || i.updateProjectionMatrix();
+    e.camera instanceof I && e.aspectRatio && (e.camera.aspect = e.aspectRatio.value), (i = e.camera) == null || i.updateProjectionMatrix();
   }
   function s(i) {
     var u;
-    (u = e.cameras) == null || u.push(i), i instanceof z && e.aspectRatio && (i.aspect = e.aspectRatio.value), i.updateProjectionMatrix(), t("camera", i);
+    (u = e.cameras) == null || u.push(i), i instanceof I && e.aspectRatio && (i.aspect = e.aspectRatio.value), i.updateProjectionMatrix(), a("camera", i);
   }
   function c(i) {
     var u;
     ((u = e.cameras) == null ? void 0 : u.length) === 0 && s(i);
   }
-  function r() {
+  function n() {
     e.cameras = [];
   }
-  return fe(() => {
-    n != null && n.value && o();
+  return ue(() => {
+    r != null && r.value && o();
   }), {
-    activeCamera: _e(e, "camera"),
-    createCamera: a,
+    activeCamera: Le(e, "camera"),
+    createCamera: t,
     updateCamera: o,
     pushCamera: s,
-    clearCameras: r,
+    clearCameras: n,
     setFirstCamera: c
   };
 }
-const we = O(), be = O(), J = O(), S = new pe();
-let B = 0, H = 0;
-const { pause: nt, resume: rt, isActive: ot } = Ue(
+const ye = A(), we = A(), J = A(), S = new de();
+let H = 0, V = 0;
+const { pause: mt, resume: vt, isActive: gt } = nt(
   () => {
-    we.trigger({ delta: B, elapsed: H, clock: S }), be.trigger({ delta: B, elapsed: H, clock: S }), J.trigger({ delta: B, elapsed: H, clock: S });
+    ye.trigger({ delta: H, elapsed: V, clock: S }), we.trigger({ delta: H, elapsed: V, clock: S }), J.trigger({ delta: H, elapsed: V, clock: S });
   },
   { immediate: !1 }
 );
 J.on(() => {
-  B = S.getDelta(), H = S.getElapsedTime();
+  H = S.getDelta(), V = S.getElapsedTime();
 });
 function he() {
   return {
-    onBeforeLoop: we.on,
-    onLoop: be.on,
+    onBeforeLoop: ye.on,
+    onLoop: we.on,
     onAfterLoop: J.on,
-    pause: nt,
-    resume: rt,
-    isActive: ot
+    pause: mt,
+    resume: vt,
+    isActive: gt
   };
 }
-function Rt(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof je ? [e.x, e.y, e.z] : e;
+function Vt(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof $e ? [e.x, e.y, e.z] : e;
 }
-function it(e) {
-  return e instanceof W ? e : Array.isArray(e) ? new W(...e) : new W(e);
+function yt(e) {
+  return e instanceof $ ? e : Array.isArray(e) ? new $(...e) : new $(e);
 }
-const U = {
+const Y = {
   realistic: {
-    outputColorSpace: Ie,
-    toneMapping: Be,
+    outputColorSpace: Ue,
+    toneMapping: Ye,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: He
+      type: qe
     }
   }
-}, ye = (e, t) => {
-  for (const n of Object.keys(t))
-    t[n] instanceof Object && Object.assign(t[n], ye(e[n], t[n]));
-  return Object.assign(e || {}, t), e;
-}, st = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot", ct = /* @__PURE__ */ ut(st);
+}, be = (e, a) => {
+  for (const r of Object.keys(a))
+    a[r] instanceof Object && Object.assign(a[r], be(e[r], a[r]));
+  return Object.assign(e || {}, a), e;
+}, wt = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot", ht = /* @__PURE__ */ bt(wt);
 function j(e) {
-  return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
+  return e.replace(/-([a-z])/g, (a, r) => r.toUpperCase());
 }
-function ut(e, t) {
-  const n = /* @__PURE__ */ Object.create(null), a = e.split(",");
-  for (let o = 0; o < a.length; o++)
-    n[a[o]] = !0;
-  return t ? (o) => !!n[o.toLowerCase()] : (o) => !!n[o];
+function bt(e, a) {
+  const r = /* @__PURE__ */ Object.create(null), t = e.split(",");
+  for (let o = 0; o < t.length; o++)
+    r[t[o]] = !0;
+  return a ? (o) => !!r[o.toLowerCase()] : (o) => !!r[o];
 }
-const ft = (e, t) => {
-  const n = /* @__PURE__ */ new Set(), a = [];
+const Et = (e, a) => {
+  const r = /* @__PURE__ */ new Set(), t = [];
   for (const o of e) {
-    const s = t(o);
-    n.has(s) || (n.add(s), a.push(o));
+    const s = a(o);
+    r.has(s) || (r.add(s), t.push(o));
   }
-  return a;
-}, Tt = !0, oe = "[TresJS ▲ ■ ●] ";
-function D() {
-  function e(a, o) {
-    console.error(`${oe} ${a}`, o || "");
+  return t;
+}, zt = !0, re = "[TresJS ▲ ■ ●] ";
+function k() {
+  function e(t, o) {
+    console.error(`${re} ${t}`, o || "");
   }
-  function t(a) {
-    console.warn(`${oe} ${a}`);
+  function a(t) {
+    console.warn(`${re} ${t}`);
   }
-  function n(a, o) {
+  function r(t, o) {
   }
   return {
     logError: e,
-    logWarning: t,
-    logMessage: n
+    logWarning: a,
+    logMessage: r
   };
 }
-function lt(e) {
-  const t = Se(), n = G(!1), {
-    alpha: a = !0,
+function _t(e) {
+  const a = Se(), r = G(!1), {
+    alpha: t = !0,
     antialias: o = !0,
     depth: s,
     logarithmicDepthBuffer: c,
-    failIfMajorPerformanceCaveat: r,
+    failIfMajorPerformanceCaveat: n,
     precision: i,
     premultipliedAlpha: u,
     stencil: l,
     shadows: p = !1,
-    shadowMapType: d = Ve,
-    useLegacyLights: E = !1,
-    outputColorSpace: y = ae,
-    toneMapping: h = ne,
-    toneMappingExposure: w = 1,
-    context: C = void 0,
-    powerPreference: g = "default",
-    preserveDrawingBuffer: M = !1,
-    clearColor: R,
-    windowSize: T = !1,
-    preset: F = void 0
-  } = ue(e), { state: f, setState: v } = k(), { width: X, height: Q } = m(T) == !0 || m(T) === "" || m(T) === "true" ? Ye() : qe(f.container), { logError: Ee, logWarning: Me } = D(), { pixelRatio: Z } = Ke(), { pause: Pe, resume: Ce } = he(), N = A(() => X.value / Q.value);
+    shadowMapType: d = Ke,
+    useLegacyLights: w = !1,
+    outputColorSpace: _ = ae,
+    toneMapping: E = ne,
+    toneMappingExposure: g = 1,
+    context: M = void 0,
+    powerPreference: x = "default",
+    preserveDrawingBuffer: y = !1,
+    clearColor: h,
+    windowSize: R = !1,
+    preset: B = void 0
+  } = ce(e), { state: P, setState: f } = O(), { width: v, height: X } = m(R) == !0 || m(R) === "" || m(R) === "true" ? ot() : rt(P.container), { logError: Ee, logWarning: _e } = k(), { pixelRatio: Q } = it(), { pause: Pe, resume: Ce } = he(), F = N(() => v.value / X.value);
   setTimeout(() => {
-    var P;
-    !m(T) && !((P = f.canvas) != null && P.value.offsetHeight) && Me(`Oops... Seems like your canvas height is currently 0px, it's posible that you couldn't watch your scene.
+    var C;
+    !m(R) && !((C = P.canvas) != null && C.value.offsetHeight) && _e(`Oops... Seems like your canvas height is currently 0px, it's posible that you couldn't watch your scene.
   You could set windowSize=true to force the canvas to be the size of the window.`);
   }, 1e3);
-  const ee = () => {
-    t.value && (t.value.setSize(X.value, Q.value), t.value.setPixelRatio(Math.min(Z.value, 2)));
-  }, te = () => {
-    if (!t.value)
+  const Z = () => {
+    a.value && (a.value.setSize(v.value, X.value), a.value.setPixelRatio(Math.min(Q.value, 2)));
+  }, ee = () => {
+    if (!a.value)
       return;
-    const P = m(F);
-    if (P) {
-      P in U || Ee("Renderer Preset must be one of these: " + Object.keys(U).join(", ")), ye(t.value, U[P]);
+    const C = m(B);
+    if (C) {
+      C in Y || Ee("Renderer Preset must be one of these: " + Object.keys(Y).join(", ")), be(a.value, Y[C]);
       return;
     }
-    t.value.shadowMap.enabled = m(p), t.value.shadowMap.type = m(d), t.value.toneMapping = m(h) || ne, t.value.toneMappingExposure = m(w), t.value.outputColorSpace = m(y) || ae, R != null && R.value && t.value.setClearColor(it(m(R))), t.value.useLegacyLights = m(E);
-  }, Re = () => {
-    const P = $(f.canvas);
-    P && (t.value = new Ge({
-      canvas: P,
-      alpha: m(a),
+    a.value.shadowMap.enabled = m(p), a.value.shadowMap.type = m(d), a.value.toneMapping = m(E) || ne, a.value.toneMappingExposure = m(g), a.value.outputColorSpace = m(_) || ae, h != null && h.value && a.value.setClearColor(yt(m(h))), a.value.useLegacyLights = m(w);
+  }, Me = () => {
+    const C = U(P.canvas);
+    C && (a.value = new Je({
+      canvas: C,
+      alpha: m(t),
       antialias: m(o),
-      context: m(C),
+      context: m(M),
       depth: m(s),
-      failIfMajorPerformanceCaveat: m(r),
+      failIfMajorPerformanceCaveat: m(n),
       logarithmicDepthBuffer: m(c),
-      powerPreference: m(g),
+      powerPreference: m(x),
       precision: m(i),
       stencil: m(l),
-      preserveDrawingBuffer: m(M),
+      preserveDrawingBuffer: m(y),
       premultipliedAlpha: m(u)
-    }), v("renderer", t.value), v("clock", new pe()), v("aspectRatio", N), te(), ee(), Ce(), n.value = !0);
-  }, Te = () => {
-    t.value && (t.value.dispose(), t.value = void 0, n.value = !1, Pe());
+    }), f("renderer", a.value), f("clock", new de()), f("aspectRatio", F), ee(), Z(), Ce(), r.value = !0);
+  }, xe = () => {
+    a.value && (a.value.dispose(), a.value = void 0, r.value = !1, Pe());
   };
-  return I([N, Z], ee), I(
-    [p, d, y, E, h, w, R],
-    te
-  ), I(
-    () => [f.canvas, f.container],
+  return D([F, Q], Z), D(
+    [p, d, _, w, E, g, h],
+    ee
+  ), D(
+    () => [P.canvas, P.container],
     () => {
-      $(f.canvas) && $(f.container) && Re();
+      U(P.canvas) && U(P.container) && Me();
     },
     { immediate: !0, deep: !0 }
   ), {
-    renderer: t,
-    isReady: n,
-    dispose: Te,
-    aspectRatio: N
+    renderer: a,
+    isReady: r,
+    dispose: xe,
+    aspectRatio: F
   };
 }
-function dt(e) {
-  const t = { nodes: {}, materials: {} };
-  return e && e.traverse((n) => {
-    n.name && (t.nodes[n.name] = n), n.material && !t.materials[n.material.name] && (t.materials[n.material.name] = n.material);
-  }), t;
+function Pt(e) {
+  const a = { nodes: {}, materials: {} };
+  return e && e.traverse((r) => {
+    r.name && (a.nodes[r.name] = r), r.material && !a.materials[r.material.name] && (a.materials[r.material.name] = r.material);
+  }), a;
 }
-async function xt(e, t, n, a, o) {
-  const { logError: s } = D(), c = new e();
-  o && o(c), n && n(c);
-  const i = (Array.isArray(t) ? t : [t]).map(
+async function Gt(e, a, r, t, o) {
+  const { logError: s } = k(), c = new e();
+  o && o(c), r && r(c);
+  const i = (Array.isArray(a) ? a : [a]).map(
     (u) => new Promise((l, p) => {
       c.load(
         u,
         (d) => {
-          d.scene && Object.assign(d, dt(d.scene)), l(d);
+          d.scene && Object.assign(d, Pt(d.scene)), l(d);
         },
-        a,
+        t,
         (d) => p(s("[useLoader] - Failed to load resource", d))
       );
     })
   );
-  return ge(t) ? await Promise.all(i) : await i[0];
+  return ge(a) ? await Promise.all(i) : await i[0];
 }
-async function Lt(e) {
-  const t = new Fe(), n = new Ne(t), a = (o) => new Promise((s, c) => {
-    n.load(
+async function Nt(e) {
+  const a = new Xe(), r = new Qe(a), t = (o) => new Promise((s, c) => {
+    r.load(
       o,
-      (r) => s(r),
+      (n) => s(n),
       () => null,
       () => {
         c(new Error("[useTextures] - Failed to load texture"));
@@ -286,194 +286,196 @@ async function Lt(e) {
     );
   });
   if (ge(e)) {
-    const o = await Promise.all(e.map((s) => a(s)));
+    const o = await Promise.all(e.map((s) => t(s)));
     return e.length > 1 ? o : o[0];
   } else {
     const {
       map: o,
       displacementMap: s,
       normalMap: c,
-      roughnessMap: r,
+      roughnessMap: n,
       metalnessMap: i,
       aoMap: u,
       alphaMap: l,
       matcap: p
     } = e;
     return {
-      map: o ? await a(o) : null,
-      displacementMap: s ? await a(s) : null,
-      normalMap: c ? await a(c) : null,
-      roughnessMap: r ? await a(r) : null,
-      metalnessMap: i ? await a(i) : null,
-      aoMap: u ? await a(u) : null,
-      alphaMap: l ? await a(l) : null,
-      matcap: p ? await a(p) : null
+      map: o ? await t(o) : null,
+      displacementMap: s ? await t(s) : null,
+      normalMap: c ? await t(c) : null,
+      roughnessMap: n ? await t(n) : null,
+      metalnessMap: i ? await t(i) : null,
+      aoMap: u ? await t(u) : null,
+      alphaMap: l ? await t(l) : null,
+      matcap: p ? await t(p) : null
     };
   }
 }
-const pt = (e) => {
-  const { state: t } = k(), n = A(() => {
+const Ct = (e) => {
+  const { state: a, setState: r } = O(), t = N(() => {
     var f;
-    return (f = t.canvas) == null ? void 0 : f.value;
-  }), { x: a, y: o } = Je({ target: n }), { width: s, height: c, top: r, left: i } = Xe(n), u = new ze(), l = ({ x: f, y: v }) => {
-    if (n.value)
+    return (f = a.canvas) == null ? void 0 : f.value;
+  }), { x: o, y: s } = st({ target: t }), { width: c, height: n, top: i, left: u } = ct(t), l = new Ze();
+  r("raycaster", l);
+  const p = ({ x: f, y: v }) => {
+    if (t.value)
       return {
-        x: (f - i.value) / s.value * 2 - 1,
-        y: -((v - r.value) / c.value) * 2 + 1
+        x: (f - u.value) / c.value * 2 - 1,
+        y: -((v - i.value) / n.value) * 2 + 1
       };
-  }, p = ({ x: f, y: v }) => {
-    if (t.camera)
-      return u.setFromCamera(new We(f, v), t.camera), u.intersectObjects(e.value, !1);
-  }, d = (f) => {
-    const v = l({
-      x: (f == null ? void 0 : f.clientX) ?? a.value,
-      y: (f == null ? void 0 : f.clientY) ?? o.value
+  }, d = ({ x: f, y: v }) => {
+    if (a.camera)
+      return l.setFromCamera(new et(f, v), a.camera), l.intersectObjects(e.value, !1);
+  }, w = (f) => {
+    const v = p({
+      x: (f == null ? void 0 : f.clientX) ?? o.value,
+      y: (f == null ? void 0 : f.clientY) ?? s.value
     });
-    return v ? p(v) || [] : [];
-  }, E = A(() => d()), y = O(), h = O(), w = (f, v) => {
-    f.trigger({ event: v, intersects: d(v) });
-  }, C = (f) => {
-    w(h, f);
+    return v ? d(v) || [] : [];
+  }, _ = N(() => w()), E = A(), g = A(), M = (f, v) => {
+    f.trigger({ event: v, intersects: w(v) });
+  }, x = (f) => {
+    M(g, f);
   };
-  let g;
-  const M = (f) => {
+  let y;
+  const h = (f) => {
     var v;
-    g = (v = d(f)[0]) == null ? void 0 : v.object;
+    y = (v = w(f)[0]) == null ? void 0 : v.object;
   }, R = (f) => {
     var v;
-    f instanceof PointerEvent && g === ((v = d(f)[0]) == null ? void 0 : v.object) && w(y, f);
-  }, T = (f) => h.trigger({ event: f, intersects: [] }), F = fe(() => {
-    n != null && n.value && (n.value.addEventListener("pointerup", R), n.value.addEventListener("pointerdown", M), n.value.addEventListener("pointermove", C), n.value.addEventListener("pointerleave", T), F());
+    f instanceof PointerEvent && y === ((v = w(f)[0]) == null ? void 0 : v.object) && M(E, f);
+  }, B = (f) => g.trigger({ event: f, intersects: [] }), P = ue(() => {
+    t != null && t.value && (t.value.addEventListener("pointerup", R), t.value.addEventListener("pointerdown", h), t.value.addEventListener("pointermove", x), t.value.addEventListener("pointerleave", B), P());
   });
-  return le(() => {
-    n != null && n.value && (n.value.removeEventListener("pointerup", R), n.value.removeEventListener("pointerdown", M), n.value.removeEventListener("pointermove", C), n.value.removeEventListener("pointerleave", T));
+  return fe(() => {
+    t != null && t.value && (t.value.removeEventListener("pointerup", R), t.value.removeEventListener("pointerdown", h), t.value.removeEventListener("pointermove", x), t.value.removeEventListener("pointerleave", B));
   }), {
-    intersects: E,
-    onClick: (f) => y.on(f).off,
-    onPointerMove: (f) => h.on(f).off
+    intersects: _,
+    onClick: (f) => E.on(f).off,
+    onPointerMove: (f) => g.on(f).off
   };
 };
-function _t() {
-  const { logWarning: e } = D();
-  function t(a, o, s) {
+function Ft() {
+  const { logWarning: e } = k();
+  function a(t, o, s) {
     let c = null;
-    return a.traverse((r) => {
-      r[o] === s && (c = r);
+    return t.traverse((n) => {
+      n[o] === s && (c = n);
     }), c || e(`Child with ${o} '${s}' not found.`), c;
   }
-  function n(a, o) {
-    return t(a, "name", o);
+  function r(t, o) {
+    return a(t, "name", o);
   }
   return {
-    seek: t,
-    seekByName: n
+    seek: a,
+    seekByName: r
   };
 }
-const mt = () => {
+const Mt = () => {
   const e = Ae({
     click: /* @__PURE__ */ new Map(),
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), t = (r) => {
-    Object.values(e).forEach((i) => i.delete(r));
-  }, n = (r) => {
-    const { onClick: i, onPointerMove: u, onPointerEnter: l, onPointerLeave: p } = r;
-    i && e.click.set(r, i), u && e.pointerMove.set(r, u), l && e.pointerEnter.set(r, l), p && e.pointerLeave.set(r, p), r.addEventListener("removed", () => {
-      r.traverse((d) => {
-        t(d);
-      }), t(r);
+  }), a = (n) => {
+    Object.values(e).forEach((i) => i.delete(n));
+  }, r = (n) => {
+    const { onClick: i, onPointerMove: u, onPointerEnter: l, onPointerLeave: p } = n;
+    i && e.click.set(n, i), u && e.pointerMove.set(n, u), l && e.pointerEnter.set(n, l), p && e.pointerLeave.set(n, p), n.addEventListener("removed", () => {
+      n.traverse((d) => {
+        a(d);
+      }), a(n);
     });
-  }, a = A(
-    () => ft(
-      Object.values(e).map((r) => Array.from(r.keys())).flat(),
-      ({ uuid: r }) => r
+  }, t = N(
+    () => Et(
+      Object.values(e).map((n) => Array.from(n.keys())).flat(),
+      ({ uuid: n }) => n
     )
-  ), { onClick: o, onPointerMove: s } = pt(a);
-  o(({ intersects: r, event: i }) => {
+  ), { onClick: o, onPointerMove: s } = Ct(t);
+  o(({ intersects: n, event: i }) => {
     var u;
-    r.length && ((u = e.click.get(r[0].object)) == null || u(r[0], i));
+    n.length && ((u = e.click.get(n[0].object)) == null || u(n[0], i));
   });
   let c;
-  return s(({ intersects: r, event: i }) => {
-    var E, y, h, w;
-    const u = (E = r == null ? void 0 : r[0]) == null ? void 0 : E.object, { pointerLeave: l, pointerEnter: p, pointerMove: d } = e;
-    c && c !== u && ((y = l.get(c)) == null || y(c, i)), u && (c !== u && ((h = p.get(u)) == null || h(r[0], i)), (w = d.get(u)) == null || w(r[0], i)), c = u || null;
+  return s(({ intersects: n, event: i }) => {
+    var w, _, E, g;
+    const u = (w = n == null ? void 0 : n[0]) == null ? void 0 : w.object, { pointerLeave: l, pointerEnter: p, pointerMove: d } = e;
+    c && c !== u && ((_ = l.get(c)) == null || _(c, i)), u && (c !== u && ((E = p.get(u)) == null || E(n[0], i)), (g = d.get(u)) == null || g(n[0], i)), c = u || null;
   }), {
-    registerObject: n,
-    deregisterObject: t
+    registerObject: r,
+    deregisterObject: a
   };
-}, V = {
+}, z = {
   GEOMETRY_VIA_PROP: "tres__geometryViaProp",
   MATERIAL_VIA_PROP: "tres__materialViaProp",
   REGISTER_AT_POINTER_EVENT_HANDLER: "tres__registerAtPointerEventHandler"
 };
-let Y = null, L = null;
-const { logError: ie } = D(), vt = {
-  createElement(e, t, n, a) {
+let q = null, L = null;
+const { logError: ie } = k(), xt = {
+  createElement(e, a, r, t) {
     var i, u;
-    if (a || (a = {}), a.args || (a.args = []), e === "template" || ct(e))
+    if (t || (t = {}), t.args || (t.args = []), e === "template" || ht(e))
       return null;
     let o = e.replace("Tres", ""), s;
     if (e === "primitive") {
-      (a == null ? void 0 : a.object) === void 0 && ie("Tres primitives need a prop 'object'");
-      const l = a.object;
-      o = l.type, s = Object.assign(l, { type: o, attach: a.attach, primitive: !0 });
+      (t == null ? void 0 : t.object) === void 0 && ie("Tres primitives need a prop 'object'");
+      const l = t.object;
+      o = l.type, s = Object.assign(l, { type: o, attach: t.attach, primitive: !0 });
     } else {
       const l = me.value[o];
-      l || ie(`${o} is not defined on the THREE namespace. Use extend to add it to the catalog.`), s = new l(...a.args);
+      l || ie(`${o} is not defined on the THREE namespace. Use extend to add it to the catalog.`), s = new l(...t.args);
     }
-    s.isCamera && (a != null && a.position || s.position.set(3, 3, 3), a != null && a.lookAt || s.lookAt(0, 0, 0)), (a == null ? void 0 : a.attach) === void 0 && (s.isMaterial ? s.attach = "material" : s.isBufferGeometry && (s.attach = "geometry"));
-    const { GEOMETRY_VIA_PROP: c, MATERIAL_VIA_PROP: r } = V;
-    return s.isObject3D && ((i = a == null ? void 0 : a.material) != null && i.isMaterial && (s.userData[r] = !0), (u = a == null ? void 0 : a.geometry) != null && u.isBufferGeometry && (s.userData[c] = !0)), s;
+    s.isCamera && (t != null && t.position || s.position.set(3, 3, 3), t != null && t.lookAt || s.lookAt(0, 0, 0)), (t == null ? void 0 : t.attach) === void 0 && (s.isMaterial ? s.attach = "material" : s.isBufferGeometry && (s.attach = "geometry"));
+    const { GEOMETRY_VIA_PROP: c, MATERIAL_VIA_PROP: n } = z;
+    return s.isObject3D && ((i = t == null ? void 0 : t.material) != null && i.isMaterial && (s.userData[n] = !0), (u = t == null ? void 0 : t.geometry) != null && u.isBufferGeometry && (s.userData[c] = !0)), s;
   },
-  insert(e, t) {
-    var n, a, o, s, c, r, i;
-    if (t && t.isScene && (L = t), (((n = e == null ? void 0 : e.__vnode) == null ? void 0 : n.type) === "TresGroup" || ((a = e == null ? void 0 : e.__vnode) == null ? void 0 : a.type) === "TresObject3D") && t === null && !((s = (o = e == null ? void 0 : e.__vnode) == null ? void 0 : o.ctx) != null && s.asyncResolved)) {
-      Y = e;
+  insert(e, a) {
+    var r, t, o, s, c, n, i;
+    if (a && a.isScene && (L = a), (((r = e == null ? void 0 : e.__vnode) == null ? void 0 : r.type) === "TresGroup" || ((t = e == null ? void 0 : e.__vnode) == null ? void 0 : t.type) === "TresObject3D") && a === null && !((s = (o = e == null ? void 0 : e.__vnode) == null ? void 0 : o.ctx) != null && s.asyncResolved)) {
+      q = e;
       return;
     } else
-      (c = e == null ? void 0 : e.__vnode) != null && c.type.includes("Controls") && t === null && (Y = L);
-    t || (t = Y), e != null && e.isObject3D && (t != null && t.isObject3D) ? (t.add(e), e.dispatchEvent({ type: "added" }), (i = (r = L == null ? void 0 : L.userData) == null ? void 0 : r[V.REGISTER_AT_POINTER_EVENT_HANDLER]) == null || i.call(r, e)) : e != null && e.isFog ? t.fog = e : typeof (e == null ? void 0 : e.attach) == "string" && (e.__previousAttach = e[t == null ? void 0 : t.attach], t && (t[e.attach] = e));
+      (c = e == null ? void 0 : e.__vnode) != null && c.type.includes("Controls") && a === null && (q = L);
+    a || (a = q), e != null && e.isObject3D && (a != null && a.isObject3D) ? (a.add(e), e.dispatchEvent({ type: "added" }), (i = (n = L == null ? void 0 : L.userData) == null ? void 0 : n[z.REGISTER_AT_POINTER_EVENT_HANDLER]) == null || i.call(n, e)) : e != null && e.isFog ? a.fog = e : typeof (e == null ? void 0 : e.attach) == "string" && (e.__previousAttach = e[a == null ? void 0 : a.attach], a && (a[e.attach] = e));
   },
   remove(e) {
-    var t, n;
+    var a, r;
     if (e) {
       if (e.isObject3D) {
-        const a = e, o = (s) => {
+        const t = e, o = (s) => {
           var i, u;
-          const { GEOMETRY_VIA_PROP: c, MATERIAL_VIA_PROP: r } = V;
-          s.userData[r] || (i = s.material) == null || i.dispose(), s.userData[c] || (u = s.geometry) == null || u.dispose();
+          const { GEOMETRY_VIA_PROP: c, MATERIAL_VIA_PROP: n } = z;
+          s.userData[n] || (i = s.material) == null || i.dispose(), s.userData[c] || (u = s.geometry) == null || u.dispose();
         };
-        a.traverse((s) => {
+        t.traverse((s) => {
           o(s);
-        }), o(a);
+        }), o(t);
       }
-      (t = e.removeFromParent) == null || t.call(e), (n = e.dispose) == null || n.call(e);
+      (a = e.removeFromParent) == null || a.call(e), (r = e.dispose) == null || r.call(e);
     }
   },
-  patchProp(e, t, n, a) {
+  patchProp(e, a, r, t) {
     if (e) {
-      let o = e, s = t, c = j(s), r = o == null ? void 0 : o[c];
+      let o = e, s = a, c = j(s), n = o == null ? void 0 : o[c];
       if (o.type === "BufferGeometry") {
         if (s === "args")
           return;
         o.setAttribute(
           j(s),
-          new $e(...a)
+          new tt(...t)
         );
         return;
       }
-      if (s.includes("-") && r === void 0) {
+      if (s.includes("-") && n === void 0) {
         const u = s.split("-");
-        r = u.reduce((l, p) => l[j(p)], o), s = u.pop(), c = s.toLowerCase(), r != null && r.set || (o = u.reduce((l, p) => l[j(p)], o));
+        n = u.reduce((l, p) => l[j(p)], o), s = u.pop(), c = s.toLowerCase(), n != null && n.set || (o = u.reduce((l, p) => l[j(p)], o));
       }
-      let i = a;
-      if (i === "" && (i = !0), re(r)) {
+      let i = t;
+      if (i === "" && (i = !0), oe(n)) {
         Array.isArray(i) ? e[c](...i) : e[c](i);
         return;
       }
-      !(r != null && r.set) && !re(r) ? o[c] = i : r.constructor === i.constructor && (r != null && r.copy) ? r == null || r.copy(i) : Array.isArray(i) ? r.set(...i) : !r.isColor && r.setScalar ? r.setScalar(i) : r.set(i);
+      !(n != null && n.set) && !oe(n) ? o[c] = i : n.constructor === i.constructor && (n != null && n.copy) ? n == null || n.copy(i) : Array.isArray(i) ? n.set(...i) : !n.isColor && n.setScalar ? n.setScalar(i) : n.set(i);
     }
   },
   parentNode(e) {
@@ -488,176 +490,156 @@ const { logError: ie } = D(), vt = {
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { createApp: gt } = Oe(vt), wt = (e) => {
-  const t = gt(n);
-  function n() {
+}, { createApp: Rt } = Oe(xt), Tt = (e) => {
+  const a = Rt(r);
+  function r() {
     return e && e.default ? e.default() : [];
   }
-  return t;
+  return a;
 };
-ve(q);
-const { logWarning: se } = D(), bt = de({
-  name: "TresScene",
-  props: [
-    "shadows",
-    "shadowMapType",
-    "physicallyCorrectLights",
-    "useLegacyLights",
-    "outputColorSpace",
-    "toneMapping",
-    "toneMappingExposure",
-    "context",
-    "powerPreference",
-    "preserveDrawingBuffer",
-    "clearColor",
-    "windowSize",
-    "preset",
-    "disableRender",
-    "camera"
-  ],
-  setup(e, { slots: t, expose: n }) {
-    e.physicallyCorrectLights === !0 && se("physicallyCorrectLights is deprecated, useLegacyLights is now false by default");
-    const a = A(() => e.disableRender !== !1 && e.disableRender !== void 0), o = G(), s = G(), c = new q.Scene(), r = mt(), { setState: i } = k();
-    c.userData[V.REGISTER_AT_POINTER_EVENT_HANDLER] = r.registerObject, i("scene", c), i("canvas", s), i("container", o), i("pointerEventHandler", r);
-    const { onLoop: u, resume: l } = he();
-    ke(() => {
-      h();
-    }), le(() => {
+ve(Fe);
+const Lt = ["data-scene"], St = { style: { width: "100%", height: "100%" } }, At = ["data-scene"], Ot = /* @__PURE__ */ le({
+  __name: "TresScene",
+  props: {
+    shadows: { type: Boolean },
+    shadowMapType: {},
+    physicallyCorrectLights: { type: Boolean, default: !1 },
+    useLegacyLights: { type: Boolean },
+    outputColorSpace: {},
+    toneMapping: {},
+    toneMappingExposure: {},
+    context: {},
+    powerPreference: {},
+    preserveDrawingBuffer: { type: Boolean },
+    clearColor: {},
+    windowSize: { type: Boolean },
+    preset: {},
+    disableRender: { type: Boolean },
+    camera: {}
+  },
+  setup(e, { expose: a }) {
+    const r = e, { logWarning: t } = k();
+    r.physicallyCorrectLights === !0 && t("physicallyCorrectLights is deprecated, useLegacyLights is now false by default");
+    const o = G(), s = G(), c = new at(), n = Mt(), { setState: i } = O();
+    c.userData[z.REGISTER_AT_POINTER_EVENT_HANDLER] = n.registerObject, i("scene", c), i("canvas", s), i("container", o), i("pointerEventHandler", n), i("appContext", ke());
+    const { onLoop: u, resume: l } = he(), { activeCamera: p, pushCamera: d, clearCameras: w } = dt();
+    Be(() => {
+      E();
+    }), fe(() => {
       i("renderer", null);
     });
-    const { activeCamera: p, pushCamera: d, clearCameras: E } = at();
-    function y() {
-      const g = c.getObjectByProperty("isCamera", !0);
-      if (g)
-        d(g);
+    function _() {
+      const y = c.getObjectByProperty("isCamera", !0);
+      if (y)
+        d(y);
       else {
-        se("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene.");
-        const M = new q.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1e3);
-        M.position.set(3, 3, 3), M.lookAt(0, 0, 0), d(M);
+        t("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene.");
+        const h = new I(45, window.innerWidth / window.innerHeight, 0.1, 1e3);
+        h.position.set(3, 3, 3), h.lookAt(0, 0, 0), d(h);
       }
     }
-    function h() {
-      const { renderer: g } = lt(e);
-      e.camera && d(e.camera), u(() => {
-        var M;
-        p.value && !a.value && ((M = g.value) == null || M.render(c, p.value));
+    function E() {
+      const { renderer: y } = _t(r);
+      r.camera && d(r.camera), u(() => {
+        var h;
+        p.value && r.disableRender !== !0 && ((h = y.value) == null || h.render(c, p.value));
       });
     }
-    let w;
-    function C() {
-      w = wt(t);
-      const g = k();
-      w.provide("useTres", g), w.provide(K, g), w.provide("extend", ve), w.mount(c), y();
+    let g;
+    const M = je();
+    function x() {
+      g = Tt(M);
+      const y = O();
+      g.provide("useTres", y), g.provide(K, y), g.provide("extend", ve), g.mount(c), _();
     }
-    return C(), n({
+    return x(), a({
       scene: c
-    }), I(
-      () => e.camera,
-      (g) => {
-        g && (E(), d(g));
+    }), D(
+      () => r.camera,
+      (y) => {
+        y && (w(), d(y));
       }
-    ), () => _(
-      _(
-        "div",
-        {
-          ref: o,
-          "data-scene": c.uuid,
-          key: c.uuid,
-          style: {
-            position: "relative",
-            width: "100%",
-            height: "100%",
-            pointerEvents: "auto",
-            touchAction: "none"
-          }
-        },
-        [
-          _(
-            "div",
-            {
-              style: {
-                width: "100%",
-                height: "100%"
-              }
-            },
-            [
-              _("canvas", {
-                ref: s,
-                "data-scene": c.uuid,
-                style: {
-                  display: "block",
-                  width: "100%",
-                  height: "100%",
-                  position: e.windowSize ? "fixed" : "absolute",
-                  top: 0,
-                  left: 0
-                }
-              })
-            ]
-          )
-        ]
-      )
-    );
+    ), (y, h) => (pe(), De("div", {
+      ref_key: "container",
+      ref: o,
+      key: W(c).uuid,
+      "data-scene": W(c).uuid,
+      style: { position: "relative", width: "100%", height: "100%", pointerEvents: "auto", touchAction: "none" }
+    }, [
+      te("div", St, [
+        te("canvas", {
+          ref_key: "canvas",
+          ref: s,
+          "data-scene": W(c).uuid,
+          style: Ie({ display: "block", width: "100%", height: "100%", position: y.windowSize ? "fixed" : "absolute", top: 0, left: 0 })
+        }, null, 12, At)
+      ])
+    ], 8, Lt));
   }
-}), ht = de({
-  name: "TresCanvas",
-  props: [
-    "shadows",
-    "shadowMapType",
-    "physicallyCorrectLights",
-    "useLegacyLights",
-    "outputColorSpace",
-    "toneMapping",
-    "toneMappingExposure",
-    "context",
-    "powerPreference",
-    "preserveDrawingBuffer",
-    "clearColor",
-    "windowSize",
-    "preset",
-    "disableRender",
-    "camera"
-  ],
-  setup(e, { slots: t, expose: n }) {
-    const a = Ze();
-    return n(a), () => _(bt, e, t);
+}), kt = /* @__PURE__ */ le({
+  __name: "TresCanvas",
+  props: {
+    shadows: { type: Boolean },
+    shadowMapType: {},
+    physicallyCorrectLights: { type: Boolean },
+    useLegacyLights: { type: Boolean },
+    outputColorSpace: {},
+    toneMapping: {},
+    toneMappingExposure: {},
+    context: {},
+    powerPreference: {},
+    preserveDrawingBuffer: { type: Boolean },
+    clearColor: {},
+    windowSize: { type: Boolean },
+    preset: {},
+    disableRender: { type: Boolean },
+    camera: {}
+  },
+  setup(e, { expose: a }) {
+    const r = e, t = ft();
+    return a(t), (o, s) => (pe(), He(Ot, Ve(ze(r)), {
+      default: Ge(() => [
+        Ne(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
   }
-}), yt = [
+}), Bt = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], Et = {
+], jt = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !yt.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Bt.includes(e) || e === "primitive"
     }
   }
-}, St = Et, At = {
+}, Wt = jt, $t = {
   install(e) {
-    e.component("TresCanvas", ht);
+    e.component("TresCanvas", kt);
   }
 };
 export {
-  et as CameraType,
+  lt as CameraType,
   K as TRES_CONTEXT_KEY,
-  ht as TresCanvas,
+  kt as TresCanvas,
   me as catalogue,
-  At as default,
+  $t as default,
   ve as extend,
-  Tt as isProd,
-  it as normalizeColor,
-  Rt as normalizeVectorFlexibleParam,
-  St as templateCompilerOptions,
-  dt as trasverseObjects,
-  at as useCamera,
-  xt as useLoader,
-  D as useLogger,
-  mt as usePointerEventHandler,
-  pt as useRaycaster,
+  zt as isProd,
+  yt as normalizeColor,
+  Vt as normalizeVectorFlexibleParam,
+  Wt as templateCompilerOptions,
+  Pt as trasverseObjects,
+  dt as useCamera,
+  Gt as useLoader,
+  k as useLogger,
+  Mt as usePointerEventHandler,
+  Ct as useRaycaster,
   he as useRenderLoop,
-  lt as useRenderer,
-  _t as useSeek,
-  Lt as useTexture,
-  k as useTres,
-  Ze as useTresProvider
+  _t as useRenderer,
+  Ft as useSeek,
+  Nt as useTexture,
+  O as useTres,
+  ft as useTresProvider
 };