@gamelearn/arcade-components 3.32.3 → 3.32.4

package/dist/arcade-components.js

@@ -20,7 +20,7 @@ var Nc = (l, e, n, t) => ({
 import * as React$2 from "react";
 import React__default, { useRef, useEffect, useCallback, createContext, useReducer, forwardRef, useImperativeHandle, useMemo, useContext, useLayoutEffect, useState } from "react";
 import { OrbitControls, PerspectiveCamera as PerspectiveCamera$1, Environment } from "@react-three/drei";
-import { Renderer, SceneResource, CameraControls, SettingsController, QualityManager, HtmlPro, ProgressManager, AssetLoader } from "@gamelearn/arcade-three-core";
+import { Renderer, SceneResource, CameraControls, SettingsController, ProgressManager, QualityManager, HtmlPro, AssetLoader } from "@gamelearn/arcade-three-core";
 import { useThree, useFrame } from "@react-three/fiber";
 import { Vector3, Box3, TrianglesDrawMode, TriangleFanDrawMode, TriangleStripDrawMode, Loader, LoaderUtils, FileLoader, Color, LinearSRGBColorSpace, SpotLight, PointLight, DirectionalLight, MeshBasicMaterial, SRGBColorSpace, MeshPhysicalMaterial, Vector2, Matrix4, Quaternion, InstancedMesh, InstancedBufferAttribute, Object3D, TextureLoader, ImageBitmapLoader, BufferAttribute, InterleavedBuffer, InterleavedBufferAttribute, LinearFilter, LinearMipmapLinearFilter, RepeatWrapping, PointsMaterial, Material, LineBasicMaterial, MeshStandardMaterial, DoubleSide, PropertyBinding, BufferGeometry, SkinnedMesh, Mesh, LineSegments, Line as Line$3, LineLoop, Points, Group as Group$3, PerspectiveCamera, MathUtils, OrthographicCamera, Skeleton, AnimationClip, Bone, InterpolateLinear, ColorManagement, NearestFilter, NearestMipmapNearestFilter, LinearMipmapNearestFilter, NearestMipmapLinearFilter, ClampToEdgeWrapping, MirroredRepeatWrapping, InterpolateDiscrete, FrontSide, Texture, VectorKeyframeTrack, NumberKeyframeTrack, QuaternionKeyframeTrack, Sphere, Interpolant, Raycaster, LoopRepeat } from "three";
 import require$$0 from "react-dom";
@@ -29827,21 +29827,29 @@ function Panel({ character: l, ttsStarted: e, active: n, visible: t = !0, onLoad
   ] });
 }
 function PanelsWrapper({ characters: l, slots: e, ttsStarted: n, flex: t, currentMessage: s, lod: o }) {
-  return useFrame(({ gl: d }) => {
-    d.setScissorTest(!1), d.clear(!0, !0), d.setScissorTest(!0);
-  }), /* @__PURE__ */ jsxRuntimeExports.jsx(QualityManager, { lod: o, children: e.map((d, h) => {
-    let f = null;
-    const u = l.findIndex((p) => p && p.uid === d.uid);
-    if (u >= 0) {
-      const p = t ? u : h;
-      return f = { ...l[u] }, f.slot = p, /* @__PURE__ */ jsxRuntimeExports.jsx(
+  const [d, h] = useState(!1);
+  return useFrame(({ gl: f }) => {
+    f.setScissorTest(!1), f.clear(!0, !0), f.setScissorTest(!0);
+  }), useEffect(() => {
+    const f = () => {
+      h(!0);
+    };
+    return ProgressManager.addEventListener("loaded", f), () => {
+      ProgressManager.removeEventListener("loaded", f);
+    };
+  }, []), /* @__PURE__ */ jsxRuntimeExports.jsx(QualityManager, { lod: d ? o : "divideby64", active: d, children: e.map((f, u) => {
+    let p = null;
+    const _ = l.findIndex((T) => T && T.uid === f.uid);
+    if (_ >= 0) {
+      const T = t ? _ : u;
+      return p = { ...l[_] }, p.slot = T, /* @__PURE__ */ jsxRuntimeExports.jsx(
         Panel,
         {
-          character: f,
-          active: s.position === p,
+          character: p,
+          active: s.position === T,
           ttsStarted: n
         },
-        `${`${f.uid}_${h}`}`
+        `${`${p.uid}_${u}`}`
       );
     }
     return null;