@gamelearn/arcade-components 3.5.6 → 3.5.8

package/dist/arcade-components.js

@@ -26517,7 +26517,7 @@ function addPrimitiveAttributes(o, e, r) {
     return e.targets !== void 0 ? addMorphTargets(o, e.targets, r) : o;
   });
 }
-const defaultCamPos = [0, 14.63, 16], isMobile = DeviceDetection(), loader$1 = new GLTFLoader(), box = new Box3(), size = new Vector3(), worldPos = new Vector3();
+const defaultCamPos = [0, 14.63, 16], isMobile = DeviceDetection(), loader$1 = new GLTFLoader(), box = new Box3(), worldPos = new Vector3(), size = new Vector3();
 function Panel({ character: o, ttsStarted: e, active: r, emitEvent: t }) {
   var _, p, S, C, T;
   const n = useRef(null), a = useRef(null), u = o.type === "character", [l, f] = useState(!1), d = useMemo(() => t({ type: "currentLod" }), [t]), h = useRef(), y = useMemo(() => {
@@ -26549,11 +26549,18 @@ function Panel({ character: o, ttsStarted: e, active: r, emitEvent: t }) {
   }, [(C = (S = (p = o == null ? void 0 : o.resource) == null ? void 0 : p.animations) == null ? void 0 : S.talking) == null ? void 0 : C.url, e, r, E, l]);
   const g = useCallback(
     (x) => {
-      x == null || x.traverse((A) => {
+      if (x == null || x.traverse((A) => {
         A.isMesh && (A.material.roughness = 0.7, A.material.metalness = 0.5);
-      }), u ? x.updateMatrixWorld(!0) : o.type === "object" && (cameraFitAnyObject(x, n.current), n.current.zoom = 1), n.current.updateProjectionMatrix();
+      }), o.type === "character") {
+        const A = x.getObjectByName("Head_M", !0);
+        A && setTimeout(() => {
+          A.updateMatrixWorld(!0);
+        }, 200), n.current.zoom = 1.5;
+      } else
+        cameraFitAnyObject(x, n.current), n.current.zoom = 1;
+      n.current.updateProjectionMatrix();
     },
-    [o.type, u]
+    [o]
   );
   return useFrame(({ gl: x }) => {
     if (n.current && a.current) {
@@ -26570,7 +26577,7 @@ function Panel({ character: o, ttsStarted: e, active: r, emitEvent: t }) {
         if (u) {
           box.setFromObject(h.current), box.getSize(size);
           const F = h.current.getObjectByName("Head_M", !0);
-          F ? (F.getWorldPosition(worldPos), n.current.lookAt(worldPos), n.current.position.set(worldPos.x - 0.5, worldPos.y - 1, worldPos.z + size.z * 5)) : n.current.position.setY(size.y - 1.5 * 1.3), n.current.zoom = 1.5;
+          F ? (F.getWorldPosition(worldPos), n.current.lookAt(worldPos)) : n.current.position.setY(size.y - 1.5 * 1.3), n.current.zoom = 1.5;
         }
         const D = isMobile ? 24 : 40;
         k.bottom += r ? -D : D, x.setViewport(k.left, k.bottom, w, O), x.setScissor(k.left, k.bottom, w, O), x.render(a.current, n.current);
@@ -26585,8 +26592,7 @@ function Panel({ character: o, ttsStarted: e, active: r, emitEvent: t }) {
         url: o.resource.url,
         animationUrl: y.url,
         type: o.type,
-        onLoad: g,
-        interactive: !1
+        onLoad: g
       }
     ) }) : null,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -26598,46 +26604,34 @@ function Panel({ character: o, ttsStarted: e, active: r, emitEvent: t }) {
         rotation: [0, 0, 0],
         onUpdate: (x) => {
           x.layers.enableAll();
-        }
+        },
+        manual: !0
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(LightSet, {})
   ] });
 }
-const Panels = ({ characters: o, slots: e, ttsStarted: r, activeIndex: t, flex: n, lodSettings: a, emitEvent: u }) => e.map((l, f) => {
-  let d = null;
-  const h = o.findIndex((y) => y && y.uid === l.uid);
-  if (h >= 0) {
-    const y = n ? h : f;
-    return d = { ...o[h] }, d.slot = y, /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Panel,
-      {
-        character: d,
-        active: t === y,
-        lodSettings: a,
-        ttsStarted: r,
-        emitEvent: u
-      },
-      `${`${d.uid}_${f}`}_${h}`
-    );
-  }
-  return null;
-});
 function PanelsWrapper({ characters: o, slots: e, ttsStarted: r, slotRefs: t, flex: n, currentMessage: a, emitEvent: u }) {
   return useFrame(({ gl: l }) => {
     l.setScissorTest(!1), l.clear(!0, !0), l.setScissorTest(!0);
-  }), /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Panels,
-    {
-      ttsStarted: r,
-      characters: o,
-      slots: e,
-      slotRefs: t,
-      flex: n,
-      activeIndex: a.position,
-      emitEvent: u
+  }), e.map((l, f) => {
+    let d = null;
+    const h = o.findIndex((y) => y && y.uid === l.uid);
+    if (h >= 0) {
+      const y = n ? h : f;
+      return d = { ...o[h] }, d.slot = y, /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Panel,
+        {
+          character: d,
+          active: a.position === y,
+          ttsStarted: r,
+          emitEvent: u
+        },
+        `${`${d.uid}_${f}`}_${h}`
+      );
     }
-  );
+    return null;
+  });
 }
 function Scene(o) {
   return o.lowQuality ? null : /* @__PURE__ */ jsxRuntimeExports.jsxs(