@realsee/dnalogel 2.3.4 → 2.3.5-dev.1

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

@@ -0,0 +1,173 @@
+import { SvelteComponent as N, init as R, safe_not_equal as S, append_styles as W, empty as H, insert as k, transition_in as c, group_outros as I, transition_out as h, check_outros as K, detach as b, element as p, space as z, attr as u, set_style as f, append as g, create_component as X, mount_component as A, destroy_component as B, src_url_equal as w, handle_promise as y, update_await_block_branch as D, noop as _ } from "../../../../vendor/svelte/internal/index.js";
+import { getKeyframeInfo as v } from "../../../utils/getImageInfo.js";
+import { px2rem as s } from "../../../utils/px2rem.js";
+import { Shadow as E } from "../Shadow.js";
+function F(n) {
+  W(n, "svelte-mhs8j5", "@keyframes svelte-mhs8j5-sprites-animation{0%{background-position:0 0}100%{background-position:var(--keyframe_offset_x) 0}}.icon-image.svelte-mhs8j5{display:block;width:100%}.icon-keyframe-container.svelte-mhs8j5{overflow:hidden}.icon-keyframe-wrapper.svelte-mhs8j5{transform-origin:0 0}.icon-keyframe.svelte-mhs8j5{background-repeat:no-repeat;animation-direction:normal;animation-iteration-count:infinite;animation-name:svelte-mhs8j5-sprites-animation}");
+}
+function j(n) {
+  n[4] = n[12].url, n[5] = n[12].keyframesWidth, n[6] = n[12].keyframesHeight, n[7] = n[12].wrapperWidth, n[8] = n[12].wrapperHeight, n[9] = n[12].steps, n[10] = n[12].duration, n[11] = n[12].offsetX;
+}
+function q(n) {
+  let i, r, e, o = n[2] && C();
+  function l(m, d) {
+    return m[3] ? J : G;
+  }
+  let t = l(n), a = t(n);
+  return {
+    c() {
+      i = p("div"), o && o.c(), r = z(), a.c(), u(i, "class", "icon"), f(i, "width", typeof n[0] == "number" ? s(n[0]) : n[0]);
+    },
+    m(m, d) {
+      k(m, i, d), o && o.m(i, null), g(i, r), a.m(i, null), e = !0;
+    },
+    p(m, d) {
+      m[2] ? o ? d & 4 && c(o, 1) : (o = C(), o.c(), c(o, 1), o.m(i, r)) : o && (I(), h(o, 1, 1, () => {
+        o = null;
+      }), K()), t === (t = l(m)) && a ? a.p(m, d) : (a.d(1), a = t(m), a && (a.c(), a.m(i, null))), d & 1 && f(i, "width", typeof m[0] == "number" ? s(m[0]) : m[0]);
+    },
+    i(m) {
+      e || (c(o), e = !0);
+    },
+    o(m) {
+      h(o), e = !1;
+    },
+    d(m) {
+      m && b(i), o && o.d(), a.d();
+    }
+  };
+}
+function C(n) {
+  let i, r;
+  return i = new E({
+    props: {
+      center: !0,
+      blurRadius: 12,
+      spreadRadius: 5
+    }
+  }), {
+    c() {
+      X(i.$$.fragment);
+    },
+    m(e, o) {
+      A(i, e, o), r = !0;
+    },
+    i(e) {
+      r || (c(i.$$.fragment, e), r = !0);
+    },
+    o(e) {
+      h(i.$$.fragment, e), r = !1;
+    },
+    d(e) {
+      B(i, e);
+    }
+  };
+}
+function G(n) {
+  let i, r;
+  return {
+    c() {
+      i = p("img"), u(i, "class", "icon-image svelte-mhs8j5"), w(i.src, r = n[1].url) || u(i, "src", r), u(i, "alt", "icon");
+    },
+    m(e, o) {
+      k(e, i, o);
+    },
+    p(e, o) {
+      o & 2 && !w(i.src, r = e[1].url) && u(i, "src", r);
+    },
+    d(e) {
+      e && b(i);
+    }
+  };
+}
+function J(n) {
+  let i, r, e = {
+    ctx: n,
+    current: null,
+    token: null,
+    hasCatch: !1,
+    pending: O,
+    then: M,
+    catch: L,
+    value: 12
+  };
+  return y(r = v(n[1]), e), {
+    c() {
+      i = H(), e.block.c();
+    },
+    m(o, l) {
+      k(o, i, l), e.block.m(o, e.anchor = l), e.mount = () => i.parentNode, e.anchor = i;
+    },
+    p(o, l) {
+      n = o, e.ctx = n, l & 2 && r !== (r = v(n[1])) && y(r, e) || D(e, n, l);
+    },
+    d(o) {
+      o && b(i), e.block.d(o), e.token = null, e = null;
+    }
+  };
+}
+function L(n) {
+  return { c: _, m: _, p: _, d: _ };
+}
+function M(n) {
+  j(n);
+  let i, r, e, o = `url(${n[4]})`, l = `steps(${n[9] - 1})`;
+  return {
+    c() {
+      i = p("div"), r = p("div"), e = p("div"), u(e, "class", "icon-keyframe svelte-mhs8j5"), f(e, "width", s(n[5])), f(e, "height", s(n[6])), f(e, "background-image", o), f(e, "animation-duration", n[10]), f(e, "animation-timing-function", l), f(e, "animation-delay", 0), f(e, "background-size", "100% 100%"), f(e, "--keyframe_offset_x", s(n[11])), u(r, "class", "icon-keyframe-wrapper svelte-mhs8j5"), f(r, "transform", typeof n[0] == "number" ? `scale(${n[0] / n[7]})` : void 0), u(i, "class", "icon-keyframe-container svelte-mhs8j5"), f(i, "width", typeof n[0] == "number" ? s(n[0]) : s(n[7])), f(i, "height", typeof n[0] == "number" ? s(n[8] * (n[0] / n[7])) : s(n[8]));
+    },
+    m(t, a) {
+      k(t, i, a), g(i, r), g(r, e);
+    },
+    p(t, a) {
+      j(t), a & 2 && f(e, "width", s(t[5])), a & 2 && f(e, "height", s(t[6])), a & 2 && o !== (o = `url(${t[4]})`) && f(e, "background-image", o), a & 2 && f(e, "animation-duration", t[10]), a & 2 && l !== (l = `steps(${t[9] - 1})`) && f(e, "animation-timing-function", l), a & 2 && f(e, "--keyframe_offset_x", s(t[11])), a & 3 && f(r, "transform", typeof t[0] == "number" ? `scale(${t[0] / t[7]})` : void 0), a & 3 && f(i, "width", typeof t[0] == "number" ? s(t[0]) : s(t[7])), a & 3 && f(i, "height", typeof t[0] == "number" ? s(t[8] * (t[0] / t[7])) : s(t[8]));
+    },
+    d(t) {
+      t && b(i);
+    }
+  };
+}
+function O(n) {
+  return { c: _, m: _, p: _, d: _ };
+}
+function P(n) {
+  let i, r, e = n[1] && q(n);
+  return {
+    c() {
+      e && e.c(), i = H();
+    },
+    m(o, l) {
+      e && e.m(o, l), k(o, i, l), r = !0;
+    },
+    p(o, [l]) {
+      o[1] ? e ? (e.p(o, l), l & 2 && c(e, 1)) : (e = q(o), e.c(), c(e, 1), e.m(i.parentNode, i)) : e && (I(), h(e, 1, 1, () => {
+        e = null;
+      }), K());
+    },
+    i(o) {
+      r || (c(e), r = !0);
+    },
+    o(o) {
+      h(e), r = !1;
+    },
+    d(o) {
+      e && e.d(o), o && b(i);
+    }
+  };
+}
+function Q(n, i, r) {
+  let e, { width: o = null } = i, { icon: l = null } = i, { shadow: t = !1 } = i;
+  return n.$$set = (a) => {
+    "width" in a && r(0, o = a.width), "icon" in a && r(1, l = a.icon), "shadow" in a && r(2, t = a.shadow);
+  }, n.$$.update = () => {
+    n.$$.dirty & 2 && r(3, e = (l == null ? void 0 : l.steps) >= 2);
+  }, [o, l, t, e];
+}
+class Z extends N {
+  constructor(i) {
+    super(), R(this, i, Q, P, S, { width: 0, icon: 1, shadow: 2 }, F);
+  }
+}
+export {
+  Z as Icon
+};

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

