@cling-se/widget 0.9.4 → 0.9.6

package/dist/ErrorCallout-60d0b3ab.js

@@ -1,30 +0,0 @@
-import { n as r } from "./main-04025a56.js";
-const s = {
-  name: "ErrorCallout",
-  props: {
-    message: {
-      type: String,
-      required: !0
-    },
-    size: {
-      type: String,
-      default: "normal"
-    }
-  }
-};
-var a = function(e, t) {
-  return e("div", { staticClass: "flex items-center", class: [t.data.staticClass], staticStyle: { "margin-top": "1rem" }, style: [t.data.staticStyle] }, [e("div", { staticClass: "error-wrapper bg-red-50 text-red-500", class: [`is-${t.props.size}`], staticStyle: { margin: "1rem 0" } }, [e("BaseIcon", { staticStyle: { "margin-right": "0.5em", flex: "0 0 18px" }, attrs: { type: "alert", size: "18" } }), e("div", [t._v(" " + t._s(t.props.message) + " ")])], 1)]);
-}, n = [], l = /* @__PURE__ */ r(
-  s,
-  a,
-  n,
-  !0,
-  null,
-  "300a015f",
-  null,
-  null
-);
-const p = l.exports;
-export {
-  p as E
-};

package/dist/Index-b020a80c.js

