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

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

@@ -1,124 +1,15 @@
-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
-};
+"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;

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

@@ -1,131 +1 @@
-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
-};
+"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;

package/libs/PanoTagPlugin/Components/Tag/AudioTag.js

@@ -1,134 +1 @@
-import { SvelteComponent as O, init as P, safe_not_equal as Q, append_styles as V, empty as X, insert as J, transition_in as v, group_outros as Y, transition_out as _, check_outros as Z, detach as K, element as c, create_component as D, space as T, attr as b, set_style as A, add_render_callback as x, toggle_class as G, mount_component as I, append as m, add_resize_listener as ee, listen as te, destroy_component as M } from "svelte/internal";
-import ie from "../../../shared-utils/uuid.js";
-import "animejs";
-import "svelte";
-import "three";
-import "../../utils/constants.js";
-import "svelte/transition";
-import "svelte/easing";
-import ne from "../Common/Shadow.js";
-import oe from "../Common/Audio.js";
-import le from "../Common/Line/Straight.js";
-import se from "../Common/MultiLineText.js";
-function re(e) {
-  V(e, "svelte-4r8s18", ".audio-tag.svelte-4r8s18.svelte-4r8s18{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.line.svelte-4r8s18.svelte-4r8s18{display:flex;position:absolute;top:0;left:0;width:10.125rem;height:0.0625rem;transform:translate3d(0, -50%, 0.625rem)}.content.svelte-4r8s18.svelte-4r8s18{width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0.125rem;overflow:hidden;box-sizing:border-box;font-size:0;white-space:nowrap;font-weight:600}.wrapper.svelte-4r8s18.svelte-4r8s18{position:relative;width:100%;height:100%}.audio-icon.svelte-4r8s18.svelte-4r8s18{vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.unfolded.svelte-4r8s18 .audio-icon.svelte-4r8s18{pointer-events:auto}");
-}
-function H(e) {
-  var W, q, L, N;
-  let o, l, i, n, s, p, a, f, h, u, $, d, g, C, k, U, R;
-  return l = new ne({
-    props: {
-      visible: e[5],
-      left: e[2] / 2 + "px",
-      bottom: 12,
-      width: 2,
-      blurRadius: 120,
-      spreadRadius: 60
-    }
-  }), s = new le({
-    props: {
-      unfolded: e[5],
-      duration: 1e3,
-      outDelay: e[4] + 20 * Math.min((q = (W = e[3][0]) == null ? void 0 : W.content.length) != null ? q : 10, 15)
-    }
-  }), u = new oe({
-    props: {
-      unfolded: e[5],
-      url: e[0].data.audioUrl,
-      duration: 1e3,
-      outDelay: 20 * Math.min((N = (L = e[3][0]) == null ? void 0 : L.content.length) != null ? N : 10, 15),
-      hooksInfo: { tag: e[0] }
-    }
-  }), g = new se({
-    props: {
-      visible: e[5],
-      textUnfolded: e[1],
-      textItems: e[3]
-    }
-  }), {
-    c() {
-      o = c("div"), D(l.$$.fragment), i = T(), n = c("div"), D(s.$$.fragment), p = T(), a = c("div"), f = c("div"), h = c("div"), D(u.$$.fragment), $ = T(), d = c("div"), D(g.$$.fragment), b(n, "class", "line svelte-4r8s18"), A(n, "width", e[2] + "px", !1), b(h, "class", "audio-icon svelte-4r8s18"), A(d, "display", "inline-block", !1), b(f, "class", "wrapper svelte-4r8s18"), b(a, "class", "content svelte-4r8s18"), x(() => e[8].call(a)), b(o, "class", "audio-tag svelte-4r8s18"), G(o, "unfolded", e[5]);
-    },
-    m(t, r) {
-      J(t, o, r), I(l, o, null), m(o, i), m(o, n), I(s, n, null), m(o, p), m(o, a), m(a, f), m(f, h), I(u, h, null), m(f, $), m(f, d), I(g, d, null), C = ee(a, e[8].bind(a)), k = !0, U || (R = te(d, "click", e[6]), U = !0);
-    },
-    p(t, r) {
-      var j, B, E, F;
-      const y = {};
-      r & 32 && (y.visible = t[5]), r & 4 && (y.left = t[2] / 2 + "px"), l.$set(y);
-      const S = {};
-      r & 32 && (S.unfolded = t[5]), r & 24 && (S.outDelay = t[4] + 20 * Math.min((B = (j = t[3][0]) == null ? void 0 : j.content.length) != null ? B : 10, 15)), s.$set(S), r & 4 && A(n, "width", t[2] + "px", !1);
-      const w = {};
-      r & 32 && (w.unfolded = t[5]), r & 1 && (w.url = t[0].data.audioUrl), r & 8 && (w.outDelay = 20 * Math.min((F = (E = t[3][0]) == null ? void 0 : E.content.length) != null ? F : 10, 15)), r & 1 && (w.hooksInfo = { tag: t[0] }), u.$set(w);
-      const z = {};
-      r & 32 && (z.visible = t[5]), r & 2 && (z.textUnfolded = t[1]), r & 8 && (z.textItems = t[3]), g.$set(z), r & 32 && G(o, "unfolded", t[5]);
-    },
-    i(t) {
-      k || (v(l.$$.fragment, t), v(s.$$.fragment, t), v(u.$$.fragment, t), v(g.$$.fragment, t), k = !0);
-    },
-    o(t) {
-      _(l.$$.fragment, t), _(s.$$.fragment, t), _(u.$$.fragment, t), _(g.$$.fragment, t), k = !1;
-    },
-    d(t) {
-      t && K(o), M(l), M(s), M(u), M(g), C(), U = !1, R();
-    }
-  };
-}
-function ae(e) {
-  let o, l, i = e[0].state && H(e);
-  return {
-    c() {
-      i && i.c(), o = X();
-    },
-    m(n, s) {
-      i && i.m(n, s), J(n, o, s), l = !0;
-    },
-    p(n, [s]) {
-      n[0].state ? i ? (i.p(n, s), s & 1 && v(i, 1)) : (i = H(n), i.c(), v(i, 1), i.m(o.parentNode, o)) : i && (Y(), _(i, 1, 1, () => {
-        i = null;
-      }), Z());
-    },
-    i(n) {
-      l || (v(i), l = !0);
-    },
-    o(n) {
-      _(i), l = !1;
-    },
-    d(n) {
-      i && i.d(n), n && K(o);
-    }
-  };
-}
-function de(e, o, l) {
-  let i, n, s, { tag: p } = o, a = !1, f, h = [];
-  function u() {
-    l(1, a = !a);
-  }
-  function $() {
-    f = this.clientWidth, l(2, f);
-  }
-  return e.$$set = (d) => {
-    "tag" in d && l(0, p = d.tag);
-  }, e.$$.update = () => {
-    var d;
-    e.$$.dirty & 1 && l(5, i = !!((d = p.state) != null && d.unfolded)), e.$$.dirty & 1 && l(7, n = p.data.text), e.$$.dirty & 128 && l(3, h = [{ id: ie(), content: n }]), e.$$.dirty & 2 && l(4, s = a ? 450 : 0);
-  }, [
-    p,
-    a,
-    f,
-    h,
-    s,
-    i,
-    u,
-    n,
-    $
-  ];
-}
-class ke extends O {
-  constructor(o) {
-    super(), P(this, o, de, ae, Q, { tag: 0 }, re);
-  }
-}
-export {
-  ke as default
-};
+"use strict";const e=require("svelte/internal"),D=require("../../../shared-utils/uuid.js");require("animejs");require("svelte");require("three");require("../../utils/constants.js");require("svelte/transition");require("svelte/easing");const I=require("../Common/Shadow.js"),L=require("../Common/Audio.js"),R=require("../Common/Line/Straight.js"),W=require("../Common/MultiLineText.js");function N(t){e.append_styles(t,"svelte-4r8s18",".audio-tag.svelte-4r8s18.svelte-4r8s18{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.line.svelte-4r8s18.svelte-4r8s18{display:flex;position:absolute;top:0;left:0;width:10.125rem;height:0.0625rem;transform:translate3d(0, -50%, 0.625rem)}.content.svelte-4r8s18.svelte-4r8s18{width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0.125rem;overflow:hidden;box-sizing:border-box;font-size:0;white-space:nowrap;font-weight:600}.wrapper.svelte-4r8s18.svelte-4r8s18{position:relative;width:100%;height:100%}.audio-icon.svelte-4r8s18.svelte-4r8s18{vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.unfolded.svelte-4r8s18 .audio-icon.svelte-4r8s18{pointer-events:auto}")}function A(t){var T,y,P,j;let s,l,i,o,r,p,u,m,_,f,h,d,g,q,v,b,k;return l=new I.Shadow({props:{visible:t[5],left:t[2]/2+"px",bottom:12,width:2,blurRadius:120,spreadRadius:60}}),r=new R.Straight({props:{unfolded:t[5],duration:1e3,outDelay:t[4]+20*Math.min((y=(T=t[3][0])==null?void 0:T.content.length)!=null?y:10,15)}}),f=new L.Audio({props:{unfolded:t[5],url:t[0].data.audioUrl,duration:1e3,outDelay:20*Math.min((j=(P=t[3][0])==null?void 0:P.content.length)!=null?j:10,15),hooksInfo:{tag:t[0]}}}),g=new W.MultiLineText({props:{visible:t[5],textUnfolded:t[1],textItems:t[3]}}),{c(){s=e.element("div"),e.create_component(l.$$.fragment),i=e.space(),o=e.element("div"),e.create_component(r.$$.fragment),p=e.space(),u=e.element("div"),m=e.element("div"),_=e.element("div"),e.create_component(f.$$.fragment),h=e.space(),d=e.element("div"),e.create_component(g.$$.fragment),e.attr(o,"class","line svelte-4r8s18"),e.set_style(o,"width",t[2]+"px",!1),e.attr(_,"class","audio-icon svelte-4r8s18"),e.set_style(d,"display","inline-block",!1),e.attr(m,"class","wrapper svelte-4r8s18"),e.attr(u,"class","content svelte-4r8s18"),e.add_render_callback(()=>t[8].call(u)),e.attr(s,"class","audio-tag svelte-4r8s18"),e.toggle_class(s,"unfolded",t[5])},m(n,a){e.insert(n,s,a),e.mount_component(l,s,null),e.append(s,i),e.append(s,o),e.mount_component(r,o,null),e.append(s,p),e.append(s,u),e.append(u,m),e.append(m,_),e.mount_component(f,_,null),e.append(m,h),e.append(m,d),e.mount_component(g,d,null),q=e.add_resize_listener(u,t[8].bind(u)),v=!0,b||(k=e.listen(d,"click",t[6]),b=!0)},p(n,a){var M,S,z,U;const $={};a&32&&($.visible=n[5]),a&4&&($.left=n[2]/2+"px"),l.$set($);const C={};a&32&&(C.unfolded=n[5]),a&24&&(C.outDelay=n[4]+20*Math.min((S=(M=n[3][0])==null?void 0:M.content.length)!=null?S:10,15)),r.$set(C),a&4&&e.set_style(o,"width",n[2]+"px",!1);const c={};a&32&&(c.unfolded=n[5]),a&1&&(c.url=n[0].data.audioUrl),a&8&&(c.outDelay=20*Math.min((U=(z=n[3][0])==null?void 0:z.content.length)!=null?U:10,15)),a&1&&(c.hooksInfo={tag:n[0]}),f.$set(c);const w={};a&32&&(w.visible=n[5]),a&2&&(w.textUnfolded=n[1]),a&8&&(w.textItems=n[3]),g.$set(w),a&32&&e.toggle_class(s,"unfolded",n[5])},i(n){v||(e.transition_in(l.$$.fragment,n),e.transition_in(r.$$.fragment,n),e.transition_in(f.$$.fragment,n),e.transition_in(g.$$.fragment,n),v=!0)},o(n){e.transition_out(l.$$.fragment,n),e.transition_out(r.$$.fragment,n),e.transition_out(f.$$.fragment,n),e.transition_out(g.$$.fragment,n),v=!1},d(n){n&&e.detach(s),e.destroy_component(l),e.destroy_component(r),e.destroy_component(f),e.destroy_component(g),q(),b=!1,k()}}}function B(t){let s,l,i=t[0].state&&A(t);return{c(){i&&i.c(),s=e.empty()},m(o,r){i&&i.m(o,r),e.insert(o,s,r),l=!0},p(o,[r]){o[0].state?i?(i.p(o,r),r&1&&e.transition_in(i,1)):(i=A(o),i.c(),e.transition_in(i,1),i.m(s.parentNode,s)):i&&(e.group_outros(),e.transition_out(i,1,1,()=>{i=null}),e.check_outros())},i(o){l||(e.transition_in(i),l=!0)},o(o){e.transition_out(i),l=!1},d(o){i&&i.d(o),o&&e.detach(s)}}}function E(t,s,l){let i,o,r,{tag:p}=s,u=!1,m,_=[];function f(){l(1,u=!u)}function h(){m=this.clientWidth,l(2,m)}return t.$$set=d=>{"tag"in d&&l(0,p=d.tag)},t.$$.update=()=>{var d;t.$$.dirty&1&&l(5,i=!!((d=p.state)!=null&&d.unfolded)),t.$$.dirty&1&&l(7,o=p.data.text),t.$$.dirty&128&&l(3,_=[{id:D.uuid(),content:o}]),t.$$.dirty&2&&l(4,r=u?450:0)},[p,u,m,_,r,i,f,o,h]}class F extends e.SvelteComponent{constructor(s){super(),e.init(this,s,E,B,e.safe_not_equal,{tag:0},N)}}exports.AudioTag=F;

