@cling-se/widget 0.15.2 → 0.15.5

package/dist/VideoSelectModal-VMcSU3bM.js

@@ -1,100 +0,0 @@
-import v from "./VideoPlayerInput-X5baUH3q.js";
-import { B as f, a as g } from "./index-BaGtbWcA.js";
-import { c as x, n as y, o as _ } from "./main-CerYX9PA.js";
-const V = x.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: f,
-    BackgroundList: g,
-    VideoPlayerInput: v
-  },
-  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(
-              (c, n) => (c[n.quality] && n.link && c[n.quality].push(n.link), c),
-              { sd: [], hd: [] }
-            ), [h] = m;
-            let l = u(r);
-            return l || ([l] = p.length ? p : m.slice(-1)), {
-              id: `${o}`,
-              image: i,
-              minImage: i,
-              video: l,
-              minVideo: h,
-              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 b = function() {
-  var t = this, e = t._self._c;
-  return e("BackgroundModal", t._g({}, t.$listeners), [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%)" }, attrs: { slot: "header" }, slot: "header" }, [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), t.activeTab === "pexels" ? e("BackgroundList", { attrs: { fetch: t.fetch, "credit-text": t.$t("creditVideos", { thing: "Pexels" }), "default-query": "nature" }, on: { select: t.selectVideo } }, [e("CButton", { staticStyle: { "margin-left": "0.5em" }, attrs: { slot: "footer", disable: !t.selectedVideo, type: "secondary" }, on: { click: t.onSave }, slot: "footer" }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1) : 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);
-}, k = [], S = /* @__PURE__ */ y(
-  w,
-  b,
-  k,
-  !1,
-  null,
-  "670d3d62"
-);
-const C = S.exports;
-export {
-  C as default
-};