@realsee/dnalogel 3.66.5-alpha.0 → 3.67.0-alpha.1

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

@@ -1,4 +1,15 @@
-import { SvelteComponent as ft, init as ut, safe_not_equal as ht, append_styles as ct, empty as dt, insert as x, transition_in as H, transition_out as F, check_outros as bt, detach as $, getContext as gt, createEventDispatcher as vt, onMount as wt, afterUpdate as _t, onDestroy as yt, element as L, create_component as kt, attr as S, set_style as C, append as Pt, mount_component as Ct, listen as q, add_render_callback as Et, create_bidirectional_transition as Q, destroy_component as zt, run_all as Tt, group_outros as Mt, bubble as X, binding_callbacks as Y } from "../../../../vendor/svelte/internal/index.js";
+var yt = Object.defineProperty;
+var R = Object.getOwnPropertySymbols;
+var Pt = Object.prototype.hasOwnProperty, Ct = Object.prototype.propertyIsEnumerable;
+var x = (t, i, e) => i in t ? yt(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, $ = (t, i) => {
+  for (var e in i || (i = {}))
+    Pt.call(i, e) && x(t, e, i[e]);
+  if (R)
+    for (var e of R(i))
+      Ct.call(i, e) && x(t, e, i[e]);
+  return t;
+};
+import { SvelteComponent as Tt, init as jt, safe_not_equal as kt, append_styles as Dt, empty as Et, insert as lt, transition_in as H, transition_out as q, check_outros as It, detach as ut, getContext as Mt, createEventDispatcher as St, onMount as At, afterUpdate as zt, onDestroy as Bt, element as tt, create_component as Nt, attr as S, toggle_class as et, set_style as k, append as Ft, mount_component as Ht, listen as V, add_render_callback as Wt, create_bidirectional_transition as ot, destroy_component as Ot, run_all as Ut, group_outros as Vt, bubble as it, binding_callbacks as rt } from "../../../../vendor/svelte/internal/index.js";
 import { cubicOut as G } from "../../../../vendor/svelte/easing/index.js";
 import "../../../../shared-utils/tag.js";
 import "three";
@@ -7,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 nt } 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 St from "./PopoverContent.js";
+import qt from "./PopoverContent.js";
 import "../../../../shared-utils/positionToVector3.js";
 import "../../../../shared-utils/five/vector3ToScreen.js";
 import "../../../../shared-utils/five/getFiveModel.js";
@@ -71,31 +82,36 @@ import "./TagPopup.js";
 import "../VideoIcon.js";
 import "./PanoramaIcon.js";
 import "../../../utils/videoHelper.js";
+import "../AudioPlayer.js";
+import "../Icon/audioIcon.js";
+import "../../../utils/px2rem.js";
+import "../Shadow.js";
+import "../../../../vendor/svelte/transition/index.js";
 import "./TagPopoverToolBar.js";
 import "./ArrowRightIcon.js";
 import "./ShareIcon.js";
