@realsee/dnalogel 3.64.23-alpha.3 → 3.64.23-ke-webgpu.1

package/libs/ModelMakerPlugin/utils/BoxLabelItem.js

@@ -0,0 +1,204 @@
+import { SvelteComponent as L, init as S, safe_not_equal as q, append_styles as B, element as w, attr as _, set_style as o, insert as M, noop as C, detach as N, onMount as H, onDestroy as X, space as Y, text as j, toggle_class as m, append as c, listen as A, is_function as E, set_data as G, binding_callbacks as y } from "../../vendor/svelte/internal/index.js";
+function J(i) {
+  B(i, "svelte-11sw1v", ".box-label-item.svelte-11sw1v{position:absolute;transform:translateY(-3.9375rem);cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.box-label-item__container.svelte-11sw1v{position:relative;display:flex;align-items:flex-start}.text-wrapper.svelte-11sw1v{position:relative}.text-wrapper.panorama.svelte-11sw1v{margin-left:0.375rem;margin-top:-0.3125rem}.text-wrapper.mapview.svelte-11sw1v{margin-left:0.375rem;margin-top:-0.4375rem}.box-label-item__text.svelte-11sw1v{font-family:PingFangSC-Medium;font-weight:500;color:#ffffff;letter-spacing:0;text-shadow:0 0.125rem 0.75rem #0000004d;pointer-events:all;white-space:nowrap}.box-label-item__text.panorama.svelte-11sw1v{height:1rem;font-size:1rem;line-height:1rem}.box-label-item__text.mapview.svelte-11sw1v{height:0.7rem;font-size:0.7rem;line-height:0.7rem}.box-label-item__bar.svelte-11sw1v{position:relative;width:0.0625rem;height:3.4375rem;transform-origin:top;background-image:linear-gradient(0deg, #ffffff1a 0%, #ffffff 100%);box-shadow:0 0.125rem 0.625rem 0 #0000004d;border-radius:0.03125rem}.box-label-item__dot.svelte-11sw1v{position:absolute;bottom:-0.625rem;left:50%;transform:translateX(-50%);width:0.25rem;height:0.25rem;background:#ffffff;box-shadow:0 0 0.3125rem 0 #ffffff;border-radius:50%}");
+}
+function D(i) {
+  let t, e, f, l, a, d, b, v;
+  return {
+    c() {
+      t = w("div"), e = w("div"), e.innerHTML = '<div class="box-label-item__dot svelte-11sw1v"></div>', f = Y(), l = w("div"), a = w("span"), d = j(
+        /*content*/
+        i[0]
+      ), _(e, "class", "box-label-item__bar svelte-11sw1v"), _(a, "class", "box-label-item__text svelte-11sw1v"), m(
+        a,
+        "panorama",
+        /*isPanoramaMode*/
+        i[9]
+      ), m(a, "mapview", !/*isPanoramaMode*/
+      i[9]), _(l, "class", "text-wrapper svelte-11sw1v"), m(
+        l,
+        "panorama",
+        /*isPanoramaMode*/
+        i[9]
+      ), m(l, "mapview", !/*isPanoramaMode*/
+      i[9]), _(t, "class", "box-label-item__container svelte-11sw1v");
+    },
+    m(s, r) {
+      M(s, t, r), c(t, e), i[14](e), c(t, f), c(t, l), c(l, a), c(a, d), i[15](a), b || (v = A(a, "click", function() {
+        E(
+          /*onClick*/
+          i[4]
+        ) && i[4].apply(this, arguments);
+      }), b = !0);
+    },
+    p(s, r) {
+      i = s, r & /*content*/
+      1 && G(
+        d,
+        /*content*/
+        i[0]
+      ), r & /*isPanoramaMode*/
+      512 && m(
+        a,
+        "panorama",
+        /*isPanoramaMode*/
+        i[9]
+      ), r & /*isPanoramaMode*/
+      512 && m(a, "mapview", !/*isPanoramaMode*/
+      i[9]), r & /*isPanoramaMode*/
+      512 && m(
+        l,
+        "panorama",
+        /*isPanoramaMode*/
+        i[9]
+      ), r & /*isPanoramaMode*/
+      512 && m(l, "mapview", !/*isPanoramaMode*/
+      i[9]);
+    },
+    d(s) {
+      s && N(t), i[14](null), i[15](null), b = !1, v();
+    }
+  };
+}
+function K(i) {
+  let t, e = !/*rendererIfNeed*/
+  i[5] && D(i);
+  return {
+    c() {
+      t = w("div"), e && e.c(), _(t, "class", "box-label-item svelte-11sw1v"), o(
+        t,
+        "z-index",
+        /*zIndex*/
+        i[2]
+      ), o(
+        t,
+        "transform",
+        /*transform*/
+        i[3]
+      ), o(
+        t,
+        "opacity",
+        /*opacity*/
+        i[1]
+      ), o(
+        t,
+        "visibility",
+        /*visibility*/
+        i[10]
+      );
+    },
+    m(f, l) {
+      M(f, t, l), e && e.m(t, null), i[16](t);
+    },
+    p(f, [l]) {
+      /*rendererIfNeed*/
+      f[5] ? e && (e.d(1), e = null) : e ? e.p(f, l) : (e = D(f), e.c(), e.m(t, null)), l & /*zIndex*/
+      4 && o(
+        t,
+        "z-index",
+        /*zIndex*/
+        f[2]
+      ), l & /*transform*/
+      8 && o(
+        t,
+        "transform",
+        /*transform*/
+        f[3]
+      ), l & /*opacity*/
+      2 && o(
+        t,
+        "opacity",
+        /*opacity*/
+        f[1]
+      ), l & /*visibility*/
+      1024 && o(
+        t,
+        "visibility",
+        /*visibility*/
+        f[10]
+      );
+    },
+    i: C,
+    o: C,
+    d(f) {
+      f && N(t), e && e.d(), i[16](null);
+    }
+  };
+}
+function O(i, t, e) {
+  let f, { content: l } = t, { five: a = void 0 } = t, { visible: d = !0 } = t, { opacity: b = 1 } = t, { zIndex: v = 0 } = t, { transform: s = void 0 } = t, { onClick: r = () => {
+  } } = t, { rendererIfNeed: g = void 0 } = t, { rendererData: p = void 0 } = t, u, k, z, I = !0, h;
+  const x = (n) => {
+    e(9, I = a.state.mode === "Panorama");
+  };
+  H(() => {
+    u && typeof g == "function" && (h = g(u, p)), a && (e(9, I = a.state.mode === "Panorama"), a.on("cameraUpdate", x));
+  }), X(() => {
+    h == null || h(), a == null || a.off("cameraUpdate", x);
+  });
+  function P(n) {
+    y[n ? "unshift" : "push"](() => {
+      k = n, e(7, k);
+    });
+  }
+  function U(n) {
+    y[n ? "unshift" : "push"](() => {
+      z = n, e(8, z);
+    });
+  }
+  function F(n) {
+    y[n ? "unshift" : "push"](() => {
+      u = n, e(6, u);
+    });
+  }
+  return i.$$set = (n) => {
+    "content" in n && e(0, l = n.content), "five" in n && e(11, a = n.five), "visible" in n && e(12, d = n.visible), "opacity" in n && e(1, b = n.opacity), "zIndex" in n && e(2, v = n.zIndex), "transform" in n && e(3, s = n.transform), "onClick" in n && e(4, r = n.onClick), "rendererIfNeed" in n && e(5, g = n.rendererIfNeed), "rendererData" in n && e(13, p = n.rendererData);
+  }, i.$$.update = () => {
+    i.$$.dirty & /*visible*/
+    4096 && e(10, f = d ? "visible" : "hidden");
+  }, [
+    l,
+    b,
+    v,
+    s,
+    r,
+    g,
+    u,
+    k,
+    z,
+    I,
+    f,
+    a,
+    d,
+    p,
+    P,
+    U,
+    F
+  ];
+}
+class R extends L {
+  constructor(t) {
+    super(), S(
+      this,
+      t,
+      O,
+      K,
+      q,
+      {
+        content: 0,
+        five: 11,
+        visible: 12,
+        opacity: 1,
+        zIndex: 2,
+        transform: 3,
+        onClick: 4,
+        rendererIfNeed: 5,
+        rendererData: 13
+      },
+      J
+    );
+  }
+}
+export {
+  R as default
+};

