@realsee/dnalogel 3.65.6 → 3.66.0-alpha.10

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

@@ -0,0 +1,523 @@
+var wt = Object.defineProperty;
+var G = Object.getOwnPropertySymbols;
+var vt = Object.prototype.hasOwnProperty, _t = 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 = {}))
+    vt.call(o, e) && J(t, e, o[e]);
+  if (G)
+    for (var e of G(o))
+      _t.call(o, e) && J(t, e, o[e]);
+  return t;
+};
+var Q = (t, o, e) => new Promise((r, n) => {
+  var a = (g) => {
+    try {
+      l(e.next(g));
+    } catch (_) {
+      n(_);
+    }
+  }, v = (g) => {
+    try {
+      l(e.throw(g));
+    } catch (_) {
+      n(_);
+    }
+  }, l = (g) => g.done ? r(g.value) : Promise.resolve(g.value).then(a, v);
+  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 L, transition_out as F, check_outros as Et, detach as tt, getContext as St, onMount as At, element as U, create_component as Mt, attr as A, set_style as E, append as zt, mount_component as Bt, listen as W, add_render_callback as Dt, create_bidirectional_transition as X, destroy_component as Lt, run_all as jt, 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 "../../../../shared-utils/tag.js";
+import "three";
+import "../../../../vendor/hammerjs/hammer.js";
+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 "../../../../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 "../../../../shared-utils/positionToVector3.js";
+import "../../../../shared-utils/five/vector3ToScreen.js";
+import "../../../../shared-utils/five/getFiveModel.js";
+import "../../../../shared-utils/Utils/FiveUtil.js";
+import "../../../../shared-utils/Utils/BaseUtil.js";
+import "../../../../shared-utils/Subscribe.js";
+import "../../../../shared-utils/Utils/WorkUtil.js";
+import "../../../../shared-utils/five/transformPosition.js";
+import "../../../../shared-utils/three/temp.js";
+import "../../../../shared-utils/three/core/Raycaster.js";
+import "../../../../shared-utils/dom/resizeObserver.js";
+import "../../../../shared-utils/five/fiveEveryReadyListener.js";
+import "../../../../shared-utils/throttle.js";
+import "../../../../shared-utils/five/fiveModelLoad.js";
+import "../../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../../../../shared-utils/three/Magnifier.js";
+import "../../../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../../../../shared-utils/three/Assets/index.js";
+import "../../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../../shared-utils/even.js";
+import "../../../../shared-utils/CSS3DRender/OpacityMesh.js";
+import "../../../../shared-utils/three/centerPoint.js";
+import "../../../../shared-utils/three/getObjectVisible.js";
+import "../../../../shared-utils/three/PointSelector/utils/html.js";
+import "../../../../shared-utils/CSS3DRender/index.js";
+import "../../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../../../../shared-utils/createResizeObserver.js";
+import "../../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../../../../Sculpt/Meshes/Line.js";
+import "../../../../Sculpt/typings/style.js";
+import "../../../../shared-utils/three/IObject3D.js";
+import "../../../../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../../../../shared-utils/three/applyObjectMatrixWorld.js";
+import "../../../../shared-utils/util.js";
+import "../../../../shared-utils/three/core/LineGeometry.js";
+import "../../../../shared-utils/three/core/LineMaterial.js";
+import "../../../../shared-utils/three/core/Line2.js";
+import "../../../../shared-utils/three/core/LineMaterial2.js";
+import "../../../../Sculpt/utils/unit.js";
+import "../../../../Sculpt/utils/renderDom.js";
+import "../../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../../../../shared-utils/isTouchDevice.js";
+import "../../../../shared-utils/five/getPosition.js";
+import "../../../../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../../../../shared-utils/three/PointSelector/utils/contents.js";
+import "../../../../Sculpt/utils/three/rayOnLine.js";
+import "../../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "@realsee/five";
+import "./TagPopoverArrow.js";
+import "./TagPopup.js";
+import "../VideoIcon.js";
+import "./PanoramaIcon.js";
+import "./TagPopoverToolBar.js";
+import "./ArrowRightIcon.js";
+import "./ShareIcon.js";
+function Ot(t) {
+  Ct(t, "svelte-121vfld", ".tag-popover.svelte-121vfld{position:absolute;z-index:1031;pointer-events:auto;width:auto;height:auto;padding:0;margin:0;visibility:visible;opacity:1}.tag-popover-content.svelte-121vfld{cursor:pointer;pointer-events:auto}");
+}
+function x(t) {
+  let o, e, r, n, a, v, l, g, _;
+  return r = new Nt({
+    props: {
+      showArrow: (
+        /*showArrow*/
+        t[6]
+      ),
+      arrowDirection: (
+        /*arrowDirection*/
+        t[5]
+      ),
+      effectiveTheme: (
+        /*effectiveTheme*/
+        t[11]
+      ),
+      adjustedPlacement: (
+        /*adjustedPlacement*/
+        t[3]
+      ),
+      tag: (
+        /*tag*/
+        t[0]
+      ),
+      config: (
+        /*config*/
+        t[1]
+      ),
+      theme: (
+        /*theme*/
+        t[2]
+      ),
+      toolbar: (
+        /*toolbar*/
+        t[9]
+      )
+    }
+  }), r.$on(
+    "viewMore",
+    /*handleViewMore*/
+    t[13]
+  ), r.$on(
+    "share",
+    /*handleShare*/
+    t[14]
+  ), r.$on(
+    "resize",
+    /*handleContentResize*/
+    t[15]
+  ), {
+    c() {
+      o = U("div"), e = U("div"), Mt(r.$$.fragment), A(e, "class", "tag-popover-content svelte-121vfld"), A(o, "class", a = "tag-popover tag-popover-" + /*effectiveTheme*/
+      t[11] + " tag-popover-" + /*adjustedPlacement*/
+      t[3] + " svelte-121vfld"), A(o, "data-tag-id", v = /*tag*/
+      t[0].id), E(
+        o,
+        "z-index",
+        /*zIndex*/
+        t[10]
+      ), E(
+        o,
+        "left",
+        /*finalPosition*/
+        t[7].x + "px"
+      ), E(
+        o,
+        "top",
+        /*finalPosition*/
+        t[7].y + "px"
+      );
+    },
+    m(d, m) {
+      $(d, o, m), zt(o, e), Bt(r, e, null), t[25](e), l = !0, g || (_ = [
+        W(
+          e,
+          "mouseenter",
+          /*mouseenter_handler*/
+          t[23]
+        ),
+        W(
+          e,
+          "mouseleave",
+          /*mouseleave_handler*/
+          t[24]
+        ),
+        W(
+          e,
+          "click",
+          /*handleClick*/
+          t[16]
+        )
+      ], g = !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]), r.$set(f), (!l || m & /*effectiveTheme, adjustedPlacement*/
+      2056 && a !== (a = "tag-popover tag-popover-" + /*effectiveTheme*/
+      t[11] + " tag-popover-" + /*adjustedPlacement*/
+      t[3] + " svelte-121vfld")) && A(o, "class", a), (!l || m & /*tag*/
+      1 && v !== (v = /*tag*/
+      t[0].id)) && A(o, "data-tag-id", v), (!l || m & /*zIndex*/
+      1024) && E(
+        o,
+        "z-index",
+        /*zIndex*/
+        t[10]
+      ), (!l || m & /*finalPosition*/
+      128) && E(
+        o,
+        "left",
+        /*finalPosition*/
+        t[7].x + "px"
+      ), (!l || m & /*finalPosition*/
+      128) && E(
+        o,
+        "top",
+        /*finalPosition*/
+        t[7].y + "px"
+      );
+    },
+    i(d) {
+      l || (L(r.$$.fragment, d), Dt(() => {
+        l && (n || (n = X(
+          e,
+          /*fadeAndFly*/
+          t[12],
+          {
+            duration: (
+              /*transitionDuration*/
+              t[8]
+            ),
+            easing: N,
+            y: (
+              /*arrowDirection*/
+              t[5] === "top" ? -8 : (
+                /*arrowDirection*/
+                t[5] === "bottom" ? 8 : 0
+              )
+            ),
+            x: (
+              /*arrowDirection*/
+              t[5] === "left" ? -8 : (
+                /*arrowDirection*/
+                t[5] === "right" ? 8 : 0
+              )
+            )
+          },
+          !0
+        )), n.run(1));
+      }), l = !0);
+    },
+    o(d) {
+      F(r.$$.fragment, d), n || (n = X(
+        e,
+        /*fadeAndFly*/
+        t[12],
+        {
+          duration: (
+            /*transitionDuration*/
+            t[8]
+          ),
+          easing: N,
+          y: (
+            /*arrowDirection*/
+            t[5] === "top" ? -8 : (
+              /*arrowDirection*/
+              t[5] === "bottom" ? 8 : 0
+            )
+          ),
+          x: (
+            /*arrowDirection*/
+            t[5] === "left" ? -8 : (
+              /*arrowDirection*/
+              t[5] === "right" ? 8 : 0
+            )
+          )
+        },
+        !1
+      )), n.run(0), l = !1;
+    },
+    d(d) {
+      d && tt(o), Lt(r), t[25](null), d && n && n.end(), g = !1, jt(_);
+    }
+  };
+}
+function Vt(t) {
+  let o, e, r = (
+    /*finalPosition*/
+    t[7] && x(t)
+  );
+  return {
+    c() {
+      r && r.c(), o = Tt();
+    },
+    m(n, a) {
+      r && r.m(n, a), $(n, o, a), e = !0;
+    },
+    p(n, [a]) {
+      /*finalPosition*/
+      n[7] ? r ? (r.p(n, a), a & /*finalPosition*/
+      128 && L(r, 1)) : (r = x(n), r.c(), L(r, 1), r.m(o.parentNode, o)) : r && (Ht(), F(r, 1, 1, () => {
+        r = null;
+      }), Et());
+    },
+    i(n) {
+      e || (L(r), e = !0);
+    },
+    o(n) {
+      F(r), e = !1;
+    },
+    d(n) {
+      r && r.d(n), n && tt(o);
+    }
+  };
+}
+function qt(t, o, e) {
+  let r, n, a, v, l, g, _, d, m;
+  const f = St("hooks");
+  let { tag: h } = o, { config: c = {} } = o, { triggerElement: P } = o, { wrapperElement: k = document.body } = o, { theme: M = void 0 } = o, S, w = { width: 0, height: 0 }, j = null, b = n;
+  function et(i, { duration: p = 400, easing: u = N, x: s = 0, y = 0 }) {
+    return {
+      duration: p,
+      css: (H, z) => `
+          opacity: ${H};
+          transform: translate(${z * s}px, ${z * y}px);
+        `
+    };
+  }
+  const C = () => {
+    if (!h.screenPosition || !P || !k)
+      return n;
+    const i = k.clientWidth, p = k.clientHeight, u = h.screenPosition.leftPx, s = h.screenPosition.topPx, y = u * s, H = u * (p - s), z = s * u, ht = s * (i - u), O = w.width || 280, V = w.height || 200, B = 16, ct = s, ut = p - s, gt = u, dt = i - u, q = ct >= V + B, I = ut >= V + B, D = gt >= O + B, R = dt >= O + B, bt = y > H, T = z > ht;
+    return bt ? q ? T && D ? "top-left" : "top-right" : T && D ? "left-top" : R ? "right-top" : I ? T ? "bottom-left" : "bottom-right" : "bottom" : I ? T && D ? "bottom-left" : "bottom-right" : T && D ? "left-bottom" : R ? "right-bottom" : q ? T ? "top-left" : "top-right" : "top";
+  }, ot = (i, p) => {
+    if (!i)
+      return null;
+    const u = 8, s = K({}, i);
+    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;
+  }, it = (i, p, u) => {
+    const s = p.left - u.left, y = p.top - u.top;
+    switch (i) {
+      case "top":
+      case "top-left":
+      case "top-right":
+        return {
+          x: s + p.width / 2,
+          y
+        };
+      case "bottom":
+      case "bottom-left":
+      case "bottom-right":
+        return {
+          x: s + p.width / 2,
+          y: y + p.height
+        };
+      case "left":
+      case "left-top":
+      case "left-bottom":
+        return {
+          x: s,
+          y: y + p.height / 2
+        };
+      case "right":
+      case "right-top":
+      case "right-bottom":
+        return {
+          x: s + p.width,
+          y: y + p.height / 2
+        };
+      default:
+        return {
+          x: s + p.width / 2,
+          y
+        };
+    }
+  }, rt = (i) => {
+    f && f.emit("click", {
+      event: i.detail.event,
+      target: "TagPopoverViewMore",
+      tag: h
+    });
+  }, nt = (i) => {
+    f && f.emit("click", {
+      event: i.detail.event,
+      target: "TagPopoverShare",
+      tag: h
+    });
+  }, pt = () => {
+    if (S) {
+      const i = S.getBoundingClientRect();
+      e(19, w = { width: i.width, height: i.height }), w.width > 0 && w.height > 0 && e(3, b = C());
+    }
+  }, st = (i) => {
+    e(19, w = i.detail), w.width > 0 && w.height > 0 && e(3, b = C());
+  }, mt = (i) => {
+    i.stopPropagation(), f.emit("click", { event: i, target: "TagPopoverContent", tag: h });
+  };
+  At(() => Q(this, null, function* () {
+    yield Wt(), pt(), h.screenPosition && P && e(3, b = C());
+  }));
+  function at(i) {
+    Y.call(this, t, i);
+  }
+  function lt(i) {
+    Y.call(this, t, i);
+  }
+  function ft(i) {
+    Ft[i ? "unshift" : "push"](() => {
+      S = i, e(4, S);
+    });
+  }
+  return t.$$set = (i) => {
+    "tag" in i && e(0, h = i.tag), "config" in i && e(1, c = i.config), "triggerElement" in i && e(17, P = i.triggerElement), "wrapperElement" in i && e(18, k = i.wrapperElement), "theme" in i && e(2, M = i.theme);
+  }, t.$$.update = () => {
+    if (t.$$.dirty & /*theme, tag*/
+    5 && e(11, r = (() => Z(M) ? M : 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 i = P.getBoundingClientRect(), p = k.getBoundingClientRect();
+      e(20, j = it(b, i, p));
+    }
+    t.$$.dirty & /*anchorPosition, adjustedPlacement*/
+    1048584 && e(7, _ = ot(j, b)), t.$$.dirty & /*arrow*/
+    2097152 && e(6, d = typeof a == "boolean" ? a : !0), t.$$.dirty & /*adjustedPlacement*/
+    8 && e(5, m = (() => {
+      switch (b) {
+        case "top":
+        case "top-left":
+        case "top-right":
+          return "bottom";
+        case "bottom":
+        case "bottom-left":
+        case "bottom-right":
+          return "top";
+        case "left":
+        case "left-top":
+        case "left-bottom":
+          return "right";
+        case "right":
+        case "right-top":
+        case "right-bottom":
+          return "left";
+        default:
+          return "bottom";
+      }
+    })());
+  }, e(21, a = !0), e(10, v = 1060), [
+    h,
+    c,
+    M,
+    b,
+    S,
+    m,
+    d,
+    _,
+    g,
+    l,
+    v,
+    r,
+    et,
+    rt,
+    nt,
+    st,
+    mt,
+    P,
+    k,
+    w,
+    j,
+    a,
+    n,
+    at,
+    lt,
+    ft
+  ];
+}
+class ao extends yt {
+  constructor(o) {
+    super(), Pt(
+      this,
+      o,
+      qt,
+      Vt,
+      kt,
+      {
+        tag: 0,
+        config: 1,
+        triggerElement: 17,
+        wrapperElement: 18,
+        theme: 2
+      },
+      Ot
+    );
+  }
+}
+export {
+  ao as default
+};

package/libs/PanoTagPlugin/Components/Common/TagPopover/index.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

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

@@ -0,0 +1,114 @@
+import { SvelteComponent as C, init as m, safe_not_equal as w, append_styles as z, element as _, svg_element as a, attr as e, set_style as u, insert as y, append as d, noop as b, detach as G } from "../../../vendor/svelte/internal/index.js";
+function k(l) {
+  z(l, "svelte-1d6rvbz", ".icon-container.svelte-1d6rvbz{width:3.25rem;height:3.25rem;background-color:var(--bg-color);border-radius:100%;display:flex;align-items:center;justify-content:center;z-index:2}");
+}
+function L(l) {
+  let t, o, g, n, c, i, s, h, v, p;
+  return {
+    c() {
+      t = _("div"), o = a("svg"), g = a("defs"), n = a("linearGradient"), c = a("stop"), i = a("stop"), s = a("linearGradient"), h = a("stop"), v = a("stop"), p = a("path"), e(
+        c,
+        "stop-color",
+        /*color*/
+        l[1]
+      ), e(c, "offset", "0%"), e(
+        i,
+        "stop-color",
+        /*color*/
+        l[1]
+      ), e(i, "stop-opacity", ".5"), e(i, "offset", "100%"), e(n, "x1", "53.2804066%"), e(n, "y1", "100%"), e(n, "x2", "64.4764442%"), e(n, "y2", "2.52981206%"), e(n, "id", "video-icon-gradient-a"), e(
+        h,
+        "stop-color",
+        /*color*/
+        l[1]
+      ), e(h, "offset", "0%"), e(
+        v,
+        "stop-color",
+        /*color*/
+        l[1]
+      ), e(v, "stop-opacity", "0"), e(v, "offset", "100%"), e(s, "x1", "50%"), e(s, "y1", "-5.89066117%"), e(s, "x2", "60.3018289%"), e(s, "y2", "32.0415872%"), e(s, "id", "video-icon-gradient-b"), e(p, "d", "M8.0883645,5.35 C8.27319183,5.35 8.45426937,5.40368245 8.61098984,5.50477659 L20.4341152,13.1314044 C20.6662958,13.2811749 20.8173539,13.5140616 20.8743923,13.7691613 C20.9300733,14.0181899 20.8962437,14.2885953 20.7601668,14.5243865 L8.61098984,22.4950731 C8.38014238,22.6439836 8.11267156,22.6823641 7.86680489,22.6238045 C7.62023287,22.5650769 7.39563144,22.408984 7.25097187,22.1700998 C7.15226844,22.0071054 7.1,21.8187509 7.1,21.6265526 L7.1,6.37329702 C7.1,6.09035119 7.2108925,5.83405961 7.39059316,5.64859123 C7.56916841,5.46428435 7.81578724,5.35 8.0883645,5.35 Z"), e(p, "fill", "url(#video-icon-gradient-a)"), e(p, "fill-rule", "nonzero"), e(p, "stroke", "url(#video-icon-gradient-b)"), e(p, "stroke-width", ".2"), e(o, "xmlns", "http://www.w3.org/2000/svg"), e(o, "viewBox", "0 0 28 28"), e(
+        o,
+        "width",
+        /*size*/
+        l[0]
+      ), e(
+        o,
+        "height",
+        /*size*/
+        l[0]
+      ), e(t, "class", "icon-container svelte-1d6rvbz"), u(
+        t,
+        "--bg-color",
+        /*bgColor*/
+        l[2]
+      );
+    },
+    m(r, f) {
+      y(r, t, f), d(t, o), d(o, g), d(g, n), d(n, c), d(n, i), d(g, s), d(s, h), d(s, v), d(o, p);
+    },
+    p(r, [f]) {
+      f & /*color*/
+      2 && e(
+        c,
+        "stop-color",
+        /*color*/
+        r[1]
+      ), f & /*color*/
+      2 && e(
+        i,
+        "stop-color",
+        /*color*/
+        r[1]
+      ), f & /*color*/
+      2 && e(
+        h,
+        "stop-color",
+        /*color*/
+        r[1]
+      ), f & /*color*/
+      2 && e(
+        v,
+        "stop-color",
+        /*color*/
+        r[1]
+      ), f & /*size*/
+      1 && e(
+        o,
+        "width",
+        /*size*/
+        r[0]
+      ), f & /*size*/
+      1 && e(
+        o,
+        "height",
+        /*size*/
+        r[0]
+      ), f & /*bgColor*/
+      4 && u(
+        t,
+        "--bg-color",
+        /*bgColor*/
+        r[2]
+      );
+    },
+    i: b,
+    o: b,
+    d(r) {
+      r && G(t);
+    }
+  };
+}
+function j(l, t, o) {
+  let { size: g = "28" } = t, { color: n = "#ffffff" } = t, { bgColor: c = "#0000004d" } = t;
+  return l.$$set = (i) => {
+    "size" in i && o(0, g = i.size), "color" in i && o(1, n = i.color), "bgColor" in i && o(2, c = i.bgColor);
+  }, [g, n, c];
+}
+class B extends C {
+  constructor(t) {
+    super(), m(this, t, j, L, w, { size: 0, color: 1, bgColor: 2 }, k);
+  }
+}
+export {
+  B as default
+};

package/libs/PanoTagPlugin/Components/Common/VideoIcon.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';