@realsee/dnalogel 3.31.1-dev.0 → 3.32.0-dev.0

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -1,10 +1,10 @@
 import * as a from "three";
-import { Subscribe as we, Five as ye } from "@realsee/five";
-import { CSS3DRenderPlugin as Te } from "../CSS3DRenderPlugin/index.js";
-import Me from "./Components/origins.js";
-import Pe from "./Components/tag.js";
-import { pluginStyle as xe } from "./style.js";
-import { render as Ee } from "../shared-utils/tinyEJSrender.js";
+import { Subscribe as yo, Five as To } from "@realsee/five";
+import { CSS3DRenderPlugin as Mo } from "../CSS3DRenderPlugin/index.js";
+import Po from "./Components/origins.js";
+import xo from "./Components/tag.js";
+import { pluginStyle as Eo } from "./style.js";
+import { render as jo } from "../shared-utils/tinyEJSrender.js";
 import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../shared-utils/positionToVector3.js";
@@ -27,48 +27,59 @@ import "hammerjs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "animejs";
 import "../shared-utils/url/absoluteUrl.js";
-import "../vendor/svelte/internal/index.js";
+import "../vendor/svelte/src/runtime/internal/utils.js";
+import "../vendor/svelte/src/runtime/internal/dom.js";
+import "../vendor/svelte/src/runtime/internal/each.js";
+import "../vendor/svelte/src/runtime/internal/transitions.js";
+import "../vendor/svelte/src/runtime/internal/environment.js";
+import "../vendor/svelte/src/runtime/internal/loop.js";
+import "../vendor/svelte/src/runtime/internal/style_manager.js";
+import "../vendor/svelte/src/runtime/internal/scheduler.js";
+import "../vendor/svelte/src/runtime/internal/lifecycle.js";
+import "../vendor/svelte/src/runtime/internal/Component.js";
+import "../vendor/svelte/src/runtime/internal/disclose-version/index.js";
+import "../vendor/svelte/src/shared/version.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", no = (n, s) => {
+import "../vendor/svelte/src/runtime/store/index.js";
+const D = 1e-3, v = 0.01, Io = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", ge = (n, r) => {
   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");
-  S.classList.add("PanoSpatialTagPlugin"), Object.assign(S.style, xe);
-  const V = new we();
+  let j = r == null ? void 0 : r.container, y = 1.4;
+  const oo = (k = r == null ? void 0 : r.wait) != null ? k : 200, eo = (z = r == null ? void 0 : r.maxNumberOnScreen) != null ? z : 3, I = (q = r == null ? void 0 : r.minRad) != null ? q : Math.PI / 4, L = (B = r == null ? void 0 : r.nearTolerance) != null ? B : 100, to = (G = r == null ? void 0 : r.upsideHeight) != null ? G : 1.6, A = (J = r == null ? void 0 : r.minDistance) != null ? J : 1.2, f = (K = r == null ? void 0 : r.maxDistance) != null ? K : 3.5, C = Mo(n), S = document.createElement("div");
+  S.classList.add("PanoSpatialTagPlugin"), Object.assign(S.style, Eo);
+  const V = new yo();
   let Z = new Image();
-  Z.src = je;
-  const e = {
+  Z.src = Io;
+  const o = {
     points: [],
     origins: [],
     tags: [],
     template: "",
     events: {},
-    render: Ee,
+    render: jo,
     folded: !1,
     enabled: !0,
     forbidden: !0
-  }, Y = new Me({
+  }, Y = new Po({
     target: S,
-    props: { origins: e.origins }
-  }), _ = (o, r) => {
-    T(), r && M();
+    props: { origins: o.origins }
+  }), _ = (e, s) => {
+    T(), s && M();
   }, F = () => {
-    e.forbidden && (e.forbidden = !1, M());
-  }, H = (o, r) => {
-    if (e.tags.length === 0)
+    o.forbidden && (o.forbidden = !1, M());
+  }, H = (e, s) => {
+    if (o.tags.length === 0)
       return;
-    const p = r.longitude - n.state.longitude, t = n.camera.clone();
-    t.position.copy(r.offset), t.rotateOnWorldAxis(new a.Vector3(0, 1, 0), p), t.updateProjectionMatrix(), t.updateMatrixWorld(!0);
+    const p = s.longitude - n.state.longitude, t = n.camera.clone();
+    t.position.copy(s.offset), t.rotateOnWorldAxis(new a.Vector3(0, 1, 0), p), t.updateProjectionMatrix(), t.updateMatrixWorld(!0);
     const g = new a.Frustum(), P = new a.Matrix4();
-    P.multiplyMatrices(t.projectionMatrix, t.matrixWorldInverse), g.setFromProjectionMatrix(P), e.tags.forEach((i) => {
+    P.multiplyMatrices(t.projectionMatrix, t.matrixWorldInverse), g.setFromProjectionMatrix(P), o.tags.forEach((i) => {
       const $ = t.position.clone().setY(y).distanceTo(i.position);
       if ($ < A || $ > f || !g.containsPoint(i.position))
         return i.destroying = !0;
       const x = i.position.clone().sub(t.position).setY(0);
       if (x.angleTo(i.normal) > Math.PI / 2 - I && x.angleTo(i.normal) < Math.PI / 2 + I)
         return i.destroying = !0;
-    }), e.tags.forEach((i) => {
+    }), o.tags.forEach((i) => {
       i.destroying ? i.app.$set({
         contentZoom: 0.1 + t.position.distanceTo(i.position) / f,
         lineWidthZoom: 0.38 * (0.01 + t.position.distanceTo(i.position) / f),
@@ -79,20 +90,20 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
         contentZoom: 0.1 + t.position.distanceTo(i.position) / f
       });
     }), setTimeout(() => {
-      e.tags.forEach((i) => {
+      o.tags.forEach((i) => {
         i.destroying && (i.app.$destroy(), i = null);
-      }), e.tags = e.tags.filter((i) => !i.destroying), T();
+      }), o.tags = o.tags.filter((i) => !i.destroying), T();
     }, 1900);
-  }, N = (o) => {
-    o !== ye.Mode.Panorama && !e.forbidden && (Y.$set({ origins: [] }), e.tags.forEach((r) => {
-      r.app.$destroy(), r = null;
-    }), e.origins = [], e.tags = [], e.forbidden = !0);
+  }, N = (e) => {
+    e !== To.Mode.Panorama && !o.forbidden && (Y.$set({ origins: [] }), o.tags.forEach((s) => {
+      s.app.$destroy(), s = null;
+    }), o.origins = [], o.tags = [], o.forbidden = !0);
   }, T = () => {
-    if (e.forbidden || !e.enabled)
+    if (o.forbidden || !o.enabled)
       return;
-    const o = n.camera, r = o.getWorldDirection(new a.Vector3());
-    e.origins = e.tags.map((p) => {
-      const t = p.position.clone().project(o), g = p.position.clone().sub(o.position).setY(0).angleTo(r.setY(0)) < Math.PI / 2;
+    const e = n.camera, s = e.getWorldDirection(new a.Vector3());
+    o.origins = o.tags.map((p) => {
+      const t = p.position.clone().project(e), g = p.position.clone().sub(e.position).setY(0).angleTo(s.setY(0)) < Math.PI / 2;
       return {
         id: p.id,
         front: g,
@@ -100,18 +111,18 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
         top: (-t.y + 1) / 2 * 100,
         destroying: p.destroying
       };
-    }), Y.$set({ origins: e.origins });
+    }), Y.$set({ origins: o.origins });
   }, M = () => {
-    e.forbidden || !e.enabled || (e.timeoutId && clearTimeout(e.timeoutId), e.timeoutId = setTimeout(() => {
-      e.timeoutId = void 0;
-      const o = ne();
-      o.length && (e.tags = e.tags.concat(o), T());
-    }, ee));
-  }, ne = () => {
-    const { clientWidth: o, clientHeight: r } = n.getElement(), p = [], t = n.camera, g = new a.Frustum(), P = new a.Matrix4(), i = t.getWorldDirection(new a.Vector3());
+    o.forbidden || !o.enabled || (o.timeoutId && clearTimeout(o.timeoutId), o.timeoutId = setTimeout(() => {
+      o.timeoutId = void 0;
+      const e = no();
+      e.length && (o.tags = o.tags.concat(e), T());
+    }, oo));
+  }, no = () => {
+    const { clientWidth: e, clientHeight: s } = n.getElement(), p = [], t = n.camera, g = new a.Frustum(), P = new a.Matrix4(), i = t.getWorldDirection(new a.Vector3());
     P.multiplyMatrices(t.projectionMatrix, t.matrixWorldInverse), g.setFromProjectionMatrix(P);
-    const $ = e.tags.filter((d) => g.containsPoint(d.position) && !d.destroying).length, x = e.points.reduce((d, m) => {
-      if (e.tags.find((l) => m.id === l.id && !l.destroying))
+    const $ = o.tags.filter((d) => g.containsPoint(d.position) && !d.destroying).length, x = o.points.reduce((d, m) => {
+      if (o.tags.find((l) => m.id === l.id && !l.destroying))
         return d;
       const u = t.position.clone().setY(y).distanceTo(m.position);
       if (u < A || u > f || !g.containsPoint(m.position))
@@ -120,11 +131,11 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
       if (E.angleTo(m.normal) > Math.PI / 2 - I && E.angleTo(m.normal) < Math.PI / 2 + I)
         return d;
       const w = m.position.clone().project(t);
-      if (!e.tags.every((l) => {
+      if (!o.tags.every((l) => {
         if (l.position.clone().sub(t.position).setY(0).angleTo(i.setY(0)) > Math.PI / 2)
           return !0;
         const b = l.position.clone().project(t);
-        return Math.sqrt(Math.pow((w.x - b.x) / 2 * o, 2) + Math.pow((w.y - b.y) / 2 * r, 2)) > L;
+        return Math.sqrt(Math.pow((w.x - b.x) / 2 * e, 2) + Math.pow((w.y - b.y) / 2 * s, 2)) > L;
       }))
         return d;
       const h = {
@@ -149,16 +160,16 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
       }
       return c !== void 0 ? d.splice(c, 0, h) : d.push(h), d;
     }, []);
-    for (let d = 0, m = x.length; d < m && !($ + p.length >= oe); d++) {
+    for (let d = 0, m = x.length; d < m && !($ + p.length >= eo); d++) {
       const u = x[d];
       if (p.find((c) => u.id === c.id))
         continue;
       const E = u.position.clone().project(t);
-      if (!e.tags.concat(p).every((c) => {
+      if (!o.tags.concat(p).every((c) => {
         if (c.position.clone().sub(t.position).setY(0).angleTo(i.setY(0)) > Math.PI / 2)
           return !0;
         const l = c.position.clone().project(t);
-        return Math.sqrt(Math.pow((E.x - l.x) / 2 * o, 2) + Math.pow((E.y - l.y) / 2 * r, 2)) > L;
+        return Math.sqrt(Math.pow((E.x - l.x) / 2 * e, 2) + Math.pow((E.y - l.y) / 2 * s, 2)) > L;
       }))
         continue;
       const w = new a.Raycaster(
@@ -166,95 +177,95 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
         u.position.clone().sub(t.position.clone().setY(y)).normalize(),
         0,
         u.distance + v
-      ), [h] = e.intersectObjects ? w.intersectObjects(e.intersectObjects, !0) : n.model.loaded ? n.model.intersectRaycaster(w) : w.intersectObjects(n.model.children, !0);
+      ), [h] = o.intersectObjects ? w.intersectObjects(o.intersectObjects, !0) : n.model.loaded ? n.model.intersectRaycaster(w) : w.intersectObjects(n.model.children, !0);
       if (h && u.distance - h.distance < v) {
-        const { position: c, normal: l, id: b, replacement: O } = u, me = new a.Plane().setFromNormalAndCoplanarPoint(l, c), X = c.clone().sub(t.position).cross(new a.Vector3(0, 1, 0)).setLength(D), fe = [
+        const { position: c, normal: l, id: b, replacement: O } = u, fo = new a.Plane().setFromNormalAndCoplanarPoint(l, c), X = c.clone().sub(t.position).cross(new a.Vector3(0, 1, 0)).setLength(D), uo = [
           c.clone(),
           c.clone().add(X),
           c.clone().add(new a.Vector3(0, D, 0)).add(X),
           c.clone().add(new a.Vector3(0, D, 0))
-        ].map((be) => me.projectPoint(be, new a.Vector3())), { container: ue, dispose: ge } = C.create3DDomContainer(fe) || {}, he = new Pe({
-          target: ue,
+        ].map((wo) => fo.projectPoint(wo, new a.Vector3())), { container: go, dispose: ho } = C.create3DDomContainer(uo) || {}, bo = new xo({
+          target: go,
           props: {
             id: b,
-            content: e.render(e.template, O),
+            content: o.render(o.template, O),
             lineWidthZoom: 0.38 * (0.01 + t.position.distanceTo(c) / f),
             lineHeightZoom: 0.4 + (t.position.distanceTo(c) - A) / f * 0.6,
             contentZoom: 0.1 + t.position.distanceTo(c) / f,
-            upsideDown: c.y > te,
-            folded: e.folded,
-            events: e.events,
+            upsideDown: c.y > to,
+            folded: o.folded,
+            events: o.events,
             hooks: V,
-            dispose: ge
+            dispose: ho
           }
         });
         p.push({
           position: c,
           normal: l,
           id: b,
-          app: he
+          app: bo
         });
       }
     }
     return p;
-  }, ie = (o) => {
-    e.points = o.points.map((r) => {
+  }, io = (e) => {
+    o.points = e.points.map((s) => {
       var p, t;
       return {
-        id: r.id,
-        position: new a.Vector3().fromArray(r.position),
-        normal: new a.Vector3().fromArray(r.normal),
-        replacement: (p = r.replacement) != null ? p : {},
-        weight: (t = r.weight) != null ? t : -1
+        id: s.id,
+        position: new a.Vector3().fromArray(s.position),
+        normal: new a.Vector3().fromArray(s.normal),
+        replacement: (p = s.replacement) != null ? p : {},
+        weight: (t = s.weight) != null ? t : -1
       };
-    }), o.render && (e.render = o.render), o.template && (e.template = o.template), o.events && (e.events = o.events), o.enabled === !1 && (e.enabled = o.enabled), o.folded === !0 && (e.folded = o.folded);
-  }, se = (o) => {
-    e.intersectObjects = o, M();
-  }, re = () => {
-    e.enabled = !0, M();
-  }, ce = () => {
-    e.enabled = !1, Y.$set({ origins: [] }), e.tags.forEach((o) => {
-      o.app.$destroy(), o = null;
-    }), e.origins = [], e.tags = [];
-  }, de = () => {
-    e.folded = !1, e.tags.forEach((o) => {
-      o.app.$set({ folded: e.folded });
+    }), e.render && (o.render = e.render), e.template && (o.template = e.template), e.events && (o.events = e.events), e.enabled === !1 && (o.enabled = e.enabled), e.folded === !0 && (o.folded = e.folded);
+  }, ro = (e) => {
+    o.intersectObjects = e, M();
+  }, so = () => {
+    o.enabled = !0, M();
+  }, co = () => {
+    o.enabled = !1, Y.$set({ origins: [] }), o.tags.forEach((e) => {
+      e.app.$destroy(), e = null;
+    }), o.origins = [], o.tags = [];
+  }, lo = () => {
+    o.folded = !1, o.tags.forEach((e) => {
+      e.app.$set({ folded: o.folded });
     });
-  }, le = () => {
-    e.folded = !0, e.tags.forEach((o) => {
-      o.app.$set({ folded: e.folded });
+  }, ao = () => {
+    o.folded = !0, o.tags.forEach((e) => {
+      e.app.$set({ folded: o.folded });
     });
-  }, ae = (o) => {
-    e.tags.forEach((r) => {
-      r.id === o && r.app.$set({ folded: !1 });
+  }, po = (e) => {
+    o.tags.forEach((s) => {
+      s.id === e && s.app.$set({ folded: !1 });
     });
-  }, pe = (o) => {
-    e.tags.forEach((r) => {
-      r.id === o && r.app.$set({ folded: !0 });
+  }, mo = (e) => {
+    o.tags.forEach((s) => {
+      s.id === e && s.app.$set({ folded: !0 });
     });
   }, U = () => {
     n.once("renderFrame", T);
   }, R = () => {
-    j || (j = n.getElement().parentElement), j && j.appendChild(S), e.forbidden = !1, y = n.model.bounding.getCenter(new a.Vector3()).y, M(), n.on("panoWillArrive", H), n.on("panoArrived", F), n.on("modeChange", N), n.on("cameraUpdate", _);
+    j || (j = n.getElement().parentElement), j && j.appendChild(S), o.forbidden = !1, y = n.model.bounding.getCenter(new a.Vector3()).y, M(), n.on("panoWillArrive", H), n.on("panoArrived", F), n.on("modeChange", N), n.on("cameraUpdate", _);
   }, W = () => {
-    Z = null, C.disposeAll(), Y.$destroy(), e.tags.forEach((o) => {
-      o.app.$destroy(), o = null;
-    }), e.origins = [], e.tags = [], n.off("modelLoaded", R), n.off("renderFrame", T), n.off("panoWillArrive", H), n.off("panoArrived", F), n.off("modeChange", N), n.off("cameraUpdate", _), n.off("dispose", W), window.removeEventListener("resize", U, !1);
+    Z = null, C.disposeAll(), Y.$destroy(), o.tags.forEach((e) => {
+      e.app.$destroy(), e = null;
+    }), o.origins = [], o.tags = [], n.off("modelLoaded", R), n.off("renderFrame", T), n.off("panoWillArrive", H), n.off("panoArrived", F), n.off("modeChange", N), n.off("cameraUpdate", _), n.off("dispose", W), window.removeEventListener("resize", U, !1);
   };
   return window.addEventListener("resize", U, !1), (Q = n == null ? void 0 : n.model) != null && Q.loaded ? R() : n.once("modelLoaded", R), n.on("dispose", W), {
-    load: ie,
-    setIntersectObjects: se,
-    unfoldAll: de,
-    foldAll: le,
-    unfold: ae,
-    fold: pe,
-    enable: re,
-    disable: ce,
+    load: io,
+    setIntersectObjects: ro,
+    unfoldAll: lo,
+    foldAll: ao,
+    unfold: po,
+    fold: mo,
+    enable: so,
+    disable: co,
     hooks: V,
     dispose: W
   };
 };
 export {
-  no as PanoSpatialTagPlugin,
-  no as default
+  ge as PanoSpatialTagPlugin,
+  ge as default
 };

package/libs/PanoSpatialTagPlugin/index.js

@@ -25,9 +25,20 @@ import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "animejs";
 import "../shared-utils/url/absoluteUrl.js";
 import "./Components/origins.js";
-import "../vendor/svelte/internal/index.js";
+import "../vendor/svelte/src/runtime/internal/utils.js";
+import "../vendor/svelte/src/runtime/internal/dom.js";
+import "../vendor/svelte/src/runtime/internal/each.js";
+import "../vendor/svelte/src/runtime/internal/transitions.js";
+import "../vendor/svelte/src/runtime/internal/environment.js";
+import "../vendor/svelte/src/runtime/internal/loop.js";
+import "../vendor/svelte/src/runtime/internal/style_manager.js";
+import "../vendor/svelte/src/runtime/internal/scheduler.js";
+import "../vendor/svelte/src/runtime/internal/lifecycle.js";
+import "../vendor/svelte/src/runtime/internal/Component.js";
+import "../vendor/svelte/src/runtime/internal/disclose-version/index.js";
+import "../vendor/svelte/src/shared/version.js";
 import "./store.js";
-import "../vendor/svelte/store/index.js";
+import "../vendor/svelte/src/runtime/store/index.js";
 import "./Components/tag.js";
 import "./style.js";
 import "../shared-utils/tinyEJSrender.js";

package/libs/PanoSpatialTagPlugin/store.d.ts

@@ -1 +1,2 @@
+/// <reference types="svelte" />
 export declare const currentTarget: import("svelte/store").Writable<any>;

package/libs/PanoSpatialTagPlugin/store.js

@@ -1,5 +1,5 @@
-import { writable as r } from "../vendor/svelte/store/index.js";
-import "../vendor/svelte/internal/index.js";
+import { writable as r } from "../vendor/svelte/src/runtime/store/index.js";
+import "../vendor/svelte/src/runtime/internal/utils.js";
 const e = r(null);
 export {
   e as currentTarget

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

@@ -1,13 +1,23 @@
-import { SvelteComponent as p, init as D, safe_not_equal as A, append_styles as I, empty as R, insert as y, transition_in as d, transition_out as _, check_outros as S, detach as k, element as v, create_component as z, space as C, attr as c, set_style as N, mount_component as O, append as q, listen as j, add_render_callback as B, create_in_transition as E, create_out_transition as F, destroy_component as G, group_outros as H, bubble as J } from "../../../vendor/svelte/internal/index.js";
-import { fade as w } from "../../../vendor/svelte/transition/index.js";
+import { safe_not_equal as k } from "../../../vendor/svelte/src/runtime/internal/utils.js";
+import { append_styles as D, empty as A, insert as h, detach as y, element as v, space as I, attr as c, set_style as R, append as q, listen as S } from "../../../vendor/svelte/src/runtime/internal/dom.js";
+import { transition_in as u, transition_out as _, check_outros as z, create_in_transition as C, create_out_transition as N, group_outros as O } from "../../../vendor/svelte/src/runtime/internal/transitions.js";
+import { add_render_callback as j } from "../../../vendor/svelte/src/runtime/internal/scheduler.js";
+import { bubble as B } from "../../../vendor/svelte/src/runtime/internal/lifecycle.js";
+import { SvelteComponent as E, init as F, create_component as G, mount_component as H, destroy_component as J } from "../../../vendor/svelte/src/runtime/internal/Component.js";
+import "../../../vendor/svelte/src/runtime/internal/disclose-version/index.js";
+import { fade as p } from "../../../vendor/svelte/src/runtime/transition/index.js";
 import { Image_Arrow as K } from "../../Assets/Icon.js";
-import { cubicInOut as b } from "../../../vendor/svelte/easing/index.js";
+import { cubicInOut as w } from "../../../vendor/svelte/src/runtime/easing/index.js";
 import L from "./Shadow.js";
+import "../../../vendor/svelte/src/runtime/internal/environment.js";
+import "../../../vendor/svelte/src/runtime/internal/loop.js";
+import "../../../vendor/svelte/src/runtime/internal/style_manager.js";
+import "../../../vendor/svelte/src/shared/version.js";
 function M(i) {
-  I(i, "svelte-1ogmlqq", ".arrow.svelte-1ogmlqq{width:100%;height:100%;background-size:100%;transition:transform 400ms ease-in-out;cursor:pointer;pointer-events:auto}.arrow-wrapper.svelte-1ogmlqq{position:relative;width:100%;height:100%}.arrow.left.svelte-1ogmlqq{transform:rotate(0deg)}.arrow.right.svelte-1ogmlqq{transform:rotate(-180deg)}.arrow.top.svelte-1ogmlqq{transform:rotate(90deg)}.arrow.bottom.svelte-1ogmlqq{transform:rotate(-90deg)}");
+  D(i, "svelte-1ogmlqq", ".arrow.svelte-1ogmlqq{width:100%;height:100%;background-size:100%;transition:transform 400ms ease-in-out;cursor:pointer;pointer-events:auto}.arrow-wrapper.svelte-1ogmlqq{position:relative;width:100%;height:100%}.arrow.left.svelte-1ogmlqq{transform:rotate(0deg)}.arrow.right.svelte-1ogmlqq{transform:rotate(-180deg)}.arrow.top.svelte-1ogmlqq{transform:rotate(90deg)}.arrow.bottom.svelte-1ogmlqq{transform:rotate(-90deg)}");
 }
-function h(i) {
-  let r, o, e, t, l, f, s, u, n, g;
+function b(i) {
+  let r, o, e, t, l, f, s, m, n, g;
   return o = new L({
     props: {
       center: !0,
@@ -16,25 +26,25 @@ function h(i) {
     }
   }), {
     c() {
-      r = v("div"), z(o.$$.fragment), e = C(), t = v("div"), c(t, "class", l = "arrow " + /*direction*/
-      i[0] + " svelte-1ogmlqq"), N(t, "background-image", "url(" + K + ")"), c(r, "class", "arrow-wrapper svelte-1ogmlqq");
+      r = v("div"), G(o.$$.fragment), e = I(), t = v("div"), c(t, "class", l = "arrow " + /*direction*/
+      i[0] + " svelte-1ogmlqq"), R(t, "background-image", "url(" + K + ")"), c(r, "class", "arrow-wrapper svelte-1ogmlqq");
     },
-    m(a, m) {
-      y(a, r, m), O(o, r, null), q(r, e), q(r, t), u = !0, n || (g = j(
+    m(a, d) {
+      h(a, r, d), H(o, r, null), q(r, e), q(r, t), m = !0, n || (g = S(
         t,
         "click",
         /*click_handler*/
         i[5]
       ), n = !0);
     },
-    p(a, m) {
-      i = a, (!u || m & /*direction*/
+    p(a, d) {
+      i = a, (!m || d & /*direction*/
       1 && l !== (l = "arrow " + /*direction*/
       i[0] + " svelte-1ogmlqq")) && c(t, "class", l);
     },
     i(a) {
-      u || (d(o.$$.fragment, a), a && B(() => {
-        u && (s && s.end(1), f = E(t, w, {
+      m || (u(o.$$.fragment, a), a && j(() => {
+        m && (s && s.end(1), f = C(t, p, {
           duration: (
             /*duration*/
             i[2]
@@ -43,12 +53,12 @@ function h(i) {
             /*inDelay*/
             i[3]
           ),
-          easing: b
+          easing: w
         }), f.start());
-      }), u = !0);
+      }), m = !0);
     },
     o(a) {
-      _(o.$$.fragment, a), f && f.invalidate(), a && (s = F(t, w, {
+      _(o.$$.fragment, a), f && f.invalidate(), a && (s = N(t, p, {
         duration: (
           /*duration*/
           i[2]
@@ -57,61 +67,61 @@ function h(i) {
           /*outDelay*/
           i[4]
         ),
-        easing: b
-      })), u = !1;
+        easing: w
+      })), m = !1;
     },
     d(a) {
-      a && k(r), G(o), a && s && s.end(), n = !1, g();
+      a && y(r), J(o), a && s && s.end(), n = !1, g();
     }
   };
 }
 function P(i) {
   let r, o, e = (
     /*visible*/
-    i[1] && h(i)
+    i[1] && b(i)
   );
   return {
     c() {
-      e && e.c(), r = R();
+      e && e.c(), r = A();
     },
     m(t, l) {
-      e && e.m(t, l), y(t, r, l), o = !0;
+      e && e.m(t, l), h(t, r, l), o = !0;
     },
     p(t, [l]) {
       /*visible*/
       t[1] ? e ? (e.p(t, l), l & /*visible*/
-      2 && d(e, 1)) : (e = h(t), e.c(), d(e, 1), e.m(r.parentNode, r)) : e && (H(), _(e, 1, 1, () => {
+      2 && u(e, 1)) : (e = b(t), e.c(), u(e, 1), e.m(r.parentNode, r)) : e && (O(), _(e, 1, 1, () => {
         e = null;
-      }), S());
+      }), z());
     },
     i(t) {
-      o || (d(e), o = !0);
+      o || (u(e), o = !0);
     },
     o(t) {
       _(e), o = !1;
     },
     d(t) {
-      e && e.d(t), t && k(r);
+      t && y(r), e && e.d(t);
     }
   };
 }
 function Q(i, r, o) {
   let { direction: e = "right" } = r, { visible: t = !0 } = r, { duration: l = 0 } = r, { inDelay: f = 0 } = r, { outDelay: s = 0 } = r;
-  function u(n) {
-    J.call(this, i, n);
+  function m(n) {
+    B.call(this, i, n);
   }
   return i.$$set = (n) => {
     "direction" in n && o(0, e = n.direction), "visible" in n && o(1, t = n.visible), "duration" in n && o(2, l = n.duration), "inDelay" in n && o(3, f = n.inDelay), "outDelay" in n && o(4, s = n.outDelay);
-  }, [e, t, l, f, s, u];
+  }, [e, t, l, f, s, m];
 }
-class Y extends p {
+class le extends E {
   constructor(r) {
-    super(), D(
+    super(), F(
       this,
       r,
       Q,
       P,
-      A,
+      k,
       {
         direction: 0,
         visible: 1,
@@ -124,5 +134,5 @@ class Y extends p {
   }
 }
 export {
-  Y as default
+  le as default
 };