package/libs/ModelMakerPlugin/utils/BoxLabelItem.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/libs/ModelMakerPlugin/utils/tagRenderer.js

@@ -1,27 +1,35 @@
-import p from "./Text.js";
-import { LabelItem as m } from "../../components/AreaLabel/LabelItem.js";
+import n from "./Text.js";
+import { LabelItem as p } from "../../components/AreaLabel/LabelItem.js";
+import m from "./BoxLabelItem.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../components/AreaLabel/Assets/roomLabelBg.js";
 import "../../shared-utils/math/rad2Deg.js";
-const n = (e, r) => {
+const s = (e, r) => {
   var t;
-  const o = new p({
+  const o = new n({
     target: e,
     props: { text: (t = r.rawData) == null ? void 0 : t.name }
   });
   return () => o.$destroy();
-}, s = (e, r, o) => {
+}, c = (e, r, o) => {
+  var a;
+  const t = new p({
+    target: e,
+    props: { content: (a = r.rawData) == null ? void 0 : a.name, five: o }
+  });
+  return () => t.$destroy();
+}, i = (e, r, o) => {
   var a;
   const t = new m({
     target: e,
     props: { content: (a = r.rawData) == null ? void 0 : a.name, five: o }
   });
   return () => t.$destroy();
-}, l = {
-  box: n,
-  triangles: n,
-  prism: s
+}, R = {
+  box: i,
+  triangles: s,
+  prism: c
 };
 export {
-  l as tagRendererMap
+  R as tagRendererMap
 };

package/libs/ModelRoomLabelPlugin/Controller.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import type { ModelRoomLabelPluginData } from './typings';
 export type ModelRoomLabelPluginParameters = undefined;
 export declare class ModelRoomLabelController {

package/libs/ModelRoomLabelPlugin/index.d.ts

@@ -1,5 +1,5 @@
 import * as Controller from './Controller';
-import type { FivePlugin } from '@realsee/five';
+import type { FivePlugin } from '@realsee/five-webgpu';
 export declare const ModelRoomLabelPlugin: FivePlugin<Controller.ModelRoomLabelPluginParameters, ModelRoomLabelPluginReturnType>;
 export default ModelRoomLabelPlugin;
 export declare const modelRoomLabelPluginServerParams: {

package/libs/ModelTVVideoPlugin/Plugin.d.ts

@@ -1,4 +1,4 @@
-import type { FivePlugin } from '@realsee/five';
+import type { FivePlugin } from '@realsee/five-webgpu';
 import type { ModelTVVideoPluginExportType, ModelTVVideoPluginParameterType } from './typings';
 export declare const ModelTVVideoPlugin: FivePlugin<ModelTVVideoPluginParameterType, ModelTVVideoPluginExportType>;
 export default ModelTVVideoPlugin;

package/libs/ModelTVVideoPlugin/Plugin.js

@@ -14,10 +14,10 @@ var R = (s, g, e) => new Promise((f, v) => {
   }, h = (l) => l.done ? f(l.value) : Promise.resolve(l.value).then(b, w);
   h((e = e.apply(s, g)).next());
 });
-import * as m from "three";
-import { parseModelTVVideoPoints as S } from "./utils/parseData.js";
+import * as c from "three";
+import { parseModelTVVideoPoints as I } from "./utils/parseData.js";
 import { CSS3DRenderPlugin as z } from "../CSS3DRenderPlugin/index.js";
-import { Image_Play_Icon_With_Text as O } from "../PanoTagPlugin/Assets/Icon.js";
+import { Image_Play_Icon_With_Text as C } from "../PanoTagPlugin/Assets/Icon.js";
 import "./typings.js";
 import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -48,6 +48,8 @@ import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "three/webgpu";
+import "three/tsl";
 import "../shared-utils/three/Assets/index.js";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/CSS3DRender/index.js";
@@ -61,19 +63,19 @@ import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../shared-utils/three/applyObjectMatrixWorld.js";
 import "../shared-utils/util.js";
 import "../shared-utils/three/core/LineGeometry.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/isNil.js";
 import "../shared-utils/three/core/Line2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
-import "../shared-utils/three/core/Five_LineMaterial2.js";
 import "../Sculpt/utils/unit.js";
 import "../Sculpt/utils/renderDom.js";
 import "../shared-utils/three/core/Sphere.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/five/FivePuppet.js";
-import "@realsee/five";
+import "@realsee/five-webgpu";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -84,7 +86,7 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/url/absoluteUrl.js";
-const Qe = (s, { videoElement: g }) => {
+const Ze = (s, { videoElement: g }) => {
   const e = {
     videoMeshes: [],
     videoTextureEnabled: !1,
@@ -124,7 +126,7 @@ const Qe = (s, { videoElement: g }) => {
       t.geometry.dispose(), t.material.dispose(), s.scene.remove(t), e.videoTexture && e.videoTexture.image.pause();
     }), e.videoMeshes = [], s.needsRender = !0);
   }, x = () => e.rectPoints.map((t, i) => {
-    const n = new m.BufferGeometry(), o = 128, d = [];
+    const n = new c.BufferGeometry(), o = 128, d = [];
     d.push(...t[0].toArray());
     for (let r = 1; r < o; r++)
       d.push(
@@ -148,46 +150,46 @@ const Qe = (s, { videoElement: g }) => {
     for (let r = 1; r < o; r++)
       a.push(1, r / o);
     a.push(1, 1);
-    const c = [];
+    const m = [];
     for (let r = 0; r < o; r++)
-      c.push(r, r + 1, o * 2 - r, r, o * 2 - r, o * 2 + 1 - r);
-    n.setAttribute("position", new m.BufferAttribute(new Float32Array(d), 3)), n.setAttribute("uv", new m.BufferAttribute(new Float32Array(a), 2)), n.setIndex(new m.BufferAttribute(new Uint32Array(c), 1));
-    const u = new m.MeshBasicMaterial({
+      m.push(r, r + 1, o * 2 - r, r, o * 2 - r, o * 2 + 1 - r);
+    n.setAttribute("position", new c.BufferAttribute(new Float32Array(d), 3)), n.setAttribute("uv", new c.BufferAttribute(new Float32Array(a), 2)), n.setIndex(new c.BufferAttribute(new Uint32Array(m), 1));
+    const u = new c.MeshBasicMaterial({
       map: e.videoTextureEnabled ? e.videoTexture : e.imageTexture,
-      side: m.DoubleSide
-    }), p = new m.Mesh(n, u);
+      side: c.DoubleSide
+    }), p = new c.Mesh(n, u);
     p.renderOrder = 1, p.name = `ModelTVVideoPlugin-${i}-${performance.now()}`;
-    const I = [t[1], t[2], t[3], t[0]], y = f.create3DDomContainer(I);
+    const V = [t[1], t[2], t[3], t[0]], y = f.create3DDomContainer(V);
     if (y != null && y.container) {
       const r = document.createElement("div");
       r.classList.add("play-icon"), r.style.width = "100%", r.style.height = "100%", r.style.display = "flex", r.style.justifyContent = "center", r.style.alignItems = "center", r.style.pointerEvents = "none", y.container.appendChild(r);
       const T = document.createElement("img");
-      T.src = O, T.style.width = "200px", T.style.pointerEvents = "auto", T.onclick = () => {
+      T.src = C, T.style.width = "200px", T.style.pointerEvents = "auto", T.onclick = () => {
         e.videoTexture.image.muted = !1, e.videoTexture.image.play();
       }, r.appendChild(T), v.set(p, y);
     }
     return p;
-  }), F = (t) => {
-    const i = new m.TextureLoader().load(t);
-    return i.minFilter = m.LinearFilter, i.magFilter = m.LinearFilter, i.format = m.RGBFormat, i;
-  }, P = (t, i) => {
+  }), S = (t) => {
+    const i = new c.TextureLoader().load(t);
+    return i.minFilter = c.LinearFilter, i.magFilter = c.LinearFilter, i.colorSpace = c.SRGBColorSpace, i;
+  }, F = (t, i) => {
     let n = i;
     return new Promise((o, d) => {
       const a = new XMLHttpRequest();
       a.onreadystatechange = () => {
         if (a.readyState === 4)
           if (a.status === 200) {
-            const c = window.URL || window.webkitURL;
-            n = n || document.createElement("video"), n.crossOrigin = "anonymous", n.muted = !0, n.loop = !0, n.playsInline = !0, n.src = c.createObjectURL(a.response);
-            const u = new m.VideoTexture(n);
-            u.minFilter = m.LinearFilter, u.magFilter = m.LinearFilter, u.format = m.RGBFormat, o(Object.assign(u, { videoSource: t }));
+            const m = window.URL || window.webkitURL;
+            n = n || document.createElement("video"), n.crossOrigin = "anonymous", n.muted = !0, n.loop = !0, n.playsInline = !0, n.src = m.createObjectURL(a.response);
+            const u = new c.VideoTexture(n);
+            u.minFilter = c.LinearFilter, u.magFilter = c.LinearFilter, u.colorSpace = c.SRGBColorSpace, o(Object.assign(u, { videoSource: t }));
           } else
             d(new Error("Video download Error: " + a.status));
-      }, a.onerror = (c) => d(c), a.open("GET", t), a.responseType = "blob", a.send();
+      }, a.onerror = (m) => d(m), a.open("GET", t), a.responseType = "blob", a.send();
     });
-  }, L = (t, i) => R(void 0, null, function* () {
+  }, P = (t, i) => R(void 0, null, function* () {
     const { video_src: n, video_poster_src: o, points: d } = t;
-    e.videoSource = n, e.rectPoints = S(d).map((a) => a.map(({ x: c, y: u, z: p }) => new m.Vector3(c, u, p))), e.imageTexture = F(o), i && (e.videoElement = i), e.videoTexture = yield P(e.videoSource, e.videoElement), e.enabled = !!t.enable, e.enabled && h();
+    e.videoSource = n, e.rectPoints = I(d).map((a) => a.map(({ x: m, y: u, z: p }) => new c.Vector3(m, u, p))), e.imageTexture = S(o), i && (e.videoElement = i), e.videoTexture = yield F(e.videoSource, e.videoElement), e.enabled = !!t.enable, e.enabled && h();
   }), E = (t) => {
     if (!e.enabled)
       return;
@@ -201,19 +203,19 @@ const Qe = (s, { videoElement: g }) => {
       return;
     const t = s.camera.position;
     if (v.forEach((i, n) => {
-      const o = i.css3DObject.position.clone(), d = o.clone().sub(t).normalize(), a = new m.Raycaster(t, d), c = s.model.intersectRaycaster(a)[0], u = o.distanceTo(t), p = 0.01;
-      c && c.distance + p < u ? i.hide() : i.show();
+      const o = i.css3DObject.position.clone(), d = o.clone().sub(t).normalize(), a = new c.Raycaster(t, d), m = s.model.intersectRaycaster(a)[0], u = o.distanceTo(t), p = 0.01;
+      m && m.distance + p < u ? i.hide() : i.show();
     }), !w()) {
       const i = e.rectPoints.find((n) => {
         const o = n[0].clone().add(n[1]).add(n[2]).add(n[3]).divideScalar(4);
         return n.map((d) => d.clone().add(o).divideScalar(2)).filter((d) => {
-          const a = d.distanceTo(t), c = new m.Raycaster(t, d.clone().sub(t).normalize()), u = s.model.intersectRaycaster(c)[0], p = 0.01;
+          const a = d.distanceTo(t), m = new c.Raycaster(t, d.clone().sub(t).normalize()), u = s.model.intersectRaycaster(m)[0], p = 0.01;
           return !(u && u.distance + p < a);
         }).length >= 2;
       });
       (!i || i.length === 0) && b(!0);
     }
-  }, V = () => {
+  }, L = () => {
     l(), e.videoTexture = void 0, s.off("modeChange", M), s.off("wantsTapGesture", E), s.off("panoArrived", A), s.off("renderFrame", () => {
       e.videoMeshes.forEach((t) => {
         t && (t.needsRender = !0);
@@ -224,9 +226,9 @@ const Qe = (s, { videoElement: g }) => {
     e.videoMeshes.forEach((t) => {
       t && (t.needsRender = !0);
     });
-  }), { enable: h, disable: l, load: L, dispose: V, state: e, css3DRenderPlugin: f };
+  }), { enable: h, disable: l, load: P, dispose: L, state: e, css3DRenderPlugin: f };
 };
 export {
-  Qe as ModelTVVideoPlugin,
-  Qe as default
+  Ze as ModelTVVideoPlugin,
+  Ze as default
 };

package/libs/ModelTVVideoPlugin/index.js

@@ -1,5 +1,5 @@
 import { ModelTVVideoPlugin as r } from "./Plugin.js";
-import { DIRECTION as Do } from "./typings.js";
+import { DIRECTION as Mo } from "./typings.js";
 import "three";
 import "./utils/parseData.js";
 import "../CSS3DRenderPlugin/index.js";
@@ -32,6 +32,8 @@ import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "three/webgpu";
+import "three/tsl";
 import "../shared-utils/three/Assets/index.js";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/CSS3DRender/index.js";
@@ -45,19 +47,19 @@ import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../shared-utils/three/applyObjectMatrixWorld.js";
 import "../shared-utils/util.js";
 import "../shared-utils/three/core/LineGeometry.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/isNil.js";
 import "../shared-utils/three/core/Line2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
-import "../shared-utils/three/core/Five_LineMaterial2.js";
 import "../Sculpt/utils/unit.js";
 import "../Sculpt/utils/renderDom.js";
 import "../shared-utils/three/core/Sphere.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/five/FivePuppet.js";
-import "@realsee/five";
+import "@realsee/five-webgpu";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -70,7 +72,7 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/url/absoluteUrl.js";
 import "../PanoTagPlugin/Assets/Icon.js";
 export {
-  Do as DIRECTION,
+  Mo as DIRECTION,
   r as ModelTVVideoPlugin,
   r as default
 };

package/libs/ModelViewPlugin/Plugin.d.ts

@@ -1,5 +1,5 @@
 import type { PartialDeep } from 'type-fest';
-import type { FivePlugin } from '@realsee/five';
+import type { FivePlugin } from '@realsee/five-webgpu';
 import { Subscribe } from '../shared-utils/Subscribe';
 export interface Config {
     lookAtCurrentCamera: boolean;