@realsee/dnalogel 3.66.0-alpha.9 → 3.66.0

package/libs/PanoTagPlugin/Components/Common/TagPopover/index.js

@@ -1,32 +1,16 @@
-var wt = Object.defineProperty;
-var G = Object.getOwnPropertySymbols;
-var _t = Object.prototype.hasOwnProperty, vt = Object.prototype.propertyIsEnumerable;
-var J = (t, o, e) => o in t ? wt(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, K = (t, o) => {
-  for (var e in o || (o = {}))
-    _t.call(o, e) && J(t, e, o[e]);
-  if (G)
-    for (var e of G(o))
-      vt.call(o, e) && J(t, e, o[e]);
+var dt = Object.defineProperty;
+var L = Object.getOwnPropertySymbols;
+var bt = Object.prototype.hasOwnProperty, gt = Object.prototype.propertyIsEnumerable;
+var Q = (t, i, e) => i in t ? dt(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, X = (t, i) => {
+  for (var e in i || (i = {}))
+    bt.call(i, e) && Q(t, e, i[e]);
+  if (L)
+    for (var e of L(i))
+      gt.call(i, e) && Q(t, e, i[e]);
   return t;
 };
-var Q = (t, o, e) => new Promise((i, n) => {
-  var a = (g) => {
-    try {
-      l(e.next(g));
-    } catch (v) {
-      n(v);
-    }
-  }, _ = (g) => {
-    try {
-      l(e.throw(g));
-    } catch (v) {
-      n(v);
-    }
-  }, l = (g) => g.done ? i(g.value) : Promise.resolve(g.value).then(a, _);
-  l((e = e.apply(t, o)).next());
-});
-import { SvelteComponent as yt, init as Pt, safe_not_equal as kt, append_styles as Ct, empty as Tt, insert as $, transition_in as D, transition_out as F, check_outros as Et, detach as tt, getContext as St, onMount as jt, element as U, create_component as At, attr as j, set_style as E, append as Mt, mount_component as zt, listen as W, add_render_callback as Bt, create_bidirectional_transition as X, destroy_component as Dt, run_all as Lt, group_outros as Ht, tick as Wt, bubble as Y, binding_callbacks as Ft } from "../../../../vendor/svelte/internal/index.js";
-import { cubicOut as N } from "../../../../vendor/svelte/easing/index.js";
+import { SvelteComponent as vt, init as wt, safe_not_equal as _t, append_styles as yt, empty as kt, insert as et, transition_in as W, transition_out as q, check_outros as Pt, detach as ot, getContext as Ct, createEventDispatcher as Et, onMount as zt, afterUpdate as Tt, onDestroy as Mt, element as Y, create_component as St, attr as D, set_style as z, append as Dt, mount_component as At, listen as V, add_render_callback as Bt, create_bidirectional_transition as Z, destroy_component as Nt, run_all as jt, group_outros as Ht, bubble as R, binding_callbacks as x } from "../../../../vendor/svelte/internal/index.js";
+import { cubicOut as G } from "../../../../vendor/svelte/easing/index.js";
 import "../../../../shared-utils/tag.js";
 import "three";
 import "../../../../vendor/hammerjs/hammer.js";
@@ -34,14 +18,14 @@ import "../../../../shared-utils/three/PointSelector/index.js";
 import "../../../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { notNil as Z } from "../../../../shared-utils/isNil.js";
+import { notNil as $ } from "../../../../shared-utils/isNil.js";
 import "../../../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../../../shared-utils/three/core/Sphere.js";
 import "../../../../vendor/animejs/lib/anime.es.js";
 import "../../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../../shared-utils/five/FivePuppet.js";
-import Nt from "./PopoverContent.js";
+import Wt from "./PopoverContent.js";
 import "../../../../shared-utils/positionToVector3.js";
 import "../../../../shared-utils/five/vector3ToScreen.js";
 import "../../../../shared-utils/five/getFiveModel.js";
@@ -93,34 +77,36 @@ import "../../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "@realsee/five";
 import "./TagPopoverArrow.js";
+import "../Icon/tag-popover-arrow-base64.js";
 import "./TagPopup.js";
 import "../VideoIcon.js";
 import "./PanoramaIcon.js";
+import "../../../utils/videoHelper.js";
 import "./TagPopoverToolBar.js";
 import "./ArrowRightIcon.js";
 import "./ShareIcon.js";
-function Ot(t) {
-  Ct(t, "svelte-rrnjf1", ".tag-popover.svelte-rrnjf1{position:absolute;z-index:1031;pointer-events:auto;width:0;height:0;padding:0;margin:0;visibility:visible;opacity:1}.tag-popover-content.svelte-rrnjf1{cursor:pointer;pointer-events:auto}");
+function Ft(t) {
+  yt(t, "svelte-12m4kzk", ".tag-popover.svelte-12m4kzk{position:absolute;z-index:1000010;pointer-events:auto;width:auto;height:auto;padding:0;margin:0;visibility:visible;opacity:1}.tag-popover-content.svelte-12m4kzk{cursor:pointer;pointer-events:auto}");
 }
-function x(t) {
-  let o, e, i, n, a, _, l, g, v;
-  return i = new Nt({
+function tt(t) {
+  let i, e, r, p, a, y, h, k, T;
+  return r = new Wt({
     props: {
       showArrow: (
         /*showArrow*/
-        t[6]
+        t[8]
       ),
       arrowDirection: (
         /*arrowDirection*/
-        t[5]
+        t[7]
       ),
       effectiveTheme: (
         /*effectiveTheme*/
-        t[11]
+        t[13]
       ),
       adjustedPlacement: (
         /*adjustedPlacement*/
-        t[3]
+        t[4]
       ),
       tag: (
         /*tag*/
@@ -136,319 +122,344 @@ function x(t) {
       ),
       toolbar: (
         /*toolbar*/
-        t[9]
+        t[11]
+      ),
+      closePopover: (
+        /*closePopoverInternal*/
+        t[19]
       )
     }
-  }), i.$on(
+  }), r.$on(
     "viewMore",
     /*handleViewMore*/
-    t[13]
-  ), i.$on(
+    t[15]
+  ), r.$on(
     "share",
     /*handleShare*/
-    t[14]
-  ), i.$on(
+    t[16]
+  ), r.$on(
     "resize",
     /*handleContentResize*/
-    t[15]
+    t[17]
   ), {
     c() {
-      o = U("div"), e = U("div"), At(i.$$.fragment), j(e, "class", "tag-popover-content svelte-rrnjf1"), j(o, "class", a = "tag-popover tag-popover-" + /*effectiveTheme*/
-      t[11] + " tag-popover-" + /*adjustedPlacement*/
-      t[3] + " svelte-rrnjf1"), j(o, "data-tag-id", _ = /*tag*/
-      t[0].id), E(
-        o,
+      i = Y("div"), e = Y("div"), St(r.$$.fragment), D(e, "class", "tag-popover-content svelte-12m4kzk"), D(i, "class", a = "tag-popover tag-popover-" + /*effectiveTheme*/
+      t[13] + " tag-popover-" + /*adjustedPlacement*/
+      t[4] + " svelte-12m4kzk"), D(i, "data-tag-id", y = /*tag*/
+      t[0].id), z(
+        i,
         "z-index",
         /*zIndex*/
-        t[10]
-      ), E(
-        o,
+        t[12]
+      ), z(
+        i,
         "left",
         /*finalPosition*/
-        t[7].x + "px"
-      ), E(
-        o,
+        t[9].x + "px"
+      ), z(
+        i,
         "top",
         /*finalPosition*/
-        t[7].y + "px"
+        t[9].y + "px"
       );
     },
-    m(d, m) {
-      $(d, o, m), Mt(o, e), zt(i, e, null), t[25](e), l = !0, g || (v = [
-        W(
+    m(c, l) {
+      et(c, i, l), Dt(i, e), At(r, e, null), t[30](e), t[31](i), h = !0, k || (T = [
+        V(
           e,
           "mouseenter",
           /*mouseenter_handler*/
-          t[23]
+          t[28]
         ),
-        W(
+        V(
           e,
           "mouseleave",
           /*mouseleave_handler*/
-          t[24]
+          t[29]
         ),
-        W(
+        V(
           e,
           "click",
           /*handleClick*/
-          t[16]
+          t[18]
         )
-      ], g = !0);
+      ], k = !0);
     },
-    p(d, m) {
-      t = d;
-      const f = {};
-      m & /*showArrow*/
-      64 && (f.showArrow = /*showArrow*/
-      t[6]), m & /*arrowDirection*/
-      32 && (f.arrowDirection = /*arrowDirection*/
-      t[5]), m & /*effectiveTheme*/
-      2048 && (f.effectiveTheme = /*effectiveTheme*/
-      t[11]), m & /*adjustedPlacement*/
-      8 && (f.adjustedPlacement = /*adjustedPlacement*/
-      t[3]), m & /*tag*/
-      1 && (f.tag = /*tag*/
-      t[0]), m & /*config*/
-      2 && (f.config = /*config*/
-      t[1]), m & /*theme*/
-      4 && (f.theme = /*theme*/
-      t[2]), m & /*toolbar*/
-      512 && (f.toolbar = /*toolbar*/
-      t[9]), i.$set(f), (!l || m & /*effectiveTheme, adjustedPlacement*/
-      2056 && a !== (a = "tag-popover tag-popover-" + /*effectiveTheme*/
-      t[11] + " tag-popover-" + /*adjustedPlacement*/
-      t[3] + " svelte-rrnjf1")) && j(o, "class", a), (!l || m & /*tag*/
-      1 && _ !== (_ = /*tag*/
-      t[0].id)) && j(o, "data-tag-id", _), (!l || m & /*zIndex*/
-      1024) && E(
-        o,
+    p(c, l) {
+      t = c;
+      const s = {};
+      l[0] & /*showArrow*/
+      256 && (s.showArrow = /*showArrow*/
+      t[8]), l[0] & /*arrowDirection*/
+      128 && (s.arrowDirection = /*arrowDirection*/
+      t[7]), l[0] & /*effectiveTheme*/
+      8192 && (s.effectiveTheme = /*effectiveTheme*/
+      t[13]), l[0] & /*adjustedPlacement*/
+      16 && (s.adjustedPlacement = /*adjustedPlacement*/
+      t[4]), l[0] & /*tag*/
+      1 && (s.tag = /*tag*/
+      t[0]), l[0] & /*config*/
+      2 && (s.config = /*config*/
+      t[1]), l[0] & /*theme*/
+      4 && (s.theme = /*theme*/
+      t[2]), l[0] & /*toolbar*/
+      2048 && (s.toolbar = /*toolbar*/
+      t[11]), r.$set(s), (!h || l[0] & /*effectiveTheme, adjustedPlacement*/
+      8208 && a !== (a = "tag-popover tag-popover-" + /*effectiveTheme*/
+      t[13] + " tag-popover-" + /*adjustedPlacement*/
+      t[4] + " svelte-12m4kzk")) && D(i, "class", a), (!h || l[0] & /*tag*/
+      1 && y !== (y = /*tag*/
+      t[0].id)) && D(i, "data-tag-id", y), (!h || l[0] & /*zIndex*/
+      4096) && z(
+        i,
         "z-index",
         /*zIndex*/
-        t[10]
-      ), (!l || m & /*finalPosition*/
-      128) && E(
-        o,
+        t[12]
+      ), (!h || l[0] & /*finalPosition*/
+      512) && z(
+        i,
         "left",
         /*finalPosition*/
-        t[7].x + "px"
-      ), (!l || m & /*finalPosition*/
-      128) && E(
-        o,
+        t[9].x + "px"
+      ), (!h || l[0] & /*finalPosition*/
+      512) && z(
+        i,
         "top",
         /*finalPosition*/
-        t[7].y + "px"
+        t[9].y + "px"
       );
     },
-    i(d) {
-      l || (D(i.$$.fragment, d), Bt(() => {
-        l && (n || (n = X(
+    i(c) {
+      h || (W(r.$$.fragment, c), Bt(() => {
+        h && (p || (p = Z(
           e,
           /*fadeAndFly*/
-          t[12],
+          t[14],
           {
             duration: (
               /*transitionDuration*/
-              t[8]
+              t[10]
             ),
-            easing: N,
+            easing: G,
             y: (
               /*arrowDirection*/
-              t[5] === "top" ? -8 : (
+              t[7] === "top" ? -8 : (
                 /*arrowDirection*/
-                t[5] === "bottom" ? 8 : 0
+                t[7] === "bottom" ? 8 : 0
               )
             ),
             x: (
               /*arrowDirection*/
-              t[5] === "left" ? -8 : (
+              t[7] === "left" ? -8 : (
                 /*arrowDirection*/
-                t[5] === "right" ? 8 : 0
+                t[7] === "right" ? 8 : 0
               )
             )
           },
           !0
-        )), n.run(1));
-      }), l = !0);
+        )), p.run(1));
+      }), h = !0);
     },
-    o(d) {
-      F(i.$$.fragment, d), n || (n = X(
+    o(c) {
+      q(r.$$.fragment, c), p || (p = Z(
         e,
         /*fadeAndFly*/
-        t[12],
+        t[14],
         {
           duration: (
             /*transitionDuration*/
-            t[8]
+            t[10]
           ),
-          easing: N,
+          easing: G,
           y: (
             /*arrowDirection*/
-            t[5] === "top" ? -8 : (
+            t[7] === "top" ? -8 : (
               /*arrowDirection*/
-              t[5] === "bottom" ? 8 : 0
+              t[7] === "bottom" ? 8 : 0
             )
           ),
           x: (
             /*arrowDirection*/
-            t[5] === "left" ? -8 : (
+            t[7] === "left" ? -8 : (
               /*arrowDirection*/
-              t[5] === "right" ? 8 : 0
+              t[7] === "right" ? 8 : 0
             )
           )
         },
         !1
-      )), n.run(0), l = !1;
+      )), p.run(0), h = !1;
     },
-    d(d) {
-      d && tt(o), Dt(i), t[25](null), d && n && n.end(), g = !1, Lt(v);
+    d(c) {
+      c && ot(i), Nt(r), t[30](null), c && p && p.end(), t[31](null), k = !1, jt(T);
     }
   };
 }
-function Vt(t) {
-  let o, e, i = (
-    /*finalPosition*/
-    t[7] && x(t)
+function It(t) {
+  let i, e, r = (
+    /*visible*/
+    t[3] && /*finalPosition*/
+    t[9] && tt(t)
   );
   return {
     c() {
-      i && i.c(), o = Tt();
+      r && r.c(), i = kt();
     },
-    m(n, a) {
-      i && i.m(n, a), $(n, o, a), e = !0;
+    m(p, a) {
+      r && r.m(p, a), et(p, i, a), e = !0;
     },
-    p(n, [a]) {
-      /*finalPosition*/
-      n[7] ? i ? (i.p(n, a), a & /*finalPosition*/
-      128 && D(i, 1)) : (i = x(n), i.c(), D(i, 1), i.m(o.parentNode, o)) : i && (Ht(), F(i, 1, 1, () => {
-        i = null;
-      }), Et());
+    p(p, a) {
+      /*visible*/
+      p[3] && /*finalPosition*/
+      p[9] ? r ? (r.p(p, a), a[0] & /*visible, finalPosition*/
+      520 && W(r, 1)) : (r = tt(p), r.c(), W(r, 1), r.m(i.parentNode, i)) : r && (Ht(), q(r, 1, 1, () => {
+        r = null;
+      }), Pt());
     },
-    i(n) {
-      e || (D(i), e = !0);
+    i(p) {
+      e || (W(r), e = !0);
     },
-    o(n) {
-      F(i), e = !1;
+    o(p) {
+      q(r), e = !1;
     },
-    d(n) {
-      i && i.d(n), n && tt(o);
+    d(p) {
+      r && r.d(p), p && ot(i);
     }
   };
 }
-function qt(t, o, e) {
-  let i, n, a, _, l, g, v, d, m;
-  const f = St("hooks");
-  let { tag: h } = o, { config: c = {} } = o, { triggerElement: P } = o, { wrapperElement: k = document.body } = o, { theme: A = void 0 } = o, S, w = { width: 0, height: 0 }, L = null, b = n;
-  function et(r, { duration: p = 400, easing: u = N, x: s = 0, y = 0 }) {
+function Ot(t, i, e) {
+  let r, p, a, y, h, k, T, c, l;
+  const s = Ct("hooks");
+  let { tag: u } = i, { config: m = {} } = i, { triggerElement: P } = i, { wrapperElement: f = document.body } = i, { popoverContainer: M = null } = i, { theme: A = void 0 } = i, { visible: U = !0 } = i, { closePopover: B = void 0 } = i;
+  const it = Et();
+  let F, _ = { width: 0, height: 0 }, I = null, b = p;
+  function rt(o, { duration: n = 400, easing: v = G, x: w = 0, y: O = 0 }) {
     return {
-      duration: p,
-      css: (H, M) => `
-          opacity: ${H};
-          transform: translate(${M * s}px, ${M * y}px);
+      duration: n,
+      css: (S, d) => `
+          opacity: ${S};
+          transform: translate(${d * w}px, ${d * O}px);
         `
     };
   }
-  const C = () => {
-    if (!h.screenPosition || !P || !k)
-      return n;
-    const r = k.clientWidth, p = k.clientHeight, u = h.screenPosition.leftPx, s = h.screenPosition.topPx, y = u * s, H = u * (p - s), M = s * u, ht = s * (r - u), O = w.width || 280, V = w.height || 200, z = 16, ct = s, ut = p - s, gt = u, dt = r - u, q = ct >= V + z, I = ut >= V + z, B = gt >= O + z, R = dt >= O + z, bt = y > H, T = M > ht;
-    return bt ? q ? T && B ? "top-left" : "top-right" : T && B ? "left-top" : R ? "right-top" : I ? T ? "bottom-left" : "bottom-right" : "bottom" : I ? T && B ? "bottom-left" : "bottom-right" : T && B ? "left-bottom" : R ? "right-bottom" : q ? T ? "top-left" : "top-right" : "top";
-  }, ot = (r, p) => {
-    if (!r)
+  const N = () => {
+    if (!u.screenPosition || !P || !f)
+      return p;
+    const o = (m == null ? void 0 : m.autoPlacementBaseSpace) || {
+      top: 0.2,
+      // 顶部区域占比20%
+      bottom: 0.2,
+      // 底部区域占比20%
+      right: 0.15
+      // 右侧区域占比15%
+    }, n = f.clientWidth, v = f.clientHeight, w = v * o.top, O = v * (1 - o.bottom), S = n * (1 - o.right), d = u.screenPosition.leftPx, C = u.screenPosition.topPx, E = _.width || 280, H = _.height || 200;
+    return C <= w ? d <= S ? d + E <= n && C + H <= v ? "right-top" : "bottom-left" : d - E >= 0 && C + H <= v ? "left-top" : "bottom-right" : C >= O ? d <= S ? d + E <= n && C - H >= 0 ? "right-bottom" : "top-left" : d - E >= 0 && C - H >= 0 ? "left-bottom" : "top-right" : d <= S ? d + E <= n ? "right-top" : "left-top" : d - E >= 0 ? "left-top" : "right-top";
+  }, nt = (o, n) => {
+    if (!o)
       return null;
-    const u = 8, s = K({}, r);
-    return ["top", "top-left", "top-right"].includes(p) ? s.y -= u : ["bottom", "bottom-left", "bottom-right"].includes(p) ? s.y += u : ["left", "left-top", "left-bottom"].includes(p) ? s.x -= u : ["right", "right-top", "right-bottom"].includes(p) && (s.x += u), s;
-  }, rt = (r, p, u) => {
-    const s = p.left - u.left, y = p.top - u.top;
-    switch (r) {
+    const v = 8, w = X({}, o);
+    return ["top", "top-left", "top-right"].includes(n) ? w.y -= v : ["bottom", "bottom-left", "bottom-right"].includes(n) ? w.y += v : ["left", "left-top", "left-bottom"].includes(n) ? w.x -= v : ["right", "right-top", "right-bottom"].includes(n) && (w.x += v), w;
+  }, pt = (o, n) => {
+    switch (o) {
       case "top":
       case "top-left":
       case "top-right":
         return {
-          x: s + p.width / 2,
-          y
+          x: n.left + n.width / 2,
+          y: n.top
         };
       case "bottom":
       case "bottom-left":
       case "bottom-right":
         return {
-          x: s + p.width / 2,
-          y: y + p.height
+          x: n.left + n.width / 2,
+          y: n.top + n.height
         };
       case "left":
       case "left-top":
       case "left-bottom":
         return {
-          x: s,
-          y: y + p.height / 2
+          x: n.left,
+          y: n.top + n.height / 2
         };
       case "right":
       case "right-top":
       case "right-bottom":
         return {
-          x: s + p.width,
-          y: y + p.height / 2
+          x: n.left + n.width,
+          y: n.top + n.height / 2
         };
       default:
         return {
-          x: s + p.width / 2,
-          y
+          x: n.left + n.width / 2,
+          y: n.top
         };
     }
-  }, it = (r) => {
-    f && f.emit("click", {
-      event: r.detail.event,
+  }, lt = (o) => {
+    j(), s && s.emit("click", {
+      event: o.detail.event,
       target: "TagPopoverViewMore",
-      tag: h
+      tag: u
     });
-  }, nt = (r) => {
-    f && f.emit("click", {
-      event: r.detail.event,
+  }, mt = (o) => {
+    j(), s && s.emit("click", {
+      event: o.detail.event,
       target: "TagPopoverShare",
-      tag: h
+      tag: u
     });
-  }, pt = () => {
-    if (S) {
-      const r = S.getBoundingClientRect();
-      e(19, w = { width: r.width, height: r.height }), w.width > 0 && w.height > 0 && e(3, b = C());
-    }
-  }, st = (r) => {
-    e(19, w = r.detail), w.width > 0 && w.height > 0 && e(3, b = C());
-  }, mt = (r) => {
-    r.stopPropagation(), f.emit("click", { event: r, target: "TagPopoverContent", tag: h });
+  }, at = (o) => {
+    e(24, _ = o.detail), _.width > 0 && _.height > 0 && e(4, b = N());
+  }, st = (o) => {
+    j(), o.stopPropagation(), s.emit("click", { event: o, target: "TagPopoverContent", tag: u });
   };
-  jt(() => Q(this, null, function* () {
-    yield Wt(), pt(), h.screenPosition && P && e(3, b = C());
-  }));
-  function at(r) {
-    Y.call(this, t, r);
+  let g = null, J = !1;
+  function K() {
+    M && g && g.parentNode !== M && M.appendChild(g);
+  }
+  zt(() => {
+    (!f || f === document.body) && console.warn("TagPopover 组件警告：禁止使用 document.body 作为 wrapperElement，请传入自定义容器元素。"), J = !0, K(), f && f !== document.body && e(20, f.style.overflow = "hidden", f);
+  }), Tt(() => {
+    J && K();
+  }), Mt(() => {
+    g && g.parentNode && g.parentNode.removeChild(g), f && f !== document.body && e(20, f.style.overflow = "", f);
+  });
+  function j() {
+    typeof B == "function" && B(), it("close");
   }
-  function lt(r) {
-    Y.call(this, t, r);
+  function ft(o) {
+    R.call(this, t, o);
   }
-  function ft(r) {
-    Ft[r ? "unshift" : "push"](() => {
-      S = r, e(4, S);
+  function ut(o) {
+    R.call(this, t, o);
+  }
+  function ht(o) {
+    x[o ? "unshift" : "push"](() => {
+      F = o, e(5, F);
     });
   }
-  return t.$$set = (r) => {
-    "tag" in r && e(0, h = r.tag), "config" in r && e(1, c = r.config), "triggerElement" in r && e(17, P = r.triggerElement), "wrapperElement" in r && e(18, k = r.wrapperElement), "theme" in r && e(2, A = r.theme);
+  function ct(o) {
+    x[o ? "unshift" : "push"](() => {
+      g = o, e(6, g);
+    });
+  }
+  return t.$$set = (o) => {
+    "tag" in o && e(0, u = o.tag), "config" in o && e(1, m = o.config), "triggerElement" in o && e(21, P = o.triggerElement), "wrapperElement" in o && e(20, f = o.wrapperElement), "popoverContainer" in o && e(22, M = o.popoverContainer), "theme" in o && e(2, A = o.theme), "visible" in o && e(3, U = o.visible), "closePopover" in o && e(23, B = o.closePopover);
   }, t.$$.update = () => {
-    if (t.$$.dirty & /*theme, tag*/
-    5 && e(11, i = (() => Z(A) ? A : Z(h.data.theme) && ["light", "dark"].includes(h.data.theme) ? h.data.theme : h.contentType === "Marketing" ? "light" : "dark")()), t.$$.dirty & /*config*/
-    2 && e(22, n = (c == null ? void 0 : c.placement) || "right-top"), t.$$.dirty & /*config*/
-    2 && e(9, l = (() => typeof (c == null ? void 0 : c.toolbar) == "boolean" ? c.toolbar ? { showMore: !0, showShare: !0 } : { showMore: !1, showShare: !1 } : (c == null ? void 0 : c.toolbar) || { showMore: !0, showShare: !0 })()), t.$$.dirty & /*placement*/
-    4194304 && (n === "auto" ? e(3, b = C()) : e(3, b = n)), t.$$.dirty & /*config*/
-    2 && e(8, g = (c == null ? void 0 : c.transitionDuration) || 350), t.$$.dirty & /*tag, triggerElement*/
-    131073 && h.screenPosition && P && e(3, b = C()), t.$$.dirty & /*popoverContentElementRect*/
-    524288 && w.width > 0 && w.height > 0 && e(3, b = C()), t.$$.dirty & /*tag, adjustedPlacement, triggerElement, wrapperElement*/
-    393225 && h.screenPosition && b && P && k) {
-      const r = P.getBoundingClientRect(), p = k.getBoundingClientRect();
-      e(20, L = rt(b, r, p));
+    if (t.$$.dirty[0] & /*theme, tag*/
+    5 && e(13, r = (() => $(A) ? A : $(u.data.theme) && ["light", "dark"].includes(u.data.theme) ? u.data.theme : u.contentType === "Marketing" ? "light" : "dark")()), t.$$.dirty[0] & /*config*/
+    2 && e(27, p = (m == null ? void 0 : m.placement) || "right-top"), t.$$.dirty[0] & /*config*/
+    2 && e(11, h = (() => typeof (m == null ? void 0 : m.toolbar) == "boolean" ? m.toolbar ? { showMore: !0, showShare: !0 } : { showMore: !1, showShare: !1 } : (m == null ? void 0 : m.toolbar) || { showMore: !0, showShare: !0 })()), t.$$.dirty[0] & /*placement*/
+    134217728 && (p === "auto" ? e(4, b = N()) : e(4, b = p)), t.$$.dirty[0] & /*config*/
+    2 && e(10, k = (m == null ? void 0 : m.transitionDuration) || 350), t.$$.dirty[0] & /*tag, triggerElement*/
+    2097153 && u.screenPosition && P && e(4, b = N()), t.$$.dirty[0] & /*popoverContentElementRect*/
+    16777216 && _.width > 0 && _.height > 0 && e(4, b = N()), t.$$.dirty[0] & /*tag, adjustedPlacement, triggerElement*/
+    2097169 && u.screenPosition && b && P) {
+      const o = P.getBoundingClientRect();
+      e(25, I = pt(b, o));
     }
-    t.$$.dirty & /*anchorPosition, adjustedPlacement*/
-    1048584 && e(7, v = ot(L, b)), t.$$.dirty & /*arrow*/
-    2097152 && e(6, d = typeof a == "boolean" ? a : !0), t.$$.dirty & /*adjustedPlacement*/
-    8 && e(5, m = (() => {
+    t.$$.dirty[0] & /*anchorPosition, adjustedPlacement*/
+    33554448 && e(9, T = nt(I, b)), t.$$.dirty[0] & /*arrow*/
+    67108864 && e(8, c = typeof a == "boolean" ? a : !0), t.$$.dirty[0] & /*adjustedPlacement*/
+    16 && e(7, l = (() => {
       switch (b) {
         case "top":
         case "top-left":
@@ -470,51 +481,61 @@ function qt(t, o, e) {
           return "bottom";
       }
     })());
-  }, e(21, a = !0), e(10, _ = 1060), [
-    h,
-    c,
+  }, e(26, a = !0), e(12, y = 1060), [
+    u,
+    m,
     A,
+    U,
     b,
-    S,
-    m,
-    d,
-    v,
+    F,
     g,
     l,
-    _,
-    i,
-    et,
-    it,
-    nt,
-    st,
+    c,
+    T,
+    k,
+    h,
+    y,
+    r,
+    rt,
+    lt,
     mt,
+    at,
+    st,
+    j,
+    f,
     P,
-    k,
-    w,
-    L,
+    M,
+    B,
+    _,
+    I,
     a,
-    n,
-    at,
-    lt,
-    ft
+    p,
+    ft,
+    ut,
+    ht,
+    ct
   ];
 }
-class ao extends yt {
-  constructor(o) {
-    super(), Pt(
+class ao extends vt {
+  constructor(i) {
+    super(), wt(
       this,
-      o,
-      qt,
-      Vt,
-      kt,
+      i,
+      Ot,
+      It,
+      _t,
       {
         tag: 0,
         config: 1,
-        triggerElement: 17,
-        wrapperElement: 18,
-        theme: 2
+        triggerElement: 21,
+        wrapperElement: 20,
+        popoverContainer: 22,
+        theme: 2,
+        visible: 3,
+        closePopover: 23
       },
-      Ot
+      Ft,
+      [-1, -1]
     );
   }
 }