@@ -0,0 +1,108 @@
+import { SvelteComponent as g, init as b, safe_not_equal as j, append_styles as R, element as m, space as S, attr as f, toggle_class as k, set_style as u, insert as W, append as _, transition_in as v, group_outros as A, transition_out as w, check_outros as C, detach as H, create_component as I, mount_component as L, destroy_component as M, binding_callbacks as h } from "../../../../vendor/svelte/internal/index.js";
+import { px2rem as T } from "../../../utils/px2rem.js";
+import { Shadow as X } from "../Shadow.js";
+function z(n) {
+  R(n, "svelte-qf1c2k", ".audio-icon__wrapper.svelte-qf1c2k.svelte-qf1c2k{display:inline-block}.audio-icon.svelte-qf1c2k.svelte-qf1c2k{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;border-radius:50%;background-color:rgba(255, 255, 255, 0.8)}.audio-icon.svelte-qf1c2k .sound-wave__container.svelte-qf1c2k{position:absolute;pointer-events:none;display:flex;justify-content:center;align-items:center;width:1.375rem;height:1.375rem}.audio-icon.svelte-qf1c2k .sound-wave__container .sound-wave__wrapper.svelte-qf1c2k{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translateX(-25%)}.audio-icon.svelte-qf1c2k .sound-wave__container .sound-wave__wrapper .sound-wave.svelte-qf1c2k{flex-shrink:0;flex-grow:0;border-radius:50%;border-color:transparent;border-style:solid;border-bottom-color:rgba(0, 0, 0, 0.6);transform:rotate(-90deg)}.sound-wave-1.svelte-qf1c2k.svelte-qf1c2k{position:absolute;width:0rem;height:0rem;border-width:0.125rem}.sound-wave-2.svelte-qf1c2k.svelte-qf1c2k{position:absolute;width:0.4375rem;height:0.4375rem;border-width:0.09375rem}.sound-wave-3.svelte-qf1c2k.svelte-qf1c2k{position:relative;width:0.875rem;height:0.875rem;border-width:0.09375rem}.sound-wave.svelte-qf1c2k.svelte-qf1c2k{animation-duration:2s;animation-iteration-count:infinite;animation-play-state:paused;transition:opacity 0}.playing.svelte-qf1c2k .sound-wave.svelte-qf1c2k{animation-play-state:running}.playing.svelte-qf1c2k .sound-wave-1.svelte-qf1c2k{animation-name:svelte-qf1c2k-sound_wave_1_animation}.playing.svelte-qf1c2k .sound-wave-2.svelte-qf1c2k{animation-name:svelte-qf1c2k-sound_wave_2_animation}.playing.svelte-qf1c2k .sound-wave-3.svelte-qf1c2k{animation-name:svelte-qf1c2k-sound_wave_3_animation}@keyframes svelte-qf1c2k-sound_wave_1_animation{0%,10%{opacity:0}25%,100%{opacity:1}}@keyframes svelte-qf1c2k-sound_wave_2_animation{0%,35%{opacity:0}50%,100%{opacity:1}}@keyframes svelte-qf1c2k-sound_wave_3_animation{0%,60%{opacity:0}75%,100%{opacity:1}}");
+}
+function p(n) {
+  let e, i;
+  return e = new X({
+    props: {
+      center: !0,
+      blurRadius: 12,
+      spreadRadius: 5
+    }
+  }), {
+    c() {
+      I(e.$$.fragment);
+    },
+    m(s, r) {
+      L(e, s, r), i = !0;
+    },
+    i(s) {
+      i || (v(e.$$.fragment, s), i = !0);
+    },
+    o(s) {
+      w(e.$$.fragment, s), i = !1;
+    },
+    d(s) {
+      M(e, s);
+    }
+  };
+}
+function B(n) {
+  let e, i, s, r, c, t = n[1] && p();
+  return {
+    c() {
+      e = m("div"), t && t.c(), i = S(), s = m("div"), r = m("div"), r.innerHTML = `<div class="sound-wave__wrapper svelte-qf1c2k"><div class="sound-wave sound-wave-1 svelte-qf1c2k"></div> 
+        <div class="sound-wave sound-wave-2 svelte-qf1c2k"></div> 
+        <div class="sound-wave sound-wave-3 svelte-qf1c2k"></div></div>`, f(r, "class", "sound-wave__container svelte-qf1c2k"), f(s, "class", "audio-icon svelte-qf1c2k"), k(s, "playing", n[0]), f(e, "class", "audio-icon__wrapper svelte-qf1c2k"), f(e, "style", n[2]), u(e, "width", n[5]), u(e, "height", n[5]);
+    },
+    m(o, a) {
+      W(o, e, a), t && t.m(e, null), _(e, i), _(e, s), _(s, r), n[7](r), n[8](e), c = !0;
+    },
+    p(o, [a]) {
+      o[1] ? t ? a & 2 && v(t, 1) : (t = p(), t.c(), v(t, 1), t.m(e, i)) : t && (A(), w(t, 1, 1, () => {
+        t = null;
+      }), C()), (!c || a & 1) && k(s, "playing", o[0]), (!c || a & 4) && f(e, "style", o[2]), a & 32 && u(e, "width", o[5]), a & 32 && u(e, "height", o[5]);
+    },
+    i(o) {
+      c || (v(t), c = !0);
+    },
+    o(o) {
+      w(t), c = !1;
+    },
+    d(o) {
+      o && H(e), t && t.d(), n[7](null), n[8](null);
+    }
+  };
+}
+function D(n, e, i) {
+  let s, { playing: r } = e, { shadow: c = !1 } = e, { style: t = null } = e, { width: o = "100%" } = e, a, d;
+  function q(l) {
+    h[l ? "unshift" : "push"](() => {
+      d = l, i(4, d), i(3, a);
+    });
+  }
+  function y(l) {
+    h[l ? "unshift" : "push"](() => {
+      a = l, i(3, a);
+    });
+  }
+  return n.$$set = (l) => {
+    "playing" in l && i(0, r = l.playing), "shadow" in l && i(1, c = l.shadow), "style" in l && i(2, t = l.style), "width" in l && i(6, o = l.width);
+  }, n.$$.update = () => {
+    n.$$.dirty & 64 && i(5, s = typeof o == "number" ? T(o) : o), n.$$.dirty & 8 && a != null && a.clientWidth && i(4, d.style.transform = `scale(${a.clientWidth / 22})`, d);
+  }, [
+    r,
+    c,
+    t,
+    a,
+    d,
+    s,
+    o,
+    q,
+    y
+  ];
+}
+class J extends g {
+  constructor(e) {
+    super(), b(
+      this,
+      e,
+      D,
+      B,
+      j,
+      {
+        playing: 0,
+        shadow: 1,
+        style: 2,
+        width: 6
+      },
+      z
+    );
+  }
+}
+export {
+  J as AudioIcon
+};

