@cling-se/widget 0.15.1 → 0.15.3

package/dist/VideoSelectModal-CeaG2tME.js

@@ -0,0 +1,104 @@
+import h from "./VideoPlayerInput-BmbrquN6.js";
+import { B as v, a as g } from "./index-CFwLDxbi.js";
+import { c as y, n as x, o as _ } from "./main-BIwKzAN8.js";
+const V = y.pexels.id, w = {
+  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: v,
+    BackgroundList: g,
+    VideoPlayerInput: h
+  },
+  data() {
+    return {
+      activeTab: "pexels",
+      selectedVideo: null,
+      customVideo: null
+    };
+  },
+  methods: {
+    async fetch({ query: s, page: t }) {
+      const { data: e } = await _.get("https://api.pexels.com/videos/search", {
+        headers: {
+          Authorization: V
+        },
+        params: {
+          page: t,
+          per_page: 12,
+          query: s
+        }
+      }), a = (o, i) => o.height < i.height || o.width < i.width ? -1 : 1, u = (o) => (o.find(({ height: i }) => i > 1e3 && i < 1200) || {}).link;
+      return {
+        items: (e.videos || []).map(
+          ({ id: o, image: i, video_files: r = [], user: d }) => {
+            const { sd: m, hd: p } = (r || []).sort(a).reduce(
+              (l, n) => (l[n.quality] && n.link && l[n.quality].push(n.link), l),
+              { sd: [], hd: [] }
+            ), [f] = m;
+            let c = u(r);
+            return c || ([c] = p.length ? p : m.slice(-1)), {
+              id: `${o}`,
+              image: i,
+              minImage: i,
+              video: c,
+              minVideo: f,
+              userName: d.name,
+              userLink: d.link
+            };
+          }
+        ),
+        total: e.total_results
+      };
+    },
+    selectVideo(s) {
+      const { id: t, image: e, video: a } = s || {};
+      this.selectedVideo = {
+        id: t,
+        url: a,
+        thumbnail: e,
+        provider: "pexels"
+      };
+    },
+    onSave() {
+      const s = this.activeTab === "pexels" ? this.selectedVideo : this.customVideo;
+      this.$emit("input", s), this.$parent && this.$parent.$emit("input", s), this.$emit("close");
+    }
+  }
+};
+var k = function() {
+  var t = this, e = t._self._c;
+  return e("BackgroundModal", t._g({ scopedSlots: t._u([{ key: "header", fn: function() {
+    return [e("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { padding: "calc(0.25 * var(--rem)) calc(1 * var(--rem))", "border-bottom": "1px solid hsl(0, 0%, 88%)" } }, [e("CButton", { staticStyle: { "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, style: t.activeTab === "pexels" && { opacity: 1 }, on: { click: function(a) {
+      t.activeTab = "pexels";
+    } } }, [e("span", { staticStyle: { display: "inline-flex", "align-items": "center" } }, [e("svg", { staticStyle: { "margin-right": "calc(0.5 * var(--rem))" }, attrs: { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 32 32" } }, [e("path", { attrs: { 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" } }), e("path", { attrs: { 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" } })]), t._v(" " + t._s(t.$t("_common:video").capitalize()) + " ")])]), e("CButton", { staticStyle: { "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, style: t.activeTab === "customUrl" && { opacity: 1 }, on: { click: function(a) {
+      t.activeTab = "customUrl";
+    } } }, [e("span", { staticStyle: { display: "inline-flex", "align-items": "center" } }, [e("svg", { staticStyle: { "margin-right": "calc(0.5 * var(--rem))" }, attrs: { 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" } }, [e("g", { attrs: { transform: "scale(.58824)" } }, [e("path", { attrs: { 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" } }), e("path", { attrs: { fill: "#fff", d: "M80.2 42.5L48.6 24.3v36.4z" } })])]), t._v(" " + t._s(t.$t("tabLink").capitalize()) + " ")])])], 1)];
+  }, proxy: !0 }]) }, t.$listeners), [t.activeTab === "pexels" ? e("BackgroundList", { attrs: { fetch: t.fetch, "credit-text": t.$t("creditVideos", { thing: "Pexels" }), "default-query": "nature" }, on: { select: t.selectVideo }, scopedSlots: t._u([{ key: "footer", fn: function() {
+    return [e("CButton", { staticStyle: { "margin-left": "0.5em" }, attrs: { disable: !t.selectedVideo, type: "secondary" }, on: { click: t.onSave } }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])];
+  }, proxy: !0 }], null, !1, 3698158385) }) : e("div", { staticClass: "flex w-full flex-col items-center justify-center" }, [e("div", { staticStyle: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "calc(3 * var(--rem))" } }, [e("div", { staticStyle: { 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))" } }, [t.customVideo ? e("iframe", { staticClass: "custom-video-preview", attrs: { src: t.customVideo.url } }) : t._e()]), e("VideoPlayerInput", { attrs: { filled: !0, "video-options": { background: !0 } }, model: { value: t.customVideo, callback: function(a) {
+    t.customVideo = a;
+  }, expression: "customVideo" } }, [e("CButton", { attrs: { disable: !t.customVideo, type: "secondary" }, on: { click: t.onSave } }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1)], 1)])], 1);
+}, b = [], S = /* @__PURE__ */ x(
+  w,
+  k,
+  b,
+  !1,
+  null,
+  "7ff369a0"
+);
+const C = S.exports;
+export {
+  C as default
+};

package/dist/{answerDocumentMixin-BaVqM_ri.js → answerDocumentMixin-AcDG8Byi.js}

@@ -1,5 +1,5 @@
-import { w as a } from "./CDropdownItem-Bzbrlurh.js";
-import { b as r } from "./main-CRQiO-g7.js";
+import { w as a } from "./CDropdownItem-BSPNul90.js";
+import { b as r } from "./main-BIwKzAN8.js";
 const m = ({ documentKey: s = "document" } = {}) => ({
   mixins: [a],
   inject: {
@@ -23,7 +23,7 @@ const m = ({ documentKey: s = "document" } = {}) => ({
       const e = r(this, s);
       if (!e || e.isPreview || !(t === "decline" ? !0 : this.isValid()))
         return;
-      const o = this.mq === "sm" ? "100%" : "auto", n = () => import("./AnswerModal-Djvpd4kg.js");
+      const o = this.mq === "sm" ? "100%" : "auto", n = () => import("./AnswerModal-Cnp43tGo.js");
       this.$modal.show(
         n,
         {

package/dist/{debounce-DUUqRe1d.js → debounce-HJoaSvIY.js}

@@ -1,4 +1,4 @@
-import { a7 as C, l as k, a8 as j, k as A } from "./main-CRQiO-g7.js";
+import { ab as C, l as k, ac as j, k as A } from "./main-BIwKzAN8.js";
 var L = C, M = function() {
   return L.Date.now();
 }, B = M, F = /\s/;

package/dist/{focusDrawerMixin-BFQK8OUc.js → focusDrawerMixin-CBYjpEGL.js}

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