@realsee/dnalogel 3.66.0-alpha.13 → 3.66.0-alpha.15

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -1,6 +1,7 @@
-import { SvelteComponent as I, init as C, safe_not_equal as E, append_styles as q, empty as M, insert as g, transition_in as c, transition_out as _, check_outros as S, detach as h, setContext as N, element as j, attr as d, toggle_class as b, set_style as v, group_outros as z, update_keyed_each as A, outro_and_destroy_block as B, add_render_callback as D, create_in_transition as F, create_component as G, mount_component as H, destroy_component as J, binding_callbacks as K } from "../../vendor/svelte/internal/index.js";
-import L from "./TagItem.js";
-import { fade as O } from "../../vendor/svelte/transition/index.js";
+import { SvelteComponent as O, init as P, safe_not_equal as Z, append_styles as j, empty as I, insert as g, transition_in as _, transition_out as c, check_outros as E, detach as h, setContext as A, onMount as B, element as D, attr as d, toggle_class as S, set_style as z, group_outros as q, update_keyed_each as F, outro_and_destroy_block as G, add_render_callback as H, create_in_transition as J, create_component as K, mount_component as L, destroy_component as Q, binding_callbacks as R } from "../../vendor/svelte/internal/index.js";
+import U from "./TagItem.js";
+import { fade as V } from "../../vendor/svelte/transition/index.js";
+import { getOrCreatePopoverContainer as W } from "../utils/popoverContainer.js";
 import "./Tag/index.js";
 import "./Tag/TextTag/index.js";
 import "./Tag/TextTag/TextTag.js";
@@ -181,37 +182,37 @@ import "./Common/TagPopover/PanoramaIcon.js";
 import "./Common/TagPopover/TagPopoverToolBar.js";
 import "./Common/TagPopover/ArrowRightIcon.js";
 import "./Common/TagPopover/ShareIcon.js";