package/libs/PanoTagPlugin/Components/Common/Line/Polyline.js

@@ -1,78 +1,78 @@
-import { SvelteComponent as D, init as g, safe_not_equal as v, append_styles as w, svg_element as s, attr as l, insert as y, append as d, transition_in as c, group_outros as b, transition_out as _, check_outros as k, detach as p, add_render_callback as O, create_in_transition as G, create_out_transition as I } from "../../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as p, init as b, safe_not_equal as v, append_styles as D, svg_element as u, attr as o, insert as h, append as d, transition_in as c, group_outros as w, transition_out as _, check_outros as k, detach as g, add_render_callback as O, create_in_transition as G, create_out_transition as I } from "../../../../vendor/svelte/internal/index.js";
 import { uuid as L } from "../../../../shared-utils/uuid.js";
-import { draw as h } from "../../../../vendor/svelte/transition/index.js";
+import { draw as m } from "../../../../vendor/svelte/transition/index.js";
 import { cubicOut as S, cubicInOut as U } from "../../../../vendor/svelte/easing/index.js";
 function q(n) {
-  w(n, "svelte-e72ouh", ".line.svelte-e72ouh{width:100%;height:100%;overflow:visible}");
+  D(n, "svelte-blgtit", ".line.svelte-blgtit{width:100%;height:100%;overflow:visible;pointer-events:none}");
 }
