@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/VideoPlayerSettings-B5iXoj5E.js

@@ -0,0 +1,78 @@
+import v from "./VideoPlayerInput-D38S1IDH.js";
+import { _ as m, b as u, o as i, d as a, s as e, v as s, e as z, F as _, k as h, n as f } from "./main-C4OdoeS2.js";
+const g = {
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "document.videoPlayer"
+  },
+  name: "VideoPlayerSettings",
+  components: {
+    VideoPlayerInput: v
+  },
+  emits: ["input"],
+  props: {
+    video: {
+      type: Object,
+      default: () => ({})
+    },
+    size: {
+      type: String,
+      default: "small"
+    }
+  },
+  computed: {
+    sizeOptions() {
+      return [
+        {
+          value: "small",
+          svg: '<g fill-rule="nonzero" fill="none"><path d="M0 0h99v65H0z"/><path d="M22 16h56a2 2 0 012 2v30a2 2 0 01-2 2H22a2 2 0 01-2-2V18a2 2 0 012-2zm0 40h56a2 2 0 012 2v7H20v-7a2 2 0 012-2zM20 0h60v7a2 2 0 01-2 2H22a2 2 0 01-2-2V0z" fill="currentColor"/></g>'
+        },
+        {
+          value: "medium",
+          svg: '<g fill-rule="nonzero" fill="none"><path d="M0 0h99v65H0z"/><path d="M11 14h76a2 2 0 012 2v33a2 2 0 01-2 2H11a2 2 0 01-2-2V16a2 2 0 012-2zm8-14h60v6a2 2 0 01-2 2H21a2 2 0 01-2-2V0zm2 58h56a2 2 0 012 2v5H19v-5a2 2 0 012-2z" fill="currentColor"/></g>'
+        },
+        {
+          value: "large",
+          svg: '<g fill-rule="nonzero" fill="none"><path d="M0 0h99v65H0z"/><path d="M8 7h84a2 2 0 012 2v42a2 2 0 01-2 2H8a2 2 0 01-2-2V9a2 2 0 012-2zm13 51h56a2 2 0 012 2v5H19v-5a2 2 0 012-2z" fill="currentColor"/></g>'
+        }
+      ];
+    }
+  }
+}, y = { class: "d-root" }, H = { class: "d-option" }, V = { class: "d-option-title" }, k = {
+  class: "text-gray-600",
+  style: { "padding-bottom": "1em", "font-size": "15px" }
+}, M = { class: "d-option" }, C = { class: "d-option-title" }, P = { style: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap" } }, $ = ["onClick"], w = ["innerHTML"];
+function x(o, n, l, b, B, d) {
+  const r = u("VideoPlayerInput");
+  return i(), a("div", y, [
+    e("div", H, [
+      e("div", V, s(o.$t("_common:video").capitalize()), 1),
+      e("div", k, s(o.$t("subTitle")), 1),
+      z(r, {
+        "model-value": l.video,
+        "is-drawer-mode": !0,
+        "onUpdate:modelValue": n[0] || (n[0] = (t) => o.$emit("input", { key: "video", value: t }))
+      }, null, 8, ["model-value"])
+    ]),
+    e("div", M, [
+      e("div", C, s(o.$t("_common:size").capitalize()), 1),
+      e("div", P, [
+        (i(!0), a(_, null, h(d.sizeOptions, ({ value: t, svg: p }, c) => (i(), a("div", {
+          key: c,
+          class: "size-option",
+          onClick: (I) => o.$emit("input", { key: "size", value: t })
+        }, [
+          (i(), a("svg", {
+            class: f([{ "is-active": l.size === t }, "size-option-image"]),
+            viewBox: "0 0 99 65",
+            innerHTML: p
+          }, null, 10, w))
+        ], 8, $))), 128))
+      ])
+    ])
+  ]);
+}
+const L = /* @__PURE__ */ m(g, [["render", x], ["__scopeId", "data-v-4c3535c0"]]);
+export {
+  L as default
+};

package/dist/VideoSelectModal-BNCoMFKU.js

@@ -0,0 +1,217 @@
+import B from "./VideoPlayerInput-D38S1IDH.js";
+import { B as C, a as z } from "./index-HXiq8Yxs.js";
+import { _ as M, p as S, a4 as L, b as v, o as d, c as x, w as n, s as l, e as c, l as w, d as g, B as y, v as V, f as T } from "./main-C4OdoeS2.js";
+const I = S.pexels.id, N = {
+  name: "VideoSelectModal",
+  i18nOptions: {
+    namespaces: "videoSelectModal",
+    messages: {
+      en: {
+        creditVideos: "Videos from {{thing}}",
+        tabLink: "Use link"
+      },
+      sv: {
+        creditVideos: "Videor från {{thing}}",
+        tabLink: "Egen länk"
+      }
+    }
+  },
+  components: {
+    BackgroundModal: C,
+    BackgroundList: z,
+    VideoPlayerInput: B
+  },
+  emits: ["input", "close"],
+  data() {
+    return {
+      activeTab: "pexels",
+      selectedVideo: null,
+      customVideo: null
+    };
+  },
+  methods: {
+    async fetch({ query: i, page: e }) {
+      const { data: r } = await L.get("https://api.pexels.com/videos/search", {
+        headers: {
+          Authorization: I
+        },
+        params: {
+          page: e,
+          per_page: 12,
+          query: i
+        }
+      }), m = (s, o) => s.height < o.height || s.width < o.width ? -1 : 1, t = (s) => (s.find(({ height: o }) => o > 1e3 && o < 1200) || {}).link;
+      return {
+        items: (r.videos || []).map(
+          ({ id: s, image: o, video_files: p = [], user: u }) => {
+            const { sd: f, hd: a } = (p || []).sort(m).reduce(
+              (k, h) => (k[h.quality] && h.link && k[h.quality].push(h.link), k),
+              { sd: [], hd: [] }
+            ), [b] = f;
+            let _ = t(p);
+            return _ || ([_] = a.length ? a : f.slice(-1)), {
+              id: `${s}`,
+              image: o,
+              minImage: o,
+              video: _,
+              minVideo: b,
+              userName: u.name,
+              userLink: u.link
+            };
+          }
+        ),
+        total: r.total_results
+      };
+    },
+    selectVideo(i) {
+      const { id: e, image: r, video: m } = i || {};
+      this.selectedVideo = {
+        id: e,
+        url: m,
+        thumbnail: r,
+        provider: "pexels"
+      };
+    },
+    onSave() {
+      const i = this.activeTab === "pexels" ? this.selectedVideo : this.customVideo;
+      this.$emit("input", i), this.$emit("close");
+    }
+  }
+}, P = {
+  class: "flex w-full items-center justify-center",
+  style: { padding: "calc(0.25 * var(--rem)) calc(1 * var(--rem))", "border-bottom": "1px solid hsl(0, 0%, 88%)" }
+}, U = { style: { display: "inline-flex", "align-items": "center" } }, q = {
+  style: { "margin-right": "calc(0.5 * var(--rem))" },
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "28",
+  height: "28",
+  viewBox: "0 0 32 32"
+}, H = { style: { display: "inline-flex", "align-items": "center" } }, j = {
+  style: { "margin-right": "calc(0.5 * var(--rem))" },
+  width: "28",
+  height: "28",
+  xmlns: "http://www.w3.org/2000/svg",
+  version: "1.1",
+  x: "0",
+  y: "0",
+  "xml:space": "preserve",
+  viewBox: "0 0 71.412 50"
+}, A = {
+  key: 1,
+  class: "flex w-full flex-col items-center justify-center"
+}, E = { style: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "calc(3 * var(--rem))" } }, D = { style: { position: "relative", width: "100%", "padding-top": "56.25%", "background-color": "hsl(var(--gray-color-100) / 1)", "border-radius": "0.5em", "margin-bottom": "calc(1.5 * var(--rem))" } }, O = ["src"];
+function $(i, e, r, m, t, s) {
+  const o = v("CButton"), p = v("BackgroundList"), u = v("VideoPlayerInput"), f = v("BackgroundModal");
+  return d(), x(f, {
+    onClose: e[3] || (e[3] = (a) => i.$emit("close"))
+  }, {
+    header: n(() => [
+      l("div", P, [
+        c(o, {
+          style: w([{ "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, t.activeTab === "pexels" && { opacity: 1 }]),
+          onClick: e[0] || (e[0] = (a) => t.activeTab = "pexels")
+        }, {
+          default: n(() => [
+            l("span", U, [
+              (d(), g("svg", q, e[4] || (e[4] = [
+                l("path", {
+                  d: "M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z",
+                  fill: "#05A081"
+                }, null, -1),
+                l("path", {
+                  d: "M13 21h3.863v-3.752h1.167a3.124 3.124 0 1 0 0-6.248H13v10zm5.863 2H11V9h7.03a5.124 5.124 0 0 1 .833 10.18V23z",
+                  fill: "#fff"
+                }, null, -1)
+              ]))),
+              y(" " + V(i.$t("_common:video").capitalize()), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        c(o, {
+          style: w([{ "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, t.activeTab === "customUrl" && { opacity: 1 }]),
+          onClick: e[1] || (e[1] = (a) => t.activeTab = "customUrl")
+        }, {
+          default: n(() => [
+            l("span", H, [
+              (d(), g("svg", j, e[5] || (e[5] = [
+                l("g", { transform: "scale(.58824)" }, [
+                  l("path", {
+                    d: "M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z",
+                    fill: "red",
+                    "fill-opacity": "1"
+                  }),
+                  l("path", {
+                    fill: "#fff",
+                    d: "M80.2 42.5L48.6 24.3v36.4z"
+                  })
+                ], -1)
+              ]))),
+              y(" " + V(i.$t("tabLink").capitalize()), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ])
+    ]),
+    default: n(() => [
+      t.activeTab === "pexels" ? (d(), x(p, {
+        key: 0,
+        fetch: s.fetch,
+        "credit-text": i.$t("creditVideos", { thing: "Pexels" }),
+        "default-query": "nature",
+        onSelect: s.selectVideo
+      }, {
+        footer: n(() => [
+          c(o, {
+            disable: !t.selectedVideo,
+            style: { "margin-left": "0.5em" },
+            type: "secondary",
+            onClick: s.onSave
+          }, {
+            default: n(() => [
+              y(V(i.$t("_common:save")), 1)
+            ]),
+            _: 1
+          }, 8, ["disable", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["fetch", "credit-text", "onSelect"])) : (d(), g("div", A, [
+        l("div", E, [
+          l("div", D, [
+            t.customVideo ? (d(), g("iframe", {
+              key: 0,
+              src: t.customVideo.url,
+              class: "custom-video-preview"
+            }, null, 8, O)) : T("", !0)
+          ]),
+          c(u, {
+            modelValue: t.customVideo,
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => t.customVideo = a),
+            filled: !0,
+            "video-options": { background: !0 }
+          }, {
+            default: n(() => [
+              c(o, {
+                disable: !t.customVideo,
+                type: "secondary",
+                onClick: s.onSave
+              }, {
+                default: n(() => [
+                  y(V(i.$t("_common:save")), 1)
+                ]),
+                _: 1
+              }, 8, ["disable", "onClick"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]))
+    ]),
+    _: 1
+  });
+}
+const K = /* @__PURE__ */ M(N, [["render", $], ["__scopeId", "data-v-3ff9b230"]]);
+export {
+  K as default
+};

package/dist/{anime.es-BrPTThYb.js → anime.es-gdcpA-eY.js}

@@ -547,8 +547,7 @@ function Xr(r) {
         c.key(m) ? m == o && (a.value = f[m]) : a[m] = f[m];
       return a;
     });
-  }, t = 0; t < e.length; t++)
-    i(t);
+  }, t = 0; t < e.length; t++) i(t);
   return n;
 }
 function re(r, e) {

package/dist/{color-TdtKxwVa.js → color-HetJPhlA.js}

@@ -8,8 +8,7 @@ const l = ({
     t += `${a} ${h}%`, i !== e.length - 1 && (t += ",");
   }), t += ")"), t;
 }, s = (n) => {
-  if (!n)
-    return "";
+  if (!n) return "";
   const r = Math.round(n.h * 100) / 100, e = Math.round(n.s * 100 * 100) / 100, t = Math.round(n.l * 100 * 100) / 100, a = Math.round(n.a * 100 * 100) / 100 / 100;
   return `hsla(${r},${e}%,${t}%,${a})`;
 };

package/dist/{debounce-C1AuSpOZ.js → debounce-CBRJalZI.js}

@@ -1,4 +1,4 @@
-import { a7 as C, l as k, a8 as j, k as A } from "./main-WKzC-Dnu.js";
+import { b0 as C, a2 as O, b1 as j, a1 as A } from "./main-C4OdoeS2.js";
 var L = C, M = function() {
   return L.Date.now();
 }, B = M, F = /\s/;
@@ -11,7 +11,7 @@ var D = R, H = D, P = /^\s+/;
 function U(e) {
   return e && e.slice(0, H(e) + 1).replace(P, "");
 }
-var X = U, q = X, y = k, w = j, _ = NaN, z = /^[-+]0x[0-9a-f]+$/i, G = /^0b[01]+$/i, J = /^0o[0-7]+$/i, K = parseInt;
+var X = U, q = X, y = O, w = j, _ = NaN, z = /^[-+]0x[0-9a-f]+$/i, G = /^0b[01]+$/i, J = /^0o[0-7]+$/i, K = parseInt;
 function Q(e) {
   if (typeof e == "number")
     return e;
@@ -27,7 +27,7 @@ function Q(e) {
   var i = G.test(e);
   return i || J.test(e) ? K(e.slice(2), i ? 2 : 8) : z.test(e) ? _ : +e;
 }
-var V = Q, Y = k, T = B, $ = V, Z = "Expected a function", ee = Math.max, ne = Math.min;
+var V = Q, Y = O, T = B, $ = V, Z = "Expected a function", ee = Math.max, ne = Math.min;
 function re(e, r, i) {
   var u, o, l, s, t, f, d = 0, I = !1, c = !1, b = !0;
   if (typeof e != "function")
@@ -37,10 +37,10 @@ function re(e, r, i) {
     var a = u, m = o;
     return u = o = void 0, d = n, s = e.apply(m, a), s;
   }
-  function O(n) {
+  function S(n) {
     return d = n, t = setTimeout(v, r), I ? g(n) : s;
   }
-  function S(n) {
+  function k(n) {
     var a = n - f, m = n - d, p = r - a;
     return c ? ne(p, l - m) : p;
   }
@@ -52,7 +52,7 @@ function re(e, r, i) {
     var n = T();
     if (h(n))
       return E(n);
-    t = setTimeout(v, S(n));
+    t = setTimeout(v, k(n));
   }
   function E(n) {
     return t = void 0, b && u ? g(n) : (u = o = void 0, s);
@@ -67,7 +67,7 @@ function re(e, r, i) {
     var n = T(), a = h(n);
     if (u = arguments, o = this, f = n, a) {
       if (t === void 0)
-        return O(f);
+        return S(f);
       if (c)
         return clearTimeout(t), t = setTimeout(v, r), g(f);
     }

package/dist/dom-CkTGWrfu.js

@@ -0,0 +1,69 @@
+const l = {}, f = {};
+function p(t) {
+  if (f[t]) return;
+  if (l[t]) return l[t];
+  const o = new Promise((e, s) => {
+    const n = document.createElement("script");
+    t.endsWith(".mjs") && (n.type = "module");
+    const i = window.setTimeout(() => {
+      l[t] = null, s(new Error(`Failed to load ${t} in 20s`));
+    }, 2e4);
+    n.onload = (a) => {
+      i && window.clearTimeout(i), f[t] = !0, l[t] = null, e();
+    }, n.onerror = (a) => {
+      i && window.clearTimeout(i), l[t] = null, s(a);
+    }, n.src = t, document.body.appendChild(n);
+  });
+  return l[t] = o, o;
+}
+function w(t) {
+  const o = t.getBoundingClientRect(), e = window.innerHeight || document.documentElement.clientHeight, s = window.innerWidth || document.documentElement.clientWidth, n = o.top <= e && o.top + o.height >= 0, i = o.left <= s && o.left + o.width >= 0;
+  return n && i;
+}
+const u = (t) => {
+  const o = /(auto|scroll)/, e = (r, c) => r.parentNode === null ? c : e(r.parentNode, c.concat([r])), s = (r, c) => getComputedStyle(r, null).getPropertyValue(c), n = (r) => s(r, "overflow") + s(r, "overflow-y") + s(r, "overflow-x"), i = (r) => o.test(n(r));
+  return ((r) => {
+    if (!(r instanceof HTMLElement || r instanceof SVGElement))
+      return null;
+    const c = e(r.parentNode, []);
+    for (let d = 0; d < c.length; d += 1)
+      if (i(c[d]))
+        return c[d];
+    return document.scrollingElement || document.documentElement;
+  })(t);
+}, m = (t) => {
+  let o = 0;
+  for (; t; )
+    o += t.offsetTop, t = t.offsetParent;
+  return o;
+};
+function h(t, o) {
+  let e = t;
+  if (typeof e == "string" && (e = document.querySelector(e)), !u(e)) return;
+  const n = {
+    offset: 0,
+    behavior: "smooth",
+    body: u(e),
+    // custom option used for choosing parent scroll element
+    ...o
+  }, i = m(e);
+  HTMLElement.prototype.scrollTo ? n.body.scrollTo({
+    behavior: n.behavior,
+    top: i - n.offset
+  }) : n.body.scrollTop = i - n.offset;
+}
+const g = (t) => {
+  var s;
+  const o = (s = t == null ? void 0 : t.getRootNode) == null ? void 0 : s.call(t), e = (o == null ? void 0 : o.toString()) === "[object ShadowRoot]";
+  return {
+    isShadow: e,
+    el: e ? o : document
+  };
+};
+export {
+  u as a,
+  p as e,
+  g,
+  w as i,
+  h as s
+};

package/dist/{focusDrawerMixin-Be6BAK8-.js → focusDrawerMixin-T94b2Y6F.js}

@@ -1,4 +1,4 @@
-import { s as o } from "./formDrawerState-DRbg5rVI.js";
+import { s as o } from "./formDrawerState-jssoGOce.js";
 const t = {
   inject: {
     sectionTopNode: {

package/dist/{formDrawerState-DRbg5rVI.js → formDrawerState-jssoGOce.js}

@@ -1,5 +1,5 @@
-import { V as s } from "./main-WKzC-Dnu.js";
-const e = s.observable({
+import { r as s } from "./main-C4OdoeS2.js";
+const e = s({
   isFixed: !1,
   // Worded according to CSS property (show as fixed drawer)
   showLeft: !1,

package/dist/helpers-Vo_6Zz3M.js

@@ -0,0 +1,44 @@
+import { a1 as s, aC as c, aD as d, aE as p, F as f } from "./main-C4OdoeS2.js";
+var i = { exports: {} };
+(function(e, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.default = o;
+  function o() {
+    return !!(typeof window < "u" && ("ontouchstart" in window || window.DocumentTouch && typeof document < "u" && document instanceof window.DocumentTouch)) || !!(typeof navigator < "u" && (navigator.maxTouchPoints || navigator.msMaxTouchPoints));
+  }
+  e.exports = t.default;
+})(i, i.exports);
+var m = i.exports;
+const l = /* @__PURE__ */ s(m), v = l();
+function y(e, t) {
+  return t.split(".").reduce((a, n) => a ? a[n] : null, e);
+}
+function w(e) {
+  typeof e.remove < "u" ? e.remove() : typeof e.parentNode < "u" && e.parentNode !== null && e.parentNode.removeChild(e);
+}
+function g(e) {
+  var r;
+  const t = (r = e.getRootNode) == null ? void 0 : r.call(e), a = (t == null ? void 0 : t.toString()) === "[object ShadowRoot]" ? t : document.body, n = document.createElement("div");
+  n.style.position = "absolute", n.style.left = "0px", n.style.top = "0px";
+  const u = document.createElement("div");
+  return n.appendChild(u), u.appendChild(e), a.appendChild(n), n;
+}
+function x(e, t, o) {
+  return Math.max(t, Math.min(o, e));
+}
+function T(e) {
+  return e.type !== c && e.type !== d && e.type !== p;
+}
+function b(e) {
+  return e.type === f;
+}
+export {
+  T as a,
+  x as b,
+  g as c,
+  v as d,
+  y as g,
+  b as i,
+  w as r
+};