-function P(n) {
-  q(n, "svelte-18vymww", ".tag--container.svelte-18vymww{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate3d(0, 0, 0);transition:opacity 0.2s linear}.tag--container.hide.svelte-18vymww{opacity:0 !important;pointer-events:none}.tag--container.hide.svelte-18vymww *{pointer-events:none !important}");
+function X(n) {
+  j(n, "svelte-12rs2ka", ".tag--container.svelte-12rs2ka{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate3d(0, 0, 0);transition:opacity 0.2s linear}.tag--container.hide.svelte-12rs2ka{opacity:0 !important;pointer-events:none}.tag--container.hide.svelte-12rs2ka *{pointer-events:none !important}");
 }
-function k(n, t, i) {
-  const o = n.slice();
-  return o[10] = t[i], o;
+function C(n, t, o) {
+  const i = n.slice();
+  return i[12] = t[o], i;
 }
-function y(n) {
-  let t, i = [], o = /* @__PURE__ */ new Map(), m, p, a, f = (
+function T(n) {
+  let t, o = [], i = /* @__PURE__ */ new Map(), m, p, l, f = (
     /*tags*/
     n[0]
   );
   const u = (e) => (
     /*tag*/
-    e[10].id
+    e[12].id
   );
   for (let e = 0; e < f.length; e += 1) {
-    let r = k(n, f, e), s = u(r);
-    o.set(s, i[e] = w(s, r));
+    let r = C(n, f, e), s = u(r);
+    i.set(s, o[e] = w(s, r));
   }
   return {
     c() {
       var e;
-      t = j("div");
-      for (let r = 0; r < i.length; r += 1)
-        i[r].c();
-      d(t, "class", "tag--container svelte-18vymww"), d(t, "data-infive", m = !/*state*/
+      t = D("div");
+      for (let r = 0; r < o.length; r += 1)
+        o[r].c();
+      d(t, "class", "tag--container svelte-12rs2ka"), d(t, "data-infive", m = !/*state*/
       n[4].visible || !/*temporaryState*/
-      n[5].visible ? "1" : "0"), b(t, "hide", !/*state*/
+      n[5].visible ? "1" : "0"), S(t, "hide", !/*state*/
       n[4].visible || !/*temporaryState*/
-      n[5].visible), v(
+      n[5].visible), z(
         t,
         "z-index",
         /*zIndex*/
@@ -220,22 +221,22 @@ function y(n) {
     },
     m(e, r) {
       g(e, t, r);
-      for (let s = 0; s < i.length; s += 1)
-        i[s] && i[s].m(t, null);
-      n[9](t), a = !0;
+      for (let s = 0; s < o.length; s += 1)
+        o[s] && o[s].m(t, null);
+      n[10](t), l = !0;
     },
     p(e, r) {
       var s;
-      r & /*state, temporaryState, tags, mediaStore, rendererMap, contentTypeMap, wrapperElement*/
-      191 && (f = /*tags*/
-      e[0], z(), i = A(i, r, u, 1, e, f, o, t, B, w, null, k), S()), (!a || r & /*state, temporaryState*/
+      r & /*state, temporaryState, tags, mediaStore, rendererMap, contentTypeMap, wrapperElement, popoverContainerEl*/
+      447 && (f = /*tags*/
+      e[0], q(), o = F(o, r, u, 1, e, f, i, t, G, w, null, C), E()), (!l || r & /*state, temporaryState*/
       48 && m !== (m = !/*state*/
       e[4].visible || !/*temporaryState*/
-      e[5].visible ? "1" : "0")) && d(t, "data-infive", m), (!a || r & /*state, temporaryState*/
-      48) && b(t, "hide", !/*state*/
+      e[5].visible ? "1" : "0")) && d(t, "data-infive", m), (!l || r & /*state, temporaryState*/
+      48) && S(t, "hide", !/*state*/
       e[4].visible || !/*temporaryState*/
       e[5].visible), r & /*zIndex*/
-      64 && v(
+      64 && z(
         t,
         "z-index",
         /*zIndex*/
@@ -243,30 +244,30 @@ function y(n) {
       );
     },
     i(e) {
-      if (!a) {
+      if (!l) {
         for (let r = 0; r < f.length; r += 1)
-          c(i[r]);
-        p || D(() => {
-          p = F(t, O, {}), p.start();
-        }), a = !0;
+          _(o[r]);
+        p || H(() => {
+          p = J(t, V, {}), p.start();
+        }), l = !0;
       }
     },
     o(e) {
-      for (let r = 0; r < i.length; r += 1)
-        _(i[r]);
-      a = !1;
+      for (let r = 0; r < o.length; r += 1)
+        c(o[r]);
+      l = !1;
     },
     d(e) {
       e && h(t);
-      for (let r = 0; r < i.length; r += 1)
-        i[r].d();
-      n[9](null);
+      for (let r = 0; r < o.length; r += 1)
+        o[r].d();
+      n[10](null);
     }
   };
 }
 function w(n, t) {
-  let i, o, m;
-  return o = new L({
+  let o, i, m;
+  return i = new U({
     props: {
       state: (
         /*state*/
@@ -278,7 +279,7 @@ function w(n, t) {
       ),
       tag: (
         /*tag*/
-        t[10]
+        t[12]
       ),
       mediaStore: (
         /*mediaStore*/
@@ -295,111 +296,124 @@ function w(n, t) {
       wrapperElement: (
         /*wrapperElement*/
         t[7]
+      ),
+      popoverContainer: (
+        /*popoverContainerEl*/
+        t[8]
       )
     }
   }), {
     key: n,
     first: null,
     c() {
-      i = M(), G(o.$$.fragment), this.first = i;
+      o = I(), K(i.$$.fragment), this.first = o;
     },
-    m(p, a) {
-      g(p, i, a), H(o, p, a), m = !0;
+    m(p, l) {
+      g(p, o, l), L(i, p, l), m = !0;
     },
-    p(p, a) {
+    p(p, l) {
       t = p;
       const f = {};
-      a & /*state*/
+      l & /*state*/
       16 && (f.state = /*state*/
-      t[4]), a & /*temporaryState*/
+      t[4]), l & /*temporaryState*/
       32 && (f.temporaryState = /*temporaryState*/
-      t[5]), a & /*tags*/
+      t[5]), l & /*tags*/
       1 && (f.tag = /*tag*/
-      t[10]), a & /*mediaStore*/
+      t[12]), l & /*mediaStore*/
       2 && (f.mediaStore = /*mediaStore*/
-      t[1]), a & /*rendererMap*/
+      t[1]), l & /*rendererMap*/
       4 && (f.rendererMap = /*rendererMap*/
-      t[2]), a & /*contentTypeMap*/
+      t[2]), l & /*contentTypeMap*/
       8 && (f.contentTypeMap = /*contentTypeMap*/
-      t[3]), a & /*wrapperElement*/
+      t[3]), l & /*wrapperElement*/
       128 && (f.wrapperElement = /*wrapperElement*/
-      t[7]), o.$set(f);
+      t[7]), l & /*popoverContainerEl*/
+      256 && (f.popoverContainer = /*popoverContainerEl*/
+      t[8]), i.$set(f);
     },
     i(p) {
-      m || (c(o.$$.fragment, p), m = !0);
+      m || (_(i.$$.fragment, p), m = !0);
     },
     o(p) {
-      _(o.$$.fragment, p), m = !1;
+      c(i.$$.fragment, p), m = !1;
     },
     d(p) {
-      p && h(i), J(o, p);
+      p && h(o), Q(i, p);
     }
   };
 }
-function Q(n) {
-  let t, i, o = (
+function Y(n) {
+  let t, o, i = (
     /*state*/
-    n[4].enabled && y(n)
+    n[4].enabled && T(n)
   );
   return {
     c() {
-      o && o.c(), t = M();
+      i && i.c(), t = I();
     },
     m(m, p) {
-      o && o.m(m, p), g(m, t, p), i = !0;
+      i && i.m(m, p), g(m, t, p), o = !0;
     },
     p(m, [p]) {
       /*state*/
-      m[4].enabled ? o ? (o.p(m, p), p & /*state*/
-      16 && c(o, 1)) : (o = y(m), o.c(), c(o, 1), o.m(t.parentNode, t)) : o && (z(), _(o, 1, 1, () => {
-        o = null;
-      }), S());
+      m[4].enabled ? i ? (i.p(m, p), p & /*state*/
+      16 && _(i, 1)) : (i = T(m), i.c(), _(i, 1), i.m(t.parentNode, t)) : i && (q(), c(i, 1, 1, () => {
+        i = null;
+      }), E());
     },
     i(m) {
-      i || (c(o), i = !0);
+      o || (_(i), o = !0);
     },
     o(m) {
-      _(o), i = !1;
+      c(i), o = !1;
     },
     d(m) {
-      o && o.d(m), m && h(t);
+      i && i.d(m), m && h(t);
     }
   };
 }
-function R(n, t, i) {
-  let { tags: o = [] } = t, { hooks: m } = t, { mediaStore: p } = t, { rendererMap: a } = t, { contentTypeMap: f } = t, { state: u } = t, { temporaryState: e } = t, { zIndex: r = void 0 } = t, s = null;
-  N("hooks", m);
-  function T(l) {
-    K[l ? "unshift" : "push"](() => {
-      s = l, i(7, s);
+function x(n, t, o) {
+  let { tags: i = [] } = t, { hooks: m } = t, { mediaStore: p } = t, { rendererMap: l } = t, { contentTypeMap: f } = t, { state: u } = t, { temporaryState: e } = t, { zIndex: r = void 0 } = t, s = null, b = null, k = 2e3;
+  A("hooks", m), B(() => {
+    o(8, b = W(k));
+  });
+  function N(a) {
+    R[a ? "unshift" : "push"](() => {
+      s = a, o(7, s);
     });
   }
-  return n.$$set = (l) => {
-    "tags" in l && i(0, o = l.tags), "hooks" in l && i(8, m = l.hooks), "mediaStore" in l && i(1, p = l.mediaStore), "rendererMap" in l && i(2, a = l.rendererMap), "contentTypeMap" in l && i(3, f = l.contentTypeMap), "state" in l && i(4, u = l.state), "temporaryState" in l && i(5, e = l.temporaryState), "zIndex" in l && i(6, r = l.zIndex);
+  return n.$$set = (a) => {
+    "tags" in a && o(0, i = a.tags), "hooks" in a && o(9, m = a.hooks), "mediaStore" in a && o(1, p = a.mediaStore), "rendererMap" in a && o(2, l = a.rendererMap), "contentTypeMap" in a && o(3, f = a.contentTypeMap), "state" in a && o(4, u = a.state), "temporaryState" in a && o(5, e = a.temporaryState), "zIndex" in a && o(6, r = a.zIndex);
+  }, n.$$.update = () => {
+    var a, v, M, y;
+    n.$$.dirty & /*tags*/
+    1 && i && i.length > 0 && (k = (y = (M = (v = (a = i[0]) == null ? void 0 : a.config) == null ? void 0 : v.popoverConfig) == null ? void 0 : M.zIndex) != null ? y : 2e6);
   }, [
-    o,
+    i,
     p,
-    a,
+    l,
     f,
     u,
     e,
     r,
     s,
+    b,
     m,
-    T
+    N
   ];
 }
-class _r extends I {
+class yr extends O {
   constructor(t) {
-    super(), C(
+    super(), P(
       this,
       t,
-      R,
-      Q,
-      E,
+      x,
+      Y,
+      Z,
       {
         tags: 0,
-        hooks: 8,
+        hooks: 9,
         mediaStore: 1,
         rendererMap: 2,
         contentTypeMap: 3,
@@ -407,10 +421,10 @@ class _r extends I {
         temporaryState: 5,
         zIndex: 6
       },
-      P
+      X
     );
   }
 }
 export {
-  _r as default
+  yr as default
 };