@realsee/dnalogel 3.66.0-alpha.3 → 3.66.0-alpha.5

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

@@ -0,0 +1,522 @@
+import { SvelteComponent as ce, init as ue, safe_not_equal as he, append_styles as ge, create_slot as G, element as U, space as I, attr as m, insert as z, append as b, transition_in as P, transition_out as B, check_outros as ae, update_slot_base as H, get_all_dirty_from_scope as J, get_slot_changes as K, detach as D, createEventDispatcher as me, text as E, set_data as F, destroy_each as O, src_url_equal as Q, group_outros as re, create_component as ne, mount_component as se, destroy_component as pe } from "../../../../vendor/svelte/internal/index.js";
+import de from "../VideoIcon.js";
+import ve from "./PanoramaIcon.js";
+function _e(l) {
+  ge(l, "svelte-80fh24", '@charset "UTF-8";.tag-popup.svelte-80fh24.svelte-80fh24.svelte-80fh24{position:absolute;pointer-events:auto;padding:0.625rem;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;transform-origin:center}.tag-popup-top.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(-50%, -100%);left:50%}.tag-popup-bottom.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(-50%, 0);left:50%}.tag-popup-left.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(-100%, -50%);top:50%}.tag-popup-right.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(0, -50%);top:50%}.tag-popup-top-left.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(calc(2.625rem - 100%), -100%)}.tag-popup-top-right.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(-2.625rem, -100%)}.tag-popup-bottom-left.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(calc(2.625rem - 100%), 0)}.tag-popup-bottom-right.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(-2.625rem, 0)}.tag-popup-left-top.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(-100%, 0)}.tag-popup-left-bottom.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(-100%, -2.625rem)}.tag-popup-right-top.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(0, -2.625rem)}.tag-popup-right-bottom.svelte-80fh24.svelte-80fh24.svelte-80fh24{transform:translate(0, -2.625rem)}.tag-popup-content.svelte-80fh24.svelte-80fh24.svelte-80fh24{background:rgba(0, 0, 0, 0.7490196078);padding:1.25rem;border-radius:0.375rem;max-width:17.5rem;width:17.5rem;position:relative;pointer-events:auto}.light.svelte-80fh24.svelte-80fh24.svelte-80fh24{background:#ffffff}.tag-popup-title.svelte-80fh24.svelte-80fh24.svelte-80fh24{margin:0 0 0.5rem;font-size:1rem;font-weight:600;line-height:1.375rem;letter-spacing:0;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#ffffff}.light.svelte-80fh24 .tag-popup-title.svelte-80fh24.svelte-80fh24{color:rgba(0, 0, 0, 0.8509803922)}.tag-popup-description.svelte-80fh24.svelte-80fh24.svelte-80fh24{margin:0.5rem 0 0.5rem;font-size:0.875rem;font-weight:400;color:#ffffff;display:-webkit-box;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.light.svelte-80fh24 .tag-popup-description.svelte-80fh24.svelte-80fh24{color:rgba(0, 0, 0, 0.8509803922)}.tag-popup-tags.svelte-80fh24.svelte-80fh24.svelte-80fh24{display:flex;align-items:center;margin-bottom:0.5rem}.tag-popup-tags.svelte-80fh24 .tag-popup-tag.svelte-80fh24+.tag-popup-tag.svelte-80fh24{margin-left:0.25rem}.tag-popup-tag.svelte-80fh24.svelte-80fh24.svelte-80fh24{padding:0.125rem 0.25rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;font-size:0.75rem;line-height:1.125rem;letter-spacing:0;border-radius:0.125rem;max-width:7.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-popup-tag-primary.svelte-80fh24.svelte-80fh24.svelte-80fh24{color:#ffffff;background-image:linear-gradient(90deg, #ead09a 0%, #e0cca3 100%)}.light.svelte-80fh24 .tag-popup-tag-primary.svelte-80fh24.svelte-80fh24{color:#946700;background-image:linear-gradient(90deg, #ead09a 0%, #e0cca3 100%)}.tag-popup-tag-secondary.svelte-80fh24.svelte-80fh24.svelte-80fh24{color:#ffffff;background:rgba(255, 255, 255, 0.1490196078)}.light.svelte-80fh24 .tag-popup-tag-secondary.svelte-80fh24.svelte-80fh24{color:rgba(0, 0, 0, 0.5019607843);background:rgba(0, 0, 0, 0.0588235294)}.tag-popup-price.svelte-80fh24.svelte-80fh24.svelte-80fh24{font-family:DINAlternate-Bold;font-weight:700;font-size:1.25rem;color:#ae7900;letter-spacing:0;text-align:center;display:flex;justify-content:flex-start;align-items:center;width:100%}.tag-popup-media.svelte-80fh24.svelte-80fh24.svelte-80fh24{width:15rem;height:10rem;margin:0.75rem auto;overflow:hidden;border-radius:0.25rem;display:flex;align-items:center;justify-content:center;position:relative}.tag-popup-media.svelte-80fh24 img.svelte-80fh24.svelte-80fh24{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.tag-popup-media-type.svelte-80fh24.svelte-80fh24.svelte-80fh24{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}');
+}
+const be = (l) => ({}), W = (l) => ({}), ye = (l) => ({}), X = (l) => ({});
+function Y(l, t, e) {
+  const o = l.slice();
+  return o[1] = t[e], o;
+}
+function Z(l, t, e) {
+  const o = l.slice();
+  return o[1] = t[e], o;
+}
+function x(l) {
+  let t, e;
+  return {
+    c() {
+      t = U("h3"), e = E(
+        /*finalTitle*/
+        l[11]
+      ), m(t, "class", "tag-popup-title svelte-80fh24");
+    },
+    m(o, i) {
+      z(o, t, i), b(t, e);
+    },
+    p(o, i) {
+      i & /*finalTitle*/
+      2048 && F(
+        e,
+        /*finalTitle*/
+        o[11]
+      );
+    },
+    d(o) {
+      o && D(t);
+    }
+  };
+}
+function $(l) {
+  let t, e, o = (
+    /*primaryTags*/
+    l[3]
+  ), i = [];
+  for (let f = 0; f < o.length; f += 1)
+    i[f] = ee(Z(l, o, f));
+  let n = (
+    /*secondaryTags*/
+    l[6]
+  ), a = [];
+  for (let f = 0; f < n.length; f += 1)
+    a[f] = te(Y(l, n, f));
+  return {
+    c() {
+      t = U("div");
+      for (let f = 0; f < i.length; f += 1)
+        i[f].c();
+      e = I();
+      for (let f = 0; f < a.length; f += 1)
+        a[f].c();
+      m(t, "class", "tag-popup-tags svelte-80fh24");
+    },
+    m(f, d) {
+      z(f, t, d);
+      for (let r = 0; r < i.length; r += 1)
+        i[r] && i[r].m(t, null);
+      b(t, e);
+      for (let r = 0; r < a.length; r += 1)
+        a[r] && a[r].m(t, null);
+    },
+    p(f, d) {
+      if (d & /*primaryTags*/
+      8) {
+        o = /*primaryTags*/
+        f[3];
+        let r;
+        for (r = 0; r < o.length; r += 1) {
+          const c = Z(f, o, r);
+          i[r] ? i[r].p(c, d) : (i[r] = ee(c), i[r].c(), i[r].m(t, e));
+        }
+        for (; r < i.length; r += 1)
+          i[r].d(1);
+        i.length = o.length;
+      }
+      if (d & /*secondaryTags*/
+      64) {
+        n = /*secondaryTags*/
+        f[6];
+        let r;
+        for (r = 0; r < n.length; r += 1) {
+          const c = Y(f, n, r);
+          a[r] ? a[r].p(c, d) : (a[r] = te(c), a[r].c(), a[r].m(t, null));
+        }
+        for (; r < a.length; r += 1)
+          a[r].d(1);
+        a.length = n.length;
+      }
+    },
+    d(f) {
+      f && D(t), O(i, f), O(a, f);
+    }
+  };
+}
+function ee(l) {
+  let t, e = (
+    /*tag*/
+    l[1] + ""
+  ), o;
+  return {
+    c() {
+      t = U("div"), o = E(e), m(t, "class", "tag-popup-tag tag-popup-tag-primary svelte-80fh24");
+    },
+    m(i, n) {
+      z(i, t, n), b(t, o);
+    },
+    p(i, n) {
+      n & /*primaryTags*/
+      8 && e !== (e = /*tag*/
+      i[1] + "") && F(o, e);
+    },
+    d(i) {
+      i && D(t);
+    }
+  };
+}
+function te(l) {
+  let t, e = (
+    /*tag*/
+    l[1] + ""
+  ), o;
+  return {
+    c() {
+      t = U("div"), o = E(e), m(t, "class", "tag-popup-tag tag-popup-tag-secondary svelte-80fh24");
+    },
+    m(i, n) {
+      z(i, t, n), b(t, o);
+    },
+    p(i, n) {
+      n & /*secondaryTags*/
+      64 && e !== (e = /*tag*/
+      i[1] + "") && F(o, e);
+    },
+    d(i) {
+      i && D(t);
+    }
+  };
+}
+function le(l) {
+  let t, e, o, i, n, a, f, d;
+  const r = [we, ke], c = [];
+  function k(p, h) {
+    return (
+      /*isVideoMedia*/
+      p[8] ? 0 : (
+        /*isPanoramaMedia*/
+        p[7] ? 1 : -1
+      )
+    );
+  }
+  return ~(a = k(l)) && (f = c[a] = r[a](l)), {
+    c() {
+      t = U("div"), e = U("img"), n = I(), f && f.c(), Q(e.src, o = /*mediaUrl*/
+      l[9]) || m(e, "src", o), m(e, "alt", i = /*finalTitle*/
+      l[11] || ""), m(e, "class", "svelte-80fh24"), m(t, "class", "tag-popup-media svelte-80fh24");
+    },
+    m(p, h) {
+      z(p, t, h), b(t, e), b(t, n), ~a && c[a].m(t, null), d = !0;
+    },
+    p(p, h) {
+      (!d || h & /*mediaUrl*/
+      512 && !Q(e.src, o = /*mediaUrl*/
+      p[9])) && m(e, "src", o), (!d || h & /*finalTitle*/
+      2048 && i !== (i = /*finalTitle*/
+      p[11] || "")) && m(e, "alt", i);
+      let u = a;
+      a = k(p), a !== u && (f && (re(), B(c[u], 1, 1, () => {
+        c[u] = null;
+      }), ae()), ~a ? (f = c[a], f || (f = c[a] = r[a](p), f.c()), P(f, 1), f.m(t, null)) : f = null);
+    },
+    i(p) {
+      d || (P(f), d = !0);
+    },
+    o(p) {
+      B(f), d = !1;
+    },
+    d(p) {
+      p && D(t), ~a && c[a].d();
+    }
+  };
+}
+function ke(l) {
+  let t, e, o;
+  return e = new ve({}), {
+    c() {
+      t = U("div"), ne(e.$$.fragment), m(t, "class", "tag-popup-media-type svelte-80fh24");
+    },
+    m(i, n) {
+      z(i, t, n), se(e, t, null), o = !0;
+    },
+    i(i) {
+      o || (P(e.$$.fragment, i), o = !0);
+    },
+    o(i) {
+      B(e.$$.fragment, i), o = !1;
+    },
+    d(i) {
+      i && D(t), pe(e);
+    }
+  };
+}
+function we(l) {
+  let t, e, o;
+  return e = new de({}), {
+    c() {
+      t = U("div"), ne(e.$$.fragment), m(t, "class", "tag-popup-media-type svelte-80fh24");
+    },
+    m(i, n) {
+      z(i, t, n), se(e, t, null), o = !0;
+    },
+    i(i) {
+      o || (P(e.$$.fragment, i), o = !0);
+    },
+    o(i) {
+      B(e.$$.fragment, i), o = !1;
+    },
+    d(i) {
+      i && D(t), pe(e);
+    }
+  };
+}
+function ie(l) {
+  let t, e;
+  return {
+    c() {
+      t = U("div"), e = E(
+        /*finalDescription*/
+        l[10]
+      ), m(t, "class", "tag-popup-description svelte-80fh24");
+    },
+    m(o, i) {
+      z(o, t, i), b(t, e);
+    },
+    p(o, i) {
+      i & /*finalDescription*/
+      1024 && F(
+        e,
+        /*finalDescription*/
+        o[10]
+      );
+    },
+    d(o) {
+      o && D(t);
+    }
+  };
+}
+function oe(l) {
+  let t, e, o, i, n = (
+    /*marketingPriceUnit*/
+    l[4] && fe(l)
+  );
+  return {
+    c() {
+      t = U("div"), n && n.c(), e = I(), o = U("span"), i = E(
+        /*marketingPrice*/
+        l[5]
+      ), m(o, "class", "tag-popup-price-value"), m(t, "class", "tag-popup-price svelte-80fh24");
+    },
+    m(a, f) {
+      z(a, t, f), n && n.m(t, null), b(t, e), b(t, o), b(o, i);
+    },
+    p(a, f) {
+      /*marketingPriceUnit*/
+      a[4] ? n ? n.p(a, f) : (n = fe(a), n.c(), n.m(t, e)) : n && (n.d(1), n = null), f & /*marketingPrice*/
+      32 && F(
+        i,
+        /*marketingPrice*/
+        a[5]
+      );
+    },
+    d(a) {
+      a && D(t), n && n.d();
+    }
+  };
+}
+function fe(l) {
+  let t, e;
+  return {
+    c() {
+      t = U("span"), e = E(
+        /*marketingPriceUnit*/
+        l[4]
+      ), m(t, "class", "tag-popup-price-unit");
+    },
+    m(o, i) {
+      z(o, t, i), b(t, e);
+    },
+    p(o, i) {
+      i & /*marketingPriceUnit*/
+      16 && F(
+        e,
+        /*marketingPriceUnit*/
+        o[4]
+      );
+    },
+    d(o) {
+      o && D(t);
+    }
+  };
+}
+function Te(l) {
+  let t, e, o, i, n, a, f, d, r, c, k, p = (
+    /*finalTitle*/
+    l[11] && x(l)
+  ), h = (
+    /*isMarketingTag*/
+    l[2] && /*primaryTags*/
+    (l[3].length > 0 || /*secondaryTags*/
+    l[6].length > 0) && $(l)
+  ), u = (
+    /*mediaUrl*/
+    l[9] && le(l)
+  ), v = (
+    /*finalDescription*/
+    l[10] && ie(l)
+  ), _ = (
+    /*marketingPrice*/
+    l[5] && oe(l)
+  );
+  const C = (
+    /*#slots*/
+    l[23].toolbar
+  ), w = G(
+    C,
+    l,
+    /*$$scope*/
+    l[22],
+    X
+  ), q = (
+    /*#slots*/
+    l[23].arrow
+  ), T = G(
+    q,
+    l,
+    /*$$scope*/
+    l[22],
+    W
+  );
+  return {
+    c() {
+      t = U("div"), e = U("div"), p && p.c(), o = I(), h && h.c(), i = I(), u && u.c(), n = I(), v && v.c(), a = I(), _ && _.c(), f = I(), w && w.c(), d = I(), T && T.c(), m(e, "class", r = "tag-popup-content " + /*effectiveTheme*/
+      l[12] + " svelte-80fh24"), m(t, "class", c = "tag-popup tag-popup-" + /*placement*/
+      l[0] + " svelte-80fh24");
+    },
+    m(s, y) {
+      z(s, t, y), b(t, e), p && p.m(e, null), b(e, o), h && h.m(e, null), b(e, i), u && u.m(e, null), b(e, n), v && v.m(e, null), b(e, a), _ && _.m(e, null), b(e, f), w && w.m(e, null), b(e, d), T && T.m(e, null), k = !0;
+    },
+    p(s, [y]) {
+      /*finalTitle*/
+      s[11] ? p ? p.p(s, y) : (p = x(s), p.c(), p.m(e, o)) : p && (p.d(1), p = null), /*isMarketingTag*/
+      s[2] && /*primaryTags*/
+      (s[3].length > 0 || /*secondaryTags*/
+      s[6].length > 0) ? h ? h.p(s, y) : (h = $(s), h.c(), h.m(e, i)) : h && (h.d(1), h = null), /*mediaUrl*/
+      s[9] ? u ? (u.p(s, y), y & /*mediaUrl*/
+      512 && P(u, 1)) : (u = le(s), u.c(), P(u, 1), u.m(e, n)) : u && (re(), B(u, 1, 1, () => {
+        u = null;
+      }), ae()), /*finalDescription*/
+      s[10] ? v ? v.p(s, y) : (v = ie(s), v.c(), v.m(e, a)) : v && (v.d(1), v = null), /*marketingPrice*/
+      s[5] ? _ ? _.p(s, y) : (_ = oe(s), _.c(), _.m(e, f)) : _ && (_.d(1), _ = null), w && w.p && (!k || y & /*$$scope*/
+      4194304) && H(
+        w,
+        C,
+        s,
+        /*$$scope*/
+        s[22],
+        k ? K(
+          C,
+          /*$$scope*/
+          s[22],
+          y,
+          ye
+        ) : J(
+          /*$$scope*/
+          s[22]
+        ),
+        X
+      ), T && T.p && (!k || y & /*$$scope*/
+      4194304) && H(
+        T,
+        q,
+        s,
+        /*$$scope*/
+        s[22],
+        k ? K(
+          q,
+          /*$$scope*/
+          s[22],
+          y,
+          be
+        ) : J(
+          /*$$scope*/
+          s[22]
+        ),
+        W
+      ), (!k || y & /*effectiveTheme*/
+      4096 && r !== (r = "tag-popup-content " + /*effectiveTheme*/
+      s[12] + " svelte-80fh24")) && m(e, "class", r), (!k || y & /*placement*/
+      1 && c !== (c = "tag-popup tag-popup-" + /*placement*/
+      s[0] + " svelte-80fh24")) && m(t, "class", c);
+    },
+    i(s) {
+      k || (P(u), P(w, s), P(T, s), k = !0);
+    },
+    o(s) {
+      B(u), B(w, s), B(T, s), k = !1;
+    },
+    d(s) {
+      s && D(t), p && p.d(), h && h.d(), u && u.d(), v && v.d(), _ && _.d(), w && w.d(s), T && T.d(s);
+    }
+  };
+}
+function Ue(l, t, e) {
+  let o, i, n, a, f, d, r, c, k, p, h, u, v, _, C, w, q, T, { $$slots: s = {}, $$scope: y } = t;
+  me();
+  let { tag: g } = t, { config: L = {} } = t, { theme: N = void 0 } = t, { placement: R = "right-top" } = t;
+  return l.$$set = (j) => {
+    "tag" in j && e(1, g = j.tag), "config" in j && e(13, L = j.config), "theme" in j && e(14, N = j.theme), "placement" in j && e(0, R = j.placement), "$$scope" in j && e(22, y = j.$$scope);
+  }, l.$$.update = () => {
+    var j, S;
+    l.$$.dirty & /*tag*/
+    2 && e(2, o = g.contentType === "Marketing"), l.$$.dirty & /*isMarketingTag*/
+    4 && e(21, i = o ? "light" : "dark"), l.$$.dirty & /*tag, theme, defaultTheme*/
+    2113538 && e(12, n = g.data.theme !== void 0 && g.data.theme !== null ? g.data.theme : N != null ? N : i), l.$$.dirty & /*tag*/
+    2 && e(20, a = g.data.title || g.data.name || ""), l.$$.dirty & /*tag*/
+    2 && e(19, f = g.data.description || g.data.tooltip || ""), l.$$.dirty & /*title*/
+    1048576 && e(11, d = a || ""), l.$$.dirty & /*description*/
+    524288 && e(10, r = f || ""), l.$$.dirty & /*isMarketingTag, tag*/
+    6 && e(18, c = (() => {
+      if (o)
+        return null;
+      if (g.data.mediaData && g.data.mediaData.length > 0) {
+        const V = g.data.mediaData[0];
+        if (V.type === "Video") {
+          if (V.videoCoverUrl)
+            return V.videoCoverUrl;
+          if (V.url) {
+            const M = V.url.toLowerCase();
+            if (M.includes("youtube.com") || M.includes("youtu.be")) {
+              const A = M.includes("youtube.com/watch?v=") ? M.split("watch?v=")[1].split("&")[0] : M.includes("youtu.be/") ? M.split("youtu.be/")[1].split("?")[0] : null;
+              if (A)
+                return `https://img.youtube.com/vi/${A}/hqdefault.jpg`;
+            }
+            if (M.includes("vimeo.com")) {
+              const A = M.match(/vimeo\.com\/([0-9]+)/);
+              if (A && A[1])
+                return `https://vumbnail.com/${A[1]}.jpg`;
+            }
+            return;
+          }
+        } else if (V.url)
+          return V.url;
+      }
+      return g.data.imageUrl;
+    })()), l.$$.dirty & /*config, mediaRawUrl, tag*/
+    270338 && e(9, k = L != null && L.imageURLTransform && (c != null && c.includes("realsee-cdn")) ? L.imageURLTransform(c, { width: 280, height: 280 }) : c || g.data.mediaUrl || ""), l.$$.dirty & /*tag*/
+    2 && e(8, p = g.contentType === "Video" || g.data.mediaType === "video"), l.$$.dirty & /*tag*/
+    2 && e(7, h = g.contentType === "Panorama" || g.data.mediaType === "panorama"), l.$$.dirty & /*isMarketingTag, tag*/
+    6 && e(17, u = o ? g.data.brandTags || [] : []), l.$$.dirty & /*isMarketingTag, tag*/
+    6 && e(16, v = o ? g.data.tags || [] : []), l.$$.dirty & /*marketingBrandTags*/
+    131072 && e(3, _ = u.filter(Boolean).slice(0, 2)), l.$$.dirty & /*primaryTags*/
+    8 && e(15, C = Math.max(0, 2 - _.length)), l.$$.dirty & /*remainingCount, marketingTags*/
+    98304 && e(6, w = C > 0 ? v.filter(Boolean).slice(0, C) : []), l.$$.dirty & /*isMarketingTag, tag*/
+    6 && e(5, q = o && ((j = g.data.price) == null ? void 0 : j.value) || ""), l.$$.dirty & /*isMarketingTag, tag*/
+    6 && e(4, T = o && ((S = g.data.price) == null ? void 0 : S.unit) || "");
+  }, [
+    R,
+    g,
+    o,
+    _,
+    T,
+    q,
+    w,
+    h,
+    p,
+    k,
+    r,
+    d,
+    n,
+    L,
+    N,
+    C,
+    v,
+    u,
+    c,
+    f,
+    a,
+    i,
+    y,
+    s
+  ];
+}
+class Ie extends ce {
+  constructor(t) {
+    super(), ue(
+      this,
+      t,
+      Ue,
+      Te,
+      he,
+      {
+        tag: 1,
+        config: 13,
+        theme: 14,
+        placement: 0
+      },
+      _e
+    );
+  }
+}
+export {
+  Ie as default
+};

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

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