@realsee/dnalogel 2.16.0-2 → 2.16.0-alpha.0

package/libs/PanoDoorLabelPlugin/BaseController.js

@@ -1,79 +1,60 @@
-var l = Object.defineProperty, m = Object.defineProperties;
-var d = Object.getOwnPropertyDescriptors;
-var h = Object.getOwnPropertySymbols;
-var u = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var o = (i, e, t) => e in i ? l(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, s = (i, e) => {
+var d = Object.defineProperty, u = Object.defineProperties;
+var b = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var n = (s, e, t) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, i = (s, e) => {
   for (var t in e || (e = {}))
-    u.call(e, t) && o(i, t, e[t]);
-  if (h)
-    for (var t of h(e))
-      b.call(e, t) && o(i, t, e[t]);
-  return i;
-}, r = (i, e) => m(i, d(e));
-var a = (i, e, t) => (o(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { Five as v } from "@realsee/five";
-import { Controller as c } from "../base/BasePlugin.js";
+    p.call(e, t) && n(s, t, e[t]);
+  if (o)
+    for (var t of o(e))
+      v.call(e, t) && n(s, t, e[t]);
+  return s;
+}, a = (s, e) => u(s, b(e));
+var r = (s, e, t) => (n(s, typeof e != "symbol" ? e + "" : e, t), t);
+import { Five as c } from "@realsee/five";
+import { Controller as f } from "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
-import "hammerjs";
-import "three";
-import "@tweenjs/tween.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../CSS3DRenderPlugin/utils/even.js";
-import "../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../shared-utils/three/centerPoint.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/isAbsoluteURL.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
-class K extends c {
+class g extends f {
   constructor(t) {
     super(t);
-    a(this, "state");
-    a(this, "container");
-    a(this, "enabled");
+    r(this, "state");
+    r(this, "container");
+    r(this, "enabled");
     this.five = t, this.five.once("dispose", this.dispose), this.enabled = !0, this.state = this.initState();
   }
   enable(t) {
-    this.enabled = !0, this.updateState(r(s({}, t), { userAction: !0 }));
+    this.enabled = !0, this.updateState(a(i({}, t), { userAction: !0 }));
   }
   disable(t) {
-    this.enabled = !1, this.updateState(r(s({}, t), { userAction: !0 }));
+    this.enabled = !1, this.updateState(a(i({}, t), { userAction: !0 }));
   }
   show(t) {
     if (!!this.state.enabled)
-      return this.setState(r(s({}, this.state), { visible: !0 }), t), Promise.resolve();
+      return this.setState(a(i({}, this.state), { visible: !0 }), t), Promise.resolve();
   }
   hide(t) {
     if (!!this.state.enabled)
-      return this.setState(r(s({}, this.state), { visible: !1 }), t), Promise.resolve();
+      return this.setState(a(i({}, this.state), { visible: !1 }), t), Promise.resolve();
   }
   dispose() {
     this.container.remove();
   }
-  setState(t, n) {
+  setState(t, h) {
     if (!this.enabled)
       return;
-    const p = s({}, this.state);
-    this.state = s(s(s({}, this.state), t), n), this.stateChangedCallback(p, n);
+    const l = i({}, this.state);
+    this.state = i(i(i({}, this.state), t), h), this.stateChangedCallback(l, h);
   }
   get visible() {
-    return this.five.state.mode === v.Mode.Panorama;
+    return this.five.state.mode === c.Mode.Panorama;
   }
   appendTo(t) {
     !this.enabled || (this.container = t, this.render());
   }
   updateState(t) {
-    this.setState(r(s({}, this.state), { enabled: this.enabled, visible: this.visible }), t);
+    this.setState(a(i({}, this.state), { enabled: this.enabled, visible: this.visible }), t);
   }
 }
 export {
-  K as BasePanoPluginController
+  g as BasePanoPluginController
 };

package/libs/PanoDoorLabelPlugin/Controller.js

@@ -2,15 +2,15 @@ var $ = Object.defineProperty, B = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
 var C = Object.getOwnPropertySymbols;
 var G = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
-var T = (p, a, e) => a in p ? $(p, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[a] = e, H = (p, a) => {
+var T = (v, a, e) => a in v ? $(v, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[a] = e, H = (v, a) => {
   for (var e in a || (a = {}))
-    G.call(a, e) && T(p, e, a[e]);
+    G.call(a, e) && T(v, e, a[e]);
   if (C)
     for (var e of C(a))
-      N.call(a, e) && T(p, e, a[e]);
-  return p;
-}, W = (p, a) => B(p, U(a));
-var r = (p, a, e) => (T(p, typeof a != "symbol" ? a + "" : a, e), e);
+      N.call(a, e) && T(v, e, a[e]);
+  return v;
+}, W = (v, a) => B(v, U(a));
+var r = (v, a, e) => (T(v, typeof a != "symbol" ? a + "" : a, e), e);
 import { Raycaster as Q, Vector3 as V, Quaternion as j, Euler as z } from "three";
 import { BasePanoPluginController as q } from "./BaseController.js";
 import X from "./DoorLabelItem.js";
@@ -18,28 +18,10 @@ import { getCameraToward as Y, isTwoRectOverlaped as Z, getDistance as J, getTow
 import "@realsee/five";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
-import "hammerjs";
-import "@tweenjs/tween.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../CSS3DRenderPlugin/utils/even.js";
-import "../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../shared-utils/three/centerPoint.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/isAbsoluteURL.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
 import "../vendor/svelte/internal/index.js";
 import "classnames";
 const ee = { userAction: !0 };
-class Oe extends q {
+class fe extends q {
   constructor(e) {
     super(e);
     r(this, "MinVisibledistance", 1.8);
@@ -92,10 +74,10 @@ class Oe extends q {
             const i = s.position.clone(), t = i.distanceTo(l);
             if (t < this.MinVisibledistance || t > this.MaxVisibledistance)
               return;
-            const c = new Q(), v = i.clone().sub(l).normalize();
-            c.set(l, v);
-            const [b] = this.five.model.intersectRaycaster(c);
-            b && b.distance + 0.1 < t || o.push(f);
+            const c = new Q(), b = i.clone().sub(l).normalize();
+            c.set(l, b);
+            const [p] = this.five.model.intersectRaycaster(c);
+            p && p.distance + 0.1 < t || o.push(f);
           }), this.visibleLabelMap.set(e, o), o;
         }
       })();
@@ -104,7 +86,7 @@ class Oe extends q {
       }), this.fixDoorPosition();
     });
     r(this, "fixDoorPosition", () => {
-      var i, t, c, v, b, y, g, w, L, E, _, S;
+      var i, t, c, b, p, y, g, w, L, E, _, S;
       const { panoIndex: e, camera: n } = this.five;
       if (e === null)
         return;
@@ -128,7 +110,7 @@ class Oe extends q {
             left: l * M / 100,
             top: h * k / 100,
             width: (c = (t = (i = I.children) == null ? void 0 : i[0]) == null ? void 0 : t.clientWidth) != null ? c : 0,
-            height: (y = (b = (v = I.children) == null ? void 0 : v[0]) == null ? void 0 : b.clientHeight) != null ? y : 0
+            height: (y = (p = (b = I.children) == null ? void 0 : b[0]) == null ? void 0 : p.clientHeight) != null ? y : 0
           }, F = {
             left: l * O / 100,
             top: h * P / 100,
@@ -155,8 +137,8 @@ class Oe extends q {
         if (o > 0) {
           const i = new V(0, 0, -1), t = h.clone(), c = new j();
           c.setFromUnitVectors(i, t);
-          const v = new z();
-          v.setFromQuaternion(c, "YXZ"), s.longitude = v.y;
+          const b = new z();
+          b.setFromQuaternion(c, "YXZ"), s.longitude = b.y;
         }
         this.five.emit("wantsToMoveToPano", l, {}, !0) || this.five.moveToPano(l, { longitude: s.longitude });
       }
@@ -170,20 +152,20 @@ class Oe extends q {
         const o = (f = this.floorplanServerData.computed_data.doors) == null ? void 0 : f.filter((i) => !!(i && i.name === h.name)), s = this.five.work.observers.filter((i, t) => !!h.observer_indexs.find((c) => c === t));
         o && o.forEach((i) => {
           const t = i.position;
-          let c = 1 / 0, v;
+          let c = 1 / 0, b;
           s.forEach((y) => {
             const g = y.standingPosition, w = {
               x: g.x,
               y: g.y,
               z: g.z
             }, L = J(t, w);
-            L < c && (c = L, v = w);
-          }), v && (t.y = v.y + 0.01);
-          const b = new V(t.x, t.y, t.z);
-          b.add(new V(-0.2, 1.8, 0).applyEuler(new z(0, i.rad, 0))), this.doorLabels.push({
+            L < c && (c = L, b = w);
+          }), b && (t.y = b.y + 0.01);
+          const p = new V(t.x, t.y, t.z);
+          p.add(new V(-0.2, 1.8, 0).applyEuler(new z(0, i.rad, 0))), this.doorLabels.push({
             roomName: h.name,
             name: i.name,
-            position: b,
+            position: p,
             toward: K(i.rad)
           });
         });
@@ -238,5 +220,5 @@ class Oe extends q {
   }
 }
 export {
-  Oe as PanoDoorLabelPluginController
+  fe as PanoDoorLabelPluginController
 };

package/libs/PanoDoorLabelPlugin/index.js

@@ -4,30 +4,12 @@ import "./BaseController.js";
 import "@realsee/five";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
-import "hammerjs";
-import "@tweenjs/tween.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../CSS3DRenderPlugin/utils/even.js";
-import "../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../shared-utils/three/centerPoint.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/isAbsoluteURL.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
 import "./DoorLabelItem.js";
 import "../vendor/svelte/internal/index.js";
 import "classnames";
 import "./utils.js";
-const A = (o) => new r(o);
+const b = (o) => new r(o);
 export {
-  A as PanoDoorLabelPlugin,
-  A as default
+  b as PanoDoorLabelPlugin,
+  b as default
 };

package/libs/PanoMeasurePlugin/typings/index.js

@@ -1,20 +1 @@
-import "@realsee/five";
-import "hammerjs";
-import "three";
-import "@tweenjs/tween.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/animationFrame/BetterTween.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../../CSS3DRenderPlugin/utils/even.js";
-import "../../shared-utils/Subscribe.js";
-import "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../../shared-utils/three/centerPoint.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../../shared-utils/animationFrame/index.js";
+

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -21,15 +21,10 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "hammerjs";
-import "@tweenjs/tween.js";
-import "../shared-utils/isAbsoluteURL.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
 import "../vendor/svelte/internal/index.js";
 import "./store.js";
 import "../vendor/svelte/store/index.js";
-const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", to = (n, s) => {
+const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", Qe = (n, s) => {
   var k, z, q, B, G, J, K, Q;
   let j = s == null ? void 0 : s.container, y = 1.4;
   const ee = (k = s == null ? void 0 : s.wait) != null ? k : 200, oe = (z = s == null ? void 0 : s.maxNumberOnScreen) != null ? z : 3, I = (q = s == null ? void 0 : s.minRad) != null ? q : Math.PI / 4, L = (B = s == null ? void 0 : s.nearTolerance) != null ? B : 100, te = (G = s == null ? void 0 : s.upsideHeight) != null ? G : 1.6, A = (J = s == null ? void 0 : s.minDistance) != null ? J : 1.2, f = (K = s == null ? void 0 : s.maxDistance) != null ? K : 3.5, C = Te(n), S = document.createElement("div");
@@ -266,6 +261,6 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
   };
 };
 export {
-  to as PanoSpatialTagPlugin,
-  to as default
+  Qe as PanoSpatialTagPlugin,
+  Qe as default
 };

package/libs/PanoSpatialTagPlugin/index.js

@@ -1,5 +1,5 @@
 import "./Plugin.js";
-import { PanoSpatialTagPlugin as G, PanoSpatialTagPlugin as H } from "./Plugin.js";
+import { PanoSpatialTagPlugin as B, PanoSpatialTagPlugin as C } from "./Plugin.js";
 import "three";
 import "@realsee/five";
 import "../CSS3DRenderPlugin/index.js";
@@ -19,11 +19,6 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "hammerjs";
-import "@tweenjs/tween.js";
-import "../shared-utils/isAbsoluteURL.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
 import "./Components/origins.js";
 import "../vendor/svelte/internal/index.js";
 import "./store.js";
@@ -32,6 +27,6 @@ import "./Components/tag.js";
 import "./style.js";
 import "../shared-utils/tinyEJSrender.js";
 export {
-  G as PanoSpatialTagPlugin,
-  H as default
+  B as PanoSpatialTagPlugin,
+  C as default
 };

package/libs/PanoTagPlugin/Components/Common/Icon/Icon.js

@@ -31,6 +31,8 @@ import "three";
 import { noTypecheck as W } from "../../../utils/noTypecheck.js";
 import "@realsee/five/gltf-loader";
 import "../../../../shared-utils/three/loadTexture.js";
+import "@realsee/five";
+import "../../../../shared-utils/threex/domevents/index.js";
 import { getKeyframeInfo as se, getImageInfo as fe } from "../../../utils/getImageInfo.js";
 import g from "../../../utils/px2rem.js";
 import ce from "../Shadow.js";
@@ -329,11 +331,11 @@ function We(e, i, o) {
     l
   ];
 }
-class ze extends $ {
+class Ee extends $ {
   constructor(i) {
     super(), x(this, i, We, ye, ee, { width: 1, icon: 12, shadow: 0 }, de);
   }
 }
 export {
-  ze as default
+  Ee as default
 };

package/libs/PanoTagPlugin/Components/Common/Media.js

@@ -1,4 +1,4 @@
-import { SvelteComponent as ae, init as le, safe_not_equal as oe, append_styles as re, empty as U, insert as q, transition_in as c, transition_out as p, check_outros as D, detach as w, getContext as F, onMount as me, onDestroy as ue, element as G, attr as H, toggle_class as I, append as se, group_outros as M, add_render_callback as fe, create_in_transition as de, identity as J, create_out_transition as ce, binding_callbacks as E, assign as W, bind as X, create_component as S, mount_component as N, get_spread_update as Y, get_spread_object as Z, add_flush_callback as x, destroy_component as j, destroy_each as _e } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as ae, init as le, safe_not_equal as oe, append_styles as re, empty as U, insert as D, transition_in as c, transition_out as p, check_outros as q, detach as w, getContext as F, onMount as me, onDestroy as se, element as G, attr as H, toggle_class as y, append as ue, group_outros as M, add_render_callback as fe, create_in_transition as de, identity as J, create_out_transition as ce, binding_callbacks as E, assign as W, bind as X, create_component as S, mount_component as N, get_spread_update as Y, get_spread_object as Z, add_flush_callback as x, destroy_component as j, destroy_each as _e } from "../../../vendor/svelte/internal/index.js";
 import { Carousel as ge } from "../../../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
 import { fly as K } from "../../../vendor/svelte/transition/index.js";
 import $ from "./MediaItem.js";
@@ -40,37 +40,37 @@ function P(t, i, l) {
   return n[25] = i[l], n[26] = i, n[27] = l, n;
 }
 function Q(t) {
-  let i, l, n, e, u, r, a;
-  const o = [he, be], s = [];
-  function y(f, _) {
+  let i, l, n, e, s, r, a;
+  const o = [he, be], u = [];
+  function I(f, _) {
     return f[13] && f[10].length > 1 ? 0 : 1;
   }
-  return n = y(t), e = s[n] = o[n](t), {
+  return n = I(t), e = u[n] = o[n](t), {
     c() {
-      i = G("div"), l = G("div"), e.c(), H(l, "class", "media-list svelte-1mrbqlg"), I(l, "carouselEnabled", t[13]), H(i, "class", "media-list-wrapper svelte-1mrbqlg"), I(i, "unfolded", t[5]);
+      i = G("div"), l = G("div"), e.c(), H(l, "class", "media-list svelte-1mrbqlg"), y(l, "carouselEnabled", t[13]), H(i, "class", "media-list-wrapper svelte-1mrbqlg"), y(i, "unfolded", t[5]);
     },
     m(f, _) {
-      q(f, i, _), se(i, l), s[n].m(l, null), a = !0;
+      D(f, i, _), ue(i, l), u[n].m(l, null), a = !0;
     },
     p(f, _) {
       t = f;
       let b = n;
-      n = y(t), n === b ? s[n].p(t, _) : (M(), p(s[b], 1, 1, () => {
-        s[b] = null;
-      }), D(), e = s[n], e ? e.p(t, _) : (e = s[n] = o[n](t), e.c()), c(e, 1), e.m(l, null)), (!a || _ & 8192) && I(l, "carouselEnabled", t[13]), (!a || _ & 32) && I(i, "unfolded", t[5]);
+      n = I(t), n === b ? u[n].p(t, _) : (M(), p(u[b], 1, 1, () => {
+        u[b] = null;
+      }), q(), e = u[n], e ? e.p(t, _) : (e = u[n] = o[n](t), e.c()), c(e, 1), e.m(l, null)), (!a || _ & 8192) && y(l, "carouselEnabled", t[13]), (!a || _ & 32) && y(i, "unfolded", t[5]);
     },
     i(f) {
       a || (c(e), f && fe(() => {
-        r && r.end(1), u = de(i, K, t[6] ? {
+        r && r.end(1), s = de(i, K, t[6] ? {
           y: 4,
           duration: t[4],
           delay: t[2],
           easing: J
-        } : void 0), u.start();
+        } : void 0), s.start();
       }), a = !0);
     },
     o(f) {
-      p(e), u && u.invalidate(), f && (r = ce(i, K, t[6] ? {
+      p(e), s && s.invalidate(), f && (r = ce(i, K, t[6] ? {
         y: 4,
         duration: t[4],
         delay: t[3],
@@ -78,7 +78,7 @@ function Q(t) {
       } : void 0)), a = !1;
     },
     d(f) {
-      f && w(i), s[n].d(), f && r && r.end();
+      f && w(i), u[n].d(), f && r && r.end();
     }
   };
 }
@@ -89,13 +89,13 @@ function be(t) {
     t[7],
     { tag: t[0] }
   ];
-  function u(a) {
+  function s(a) {
     t[20](a);
   }
   let r = {};
   for (let a = 0; a < e.length; a += 1)
     r = W(r, e[a]);
-  return t[8][0] !== void 0 && (r.mediaInstance = t[8][0]), i = new $({ props: r }), E.push(() => X(i, "mediaInstance", u)), {
+  return t[8][0] !== void 0 && (r.mediaInstance = t[8][0]), i = new $({ props: r }), E.push(() => X(i, "mediaInstance", s)), {
     c() {
       S(i.$$.fragment);
     },
@@ -103,12 +103,12 @@ function be(t) {
       N(i, a, o), n = !0;
     },
     p(a, o) {
-      const s = o & 131 ? Y(e, [
+      const u = o & 131 ? Y(e, [
         o & 2 && { media: a[1][0] },
         o & 128 && Z(a[7]),
         o & 1 && { tag: a[0] }
       ]) : {};
-      !l && o & 256 && (l = !0, s.mediaInstance = a[8][0], x(() => l = !1)), i.$set(s);
+      !l && o & 256 && (l = !0, u.mediaInstance = a[8][0], x(() => l = !1)), i.$set(u);
     },
     i(a) {
       n || (c(i.$$.fragment, a), n = !0);
@@ -125,19 +125,19 @@ function he(t) {
   let i, l, n = {
     dots: !1,
     arrows: !1,
-    $$slots: { default: [ye] },
+    $$slots: { default: [Ie] },
     $$scope: { ctx: t }
   };
   return i = new ge({ props: n }), t[18](i), i.$on("pageChange", t[19]), {
     c() {
       S(i.$$.fragment);
     },
-    m(e, u) {
-      N(i, e, u), l = !0;
+    m(e, s) {
+      N(i, e, s), l = !0;
     },
-    p(e, u) {
+    p(e, s) {
       const r = {};
-      u & 268436865 && (r.$$scope = { dirty: u, ctx: e }), i.$set(r);
+      s & 268436865 && (r.$$scope = { dirty: s, ctx: e }), i.$set(r);
     },
     i(e) {
       l || (c(i.$$.fragment, e), l = !0);
@@ -157,13 +157,13 @@ function R(t) {
     { media: t[25] },
     { tag: t[0] }
   ];
-  function u(a) {
+  function s(a) {
     t[17](a, t[27]);
   }
   let r = {};
   for (let a = 0; a < e.length; a += 1)
     r = W(r, e[a]);
-  return t[8][t[27]] !== void 0 && (r.mediaInstance = t[8][t[27]]), i = new $({ props: r }), E.push(() => X(i, "mediaInstance", u)), {
+  return t[8][t[27]] !== void 0 && (r.mediaInstance = t[8][t[27]]), i = new $({ props: r }), E.push(() => X(i, "mediaInstance", s)), {
     c() {
       S(i.$$.fragment);
     },
@@ -172,12 +172,12 @@ function R(t) {
     },
     p(a, o) {
       t = a;
-      const s = o & 1153 ? Y(e, [
+      const u = o & 1153 ? Y(e, [
         o & 128 && Z(t[7]),
         o & 1024 && { media: t[25] },
         o & 1 && { tag: t[0] }
       ]) : {};
-      !l && o & 256 && (l = !0, s.mediaInstance = t[8][t[27]], x(() => l = !1)), i.$set(s);
+      !l && o & 256 && (l = !0, u.mediaInstance = t[8][t[27]], x(() => l = !1)), i.$set(u);
     },
     i(a) {
       n || (c(i.$$.fragment, a), n = !0);
@@ -190,11 +190,11 @@ function R(t) {
     }
   };
 }
-function ye(t) {
+function Ie(t) {
   let i, l, n = t[10], e = [];
   for (let r = 0; r < n.length; r += 1)
     e[r] = R(P(t, n, r));
-  const u = (r) => p(e[r], 1, 1, () => {
+  const s = (r) => p(e[r], 1, 1, () => {
     e[r] = null;
   });
   return {
@@ -206,19 +206,19 @@ function ye(t) {
     m(r, a) {
       for (let o = 0; o < e.length; o += 1)
         e[o].m(r, a);
-      q(r, i, a), l = !0;
+      D(r, i, a), l = !0;
     },
     p(r, a) {
       if (a & 1409) {
         n = r[10];
         let o;
         for (o = 0; o < n.length; o += 1) {
-          const s = P(r, n, o);
-          e[o] ? (e[o].p(s, a), c(e[o], 1)) : (e[o] = R(s), e[o].c(), c(e[o], 1), e[o].m(i.parentNode, i));
+          const u = P(r, n, o);
+          e[o] ? (e[o].p(u, a), c(e[o], 1)) : (e[o] = R(u), e[o].c(), c(e[o], 1), e[o].m(i.parentNode, i));
         }
         for (M(), o = n.length; o < e.length; o += 1)
-          u(o);
-        D();
+          s(o);
+        q();
       }
     },
     i(r) {
@@ -239,19 +239,19 @@ function ye(t) {
     }
   };
 }
-function Ie(t) {
+function ye(t) {
   let i, l, n = t[5] && Q(t);
   return {
     c() {
       n && n.c(), i = U();
     },
-    m(e, u) {
-      n && n.m(e, u), q(e, i, u), l = !0;
+    m(e, s) {
+      n && n.m(e, s), D(e, i, s), l = !0;
     },
-    p(e, [u]) {
-      e[5] ? n ? (n.p(e, u), u & 32 && c(n, 1)) : (n = Q(e), n.c(), c(n, 1), n.m(i.parentNode, i)) : n && (M(), p(n, 1, 1, () => {
+    p(e, [s]) {
+      e[5] ? n ? (n.p(e, s), s & 32 && c(n, 1)) : (n = Q(e), n.c(), c(n, 1), n.m(i.parentNode, i)) : n && (M(), p(n, 1, 1, () => {
         n = null;
-      }), D());
+      }), q());
     },
     i(e) {
       l || (c(n), l = !0);
@@ -265,7 +265,7 @@ function Ie(t) {
   };
 }
 function ke(t, i, l) {
-  let n, e, u, r, { tag: a } = i, { mediaData: o } = i, { inDelay: s = 0 } = i, { outDelay: y = 0 } = i, { duration: f = 0 } = i, { unfolded: _ = !0 } = i, { animation: b = !0 } = i, { mediaItemConfig: L } = i, { enableCarousel: k = !0 } = i, { autoplayConfig: C = { autoplay: !0, autoplayVideo: !1 } } = i, g = [], v = 0, h, B = null;
+  let n, e, s, r, { tag: a } = i, { mediaData: o } = i, { inDelay: u = 0 } = i, { outDelay: I = 0 } = i, { duration: f = 0 } = i, { unfolded: _ = !0 } = i, { animation: b = !0 } = i, { mediaItemConfig: L } = i, { enableCarousel: k = !0 } = i, { autoplayConfig: C = { autoplay: !0, autoplayVideo: !1 } } = i, g = [], v = 0, h, B = null;
   const O = F("hooks"), T = F("mediaStore");
   function V() {
     const m = g[v], d = m == null ? void 0 : m.videoInstance;
@@ -274,14 +274,14 @@ function ke(t, i, l) {
   me(() => {
     O.on("click", (m) => {
       var d, z, A;
-      !((A = (z = (d = a.tag3DContentSvelte) == null ? void 0 : d.domContainer) == null ? void 0 : z.css3DObject) != null && A.opacityMesh) || m.tag.id === a.id && V();
+      !((A = (z = (d = a.tag3DContentSvelte) == null ? void 0 : d.css3DInstance) == null ? void 0 : z.css3DObject) != null && A.opacityMesh) || m.tag.id === a.id && V();
     }), B = setInterval(
       () => {
         r && (h == null || h.goToNext());
       },
       3e3
     );
-  }), ue(() => {
+  }), se(() => {
     clearInterval(B), O.off("click", V);
   });
   function ee(m, d) {
@@ -299,21 +299,21 @@ function ke(t, i, l) {
     t.$$.not_equal(g[0], m) && (g[0] = m, l(8, g));
   }
   return t.$$set = (m) => {
-    "tag" in m && l(0, a = m.tag), "mediaData" in m && l(1, o = m.mediaData), "inDelay" in m && l(2, s = m.inDelay), "outDelay" in m && l(3, y = m.outDelay), "duration" in m && l(4, f = m.duration), "unfolded" in m && l(5, _ = m.unfolded), "animation" in m && l(6, b = m.animation), "mediaItemConfig" in m && l(7, L = m.mediaItemConfig), "enableCarousel" in m && l(15, k = m.enableCarousel), "autoplayConfig" in m && l(16, C = m.autoplayConfig);
+    "tag" in m && l(0, a = m.tag), "mediaData" in m && l(1, o = m.mediaData), "inDelay" in m && l(2, u = m.inDelay), "outDelay" in m && l(3, I = m.outDelay), "duration" in m && l(4, f = m.duration), "unfolded" in m && l(5, _ = m.unfolded), "animation" in m && l(6, b = m.animation), "mediaItemConfig" in m && l(7, L = m.mediaItemConfig), "enableCarousel" in m && l(15, k = m.enableCarousel), "autoplayConfig" in m && l(16, C = m.autoplayConfig);
   }, t.$$.update = () => {
-    t.$$.dirty & 256 && l(9, n = g.every((m) => m.paused)), t.$$.dirty & 32770 && l(13, e = k && (o == null ? void 0 : o.length) > 1), t.$$.dirty & 2 && l(10, u = o), t.$$.dirty & 67072 && (r = u.length > 1 && C.autoplay && n);
+    t.$$.dirty & 256 && l(9, n = g.every((m) => m.paused)), t.$$.dirty & 32770 && l(13, e = k && (o == null ? void 0 : o.length) > 1), t.$$.dirty & 2 && l(10, s = o), t.$$.dirty & 67072 && (r = s.length > 1 && C.autoplay && n);
   }, [
     a,
     o,
-    s,
-    y,
+    u,
+    I,
     f,
     _,
     b,
     L,
     g,
     n,
-    u,
+    s,
     v,
     h,
     e,
@@ -332,7 +332,7 @@ class it extends ae {
       this,
       i,
       ke,
-      Ie,
+      ye,
       oe,
       {
         tag: 0,