package/libs/PanoTagPlugin/Components/Tag/CustomTag.js

@@ -1,73 +1 @@
-import { SvelteComponent as u, init as d, safe_not_equal as p, append_styles as _, element as g, attr as v, insert as a, noop as f, detach as r, HtmlTag as h, empty as k, binding_callbacks as b } from "svelte/internal";
-import { onMount as y, onDestroy as C } from "svelte";
-function j(i) {
-  _(i, "svelte-kzl2aj", ".customElement__container.svelte-kzl2aj{position:relative}");
-}
-function m(i) {
-  let l, e = i[0].element + "", n;
-  return {
-    c() {
-      l = new h(!1), n = k(), l.a = n;
-    },
-    m(t, o) {
-      l.m(e, t, o), a(t, n, o);
-    },
-    p(t, o) {
-      o & 1 && e !== (e = t[0].element + "") && l.p(e);
-    },
-    d(t) {
-      t && r(n), t && l.d();
-    }
-  };
-}
-function z(i) {
-  let l, e = typeof i[0].element == "string" && m(i);
-  return {
-    c() {
-      l = g("div"), e && e.c(), v(l, "class", "customElement__container svelte-kzl2aj");
-    },
-    m(n, t) {
-      a(n, l, t), e && e.m(l, null), i[2](l);
-    },
-    p(n, [t]) {
-      typeof n[0].element == "string" ? e ? e.p(n, t) : (e = m(n), e.c(), e.m(l, null)) : e && (e.d(1), e = null);
-    },
-    i: f,
-    o: f,
-    d(n) {
-      n && r(l), e && e.d(), i[2](null);
-    }
-  };
-}
-function E(i, l, e) {
-  let { tag: n } = l, t, o;
-  y(() => {
-    if (t) {
-      if (n.element instanceof Element) {
-        const s = n.element;
-        t.appendChild(s), o = () => t == null ? void 0 : t.removeChild(s);
-      } else if (typeof n.element == "function") {
-        const s = n.element;
-        o = s(t);
-      }
-    }
-  }), C(() => {
-    o == null || o();
-  });
-  function c(s) {
-    b[s ? "unshift" : "push"](() => {
-      t = s, e(1, t);
-    });
-  }
-  return i.$$set = (s) => {
-    "tag" in s && e(0, n = s.tag);
-  }, [n, t, c];
-}
-class D extends u {
-  constructor(l) {
-    super(), d(this, l, E, z, p, { tag: 0 }, j);
-  }
-}
-export {
-  D as default
-};
+"use strict";const i=require("svelte/internal"),f=require("svelte");function c(s){i.append_styles(s,"svelte-kzl2aj",".customElement__container.svelte-kzl2aj{position:relative}")}function r(s){let l,e=s[0].element+"",n;return{c(){l=new i.HtmlTag(!1),n=i.empty(),l.a=n},m(t,o){l.m(e,t,o),i.insert(t,n,o)},p(t,o){o&1&&e!==(e=t[0].element+"")&&l.p(e)},d(t){t&&i.detach(n),t&&l.d()}}}function u(s){let l,e=typeof s[0].element=="string"&&r(s);return{c(){l=i.element("div"),e&&e.c(),i.attr(l,"class","customElement__container svelte-kzl2aj")},m(n,t){i.insert(n,l,t),e&&e.m(l,null),s[2](l)},p(n,[t]){typeof n[0].element=="string"?e?e.p(n,t):(e=r(n),e.c(),e.m(l,null)):e&&(e.d(1),e=null)},i:i.noop,o:i.noop,d(n){n&&i.detach(l),e&&e.d(),s[2](null)}}}function d(s,l,e){let{tag:n}=l,t,o;f.onMount(()=>{if(t){if(n.element instanceof Element){const a=n.element;t.appendChild(a),o=()=>t==null?void 0:t.removeChild(a)}else if(typeof n.element=="function"){const a=n.element;o=a(t)}}}),f.onDestroy(()=>{o==null||o()});function m(a){i.binding_callbacks[a?"unshift":"push"](()=>{t=a,e(1,t)})}return s.$$set=a=>{"tag"in a&&e(0,n=a.tag)},[n,t,m]}class _ extends i.SvelteComponent{constructor(l){super(),i.init(this,l,d,u,i.safe_not_equal,{tag:0},c)}}exports.CustomTag=_;