@realsee/dnalogel 2.1.2-alpha.1 → 2.1.2-alpha.10

package/libs/PanoTagPlugin/Components/Common/Point/PointSwitch.js

@@ -1 +1,169 @@
-"use strict";const t=require("svelte/internal"),m=require("../../../typings/tag.js"),b=require("./CustomPoint.js"),T=require("./DefaultPoint.js");function C(l){t.append_styles(l,"svelte-8en2lj",".point-click-helper.svelte-8en2lj{position:absolute;width:2.5rem;height:2.5rem;left:50%;top:50%;transform:translate(-50%, -50%)}")}function g(l){let o,r,e=l[0].contentType!==m.ContentType.Link&&P(l);return{c(){e&&e.c(),o=t.empty()},m(n,i){e&&e.m(n,i),t.insert(n,o,i),r=!0},p(n,i){n[0].contentType!==m.ContentType.Link?e?(e.p(n,i),i&1&&t.transition_in(e,1)):(e=P(n),e.c(),t.transition_in(e,1),e.m(o.parentNode,o)):e&&(t.group_outros(),t.transition_out(e,1,1,()=>{e=null}),t.check_outros())},i(n){r||(t.transition_in(e),r=!0)},o(n){t.transition_out(e),r=!1},d(n){e&&e.d(n),n&&t.detach(o)}}}function P(l){let o,r,e,n,i,c;const a=[h,$],u=[];function p(s,f){var _,d,y,k;return((d=(_=s[0].style)==null?void 0:_.point)==null?void 0:d.style)==="CustomIcon"&&((k=(y=s[0].style)==null?void 0:y.point)==null?void 0:k.iconUrl)?0:1}return e=p(l),n=u[e]=a[e](l),{c(){o=t.element("div"),r=t.space(),n.c(),i=t.empty(),t.attr(o,"class","point-click-helper svelte-8en2lj")},m(s,f){t.insert(s,o,f),t.insert(s,r,f),u[e].m(s,f),t.insert(s,i,f),c=!0},p(s,f){let _=e;e=p(s),e===_?u[e].p(s,f):(t.group_outros(),t.transition_out(u[_],1,1,()=>{u[_]=null}),t.check_outros(),n=u[e],n?n.p(s,f):(n=u[e]=a[e](s),n.c()),t.transition_in(n,1),n.m(i.parentNode,i))},i(s){c||(t.transition_in(n),c=!0)},o(s){t.transition_out(n),c=!1},d(s){s&&t.detach(o),s&&t.detach(r),u[e].d(s),s&&t.detach(i)}}}function $(l){let o,r;return o=new T.DefaultPoint({props:{unfolded:l[0].state.unfolded,foldDelay:l[1]}}),{c(){t.create_component(o.$$.fragment)},m(e,n){t.mount_component(o,e,n),r=!0},p(e,n){const i={};n&1&&(i.unfolded=e[0].state.unfolded),n&2&&(i.foldDelay=e[1]),o.$set(i)},i(e){r||(t.transition_in(o.$$.fragment,e),r=!0)},o(e){t.transition_out(o.$$.fragment,e),r=!1},d(e){t.destroy_component(o,e)}}}function h(l){let o,r;return o=new b.CustomPoint({props:{iconUrl:l[0].style.point.iconUrl,unfolded:l[0].state.unfolded,foldDelay:l[1]}}),{c(){t.create_component(o.$$.fragment)},m(e,n){t.mount_component(o,e,n),r=!0},p(e,n){const i={};n&1&&(i.iconUrl=e[0].style.point.iconUrl),n&1&&(i.unfolded=e[0].state.unfolded),n&2&&(i.foldDelay=e[1]),o.$set(i)},i(e){r||(t.transition_in(o.$$.fragment,e),r=!0)},o(e){t.transition_out(o.$$.fragment,e),r=!1},d(e){t.destroy_component(o,e)}}}function v(l){var n,i,c;let o,r,e=((n=l[0].pointTagStyle)==null?void 0:n.leftPercent)&&((i=l[0].pointTagStyle)==null?void 0:i.topPercent)&&l[0].enabled!==!1&&l[0].state&&((c=l[0].temporaryState)==null?void 0:c.visible)!==!1&&g(l);return{c(){e&&e.c(),o=t.empty()},m(a,u){e&&e.m(a,u),t.insert(a,o,u),r=!0},p(a,[u]){var p,s,f;((p=a[0].pointTagStyle)==null?void 0:p.leftPercent)&&((s=a[0].pointTagStyle)==null?void 0:s.topPercent)&&a[0].enabled!==!1&&a[0].state&&((f=a[0].temporaryState)==null?void 0:f.visible)!==!1?e?(e.p(a,u),u&1&&t.transition_in(e,1)):(e=g(a),e.c(),t.transition_in(e,1),e.m(o.parentNode,o)):e&&(t.group_outros(),t.transition_out(e,1,1,()=>{e=null}),t.check_outros())},i(a){r||(t.transition_in(e),r=!0)},o(a){t.transition_out(e),r=!1},d(a){e&&e.d(a),a&&t.detach(o)}}}function D(l,o,r){let e,{tag:n}=o;return l.$$set=i=>{"tag"in i&&r(0,n=i.tag)},l.$$.update=()=>{var i,c;l.$$.dirty&1&&r(1,e=(c=(i=n.style)==null?void 0:i.foldedPointDelay)!=null?c:n.contentType===m.ContentType.Marketing?600:void 0)},[n,e]}class S extends t.SvelteComponent{constructor(o){super(),t.init(this,o,D,v,t.safe_not_equal,{tag:0},C)}}exports.PointSwitch=S;
+import { SvelteComponent as C, init as j, safe_not_equal as N, append_styles as L, empty as b, insert as _, transition_in as p, group_outros as $, transition_out as c, check_outros as g, detach as y, element as q, space as I, attr as M, create_component as U, mount_component as h, destroy_component as w } from "svelte/internal";
+import { ContentType as k } from "../../../typings/tag.js";
+import z from "./CustomPoint.js";
+import A from "./DefaultPoint.js";
+import "svelte/easing";
+import "../Shadow.js";
+import "svelte/transition";
+function B(o) {
+  L(o, "svelte-8en2lj", ".point-click-helper.svelte-8en2lj{position:absolute;width:2.5rem;height:2.5rem;left:50%;top:50%;transform:translate(-50%, -50%)}");
+}
+function T(o) {
+  let n, i, e = o[0].contentType !== k.Link && D(o);
+  return {
+    c() {
+      e && e.c(), n = b();
+    },
+    m(t, l) {
+      e && e.m(t, l), _(t, n, l), i = !0;
+    },
+    p(t, l) {
+      t[0].contentType !== k.Link ? e ? (e.p(t, l), l & 1 && p(e, 1)) : (e = D(t), e.c(), p(e, 1), e.m(n.parentNode, n)) : e && ($(), c(e, 1, 1, () => {
+        e = null;
+      }), g());
+    },
+    i(t) {
+      i || (p(e), i = !0);
+    },
+    o(t) {
+      c(e), i = !1;
+    },
+    d(t) {
+      e && e.d(t), t && y(n);
+    }
+  };
+}
+function D(o) {
+  let n, i, e, t, l, u;
+  const f = [F, E], s = [];
+  function d(r, a) {
+    var m, v, P, S;
+    return ((v = (m = r[0].style) == null ? void 0 : m.point) == null ? void 0 : v.style) === "CustomIcon" && ((S = (P = r[0].style) == null ? void 0 : P.point) == null ? void 0 : S.iconUrl) ? 0 : 1;
+  }
+  return e = d(o), t = s[e] = f[e](o), {
+    c() {
+      n = q("div"), i = I(), t.c(), l = b(), M(n, "class", "point-click-helper svelte-8en2lj");
+    },
+    m(r, a) {
+      _(r, n, a), _(r, i, a), s[e].m(r, a), _(r, l, a), u = !0;
+    },
+    p(r, a) {
+      let m = e;
+      e = d(r), e === m ? s[e].p(r, a) : ($(), c(s[m], 1, 1, () => {
+        s[m] = null;
+      }), g(), t = s[e], t ? t.p(r, a) : (t = s[e] = f[e](r), t.c()), p(t, 1), t.m(l.parentNode, l));
+    },
+    i(r) {
+      u || (p(t), u = !0);
+    },
+    o(r) {
+      c(t), u = !1;
+    },
+    d(r) {
+      r && y(n), r && y(i), s[e].d(r), r && y(l);
+    }
+  };
+}
+function E(o) {
+  let n, i;
+  return n = new A({
+    props: {
+      unfolded: o[0].state.unfolded,
+      foldDelay: o[1]
+    }
+  }), {
+    c() {
+      U(n.$$.fragment);
+    },
+    m(e, t) {
+      h(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 1 && (l.unfolded = e[0].state.unfolded), t & 2 && (l.foldDelay = e[1]), n.$set(l);
+    },
+    i(e) {
+      i || (p(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      c(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      w(n, e);
+    }
+  };
+}
+function F(o) {
+  let n, i;
+  return n = new z({
+    props: {
+      iconUrl: o[0].style.point.iconUrl,
+      unfolded: o[0].state.unfolded,
+      foldDelay: o[1]
+    }
+  }), {
+    c() {
+      U(n.$$.fragment);
+    },
+    m(e, t) {
+      h(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 1 && (l.iconUrl = e[0].style.point.iconUrl), t & 1 && (l.unfolded = e[0].state.unfolded), t & 2 && (l.foldDelay = e[1]), n.$set(l);
+    },
+    i(e) {
+      i || (p(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      c(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      w(n, e);
+    }
+  };
+}
+function G(o) {
+  var t, l, u;
+  let n, i, e = ((t = o[0].pointTagStyle) == null ? void 0 : t.leftPercent) && ((l = o[0].pointTagStyle) == null ? void 0 : l.topPercent) && o[0].enabled !== !1 && o[0].state && ((u = o[0].temporaryState) == null ? void 0 : u.visible) !== !1 && T(o);
+  return {
+    c() {
+      e && e.c(), n = b();
+    },
+    m(f, s) {
+      e && e.m(f, s), _(f, n, s), i = !0;
+    },
+    p(f, [s]) {
+      var d, r, a;
+      ((d = f[0].pointTagStyle) == null ? void 0 : d.leftPercent) && ((r = f[0].pointTagStyle) == null ? void 0 : r.topPercent) && f[0].enabled !== !1 && f[0].state && ((a = f[0].temporaryState) == null ? void 0 : a.visible) !== !1 ? e ? (e.p(f, s), s & 1 && p(e, 1)) : (e = T(f), e.c(), p(e, 1), e.m(n.parentNode, n)) : e && ($(), c(e, 1, 1, () => {
+        e = null;
+      }), g());
+    },
+    i(f) {
+      i || (p(e), i = !0);
+    },
+    o(f) {
+      c(e), i = !1;
+    },
+    d(f) {
+      e && e.d(f), f && y(n);
+    }
+  };
+}
+function H(o, n, i) {
+  let e, { tag: t } = n;
+  return o.$$set = (l) => {
+    "tag" in l && i(0, t = l.tag);
+  }, o.$$.update = () => {
+    var l, u;
+    o.$$.dirty & 1 && i(1, e = (u = (l = t.style) == null ? void 0 : l.foldedPointDelay) != null ? u : t.contentType === k.Marketing ? 600 : void 0);
+  }, [t, e];
+}
+class X extends C {
+  constructor(n) {
+    super(), j(this, n, H, G, N, { tag: 0 }, B);
+  }
+}
+export {
+  X as default
+};

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

@@ -1,15 +1,124 @@
-"use strict";const n=require("svelte/internal"),C=require("svelte/transition");function R(t){n.append_styles(t,"svelte-faoauy",".shadow.svelte-faoauy{position:absolute}")}function D(t){let i,e,a,f,u;return{c(){i=n.element("div"),n.attr(i,"class","shadow svelte-faoauy"),n.attr(i,"style",e=`
-      left:${s(t[5])};
-      bottom:${s(t[6])};
-      box-shadow: 0 0 ${s(t[10])} ${s(t[11])} rgba(0, 0, 0, ${t[12]});
-      ${t[8]?"transform: translateX(-50%); left: 50%":""}
-      ${t[9]?"transform: translateX(-50%); top: 50%":""}
-      ${t[7]?"transform: translate(-50%, -50%); left: 50%; top: 50%;":""}
-    `),n.set_style(i,"width",s(t[3]),!1),n.set_style(i,"height",s(t[4]),!1),n.set_style(i,"z-index",t[13],!1)},m(r,o){n.insert(r,i,o),u=!0},p(r,o){t=r,(!u||o&8160&&e!==(e=`
-      left:${s(t[5])};
-      bottom:${s(t[6])};
-      box-shadow: 0 0 ${s(t[10])} ${s(t[11])} rgba(0, 0, 0, ${t[12]});
-      ${t[8]?"transform: translateX(-50%); left: 50%":""}
-      ${t[9]?"transform: translateX(-50%); top: 50%":""}
-      ${t[7]?"transform: translate(-50%, -50%); left: 50%; top: 50%;":""}
-    `))&&n.attr(i,"style",e),o&8&&n.set_style(i,"width",s(t[3]),!1),o&16&&n.set_style(i,"height",s(t[4]),!1),o&8192&&n.set_style(i,"z-index",t[13],!1)},i(r){u||(r&&n.add_render_callback(()=>{f&&f.end(1),a=n.create_in_transition(i,C.fade,{duration:t[0]}),a.start()}),u=!0)},o(r){a&&a.invalidate(),r&&(f=n.create_out_transition(i,C.fade,{duration:t[1]})),u=!1},d(r){r&&n.detach(i),r&&f&&f.end()}}}function g(t){let i,e=t[2]&&D(t);return{c(){e&&e.c(),i=n.empty()},m(a,f){e&&e.m(a,f),n.insert(a,i,f)},p(a,[f]){a[2]?e?(e.p(a,f),f&4&&n.transition_in(e,1)):(e=D(a),e.c(),n.transition_in(e,1),e.m(i.parentNode,i)):e&&(n.group_outros(),n.transition_out(e,1,1,()=>{e=null}),n.check_outros())},i(a){n.transition_in(e)},o(a){n.transition_out(e)},d(a){e&&e.d(a),a&&n.detach(i)}}}function s(t){return typeof t=="number"?t/16+"rem":t}function v(t,i,e){let{inDelay:a=1e3}=i,{outDelay:f=1e3}=i,{visible:u=!0}=i,{width:r=0}=i,{height:o=0}=i,{left:d=0}=i,{bottom:_=0}=i,{center:h=!1}=i,{horizontalCenter:b=!1}=i,{verticalCenter:m=!1}=i,{blurRadius:y}=i,{spreadRadius:c}=i,{opacity:w=.15}=i,{zIndex:z=void 0}=i;return t.$$set=l=>{"inDelay"in l&&e(0,a=l.inDelay),"outDelay"in l&&e(1,f=l.outDelay),"visible"in l&&e(2,u=l.visible),"width"in l&&e(3,r=l.width),"height"in l&&e(4,o=l.height),"left"in l&&e(5,d=l.left),"bottom"in l&&e(6,_=l.bottom),"center"in l&&e(7,h=l.center),"horizontalCenter"in l&&e(8,b=l.horizontalCenter),"verticalCenter"in l&&e(9,m=l.verticalCenter),"blurRadius"in l&&e(10,y=l.blurRadius),"spreadRadius"in l&&e(11,c=l.spreadRadius),"opacity"in l&&e(12,w=l.opacity),"zIndex"in l&&e(13,z=l.zIndex)},[a,f,u,r,o,d,_,h,b,m,y,c,w,z]}class k extends n.SvelteComponent{constructor(i){super(),n.init(this,i,v,g,n.safe_not_equal,{inDelay:0,outDelay:1,visible:2,width:3,height:4,left:5,bottom:6,center:7,horizontalCenter:8,verticalCenter:9,blurRadius:10,spreadRadius:11,opacity:12,zIndex:13},R)}}exports.Shadow=k;
+import { SvelteComponent as X, init as S, safe_not_equal as q, append_styles as N, empty as j, insert as v, transition_in as d, group_outros as A, transition_out as R, check_outros as B, detach as I, element as E, attr as h, set_style as s, add_render_callback as F, create_in_transition as G, create_out_transition as H } from "svelte/internal";
+import { fade as g } from "svelte/transition";
+function J(t) {
+  N(t, "svelte-faoauy", ".shadow.svelte-faoauy{position:absolute}");
+}
+function k(t) {
+  let i, e, l, f, u;
+  return {
+    c() {
+      i = E("div"), h(i, "class", "shadow svelte-faoauy"), h(i, "style", e = `
+      left:${o(t[5])};
+      bottom:${o(t[6])};
+      box-shadow: 0 0 ${o(t[10])} ${o(t[11])} rgba(0, 0, 0, ${t[12]});
+      ${t[8] ? "transform: translateX(-50%); left: 50%" : ""}
+      ${t[9] ? "transform: translateX(-50%); top: 50%" : ""}
+      ${t[7] ? "transform: translate(-50%, -50%); left: 50%; top: 50%;" : ""}
+    `), s(i, "width", o(t[3]), !1), s(i, "height", o(t[4]), !1), s(i, "z-index", t[13], !1);
+    },
+    m(a, r) {
+      v(a, i, r), u = !0;
+    },
+    p(a, r) {
+      t = a, (!u || r & 8160 && e !== (e = `
+      left:${o(t[5])};
+      bottom:${o(t[6])};
+      box-shadow: 0 0 ${o(t[10])} ${o(t[11])} rgba(0, 0, 0, ${t[12]});
+      ${t[8] ? "transform: translateX(-50%); left: 50%" : ""}
+      ${t[9] ? "transform: translateX(-50%); top: 50%" : ""}
+      ${t[7] ? "transform: translate(-50%, -50%); left: 50%; top: 50%;" : ""}
+    `)) && h(i, "style", e), r & 8 && s(i, "width", o(t[3]), !1), r & 16 && s(i, "height", o(t[4]), !1), r & 8192 && s(i, "z-index", t[13], !1);
+    },
+    i(a) {
+      u || (a && F(() => {
+        f && f.end(1), l = G(i, g, { duration: t[0] }), l.start();
+      }), u = !0);
+    },
+    o(a) {
+      l && l.invalidate(), a && (f = H(i, g, { duration: t[1] })), u = !1;
+    },
+    d(a) {
+      a && I(i), a && f && f.end();
+    }
+  };
+}
+function K(t) {
+  let i, e = t[2] && k(t);
+  return {
+    c() {
+      e && e.c(), i = j();
+    },
+    m(l, f) {
+      e && e.m(l, f), v(l, i, f);
+    },
+    p(l, [f]) {
+      l[2] ? e ? (e.p(l, f), f & 4 && d(e, 1)) : (e = k(l), e.c(), d(e, 1), e.m(i.parentNode, i)) : e && (A(), R(e, 1, 1, () => {
+        e = null;
+      }), B());
+    },
+    i(l) {
+      d(e);
+    },
+    o(l) {
+      R(e);
+    },
+    d(l) {
+      e && e.d(l), l && I(i);
+    }
+  };
+}
+function o(t) {
+  return typeof t == "number" ? t / 16 + "rem" : t;
+}
+function L(t, i, e) {
+  let { inDelay: l = 1e3 } = i, { outDelay: f = 1e3 } = i, { visible: u = !0 } = i, { width: a = 0 } = i, { height: r = 0 } = i, { left: m = 0 } = i, { bottom: _ = 0 } = i, { center: b = !1 } = i, { horizontalCenter: y = !1 } = i, { verticalCenter: c = !1 } = i, { blurRadius: w } = i, { spreadRadius: z } = i, { opacity: C = 0.15 } = i, { zIndex: D = void 0 } = i;
+  return t.$$set = (n) => {
+    "inDelay" in n && e(0, l = n.inDelay), "outDelay" in n && e(1, f = n.outDelay), "visible" in n && e(2, u = n.visible), "width" in n && e(3, a = n.width), "height" in n && e(4, r = n.height), "left" in n && e(5, m = n.left), "bottom" in n && e(6, _ = n.bottom), "center" in n && e(7, b = n.center), "horizontalCenter" in n && e(8, y = n.horizontalCenter), "verticalCenter" in n && e(9, c = n.verticalCenter), "blurRadius" in n && e(10, w = n.blurRadius), "spreadRadius" in n && e(11, z = n.spreadRadius), "opacity" in n && e(12, C = n.opacity), "zIndex" in n && e(13, D = n.zIndex);
+  }, [
+    l,
+    f,
+    u,
+    a,
+    r,
+    m,
+    _,
+    b,
+    y,
+    c,
+    w,
+    z,
+    C,
+    D
+  ];
+}
+class P extends X {
+  constructor(i) {
+    super(), S(
+      this,
+      i,
+      L,
+      K,
+      q,
+      {
+        inDelay: 0,
+        outDelay: 1,
+        visible: 2,
+        width: 3,
+        height: 4,
+        left: 5,
+        bottom: 6,
+        center: 7,
+        horizontalCenter: 8,
+        verticalCenter: 9,
+        blurRadius: 10,
+        spreadRadius: 11,
+        opacity: 12,
+        zIndex: 13
+      },
+      J
+    );
+  }
+}
+export {
+  P as default
+};

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

@@ -1 +1,131 @@
-"use strict";const o=require("svelte/internal"),I=require("animejs"),F=require("svelte"),N=require("../../../shared-utils/isNil.js");require("three");const T=require("../../utils/search.js"),p=require("../../utils/constants.js"),M=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},E=M(I);function R(e){o.append_styles(e,"svelte-1b2n9wi",".text-char.svelte-1b2n9wi{display:inline-block;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}")}function y(e,l,s){const t=e.slice();return t[10]=l[s],t[11]=l,t[12]=s,t}function j(e){let l,s=e[10]+"",t,n=e[12];const u=()=>e[6](l,n),i=()=>e[6](null,n);return{c(){l=o.element("span"),t=o.text(s),o.attr(l,"class","text-char svelte-1b2n9wi")},m(r,_){o.insert(r,l,_),o.append(l,t),u()},p(r,_){e=r,_&2&&s!==(s=e[10]+"")&&o.set_data(t,s),n!==e[12]&&(i(),n=e[12],u())},d(r){r&&o.detach(l),i()}}}function q(e){let l,s=e[1],t=[];for(let n=0;n<s.length;n+=1)t[n]=j(y(e,s,n));return{c(){for(let n=0;n<t.length;n+=1)t[n].c();l=o.empty()},m(n,u){for(let i=0;i<t.length;i+=1)t[i].m(n,u);o.insert(n,l,u)},p(n,[u]){if(u&3){s=n[1];let i;for(i=0;i<s.length;i+=1){const r=y(n,s,i);t[i]?t[i].p(r,u):(t[i]=j(r),t[i].c(),t[i].m(l.parentNode,l))}for(;i<t.length;i+=1)t[i].d(1);t.length=s.length}},i:o.noop,o:o.noop,d(n){o.destroy_each(t,n),n&&o.detach(l)}}}function x(e,l,s){let t,{inDelay:n=0}=l,{outDelay:u=0}=l,{content:i}=l,{unfolded:r}=l,_,f=[],c;function D(a){clearTimeout(_),_=setTimeout(function(){!c||(a&&c.reversed||!a&&!c.reversed)&&(c.reverse(),c.play())},a?n:u)}F.onMount(function(){const a=(()=>{const d=T.searchFirstValueSmallThanLastValue(h=>f[h].getBoundingClientRect().x,[Math.min(f.length-1,10),Math.min(f.length-1,30)]);if(d>0)return d})();c=E.default({targets:f.filter(N.notNil).slice(0,a),autoplay:!1,duration:400,scale:[.7,1],rotate:[20,0],opacity:[0,1],translateX:[4,0],translateY:[10,0],delay:E.default.stagger(50),easing:"easeInOutCubic"}),r&&c.seek(c.duration)});function b(a,d){o.binding_callbacks[a?"unshift":"push"](()=>{f[d]=a,s(0,f)})}return e.$$set=a=>{"inDelay"in a&&s(2,n=a.inDelay),"outDelay"in a&&s(3,u=a.outDelay),"content"in a&&s(4,i=a.content),"unfolded"in a&&s(5,r=a.unfolded)},e.$$.update=()=>{e.$$.dirty&16&&s(1,t=(()=>{const a=[],d=new RegExp(new RegExp("\\p{Regional_Indicator}\\p{Regional_Indicator}|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?(\\u200D\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?)+|\\p{Emoji_Presentation}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)","gu")),h=`__EMOJI_SPLIT_${p.RANDON_STRING}__`,m=`__EMOJI_${p.RANDON_STRING}__`;return i.slice().replace(d,g=>`${h}${m}${g}${h}`).split(h).forEach(g=>g.startsWith(m)?a.push(g.slice(m.length)):a.push(...g.split(""))),a.filter(Boolean)})()),e.$$.dirty&32&&D(r)},[f,t,n,u,i,r,b]}class L extends o.SvelteComponent{constructor(l){super(),o.init(this,l,x,q,o.safe_not_equal,{inDelay:2,outDelay:3,content:4,unfolded:5},R)}}exports.Text=L;
+import { SvelteComponent as M, init as x, safe_not_equal as R, append_styles as L, empty as T, insert as j, noop as p, destroy_each as k, detach as D, element as w, text as N, attr as S, append as O, set_data as v, binding_callbacks as C } from "svelte/internal";
+import g from "animejs";
+import { onMount as A } from "svelte";
+import { notNil as B } from "../../../shared-utils/isNil.js";
+import "three";
+import { searchFirstValueSmallThanLastValue as J } from "../../utils/search.js";
+import { RANDON_STRING as E } from "../../utils/constants.js";
+function P(o) {
+  L(o, "svelte-1b2n9wi", ".text-char.svelte-1b2n9wi{display:inline-block;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}");
+}
+function y(o, i, l) {
+  const e = o.slice();
+  return e[10] = i[l], e[11] = i, e[12] = l, e;
+}
+function b(o) {
+  let i, l = o[10] + "", e, t = o[12];
+  const s = () => o[6](i, t), n = () => o[6](null, t);
+  return {
+    c() {
+      i = w("span"), e = N(l), S(i, "class", "text-char svelte-1b2n9wi");
+    },
+    m(r, f) {
+      j(r, i, f), O(i, e), s();
+    },
+    p(r, f) {
+      o = r, f & 2 && l !== (l = o[10] + "") && v(e, l), t !== o[12] && (n(), t = o[12], s());
+    },
+    d(r) {
+      r && D(i), n();
+    }
+  };
+}
+function U(o) {
+  let i, l = o[1], e = [];
+  for (let t = 0; t < l.length; t += 1)
+    e[t] = b(y(o, l, t));
+  return {
+    c() {
+      for (let t = 0; t < e.length; t += 1)
+        e[t].c();
+      i = T();
+    },
+    m(t, s) {
+      for (let n = 0; n < e.length; n += 1)
+        e[n].m(t, s);
+      j(t, i, s);
+    },
+    p(t, [s]) {
+      if (s & 3) {
+        l = t[1];
+        let n;
+        for (n = 0; n < l.length; n += 1) {
+          const r = y(t, l, n);
+          e[n] ? e[n].p(r, s) : (e[n] = b(r), e[n].c(), e[n].m(i.parentNode, i));
+        }
+        for (; n < e.length; n += 1)
+          e[n].d(1);
+        e.length = l.length;
+      }
+    },
+    i: p,
+    o: p,
+    d(t) {
+      k(e, t), t && D(i);
+    }
+  };
+}
+function V(o, i, l) {
+  let e, { inDelay: t = 0 } = i, { outDelay: s = 0 } = i, { content: n } = i, { unfolded: r } = i, f, c = [], u;
+  function F(a) {
+    clearTimeout(f), f = setTimeout(
+      function() {
+        !u || (a && u.reversed || !a && !u.reversed) && (u.reverse(), u.play());
+      },
+      a ? t : s
+    );
+  }
+  A(function() {
+    const a = (() => {
+      const m = J((_) => c[_].getBoundingClientRect().x, [Math.min(c.length - 1, 10), Math.min(c.length - 1, 30)]);
+      if (m > 0)
+        return m;
+    })();
+    u = g({
+      targets: c.filter(B).slice(0, a),
+      autoplay: !1,
+      duration: 400,
+      scale: [0.7, 1],
+      rotate: [20, 0],
+      opacity: [0, 1],
+      translateX: [4, 0],
+      translateY: [10, 0],
+      delay: g.stagger(50),
+      easing: "easeInOutCubic"
+    }), r && u.seek(u.duration);
+  });
+  function I(a, m) {
+    C[a ? "unshift" : "push"](() => {
+      c[m] = a, l(0, c);
+    });
+  }
+  return o.$$set = (a) => {
+    "inDelay" in a && l(2, t = a.inDelay), "outDelay" in a && l(3, s = a.outDelay), "content" in a && l(4, n = a.content), "unfolded" in a && l(5, r = a.unfolded);
+  }, o.$$.update = () => {
+    o.$$.dirty & 16 && l(1, e = (() => {
+      const a = [], m = new RegExp(new RegExp("\\p{Regional_Indicator}\\p{Regional_Indicator}|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?(\\u200D\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?)+|\\p{Emoji_Presentation}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)", "gu")), _ = `__EMOJI_SPLIT_${E}__`, h = `__EMOJI_${E}__`;
+      return n.slice().replace(m, (d) => `${_}${h}${d}${_}`).split(_).forEach((d) => d.startsWith(h) ? a.push(d.slice(h.length)) : a.push(...d.split(""))), a.filter(Boolean);
+    })()), o.$$.dirty & 32 && F(r);
+  }, [c, e, t, s, n, r, I];
+}
+class K extends M {
+  constructor(i) {
+    super(), x(
+      this,
+      i,
+      V,
+      U,
+      R,
+      {
+        inDelay: 2,
+        outDelay: 3,
+        content: 4,
+        unfolded: 5
+      },
+      P
+    );
+  }
+}
+export {
+  K as default
+};

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

@@ -0,0 +1,106 @@
+import { SvelteComponent as h, init as p, safe_not_equal as k, append_styles as I, empty as g, insert as b, transition_in as d, group_outros as q, transition_out as _, check_outros as w, detach as v, element as O, text as C, attr as N, append as S, set_data as T, add_render_callback as j, create_in_transition as z, create_out_transition as A } from "svelte/internal";
+import { cubicInOut as m } from "svelte/easing";
+function B(a) {
+  I(a, "svelte-1sfwqvc", ".text-char.svelte-1sfwqvc{opacity:1;display:inline-block;transform:translate(0, 0) scale(1) rotate(0)}");
+}
+function x(a) {
+  let e, t, n, i, o;
+  return {
+    c() {
+      e = O("span"), t = C(a[1]), N(e, "class", "text-char svelte-1sfwqvc");
+    },
+    m(r, c) {
+      b(r, e, c), S(e, t), o = !0;
+    },
+    p(r, c) {
+      (!o || c & 2) && T(t, r[1]);
+    },
+    i(r) {
+      o || (r && j(() => {
+        i && i.end(1), n = z(e, a[2], { duration: 400 }), n.start();
+      }), o = !0);
+    },
+    o(r) {
+      n && n.invalidate(), r && (i = A(e, a[3], { duration: 400 })), o = !1;
+    },
+    d(r) {
+      r && v(e), r && i && i.end();
+    }
+  };
+}
+function D(a) {
+  let e, t = a[0] && x(a);
+  return {
+    c() {
+      t && t.c(), e = g();
+    },
+    m(n, i) {
+      t && t.m(n, i), b(n, e, i);
+    },
+    p(n, [i]) {
+      n[0] ? t ? (t.p(n, i), i & 1 && d(t, 1)) : (t = x(n), t.c(), d(t, 1), t.m(e.parentNode, e)) : t && (q(), _(t, 1, 1, () => {
+        t = null;
+      }), w());
+    },
+    i(n) {
+      d(t);
+    },
+    o(n) {
+      _(t);
+    },
+    d(n) {
+      t && t.d(n), n && v(e);
+    }
+  };
+}
+function E(a, e, t) {
+  let { index: n } = e, { rightIndex: i } = e, { visible: o } = e, { content: r } = e;
+  function c(s, { duration: f }) {
+    return {
+      duration: f,
+      delay: n * 40,
+      css: (u) => {
+        const l = m(u);
+        return `
+          transform: translate(${4 * (1 - l)}px, ${10 * (1 - l)}px) scale(${0.7 + l * 0.3}) rotate(${20 * (1 - l)}deg);
+          opacity: ${l};`;
+      }
+    };
+  }
+  function y(s, { duration: f }) {
+    return {
+      duration: f,
+      delay: i * 40,
+      css: (u) => {
+        const l = m(u);
+        return `
+          transform: translate(${4 * (1 - l)}px, ${10 * (1 - l)}px) scale(${0.7 + l * 0.3}) rotate(${20 * (1 - l)}deg);
+          opacity: ${l};`;
+      }
+    };
+  }
+  return a.$$set = (s) => {
+    "index" in s && t(4, n = s.index), "rightIndex" in s && t(5, i = s.rightIndex), "visible" in s && t(0, o = s.visible), "content" in s && t(1, r = s.content);
+  }, [o, r, c, y, n, i];
+}
+class H extends h {
+  constructor(e) {
+    super(), p(
+      this,
+      e,
+      E,
+      D,
+      k,
+      {
+        index: 4,
+        rightIndex: 5,
+        visible: 0,
+        content: 1
+      },
+      B
+    );
+  }
+}
+export {
+  H as default
+};