@@ -1,47 +0,0 @@
-import { m as l } from "./mapFormMixin-8d073f99.js";
-import { l as r, n as o } from "./main-04025a56.js";
-const c = {
-  name: "DocChapter",
-  components: {
-    CInput: r
-  },
-  mixins: [l(["title"])],
-  props: {
-    enableSpacing: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  methods: {
-    // Naming convention used by generateTemplate-functions in order for it to choose whether or not to run on add
-    conditionalOnAdd() {
-      const i = () => this.$refs.input.focus();
-      this.$refs.input ? i() : this.$once("triggerOnAdd", i);
-    }
-  }
-};
-var d = function() {
-  var s;
-  var t = this, n = t._self._c;
-  return n("div", { staticClass: "chapter" }, [n("div", { staticClass: "no-drag", class: { "chapter-spacing": t.enableSpacing } }, [t.canEdit && ((s = t._value) != null && s.title) ? n("CInput", { ref: "input", staticClass: "title preview-title-input", attrs: { value: t.title, spellcheck: !1, placeholder: t.$t("components:account.documentForm.titleAndText.title"), static: "" }, on: { blur: (e) => {
-    var a;
-    t.title = ((a = e.target) == null ? void 0 : a.value) || "";
-  }, "hook:mounted": function(e) {
-    return t.$emit("triggerOnAdd");
-  } }, nativeOn: { keydown: function(e) {
-    return !e.type.indexOf("key") && t._k(e.keyCode, "enter", 13, e.key, "Enter") ? null : e.target.blur();
-  } } }) : t.title ? n("div", { staticClass: "title" }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), t._t("default")], 2)]);
-}, u = [], p = /* @__PURE__ */ o(
-  c,
-  d,
-  u,
-  !1,
-  null,
-  "586591d4",
-  null,
-  null
-);
-const m = p.exports;
-export {
-  m as default
-};

package/dist/Index-e80f5f9c.js

@@ -1,79 +0,0 @@
-import { n as c, o as l } from "./main-04025a56.js";
-const d = {
-  name: "MultiGroupPricing",
-  props: {
-    _document: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    docPriceItems() {
-      const { total: o, subTotal: t } = this._document.prices || {};
-      return [
-        {
-          label: this._document.$t("price.net"),
-          value: this.priceFormat(t)
-        },
-        {
-          label: this._document.$t("price.total"),
-          value: this.priceFormat(o)
-        }
-      ];
-    },
-    pkgGroups() {
-      var t;
-      return (((t = this._document.packageGroups) == null ? void 0 : t.groups) || []).map(({ title: e, prices: r, selectedPackages: i }) => {
-        const { total: s, subTotal: n } = r || {};
-        return {
-          title: e,
-          noOfSelectedPackages: i.length,
-          priceItems: [
-            {
-              label: this._document.$t("price.net"),
-              value: this.priceFormat(n)
-            },
-            {
-              label: this._document.$t("price.total"),
-              value: this.priceFormat(s)
-            }
-          ]
-        };
-      });
-    }
-  },
-  methods: {
-    priceFormat(o, t) {
-      return l(o, {
-        currency: this._document.currency,
-        showZero: !0,
-        decimals: 2,
-        hideZeroDecimals: !0,
-        ...t
-      });
-    }
-  }
-};
-var p = function() {
-  var t = this, e = t._self._c;
-  return e("div", [t._l(t.pkgGroups, function(r, i) {
-    return e("div", { key: i, staticStyle: { padding: "0.5rem 0" } }, [e("div", { staticStyle: { display: "flex", "font-size": "1.1rem", "font-weight": "600", "padding-bottom": "3px", "border-bottom": "1px solid rgba(0, 0, 0, 0.2)" } }, [t._v(" " + t._s(r.title) + " "), e("span", { staticClass: "has-text-grey", staticStyle: { "margin-left": "auto", "font-size": "1rem" } }, [t._v(" " + t._s(r.noOfSelectedPackages) + " paket ")])]), t._l(r.priceItems, function({ label: s, value: n }, a) {
-      return e("div", { key: s + a, staticStyle: { display: "flex", "justify-content": "space-between", "font-size": "1rem" } }, [e("div", [t._v(t._s(s))]), e("div", [t._v(t._s(n))])]);
-    })], 2);
-  }), e("div", { staticStyle: { "margin-top": "1rem" } }, [e("div", { staticStyle: { "font-size": "1.1rem", "font-weight": "600", "padding-bottom": "3px", "border-bottom": "1px solid rgba(0, 0, 0, 0.2)" } }, [t._v("Doc summary")]), t._l(t.docPriceItems, function({ label: r, value: i }, s) {
-    return e("div", { key: s + r, staticStyle: { display: "flex", "justify-content": "space-between", "font-size": "1rem" } }, [e("div", [t._v(t._s(r))]), e("div", [t._v(t._s(i))])]);
-  })], 2)], 2);
-}, u = [], _ = /* @__PURE__ */ c(
-  d,
-  p,
-  u,
-  !1,
-  null,
-  "d926efba",
-  null,
-  null
-);
-const f = _.exports;
-export {
-  f as default
-};

package/dist/PriceHeader-e357afe9.js

@@ -1,336 +0,0 @@
-import { m as n } from "./mapFormMixin-8d073f99.js";
-import { B as l } from "./BlockMedia-00907fb6.js";
-import { n as c, b as a, o as d, W as u } from "./main-04025a56.js";
-import { T as m } from "./DocTextEditor-c6d1df3c.js";
-import { i as p } from "./i18nMessages-45c6bfd6.js";
-import { t as _ } from "./tinycolor-88fa380f.js";
-import { s as y } from "./formValidationMixin-4920ab53.js";
-import "./color-71c20583.js";
-import "./FormInputRow-9819eb71.js";
-import "./ColorPicker-4f6b70af.js";
-import "./CDropdownItem-74672842.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-f49d85e0.js";
-import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-const h = {
-  name: "SummaryTop",
-  i18nOptions: {
-    namespaces: "summaryTop",
-    messages: p
-  },
-  components: {
-    TextEditor: m,
-    DocumentLogotype: () => import("./DocumentLogotype-1efd1ce9.js")
-  },
-  inject: ["parentSize"],
-  mixins: [n([])],
-  props: {
-    showLogo: {
-      type: Boolean,
-      default: !0
-    },
-    logotype: {
-      type: String,
-      default: null
-    },
-    companyLogotype: {
-      type: String,
-      default: null
-    },
-    senderName: {
-      type: String,
-      default: null
-    },
-    docName: {
-      type: String,
-      default: null
-    },
-    docType: {
-      type: String,
-      required: !0
-    },
-    docNumber: {
-      type: [Number, String],
-      default: null
-    },
-    sentAt: {
-      type: [String, Number],
-      default: null
-      // required: true,
-    },
-    expiresAt: {
-      type: String,
-      default: null
-    },
-    estimatedTime: {
-      type: String,
-      default: null
-    },
-    validator: {
-      type: Object,
-      default: () => ({})
-    },
-    hasHover: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    logotypeListeners() {
-      return {
-        ...this.$listeners,
-        input: (i) => this.$emit("update:logotype", i)
-      };
-    }
-  }
-};
-var g = function() {
-  var t = this, e = t._self._c;
-  return e("section", { staticClass: "flex justify-center w-full summary-top" }, [e("div", { staticClass: "doc-summary-top-wrapper" }, [e("div", { staticClass: "doc-summary-top-wrapper__background" }), e("div", { staticClass: "flex justify-between w-full", staticStyle: { "margin-bottom": "2.5rem" } }, [t.showLogo && (t.logotype || t.companyLogotype) || t.canEdit ? e("DocumentLogotype", t._g({ attrs: { value: t.logotype, "show-logo": t.showLogo, "company-logotype": t.companyLogotype, "has-hover": t.hasHover } }, t.logotypeListeners)) : e("div", { staticClass: "company-name" }, [t._v(" " + t._s(t.senderName) + " ")]), e("div", { staticClass: "top-right-text-wrapper" }, [t.sentAt ? e("div", [t._v(t._s(t.$formatDate(t.sentAt)))]) : t._e(), t.docNumber ? e("div", [t._v(" #" + t._s(t.docNumber))]) : t._e()])], 1), e("div", { staticClass: "title-text" }, [t.canEdit ? e("TextEditor", { ref: "editor", staticClass: "no-drag", staticStyle: { "will-change": "opacity" }, attrs: { value: t.docName, placeholder: t.$t("name.placeholder"), extensions: {
-    bulletList: !1,
-    heading: [1, 2, 3],
-    bold: !1,
-    link: !1,
-    underline: !1,
-    blockquote: !0,
-    table: !1
-  }, unstyled: "", static: "" }, on: { input: function(s) {
-    return t.$emit("update:doc-name", s);
-  } } }) : e("div", { staticClass: "quill-custom", domProps: { innerHTML: t._s(t.docName) } })], 1), e("div", { staticClass: "flex justify-between w-full" }, [t.expiresAt ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(t._s(t._document.$t("replyBy")))]), e("div", { staticClass: "data-text" }, [t._v(t._s(t.$formatDate(t.expiresAt)))])]) : t._e(), t.docType !== "document" ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(t._s(t._document.$t("document").capitalize()))]), e("div", { staticClass: "data-text" }, [t._v(t._s(t._document.$t(`series.${t.docType}`).capitalize()))])]) : t._e(), t.parentSize.width >= 576 ? [t.estimatedTime ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(t._s(t.$t("time.estimatedTime")))]), e("div", { staticClass: "data-text" }, [t._v(t._s(t._document.$t("approx")) + " " + t._s(t.estimatedTime))])]) : t._e()] : t._e()], 2)])]);
-}, f = [], v = /* @__PURE__ */ c(
-  h,
-  g,
-  f,
-  !1,
-  null,
-  "68d8a9dc",
-  null,
-  null
-);
-const S = v.exports;
-const x = {
-  name: "SummaryBottom",
-  mixins: [n([])],
-  props: {
-    base: {
-      type: Object,
-      default: null
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    backgroundColor: {
-      type: String,
-      default: "#4c576d"
-    },
-    documentCurrency: {
-      type: String,
-      required: !0
-    },
-    vatType: {
-      type: String,
-      required: !0
-    }
-  },
-  inject: ["parentSize"],
-  data() {
-    return {
-      get: a,
-      tinycolor: _
-    };
-  },
-  computed: {
-    prices() {
-      return a(this, "base.prices") || {};
-    },
-    isIndivid() {
-      return a(this.prices, "helpers.isIndivid", !0);
-    },
-    showIncVat() {
-      return this.isIndivid;
-    },
-    priceTotal() {
-      return this.isIndivid ? a(this.prices, "total", null) : a(this.prices, "subTotal", null);
-    },
-    priceType() {
-      return this.prices.type || ["fixed"];
-    },
-    currency() {
-      return this.prices.currency || this.documentCurrency;
-    },
-    openAccMaxPrice() {
-      return this.prices.maxTotal || null;
-    },
-    houseWorkType() {
-      return a(this.prices, "region.houseWorkType", null);
-    },
-    isReverseVat() {
-      return a(this.prices, "region.reverseVat", !1);
-    },
-    priceTypeString() {
-      return this.priceType.includes("openAccMaxPrice") ? this._document.$t("price.openAccMaxPrice") : this.priceType.includes("openAcc") ? this._document.$t("price.openAcc") : this._document.$t("price.price").capitalize();
-    },
-    priceDeductionVatString() {
-      let i = "";
-      if (this.isReverseVat && !this.showIncVat) {
-        const t = this.priceFormat(0, { currency: this.currency, showZero: !0 });
-        return i = this._document.$t("summaryBottom.reverseVat", { amount: t }), i;
-      }
-      return this.houseWorkType && (i = this._document.$t("deduction.afterType", { type: `${this.houseWorkType}_percentage` })), this.showIncVat && (i += ` ${this._document.$t("vat.incVat", { thing: this._document.$t(`vat.${this.vatType}`) })}`), this.showIncVat || (i += ` ${this._document.$t("vat.exVat", { thing: this._document.$t(`vat.${this.vatType}`) })}`), i.capitalize();
-    },
-    backgroundSecondary() {
-      if (!this.isSmallScreen)
-        return { backgroundColor: "transparent" };
-      const i = this.backgroundColor.match(/(\d*\.)?\d+/g)[0], t = this.backgroundColor.match(/(\d*\.)?\d+/g)[1], e = this.backgroundColor.match(/(\d*\.)?\d+/g)[2], s = this.backgroundColor.match(/(\d*\.)?\d+/g)[3];
-      return {
-        backgroundColor: `hsla(${i}, ${t ** 0.9}%, ${e ** 0.9}%, ${s})`
-      };
-    },
-    isSmallScreen() {
-      return this.parentSize.width <= 576;
-    }
-  },
-  methods: {
-    priceFormat: d,
-    scrollToPricing() {
-      const i = document.querySelector("#price");
-      i && y(i);
-    }
-  }
-};
-var b = function() {
-  var t = this, e = t._self._c;
-  return e("section", { staticClass: "summary-bottom-root" }, [e("div", { staticClass: "summary-bottom", style: [
-    {
-      backgroundColor: t.backgroundColor,
-      color: t.tinycolor.readability(t.backgroundColor, "#FFF") > 2.2 ? "#FFF" : "#000"
-    },
-    t.options.length && {
-      overflow: "hidden",
-      padding: 0
-    }
-  ] }, [t.options.length ? e("div", { staticClass: "flex items-center justify-end w-full", staticStyle: { height: "108px" } }, [e("div", { staticStyle: { "text-align": "right", padding: "2rem" } }, [e("div", { staticStyle: { "font-size": "1.5rem", "font-weight": "900" } }, [t._v(t._s(t._document.$t("price.proposal")))]), e("div", [t._v(t._s(t._document.$t("summaryBottom.chooseFrom")))])]), e("div", { staticStyle: { "background-color": "hsla(0, 0%, 0%, 0.15)", paadding: "1rem 2rem", height: "100%", display: "inline-flex" } }, [t.base ? e("div", { staticStyle: { display: "flex", "flex-direction": "column", "align-items": "flex-start", "justify-content": "center", padding: "1rem 1rem", "text-align": "left" } }, [e("div", { staticStyle: { "font-weight": "900", "font-size": "1.5rem" } }, [t._v(t._s(t.priceFormat(t.base.prices.total, { currency: t.currency, decimals: 2, hideZeroDecimals: !0 })))]), e("div", [t._v("+ " + t._s(t._document.$tc("summaryBottom.option", { count: t.options.length })))])]) : e("div", { staticStyle: { padding: "2rem", display: "inline-flex", "align-items": "center", "justify-content": "center", "font-weight": "900", "font-size": "2.5rem" } }, [t._v(" " + t._s(t._document.$t("summaryBottom.noOfOptions", { count: t.options.length })) + " ")])]), e("div", { staticStyle: { "background-color": "hsla(0, 0%, 0%, 0.4)", overflow: "hidden", width: "1.5rem", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center", height: "100%", color: "hsla(0, 0%, 100%, 0.2)" } })]) : e("div", { staticClass: "flex justify-between w-full", class: [
-    {
-      column: t.isSmallScreen,
-      sm: t.isSmallScreen
-    }
-  ], staticStyle: { position: "relative" } }, [e("div", { staticClass: "flex flex-col w-full", class: [{ "fixed-price-type-string": t.isSmallScreen }], staticStyle: { "background-color": "hsl(224, 57%, 39%)" }, style: [t.backgroundSecondary] }, [e("div", { staticClass: "price-type-string data-text" }, [t._v(" " + t._s(t.priceTypeString) + " ")]), t.isSmallScreen ? t._e() : e("div", { staticClass: "price-deduction-text" }, [t._v(" " + t._s(t.priceDeductionVatString) + " ")])]), t.priceType.some((s) => ["openAcc", "openAccMaxPrice"].includes(s)) ? e("div", { staticClass: "open-acc-wrapper" }, [t.openAccMaxPrice ? e("div", { staticClass: "open-acc-item" }, [e("div", [t._v(t._s(t._document.$t("price.maxPrice").capitalize()) + " " + t._s(t._document.$t("vat.exVat", { thing: t._document.$t(`vat.${t.vatType}`) })) + ":")]), e("div", [t._v(t._s(t.priceFormat(t.openAccMaxPrice, { currency: t.currency })))])]) : t._e(), e("div", { staticClass: "open-acc-link" }, [t._v(" " + t._s(t._document.$t("see").capitalize()) + " "), e("span", { staticStyle: { color: "inherit", cursor: "pointer" }, on: { click: t.scrollToPricing } }, [e("u", [t._v(t._s(t._document.$t("price.price_plural")))])]), t._v(" " + t._s(t._document.$t("summaryBottom.forDetails")) + " ")])]) : e("div", { staticClass: "flex items-center w-full", class: [{ "justify-end": !t.isSmallScreen }] }, [e("div", { staticClass: "data-text", staticStyle: { "font-size": "2rem", "font-weight": "900", "letter-spacing": "1px", "line-height": "1", "padding-bottom": "0.3rem" } }, [t._v(" " + t._s(t.priceType.includes("approx") ? t._document.$t("approx").capitalize() : "") + " " + t._s(t.priceFormat(t.priceTotal, { currency: t.currency, decimals: 2, hideZeroDecimals: !0 })) + " ")])]), t.isSmallScreen ? e("div", { staticClass: "label-text caps price-deduction-text", staticStyle: { "margin-top": "4px" } }, [t._v(" " + t._s(t.priceDeductionVatString) + " ")]) : t._e()])])]);
-}, C = [], $ = /* @__PURE__ */ c(
-  x,
-  b,
-  C,
-  !1,
-  null,
-  "dd3b66e4",
-  null,
-  null
-);
-const w = $.exports;
-const T = {
-  name: "PriceHeader",
-  components: {
-    SummaryTop: S,
-    SummaryBottom: w,
-    BlockMedia: l
-  },
-  mixins: [n([
-    "media",
-    "backgroundColor",
-    "documentName",
-    "showPriceSummary",
-    "showLogo",
-    "logotype"
-  ])],
-  props: {
-    _document: {
-      type: Object,
-      default: () => ({})
-    },
-    _value: {
-      type: Object,
-      default: () => ({})
-    },
-    hasHover: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    internalName: {
-      get() {
-        return this.documentName;
-      },
-      set(i) {
-        this.documentName = i, this.$emit("input", { key: "data.name", value: u(i).trim().slice(0, 255) });
-      }
-    },
-    company() {
-      return this._document.sender.company;
-    },
-    prices() {
-      return this._document.prices;
-    },
-    estimatedTimeString() {
-      var e, s;
-      const { value: i, unitType: t } = ((s = (e = this._document) == null ? void 0 : e.data) == null ? void 0 : s.estimatedTime) || {};
-      return !i || !t ? null : this.$tc(`${t}`, { count: i });
-    },
-    sendAtShowDate() {
-      const { sentAt: i, scheduledFirstDelivery: t } = this._document;
-      return i || (t ? t.sendAt : null);
-    },
-    summaryBottom() {
-      var s;
-      let i = {
-        show: !1,
-        backgroundColor: this.backgroundColor || this._document.theme.priceSummaryBackground,
-        documentCurrency: this._document.currency,
-        vatType: this._document.vatType
-      }, { showPriceSummary: t } = this;
-      typeof t != "boolean" && ({ showPriceSummary: t } = this._document.theme);
-      const e = ((s = this._document.packageGroups) == null ? void 0 : s.packages) || [];
-      return e.length > 1 ? i = {
-        ...i,
-        show: t,
-        base: { prices: this.prices },
-        options: e.filter(({ toggable: r }) => r).map(({ prices: r }) => ({ prices: r }))
-      } : i = {
-        ...i,
-        show: t && this._document.readPrices && (this.prices.total || this.prices.type.some((r) => ["openAccMaxPrice", "openAcc"].includes(r))),
-        base: { prices: this.prices }
-      }, this.canEdit && t && (i.show = !0), i.documentCurrency || (i.show = !1), i;
-    }
-  }
-};
-var k = function() {
-  var s, r;
-  var t = this, e = t._self._c;
-  return e("div", [e("div", { staticClass: "doc-jumbotron-wrapper" }, [e("BlockMedia", { staticClass: "price-media-wrapper", attrs: { media: {
-    ...t.media,
-    resourceUrl: ((s = t.media) == null ? void 0 : s.resourceUrl) || t._document.theme.background,
-    overlayColor: ((r = t.media) == null ? void 0 : r.overlayColor) || t._document.theme.backgroundFilter
-  } } }), e("SummaryTop", { attrs: { _document: t._document, "show-logo": t.showLogo, logotype: t.logotype, "company-logotype": t.company.logotype, "sender-name": t.company.name, "doc-type": t._document.docNumber.series, "doc-name": t.internalName, "doc-number": t._document.docNumber.value, "sent-at": t.sendAtShowDate, "expires-at": t._document.expiresAt, "estimated-time": t.estimatedTimeString, "has-hover": t.hasHover }, on: { "update:showLogo": function(o) {
-    t.showLogo = o;
-  }, "update:show-logo": function(o) {
-    t.showLogo = o;
-  }, "update:logotype": function(o) {
-    t.logotype = o;
-  }, "update:docName": function(o) {
-    t.internalName = o;
-  }, "update:doc-name": function(o) {
-    t.internalName = o;
-  } } })], 1), t.summaryBottom.show ? e("SummaryBottom", t._b({ attrs: { _document: t._document } }, "SummaryBottom", t.summaryBottom, !1)) : t._e()], 1);
-}, A = [], B = /* @__PURE__ */ c(
-  T,
-  k,
-  A,
-  !1,
-  null,
-  "d570ff60",
-  null,
-  null
-);
-const E = B.exports;
-export {
-  E as default
-};

package/dist/VideoSelectModal-d2299552.js

@@ -1,111 +0,0 @@
-import { j as h, n as v, h as g } from "./main-04025a56.js";
-import { B as _, a as x } from "./index-bf93d7c2.js";
-import y from "./VideoPlayerInput-77cd86aa.js";
-import "./CDropdownItem-74672842.js";
-import "./throttle-a2c1f34d.js";
-import "./formValidationMixin-4920ab53.js";
-import "./simplebar.min-3af55aab.js";
-import "./utils-6670dea6.js";
-const V = h.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: _,
-    BackgroundList: x,
-    VideoPlayerInput: y
-  },
-  data() {
-    return {
-      activeTab: "pexels",
-      selectedVideo: null,
-      customVideo: null
-    };
-  },
-  methods: {
-    async fetch({ query: s, page: t }) {
-      const { data: e } = await g.get("https://api.pexels.com/videos/search", {
-        headers: {
-          Authorization: V
-        },
-        params: {
-          page: t,
-          per_page: 12,
-          query: s
-        }
-      }), o = (a, i) => a.height < i.height || a.width < i.width ? -1 : 1, u = (a) => (a.find(({ height: i }) => i > 1e3 && i < 1200) || {}).link;
-      return {
-        items: (e.videos || []).map(({
-          id: a,
-          image: i,
-          video_files: c = [],
-          user: d
-        }) => {
-          const { sd: m, hd: p } = (c || []).sort(o).reduce((r, n) => (r[n.quality] && n.link && r[n.quality].push(n.link), r), { sd: [], hd: [] }), [f] = m;
-          let l = u(c);
-          return l || ([l] = p.length ? p : m.slice(-1)), {
-            id: `${a}`,
-            image: i,
-            minImage: i,
-            video: l,
-            minVideo: f,
-            userName: d.name,
-            userLink: d.link
-          };
-        }),
-        total: e.total_results
-      };
-    },
-    selectVideo(s) {
-      const {
-        id: t,
-        image: e,
-        video: o
-      } = s || {};
-      this.selectedVideo = {
-        id: t,
-        url: o,
-        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", [e("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { padding: "0.25rem 1rem", "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(o) {
-    t.activeTab = "pexels";
-  } } }, [e("span", { staticStyle: { display: "inline-flex", "align-items": "center" } }, [e("svg", { staticStyle: { "margin-right": "0.5rem" }, 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(o) {
-    t.activeTab = "customUrl";
-  } } }, [e("span", { staticStyle: { display: "inline-flex", "align-items": "center" } }, [e("svg", { staticStyle: { "margin-right": "0.5rem" }, 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 flex-col items-center justify-center w-full" }, [e("div", { staticStyle: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "3rem" } }, [e("div", { staticStyle: { position: "relative", width: "100%", "padding-top": "56.25%", "background-color": "hsl(0, 0%, 95%)", "border-radius": "0.5em", "margin-bottom": "1.5rem" } }, [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(o) {
-    t.customVideo = o;
-  }, 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__ */ v(
-  w,
-  b,
-  k,
-  !1,
-  null,
-  "184fafdd",
-  null,
-  null
-);
-const j = S.exports;
-export {
-  j as default
-};