-function m(n) {
-  let e, a, o, r;
+function y(n) {
+  let e, r, l, a;
   return {
     c() {
-      e = s("path"), l(e, "fill", "none"), l(e, "stroke", "url(#" + n[4] + ")"), l(e, "stroke-width", "1"), l(e, "d", "M0 21 L14 0.5 L105 0.5");
+      e = u("path"), o(e, "fill", "none"), o(e, "stroke", "url(#" + n[4] + ")"), o(e, "stroke-width", "1"), o(e, "d", "M0 21 L14 0.5 L105 0.5");
     },
     m(i, t) {
-      y(i, e, t), r = !0;
+      h(i, e, t), a = !0;
     },
     p(i, t) {
       n = i;
     },
     i(i) {
-      r || (i && O(() => {
-        o && o.end(1), a = G(e, h, {
+      a || (i && O(() => {
+        l && l.end(1), r = G(e, m, {
           duration: n[1],
           delay: n[0],
           easing: S
-        }), a.start();
-      }), r = !0);
+        }), r.start();
+      }), a = !0);
     },
     o(i) {
-      a && a.invalidate(), i && (o = I(e, h, {
+      r && r.invalidate(), i && (l = I(e, m, {
         duration: n[1],
         delay: n[2],
         easing: U
-      })), r = !1;
+      })), a = !1;
     },
     d(i) {
-      i && p(e), i && o && o.end();
+      i && g(e), i && l && l.end();
     }
   };
 }
 function B(n) {
-  let e, a, o, r, i, t = n[3] && m(n);
+  let e, r, l, a, i, t = n[3] && y(n);
   return {
     c() {
-      e = s("svg"), a = s("defs"), o = s("linearGradient"), r = s("stop"), i = s("stop"), t && t.c(), l(r, "offset", "25%"), l(r, "stop-color", "white"), l(r, "stop-opacity", "1"), l(i, "offset", "100%"), l(i, "stop-color", "white"), l(i, "stop-opacity", "0.5"), l(o, "id", n[4]), l(o, "gradientUnits", "userSpaceOnUse"), l(e, "class", "line svelte-e72ouh"), l(e, "viewBox", "0 0 105 21");
+      e = u("svg"), r = u("defs"), l = u("linearGradient"), a = u("stop"), i = u("stop"), t && t.c(), o(a, "offset", "25%"), o(a, "stop-color", "white"), o(a, "stop-opacity", "1"), o(i, "offset", "100%"), o(i, "stop-color", "white"), o(i, "stop-opacity", "0.5"), o(l, "id", n[4]), o(l, "gradientUnits", "userSpaceOnUse"), o(e, "class", "line svelte-blgtit"), o(e, "viewBox", "0 0 105 21");
     },
-    m(f, u) {
-      y(f, e, u), d(e, a), d(a, o), d(o, r), d(o, i), t && t.m(e, null);
+    m(s, f) {
+      h(s, e, f), d(e, r), d(r, l), d(l, a), d(l, i), t && t.m(e, null);
     },
-    p(f, [u]) {
-      f[3] ? t ? (t.p(f, u), u & 8 && c(t, 1)) : (t = m(f), t.c(), c(t, 1), t.m(e, null)) : t && (b(), _(t, 1, 1, () => {
+    p(s, [f]) {
+      s[3] ? t ? (t.p(s, f), f & 8 && c(t, 1)) : (t = y(s), t.c(), c(t, 1), t.m(e, null)) : t && (w(), _(t, 1, 1, () => {
         t = null;
       }), k());
     },
-    i(f) {
+    i(s) {
       c(t);
     },
-    o(f) {
+    o(s) {
       _(t);
     },
-    d(f) {
-      f && p(e), t && t.d();
+    d(s) {
+      s && g(e), t && t.d();
     }
   };
 }
-function C(n, e, a) {
-  let { inDelay: o = 0 } = e, { duration: r = 0 } = e, { outDelay: i = 0 } = e, { unfolded: t } = e;
-  const f = L();
-  return n.$$set = (u) => {
-    "inDelay" in u && a(0, o = u.inDelay), "duration" in u && a(1, r = u.duration), "outDelay" in u && a(2, i = u.outDelay), "unfolded" in u && a(3, t = u.unfolded);
-  }, [o, r, i, t, f];
+function C(n, e, r) {
+  let { inDelay: l = 0 } = e, { duration: a = 1e3 } = e, { outDelay: i = 0 } = e, { unfolded: t } = e;
+  const s = L();
+  return n.$$set = (f) => {
+    "inDelay" in f && r(0, l = f.inDelay), "duration" in f && r(1, a = f.duration), "outDelay" in f && r(2, i = f.outDelay), "unfolded" in f && r(3, t = f.unfolded);
+  }, [l, a, i, t, s];
 }
-class A extends D {
+class A extends p {
   constructor(e) {
-    super(), g(
+    super(), b(
       this,
       e,
       C,

package/libs/PanoTagPlugin/Components/Common/Line/Straight.js

@@ -1,90 +1,125 @@
-import { SvelteComponent as g, init as v, safe_not_equal as D, append_styles as k, svg_element as u, attr as l, insert as y, append as d, transition_in as c, group_outros as w, transition_out as _, check_outros as b, detach as p, add_render_callback as z, create_in_transition as S, create_out_transition as G } from "../../../../vendor/svelte/internal/index.js";
-import { draw as h } from "../../../../vendor/svelte/transition/index.js";
-import { uuid as U } from "../../../../shared-utils/uuid.js";
-function q(n) {
-  k(n, "svelte-1omzoh4", ".straight-line.svelte-1omzoh4{display:block;width:100%;height:100%;overflow:visible}");
+import { SvelteComponent as G, init as U, safe_not_equal as q, append_styles as A, empty as H, insert as y, noop as j, detach as w, element as I, svg_element as h, attr as l, toggle_class as g, set_style as v, append as m, transition_in as C, group_outros as M, transition_out as N, check_outros as O, add_render_callback as R, create_in_transition as V, identity as p, create_out_transition as E } from "../../../../vendor/svelte/internal/index.js";
+import { draw as z } from "../../../../vendor/svelte/transition/index.js";
+import { uuid as F } from "../../../../shared-utils/uuid.js";
+function J(t) {
+  A(t, "svelte-xuejcm", ".line.svelte-xuejcm{position:absolute;pointer-events:none}.line.vertical.svelte-xuejcm{transform:rotate(-90deg) translate3d(0.03125rem, 0, 0.625rem);transform-origin:0 0}.line.horizontal.svelte-xuejcm{transform:translate3d(0, -0.03125rem, 0.625rem)}.straight-line.svelte-xuejcm{display:block;width:100%;height:100%;overflow:visible}");
 }
-function m(n) {
-  let e, a, o, r;
+function L(t) {
+  let e, i, o, n, s, r, _, f = t[3] && B(t);
   return {
     c() {
-      e = u("path"), l(e, "fill", "none"), l(e, "stroke", "url(#" + n[4] + ")"), l(e, "stroke-width", "1"), l(e, "d", "M0 0.5 L 148 0.5");
+      e = I("div"), i = h("svg"), o = h("defs"), n = h("linearGradient"), s = h("stop"), r = h("stop"), f && f.c(), l(s, "offset", "25%"), l(s, "stop-color", t[5]), l(s, "stop-opacity", "1"), l(r, "offset", "100%"), l(r, "stop-color", t[5]), l(r, "stop-opacity", "0.5"), l(n, "x1", 0.5), l(n, "y1", 0.5), l(n, "x2", t[8]), l(n, "y2", 0.5), l(n, "id", t[10]), l(n, "gradientUnits", "userSpaceOnUse"), l(i, "class", "straight-line svelte-xuejcm"), l(i, "viewBox", _ = "0 0 " + t[8] + " " + t[7]), l(i, "preserveAspectRatio", "none"), l(e, "class", "line svelte-xuejcm"), g(e, "vertical", t[9]), g(e, "horizontal", !t[9]), v(e, "width", t[8] + "px"), v(e, "height", t[7] + "px");
     },
-    m(i, t) {
-      y(i, e, t), r = !0;
+    m(a, d) {
+      y(a, e, d), m(e, i), m(i, o), m(o, n), m(n, s), m(n, r), f && f.m(i, null);
     },
-    p(i, t) {
-      n = i;
+    p(a, d) {
+      d & 32 && l(s, "stop-color", a[5]), d & 32 && l(r, "stop-color", a[5]), d & 256 && l(n, "x2", a[8]), a[3] ? f ? (f.p(a, d), d & 8 && C(f, 1)) : (f = B(a), f.c(), C(f, 1), f.m(i, null)) : f && (M(), N(f, 1, 1, () => {
+        f = null;
+      }), O()), d & 384 && _ !== (_ = "0 0 " + a[8] + " " + a[7]) && l(i, "viewBox", _), d & 512 && g(e, "vertical", a[9]), d & 512 && g(e, "horizontal", !a[9]), d & 256 && v(e, "width", a[8] + "px"), d & 128 && v(e, "height", a[7] + "px");
     },
-    i(i) {
-      r || (i && z(() => {
-        o && o.end(1), a = S(e, h, {
-          duration: n[1],
-          delay: n[0]
-        }), a.start();
-      }), r = !0);
-    },
-    o(i) {
-      a && a.invalidate(), i && (o = G(e, h, {
-        duration: n[1],
-        delay: n[2]
-      })), r = !1;
-    },
-    d(i) {
-      i && p(e), i && o && o.end();
+    d(a) {
+      a && w(e), f && f.d();
     }
   };
 }
-function A(n) {
-  let e, a, o, r, i, t = n[3] && m(n);
+function B(t) {
+  let e, i, o, n, s;
   return {
     c() {
-      e = u("svg"), a = u("defs"), o = u("linearGradient"), r = u("stop"), i = u("stop"), t && t.c(), l(r, "offset", "25%"), l(r, "stop-color", "white"), l(r, "stop-opacity", "1"), l(i, "offset", "100%"), l(i, "stop-color", "white"), l(i, "stop-opacity", "0.5"), l(o, "id", n[4]), l(o, "gradientUnits", "userSpaceOnUse"), l(e, "class", "straight-line svelte-1omzoh4"), l(e, "viewBox", "0 0 148 1"), l(e, "preserveAspectRatio", "none");
+      e = h("path"), l(e, "fill", "none"), l(e, "stroke", i = t[4] ? `url(#${t[10]})` : t[5]), l(e, "stroke-width", 1), l(e, "d", t[6]);
+    },
+    m(r, _) {
+      y(r, e, _), s = !0;
+    },
+    p(r, _) {
+      t = r, (!s || _ & 48 && i !== (i = t[4] ? `url(#${t[10]})` : t[5])) && l(e, "stroke", i), (!s || _ & 64) && l(e, "d", t[6]);
+    },
+    i(r) {
+      s || (r && R(() => {
+        n && n.end(1), o = V(e, z, {
+          duration: t[2],
+          delay: t[0],
+          easing: p
+        }), o.start();
+      }), s = !0);
     },
-    m(f, s) {
-      y(f, e, s), d(e, a), d(a, o), d(o, r), d(o, i), t && t.m(e, null);
+    o(r) {
+      o && o.invalidate(), r && (n = E(e, z, {
+        duration: t[2],
+        delay: t[1],
+        easing: p
+      })), s = !1;
     },
-    p(f, [s]) {
-      f[3] ? t ? (t.p(f, s), s & 8 && c(t, 1)) : (t = m(f), t.c(), c(t, 1), t.m(e, null)) : t && (w(), _(t, 1, 1, () => {
-        t = null;
-      }), b());
+    d(r) {
+      r && w(e), r && n && n.end();
+    }
+  };
+}
+function K(t) {
+  let e, i = t[8] && L(t);
+  return {
+    c() {
+      i && i.c(), e = H();
     },
-    i(f) {
-      c(t);
+    m(o, n) {
+      i && i.m(o, n), y(o, e, n);
     },
-    o(f) {
-      _(t);
+    p(o, [n]) {
+      o[8] ? i ? i.p(o, n) : (i = L(o), i.c(), i.m(e.parentNode, e)) : i && (i.d(1), i = null);
     },
-    d(f) {
-      f && p(e), t && t.d();
+    i: j,
+    o: j,
+    d(o) {
+      i && i.d(o), o && w(e);
     }
   };
 }
-function B(n, e, a) {
-  let { inDelay: o = 0 } = e, { duration: r = 0 } = e, { outDelay: i = 0 } = e, { unfolded: t } = e;
-  const f = U();
-  return n.$$set = (s) => {
-    "inDelay" in s && a(0, o = s.inDelay), "duration" in s && a(1, r = s.duration), "outDelay" in s && a(2, i = s.outDelay), "unfolded" in s && a(3, t = s.unfolded);
-  }, [o, r, i, t, f];
+function P(t, e, i) {
+  let o, n, s, r, { inDelay: _ = 0 } = e, { outDelay: f = 0 } = e, { duration: a = 1e3 } = e, { unfolded: d } = e, { length: c } = e, { direction: k = "horizontal" } = e, { useLinearColor: b = !1 } = e, { color: D = "white" } = e;
+  const S = F();
+  return t.$$set = (u) => {
+    "inDelay" in u && i(0, _ = u.inDelay), "outDelay" in u && i(1, f = u.outDelay), "duration" in u && i(2, a = u.duration), "unfolded" in u && i(3, d = u.unfolded), "length" in u && i(11, c = u.length), "direction" in u && i(12, k = u.direction), "useLinearColor" in u && i(4, b = u.useLinearColor), "color" in u && i(5, D = u.color);
+  }, t.$$.update = () => {
+    t.$$.dirty & 4096 && i(9, o = k === "vertical"), t.$$.dirty & 2048 && i(8, n = c), t.$$.dirty & 2048 && i(6, r = `M0.5 0.5 H ${c}`);
+  }, i(7, s = 1), [
+    _,
+    f,
+    a,
+    d,
+    b,
+    D,
+    r,
+    s,
+    n,
+    o,
+    S,
+    c,
+    k
+  ];
 }
-class M extends g {
+class X extends G {
   constructor(e) {
-    super(), v(
+    super(), U(
       this,
       e,
-      B,
-      A,
-      D,
+      P,
+      K,
+      q,
       {
         inDelay: 0,
-        duration: 1,
-        outDelay: 2,
-        unfolded: 3
+        outDelay: 1,
+        duration: 2,
+        unfolded: 3,
+        length: 11,
+        direction: 12,
+        useLinearColor: 4,
+        color: 5
       },
-      q
+      J
     );
   }
 }
 export {
-  M as Straight
+  X as Straight
 };