-function Dt(t) {
-  ct(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 Gt(t) {
+  Dt(t, "svelte-11cjg3j", '@charset "UTF-8";.tag-popover.svelte-11cjg3j{position:absolute;z-index:1000010;pointer-events:auto;width:auto;height:auto;padding:0;margin:0;visibility:visible;opacity:1}.tag-popover-content.svelte-11cjg3j{cursor:pointer;pointer-events:auto}.tag-popover-content.audio-tag-popover.svelte-11cjg3j{cursor:default}');
 }
-function R(t) {
-  let r, o, i, n, a, w, h, _, E;
-  return i = new St({
+function at(t) {
+  let i, e, r, a, f, y, h, P, D;
+  return r = new qt({
     props: {
       showArrow: (
         /*showArrow*/
-        t[8]
+        t[13]
       ),
       arrowDirection: (
         /*arrowDirection*/
-        t[7]
+        t[12]
       ),
       effectiveTheme: (
         /*effectiveTheme*/
-        t[13]
+        t[18]
       ),
       adjustedPlacement: (
         /*adjustedPlacement*/
-        t[4]
+        t[8]
       ),
       tag: (
         /*tag*/
@@ -111,339 +127,379 @@ function R(t) {
       ),
       toolbar: (
         /*toolbar*/
-        t[11]
+        t[16]
+      ),
+      audioInstance: (
+        /*audioInstance*/
+        t[4]
+      ),
+      audioPlaying: (
+        /*audioPlaying*/
+        t[5]
+      ),
+      audioCurrentTime: (
+        /*audioCurrentTime*/
+        t[6]
+      ),
+      audioDuration: (
+        /*audioDuration*/
+        t[7]
       ),
       closePopover: (
         /*closePopoverInternal*/
-        t[19]
+        t[24]
       )
     }
-  }), i.$on(
+  }), r.$on(
     "viewMore",
     /*handleViewMore*/
-    t[15]
-  ), i.$on(
+    t[20]
+  ), r.$on(
     "share",
     /*handleShare*/
-    t[16]
-  ), i.$on(
+    t[21]
+  ), r.$on(
     "resize",
     /*handleContentResize*/
-    t[17]
+    t[22]
   ), {
     c() {
-      r = L("div"), o = L("div"), kt(i.$$.fragment), S(o, "class", "tag-popover-content svelte-12m4kzk"), S(r, "class", a = "tag-popover tag-popover-" + /*effectiveTheme*/
-      t[13] + " tag-popover-" + /*adjustedPlacement*/
-      t[4] + " svelte-12m4kzk"), S(r, "data-tag-id", w = /*tag*/
-      t[0].id), C(
-        r,
+      i = tt("div"), e = tt("div"), Nt(r.$$.fragment), S(e, "class", "tag-popover-content svelte-11cjg3j"), et(
+        e,
+        "audio-tag-popover",
+        /*isAudioTag*/
+        t[11]
+      ), S(i, "class", f = "tag-popover tag-popover-" + /*effectiveTheme*/
+      t[18] + " tag-popover-" + /*adjustedPlacement*/
+      t[8] + " svelte-11cjg3j"), S(i, "data-tag-id", y = /*tag*/
+      t[0].id), k(
+        i,
         "z-index",
         /*zIndex*/
-        t[12]
-      ), C(
-        r,
+        t[17]
+      ), k(
+        i,
         "left",
         /*finalPosition*/
-        t[9].x + "px"
-      ), C(
-        r,
+        t[14].x + "px"
+      ), k(
+        i,
         "top",
         /*finalPosition*/
-        t[9].y + "px"
+        t[14].y + "px"
       );
     },
-    m(c, l) {
-      x(c, r, l), Pt(r, o), Ct(i, o, null), t[30](o), t[31](r), h = !0, _ || (E = [
-        q(
-          o,
+    m(d, l) {
+      lt(d, i, l), Ft(i, e), Ht(r, e, null), t[35](e), t[36](i), h = !0, P || (D = [
+        V(
+          e,
           "mouseenter",
           /*mouseenter_handler*/
-          t[28]
+          t[33]
         ),
-        q(
-          o,
+        V(
+          e,
           "mouseleave",
           /*mouseleave_handler*/
-          t[29]
+          t[34]
         ),
-        q(
-          o,
+        V(
+          e,
           "click",
           /*handleClick*/
-          t[18]
+          t[23]
         )
-      ], _ = !0);
+      ], P = !0);
     },
-    p(c, l) {
-      t = c;
-      const s = {};
+    p(d, l) {
+      t = d;
+      const p = {};
       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*/
+      8192 && (p.showArrow = /*showArrow*/
+      t[13]), l[0] & /*arrowDirection*/
+      4096 && (p.arrowDirection = /*arrowDirection*/
+      t[12]), l[0] & /*effectiveTheme*/
+      262144 && (p.effectiveTheme = /*effectiveTheme*/
+      t[18]), l[0] & /*adjustedPlacement*/
+      256 && (p.adjustedPlacement = /*adjustedPlacement*/
+      t[8]), l[0] & /*tag*/
+      1 && (p.tag = /*tag*/
       t[0]), l[0] & /*config*/
-      2 && (s.config = /*config*/
+      2 && (p.config = /*config*/
       t[1]), l[0] & /*theme*/
-      4 && (s.theme = /*theme*/
+      4 && (p.theme = /*theme*/
       t[2]), l[0] & /*toolbar*/
-      2048 && (s.toolbar = /*toolbar*/
-      t[11]), i.$set(s), (!h || l[0] & /*effectiveTheme, adjustedPlacement*/
-      8208 && a !== (a = "tag-popover tag-popover-" + /*effectiveTheme*/
-      t[13] + " tag-popover-" + /*adjustedPlacement*/
-      t[4] + " svelte-12m4kzk")) && S(r, "class", a), (!h || l[0] & /*tag*/
-      1 && w !== (w = /*tag*/
-      t[0].id)) && S(r, "data-tag-id", w), (!h || l[0] & /*zIndex*/
-      4096) && C(
-        r,
+      65536 && (p.toolbar = /*toolbar*/
+      t[16]), l[0] & /*audioInstance*/
+      16 && (p.audioInstance = /*audioInstance*/
+      t[4]), l[0] & /*audioPlaying*/
+      32 && (p.audioPlaying = /*audioPlaying*/
+      t[5]), l[0] & /*audioCurrentTime*/
+      64 && (p.audioCurrentTime = /*audioCurrentTime*/
+      t[6]), l[0] & /*audioDuration*/
+      128 && (p.audioDuration = /*audioDuration*/
+      t[7]), r.$set(p), (!h || l[0] & /*isAudioTag*/
+      2048) && et(
+        e,
+        "audio-tag-popover",
+        /*isAudioTag*/
+        t[11]
+      ), (!h || l[0] & /*effectiveTheme, adjustedPlacement*/
+      262400 && f !== (f = "tag-popover tag-popover-" + /*effectiveTheme*/
+      t[18] + " tag-popover-" + /*adjustedPlacement*/
+      t[8] + " svelte-11cjg3j")) && S(i, "class", f), (!h || l[0] & /*tag*/
+      1 && y !== (y = /*tag*/
+      t[0].id)) && S(i, "data-tag-id", y), (!h || l[0] & /*zIndex*/
+      131072) && k(
+        i,
         "z-index",
         /*zIndex*/
-        t[12]
+        t[17]
       ), (!h || l[0] & /*finalPosition*/
-      512) && C(
-        r,
+      16384) && k(
+        i,
         "left",
         /*finalPosition*/
-        t[9].x + "px"
+        t[14].x + "px"
       ), (!h || l[0] & /*finalPosition*/
-      512) && C(
-        r,
+      16384) && k(
+        i,
         "top",
         /*finalPosition*/
-        t[9].y + "px"
+        t[14].y + "px"
       );
     },
-    i(c) {
-      h || (H(i.$$.fragment, c), Et(() => {
-        h && (n || (n = Q(
-          o,
+    i(d) {
+      h || (H(r.$$.fragment, d), Wt(() => {
+        h && (a || (a = ot(
+          e,
           /*fadeAndFly*/
-          t[14],
+          t[19],
           {
             duration: (
               /*transitionDuration*/
-              t[10]
+              t[15]
             ),
             easing: G,
             y: (
               /*arrowDirection*/
-              t[7] === "top" ? -8 : (
+              t[12] === "top" ? -8 : (
                 /*arrowDirection*/
-                t[7] === "bottom" ? 8 : 0
+                t[12] === "bottom" ? 8 : 0
               )
             ),
             x: (
               /*arrowDirection*/
-              t[7] === "left" ? -8 : (
+              t[12] === "left" ? -8 : (
                 /*arrowDirection*/
-                t[7] === "right" ? 8 : 0
+                t[12] === "right" ? 8 : 0
               )
             )
           },
           !0
-        )), n.run(1));
+        )), a.run(1));
       }), h = !0);
     },
-    o(c) {
-      F(i.$$.fragment, c), n || (n = Q(
-        o,
+    o(d) {
+      q(r.$$.fragment, d), a || (a = ot(
+        e,
         /*fadeAndFly*/
-        t[14],
+        t[19],
         {
           duration: (
             /*transitionDuration*/
-            t[10]
+            t[15]
           ),
           easing: G,
           y: (
             /*arrowDirection*/
-            t[7] === "top" ? -8 : (
+            t[12] === "top" ? -8 : (
               /*arrowDirection*/
-              t[7] === "bottom" ? 8 : 0
+              t[12] === "bottom" ? 8 : 0
             )
           ),
           x: (
             /*arrowDirection*/
-            t[7] === "left" ? -8 : (
+            t[12] === "left" ? -8 : (
               /*arrowDirection*/
-              t[7] === "right" ? 8 : 0
+              t[12] === "right" ? 8 : 0
             )
           )
         },
         !1
-      )), n.run(0), h = !1;
+      )), a.run(0), h = !1;
     },
-    d(c) {
-      c && $(r), zt(i), t[30](null), c && n && n.end(), t[31](null), _ = !1, Tt(E);
+    d(d) {
+      d && ut(i), Ot(r), t[35](null), d && a && a.end(), t[36](null), P = !1, Ut(D);
     }
   };
 }
-function At(t) {
-  let r, o, i = (
+function Jt(t) {
+  let i, e, r = (
     /*visible*/
     t[3] && /*finalPosition*/
-    t[9] && R(t)
+    t[14] && at(t)
   );
   return {
     c() {
-      i && i.c(), r = dt();
+      r && r.c(), i = Et();
     },
-    m(n, a) {
-      i && i.m(n, a), x(n, r, a), o = !0;
+    m(a, f) {
+      r && r.m(a, f), lt(a, i, f), e = !0;
     },
-    p(n, a) {
+    p(a, f) {
       /*visible*/
-      n[3] && /*finalPosition*/
-      n[9] ? i ? (i.p(n, a), a[0] & /*visible, finalPosition*/
-      520 && H(i, 1)) : (i = R(n), i.c(), H(i, 1), i.m(r.parentNode, r)) : i && (Mt(), F(i, 1, 1, () => {
-        i = null;
-      }), bt());
+      a[3] && /*finalPosition*/
+      a[14] ? r ? (r.p(a, f), f[0] & /*visible, finalPosition*/
+      16392 && H(r, 1)) : (r = at(a), r.c(), H(r, 1), r.m(i.parentNode, i)) : r && (Vt(), q(r, 1, 1, () => {
+        r = null;
+      }), It());
     },
-    i(n) {
-      o || (H(i), o = !0);
+    i(a) {
+      e || (H(r), e = !0);
     },
-    o(n) {
-      F(i), o = !1;
+    o(a) {
+      q(r), e = !1;
     },
-    d(n) {
-      i && i.d(n), n && $(r);
+    d(a) {
+      r && r.d(a), a && ut(i);
     }
   };
 }
-function Bt(t, r, o) {
-  let i, n, a, w, h, _, E, c, l;
-  const s = gt("hooks");
-  let { tag: u } = r, { config: m = {} } = r, { triggerElement: y } = r, { wrapperElement: f = document.body } = r, { popoverContainer: z = null } = r, { theme: D = void 0 } = r, { visible: U = !0 } = r, { closePopover: A = void 0 } = r;
-  const tt = vt();
-  let W, v = { width: 0, height: 0 }, I = null, g = n;
-  function et(e, { duration: p = 400, easing: T = G, x: O = 0, y: V = 0 }) {
+function Kt(t, i, e) {
+  let r, a, f, y, h, P, D, d, l, p;
+  const E = Mt("hooks");
+  let { tag: m } = i, { config: u = {} } = i, { triggerElement: C } = i, { wrapperElement: s = document.body } = i, { popoverContainer: I = null } = i, { theme: A = void 0 } = i, { visible: J = !0 } = i, { closePopover: z = void 0 } = i, { audioInstance: K = null } = i, { audioPlaying: L = !1 } = i, { audioCurrentTime: Q = 0 } = i, { audioDuration: X = 0 } = i;
+  const pt = St();
+  let W, _ = { width: 0, height: 0 }, O = null, g = a;
+  function mt(o, { duration: n = 400, easing: v = G, x: w = 0, y: U = 0 }) {
     return {
-      duration: p,
-      css: (M, d) => `
+      duration: n,
+      css: (M, c) => `
           opacity: ${M};
-          transform: translate(${d * O}px, ${d * V}px);
+          transform: translate(${c * w}px, ${c * U}px);
         `
     };
   }
   const B = () => {
-    if (!u.screenPosition || !y || !f)
-      return n;
-    const e = (m == null ? void 0 : m.autoPlacementBaseSpace) || {
+    if (!m.screenPosition || !C || !s)
+      return a;
+    const o = (u == null ? void 0 : u.autoPlacementBaseSpace) || {
       top: 0.2,
       // 顶部区域占比20%
       bottom: 0.2,
       // 底部区域占比20%
       right: 0.15
       // 右侧区域占比15%
-    }, p = f.clientWidth, T = f.clientHeight, O = T * e.top, V = T * (1 - e.bottom), M = p * (1 - e.right), d = u.screenPosition.leftPx, k = u.screenPosition.topPx, P = v.width || 280, j = v.height || 200;
-    return k <= O ? d <= M ? d + P <= p && k + j <= T ? "right-top" : "bottom-left" : d - P >= 0 && k + j <= T ? "left-top" : "bottom-right" : k >= V ? d <= M ? d + P <= p && k - j >= 0 ? "right-bottom" : "top-left" : d - P >= 0 && k - j >= 0 ? "left-bottom" : "top-right" : d <= M ? d + P <= p ? "right-top" : "left-top" : d - P >= 0 ? "left-top" : "right-top";
-  }, ot = (e, p) => {
-    switch (e) {
+    }, n = s.clientWidth, v = s.clientHeight, w = v * o.top, U = v * (1 - o.bottom), M = n * (1 - o.right), c = m.screenPosition.leftPx, T = m.screenPosition.topPx, j = _.width || 280, F = _.height || 200;
+    return T <= w ? c <= M ? c + j <= n && T + F <= v ? "right-top" : "bottom-left" : c - j >= 0 && T + F <= v ? "left-top" : "bottom-right" : T >= U ? c <= M ? c + j <= n && T - F >= 0 ? "right-bottom" : "top-left" : c - j >= 0 && T - F >= 0 ? "left-bottom" : "top-right" : c <= M ? c + j <= n ? "right-top" : "left-top" : c - j >= 0 ? "left-top" : "right-top";
+  }, ft = (o, n) => {
+    if (!o)
+      return null;
+    const v = 8, w = $({}, 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;
+  }, st = (o, n) => {
+    switch (o) {
       case "top":
       case "top-left":
       case "top-right":
         return {
-          x: p.left + p.width / 2,
-          y: p.top
+          x: n.left + n.width / 2,
+          y: n.top
         };
       case "bottom":
       case "bottom-left":
       case "bottom-right":
         return {
-          x: p.left + p.width / 2,
-          y: p.top + p.height
+          x: n.left + n.width / 2,
+          y: n.top + n.height
         };
       case "left":
       case "left-top":
       case "left-bottom":
         return {
-          x: p.left,
-          y: p.top + p.height / 2
+          x: n.left,
+          y: n.top + n.height / 2
         };
       case "right":
       case "right-top":
       case "right-bottom":
         return {
-          x: p.left + p.width,
-          y: p.top + p.height / 2
+          x: n.left + n.width,
+          y: n.top + n.height / 2
         };
       default:
         return {
-          x: p.left + p.width / 2,
-          y: p.top
+          x: n.left + n.width / 2,
+          y: n.top
         };
     }
-  }, rt = (e) => {
-    N(), s && s.emit("click", {
-      event: e.detail.event,
+  }, ht = (o) => {
+    N(), E && E.emit("click", {
+      event: o.detail.event,
       target: "TagPopoverViewMore",
-      tag: u
+      tag: m
     });
-  }, it = (e) => {
-    N(), s && s.emit("click", {
-      event: e.detail.event,
+  }, dt = (o) => {
+    N(), E && E.emit("click", {
+      event: o.detail.event,
       target: "TagPopoverShare",
-      tag: u
+      tag: m
     });
-  }, nt = (e) => {
-    o(24, v = e.detail), v.width > 0 && v.height > 0 && o(4, g = B());
-  }, pt = (e) => {
-    N(), e.stopPropagation(), s.emit("click", { event: e, target: "TagPopoverContent", tag: u });
+  }, ct = (o) => {
+    e(29, _ = o.detail), _.width > 0 && _.height > 0 && e(8, g = B());
+  }, gt = (o) => {
+    p || N(), o.stopPropagation(), E.emit("click", { event: o, target: "TagPopoverContent", tag: m });
   };
-  let b = null, J = !1;
-  function K() {
-    z && b && b.parentNode !== z && z.appendChild(b);
+  let b = null, Y = !1;
+  function Z() {
+    I && b && b.parentNode !== I && I.appendChild(b);
   }
-  wt(() => {
-    (!f || f === document.body) && console.warn("TagPopover 组件警告：禁止使用 document.body 作为 wrapperElement，请传入自定义容器元素。"), J = !0, K(), f && f !== document.body && o(20, f.style.overflow = "hidden", f);
-  }), _t(() => {
-    J && K();
-  }), yt(() => {
-    b && b.parentNode && b.parentNode.removeChild(b), f && f !== document.body && o(20, f.style.overflow = "", f);
+  At(() => {
+    (!s || s === document.body) && console.warn("TagPopover 组件警告：禁止使用 document.body 作为 wrapperElement，请传入自定义容器元素。"), Y = !0, Z(), s && s !== document.body && e(25, s.style.overflow = "hidden", s);
+  }), zt(() => {
+    Y && Z();
+  }), Bt(() => {
+    b && b.parentNode && b.parentNode.removeChild(b), s && s !== document.body && e(25, s.style.overflow = "", s);
   });
   function N() {
-    typeof A == "function" && A(), tt("close");
+    typeof z == "function" && z(), pt("close");
   }
-  function lt(e) {
-    X.call(this, t, e);
+  function bt(o) {
+    it.call(this, t, o);
   }
-  function mt(e) {
-    X.call(this, t, e);
+  function vt(o) {
+    it.call(this, t, o);
   }
-  function at(e) {
-    Y[e ? "unshift" : "push"](() => {
-      W = e, o(5, W);
+  function wt(o) {
+    rt[o ? "unshift" : "push"](() => {
+      W = o, e(9, W);
     });
   }
-  function st(e) {
-    Y[e ? "unshift" : "push"](() => {
-      b = e, o(6, b);
+  function _t(o) {
+    rt[o ? "unshift" : "push"](() => {
+      b = o, e(10, b);
     });
   }
-  return t.$$set = (e) => {
-    "tag" in e && o(0, u = e.tag), "config" in e && o(1, m = e.config), "triggerElement" in e && o(21, y = e.triggerElement), "wrapperElement" in e && o(20, f = e.wrapperElement), "popoverContainer" in e && o(22, z = e.popoverContainer), "theme" in e && o(2, D = e.theme), "visible" in e && o(3, U = e.visible), "closePopover" in e && o(23, A = e.closePopover);
+  return t.$$set = (o) => {
+    "tag" in o && e(0, m = o.tag), "config" in o && e(1, u = o.config), "triggerElement" in o && e(26, C = o.triggerElement), "wrapperElement" in o && e(25, s = o.wrapperElement), "popoverContainer" in o && e(27, I = o.popoverContainer), "theme" in o && e(2, A = o.theme), "visible" in o && e(3, J = o.visible), "closePopover" in o && e(28, z = o.closePopover), "audioInstance" in o && e(4, K = o.audioInstance), "audioPlaying" in o && e(5, L = o.audioPlaying), "audioCurrentTime" in o && e(6, Q = o.audioCurrentTime), "audioDuration" in o && e(7, X = o.audioDuration);
   }, t.$$.update = () => {
     if (t.$$.dirty[0] & /*theme, tag*/
-    5 && o(13, i = (() => Z(D) ? D : Z(u.data.theme) && ["light", "dark"].includes(u.data.theme) ? u.data.theme : u.contentType === "Marketing" ? "light" : "dark")()), t.$$.dirty[0] & /*config*/
-    2 && o(27, n = (m == null ? void 0 : m.placement) || "right-top"), t.$$.dirty[0] & /*config*/
-    2 && o(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 && (n === "auto" ? o(4, g = B()) : o(4, g = n)), t.$$.dirty[0] & /*config*/
-    2 && o(10, _ = (m == null ? void 0 : m.transitionDuration) || 350), t.$$.dirty[0] & /*tag, triggerElement*/
-    2097153 && u.screenPosition && y && o(4, g = B()), t.$$.dirty[0] & /*popoverContentElementRect*/
-    16777216 && v.width > 0 && v.height > 0 && o(4, g = B()), t.$$.dirty[0] & /*tag, adjustedPlacement, triggerElement*/
-    2097169 && u.screenPosition && g && y) {
-      const e = y.getBoundingClientRect();
-      e.width > 0 && e.height > 0 && o(25, I = ot(g, e));
+    5 && e(18, r = (() => nt(A) ? A : nt(m.data.theme) && ["light", "dark"].includes(m.data.theme) ? m.data.theme : m.contentType === "Marketing" ? "light" : "dark")()), t.$$.dirty[0] & /*config*/
+    2 && e(32, a = (u == null ? void 0 : u.placement) || "right-top"), t.$$.dirty[0] & /*config*/
+    2 && e(16, h = (() => typeof (u == null ? void 0 : u.toolbar) == "boolean" ? u.toolbar ? { showMore: !0, showShare: !0 } : { showMore: !1, showShare: !1 } : (u == null ? void 0 : u.toolbar) || { showMore: !0, showShare: !0 })()), t.$$.dirty[1] & /*placement*/
+    2 && (a === "auto" ? e(8, g = B()) : e(8, g = a)), t.$$.dirty[0] & /*config*/
+    2 && e(15, P = (u == null ? void 0 : u.transitionDuration) || 350), t.$$.dirty[0] & /*tag, triggerElement*/
+    67108865 && m.screenPosition && C && e(8, g = B()), t.$$.dirty[0] & /*popoverContentElementRect*/
+    536870912 && _.width > 0 && _.height > 0 && e(8, g = B()), t.$$.dirty[0] & /*tag, adjustedPlacement, triggerElement*/
+    67109121 && m.screenPosition && g && C) {
+      const o = C.getBoundingClientRect();
+      e(30, O = st(g, o));
     }
-    t.$$.dirty[0] & /*anchorPosition*/
-    33554432 && o(9, E = I), t.$$.dirty[0] & /*arrow*/
-    67108864 && o(8, c = typeof a == "boolean" ? a : !0), t.$$.dirty[0] & /*adjustedPlacement*/
-    16 && o(7, l = (() => {
+    t.$$.dirty[0] & /*anchorPosition, adjustedPlacement*/
+    1073742080 && e(14, D = ft(O, g)), t.$$.dirty[1] & /*arrow*/
+    1 && e(13, d = typeof f == "boolean" ? f : !0), t.$$.dirty[0] & /*adjustedPlacement*/
+    256 && e(12, l = (() => {
       switch (g) {
         case "top":
         case "top-left":
@@ -464,65 +520,75 @@ function Bt(t, r, o) {
         default:
           return "bottom";
       }
-    })());
-  }, o(26, a = !0), o(12, w = 1060), [
-    u,
+    })()), t.$$.dirty[0] & /*tag*/
+    1 && e(11, p = m.contentType === "Audio" && m.data.appearance === "plane");
+  }, e(31, f = !0), e(17, y = 1060), [
     m,
-    D,
-    U,
+    u,
+    A,
+    J,
+    K,
+    L,
+    Q,
+    X,
     g,
     W,
     b,
+    p,
     l,
-    c,
-    E,
-    _,
+    d,
+    D,
+    P,
     h,
-    w,
-    i,
-    et,
-    rt,
-    it,
-    nt,
-    pt,
-    N,
-    f,
     y,
-    z,
-    A,
-    v,
+    r,
+    mt,
+    ht,
+    dt,
+    ct,
+    gt,
+    N,
+    s,
+    C,
     I,
+    z,
+    _,
+    O,
+    f,
     a,
-    n,
-    lt,
-    mt,
-    at,
-    st
+    bt,
+    vt,
+    wt,
+    _t
   ];
 }
-class eo extends ft {
-  constructor(r) {
-    super(), ut(
+class yo extends Tt {
+  constructor(i) {
+    super(), jt(
       this,
-      r,
-      Bt,
-      At,
-      ht,
+      i,
+      Kt,
+      Jt,
+      kt,
       {
         tag: 0,
         config: 1,
-        triggerElement: 21,
-        wrapperElement: 20,
-        popoverContainer: 22,
+        triggerElement: 26,
+        wrapperElement: 25,
+        popoverContainer: 27,
         theme: 2,
         visible: 3,
-        closePopover: 23
+        closePopover: 28,
+        audioInstance: 4,
+        audioPlaying: 5,
+        audioCurrentTime: 6,
+        audioDuration: 7
       },
-      Dt,
+      Gt,
       [-1, -1]
     );
   }
 }
 export {
-  eo as default
+  yo as default
 };