@cling-se/widget 0.19.10 → 0.19.12

package/dist/{HeaderSettings-BT4TlFdj.js → HeaderSettings-BHxv6zbP.js}

@@ -1,13 +1,13 @@
-import { m as F } from "./mapFormMixin-zL_x65Dt.js";
-import { T as U } from "./ThemeColorRow-DoH8zauR.js";
-import j from "./VideoPlayerInput-BrrB9oVk.js";
-import P from "./ImageUploadWrapper-Bt0uozSl.js";
-import { B as H, a as $ } from "./index-C9jrUexY.js";
-import { _ as A, b as g, c as x, o as a, w as c, d as u, f as p, q as w, t as h, j as l, e as L, W as z, F as _, n as B, au as R, a5 as V, i as S, b6 as O, a0 as D, T as W, u as q, an as M, b7 as N, ai as E, x as I } from "./main-ByMVnwS5.js";
-import { _ as K } from "./CFormField.vue_vue_type_script_setup_true_lang-CLNJpSL4.js";
-import { b as G } from "./CDropdownItem-D3_tCkkr.js";
-import { t as J } from "./template-gCGJogwx.js";
-const T = S.unsplash.id, Q = S.pexels.id, X = {
+import { m as S } from "./mapFormMixin-CLZO7uaz.js";
+import { T as F } from "./ThemeColorRow-ko7tiZab.js";
+import U from "./VideoPlayerInput-FAAwDDpw.js";
+import j from "./ImageUploadWrapper-COMLuYyW.js";
+import { B as P, a as H } from "./index-CMbTkNvA.js";
+import { _ as I, b as g, c as x, o as a, w as c, d as u, f as p, q as w, t as h, j as l, e as z, W as B, F as _, n as A, au as $, a5 as V, i as L, b6 as R, a0 as O, T as D, u as W, an as T, b7 as q, ai as N, x as M } from "./main-2MP6slUA.js";
+import { _ as E } from "./CFormField.vue_vue_type_script_setup_true_lang-S2cfSMeh.js";
+import { b as K } from "./CDropdownItem-BfdpY3v0.js";
+import { t as G } from "./template-D41MKsNw.js";
+const J = {
   name: "MediaSelectModal",
   i18nOptions: {
     namespaces: "mediaSelectModal",
@@ -27,10 +27,10 @@ const T = S.unsplash.id, Q = S.pexels.id, X = {
     }
   },
   components: {
-    BackgroundModal: $,
-    BackgroundList: H,
-    VideoPlayerInput: j,
-    ImageUploadWrapper: P
+    BackgroundModal: H,
+    BackgroundList: P,
+    VideoPlayerInput: U,
+    ImageUploadWrapper: j
   },
   emits: ["input", "close"],
   props: {
@@ -87,7 +87,7 @@ const T = S.unsplash.id, Q = S.pexels.id, X = {
           params: {
             page: t,
             per_page: 12,
-            client_id: T,
+            client_id: L.unsplash.id,
             query: e
           }
         }
@@ -104,7 +104,7 @@ const T = S.unsplash.id, Q = S.pexels.id, X = {
     async fetchVideo({ query: e, page: t }) {
       const { data: r } = await V.get("https://api.pexels.com/videos/search", {
         headers: {
-          Authorization: Q
+          Authorization: L.pexels.id
         },
         params: {
           page: t,
@@ -135,11 +135,11 @@ const T = S.unsplash.id, Q = S.pexels.id, X = {
       };
     },
     selectImage({ image: e, links: t, color: r }) {
-      this.selectedImage = R(e, { w: 1800 }), r && (this.preferredColor = r);
+      this.selectedImage = $(e, { w: 1800 }), r && (this.preferredColor = r);
       const n = new Image();
       n.src = this.selectedImage, V.get(t.download_location, {
         params: {
-          client_id: T
+          client_id: L.unsplash.id
         }
       });
     },
@@ -165,40 +165,40 @@ const T = S.unsplash.id, Q = S.pexels.id, X = {
       }, this.preferredColor && (e.preferredColor = this.preferredColor), this.$emit("input", e), this.$emit("close");
     }
   }
-}, Y = {
+}, Q = {
   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%)" }
-}, Z = { class: "inline-flex items-center justify-center" }, ee = ["innerHTML"], te = { class: "max-md:!hidden" }, oe = {
+}, X = { class: "inline-flex items-center justify-center" }, Y = ["innerHTML"], Z = { class: "max-md:!hidden" }, ee = {
   key: 1,
   class: "flex w-full flex-col items-center justify-center"
-}, ie = { style: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "calc(3 * var(--rem))" } }, se = { 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))" } }, le = ["src"], re = {
+}, te = { style: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "calc(3 * var(--rem))" } }, oe = { 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))" } }, ie = ["src"], se = {
   key: 2,
   class: "flex flex-col items-center justify-center"
-}, ae = { style: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "calc(3 * var(--rem))" } }, ne = { class: "relative mb-6 w-full" }, de = ["src", "alt"], ce = {
+}, le = { style: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "calc(3 * var(--rem))" } }, re = { class: "relative mb-6 w-full" }, ae = ["src", "alt"], ne = {
   key: 1,
   class: "flex aspect-video flex-col items-center justify-center rounded-md bg-gray-100"
-}, ue = {
+}, de = {
   style: { "padding-top": "calc(1 * var(--rem))", "font-size": "14px", "max-width": "40ch" },
   class: "text-center text-gray-600"
-}, me = { class: "flex items-center justify-center" };
-function he(e, t, r, n, s, o) {
+}, ce = { class: "flex items-center justify-center" };
+function ue(e, t, r, n, s, o) {
   const d = g("CButton"), m = g("BackgroundList"), C = g("VideoPlayerInput"), k = g("ImageUploadWrapper"), b = g("BackgroundModal");
   return a(), x(b, {
     onClose: t[2] || (t[2] = (i) => e.$emit("close"))
   }, {
     header: c(() => [
-      l("div", Y, [
-        (a(!0), u(_, null, B(s.tabs, (i, y) => (a(), x(d, {
+      l("div", Q, [
+        (a(!0), u(_, null, A(s.tabs, (i, y) => (a(), x(d, {
           key: y,
-          style: z([{ "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, s.activeTab === i.value && { opacity: 1 }]),
+          style: B([{ "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, s.activeTab === i.value && { opacity: 1 }]),
           onClick: (f) => s.activeTab = i.value
         }, {
           default: c(() => [
-            l("span", Z, [
+            l("span", X, [
               l("div", {
                 innerHTML: i.icon
-              }, null, 8, ee),
-              l("span", te, h(i.label), 1)
+              }, null, 8, Y),
+              l("span", Z, h(i.label), 1)
             ])
           ]),
           _: 2
@@ -227,14 +227,14 @@ function he(e, t, r, n, s, o) {
           }, 8, ["disabled", "onClick"])
         ]),
         _: 1
-      }, 8, ["fetch", "credit-text"])) : s.activeTab === "customVideo" ? (a(), u("div", oe, [
-        l("div", ie, [
-          l("div", se, [
+      }, 8, ["fetch", "credit-text"])) : s.activeTab === "customVideo" ? (a(), u("div", ee, [
+        l("div", te, [
+          l("div", oe, [
             s.customVideo ? (a(), u("iframe", {
               key: 0,
               src: s.customVideo.url,
               class: "custom-video-preview"
-            }, null, 8, le)) : L("", !0)
+            }, null, 8, ie)) : z("", !0)
           ]),
           p(C, {
             modelValue: s.customVideo,
@@ -257,24 +257,24 @@ function he(e, t, r, n, s, o) {
             _: 1
           }, 8, ["modelValue"])
         ])
-      ])) : (a(), u("div", re, [
-        l("div", ae, [
+      ])) : (a(), u("div", se, [
+        l("div", le, [
           p(k, {
             ref: "uploadWrapper",
             "on-image-upload": o.setCustomBackground
           }, {
             default: c(({ progress: i }) => [
-              l("div", ne, [
+              l("div", re, [
                 s.customImage ? (a(), u("img", {
                   key: 0,
                   src: s.customImage,
                   alt: s.customImage,
                   class: "h-full w-full object-cover object-scale-down object-top",
                   style: { "max-height": "500px" }
-                }, null, 8, de)) : (a(), u("div", ce, [
+                }, null, 8, ae)) : (a(), u("div", ne, [
                   p(d, {
                     loading: !!i && i < 100,
-                    style: z(s.customImage && { opacity: 0.5 }),
+                    style: B(s.customImage && { opacity: 0.5 }),
                     "icon-left": "upload",
                     type: "none"
                   }, {
@@ -283,13 +283,13 @@ function he(e, t, r, n, s, o) {
                     ]),
                     _: 2
                   }, 1032, ["loading", "style"]),
-                  l("div", ue, h(e.$t("minWidth")), 1)
+                  l("div", de, h(e.$t("minWidth")), 1)
                 ]))
               ])
             ]),
             _: 1
           }, 8, ["on-image-upload"]),
-          l("div", me, [
+          l("div", ce, [
             p(d, {
               disabled: !s.customImage,
               type: "secondary",
@@ -307,12 +307,12 @@ function he(e, t, r, n, s, o) {
     _: 1
   });
 }
-const pe = /* @__PURE__ */ A(X, [["render", he], ["__scopeId", "data-v-e6251bf7"]]), ge = {
+const me = /* @__PURE__ */ I(J, [["render", ue], ["__scopeId", "data-v-a10d3066"]]), he = {
   name: "CRadioButton",
   components: {
-    CButton: D
+    CButton: O
   },
-  mixins: [O],
+  mixins: [R],
   props: {
     type: {
       type: String,
@@ -325,25 +325,25 @@ const pe = /* @__PURE__ */ A(X, [["render", he], ["__scopeId", "data-v-e6251bf7"
       isFocused: !1
     };
   }
-}, ye = ["disabled", "required", "name", "value"];
-function ve(e, t, r, n, s, o) {
+}, pe = ["disabled", "required", "name", "value"];
+function ge(e, t, r, n, s, o) {
   const d = g("CButton");
   return a(), u("div", {
-    class: I([{ "is-expanded": r.expanded }, "control"])
+    class: M([{ "is-expanded": r.expanded }, "control"])
   }, [
     p(d, {
       ref: "label",
       tag: "label",
       type: e.newValue === e.nativeValue ? r.type : null,
       size: e.size,
-      class: I([[{ "is-disabled": e.disabled, "is-focused": s.isFocused }], "c-radio radio button"]),
+      class: M([[{ "is-disabled": e.disabled, "is-focused": s.isFocused }], "c-radio radio button"]),
       disabled: e.disabledOrUndefined,
       onClick: e.focus,
-      onKeydown: t[4] || (t[4] = E(M((m) => e.$refs.$el.label.click(), ["prevent"]), ["enter"]))
+      onKeydown: t[4] || (t[4] = N(T((m) => e.$refs.$el.label.click(), ["prevent"]), ["enter"]))
     }, {
       default: c(() => [
-        W(e.$slots, "default"),
-        q(l("input", {
+        D(e.$slots, "default"),
+        W(l("input", {
           ref: "input",
           "onUpdate:modelValue": t[0] || (t[0] = (m) => e.computedValue = m),
           disabled: e.disabledOrUndefined,
@@ -351,28 +351,28 @@ function ve(e, t, r, n, s, o) {
           name: e.name,
           value: e.nativeValue,
           type: "radio",
-          onClick: t[1] || (t[1] = M(() => {
+          onClick: t[1] || (t[1] = T(() => {
           }, ["stop"])),
           onFocus: t[2] || (t[2] = (m) => s.isFocused = !0),
           onBlur: t[3] || (t[3] = (m) => s.isFocused = !1)
-        }, null, 40, ye), [
-          [N, e.computedValue]
+        }, null, 40, pe), [
+          [q, e.computedValue]
         ])
       ]),
       _: 3
     }, 8, ["type", "size", "class", "disabled", "onClick"])
   ], 2);
 }
-const fe = /* @__PURE__ */ A(ge, [["render", ve]]), we = {
+const ye = /* @__PURE__ */ I(he, [["render", ge]]), ve = {
   name: "HeaderSettings",
   components: {
-    ThemeColorRow: U,
-    CRadioButton: fe,
-    CSwitch: G,
-    CField: K
+    ThemeColorRow: F,
+    CRadioButton: ye,
+    CSwitch: K,
+    CField: E
   },
   mixins: [
-    F(
+    S(
       [
         "layout",
         "items",
@@ -505,7 +505,7 @@ const fe = /* @__PURE__ */ A(ge, [["render", ve]]), we = {
       this._document.isDirty(this._value.textAlign) || (this.textAlign = e === "center" ? e : "left");
     },
     backgroundColor(e) {
-      this._document.isDirty(this._value.textColor) || (this.textColor = J.readability(e, "#fff") < 1.8 ? "#111111" : "#FFFFFF");
+      this._document.isDirty(this._value.textColor) || (this.textColor = G.readability(e, "#fff") < 1.8 ? "#111111" : "#FFFFFF");
     }
   },
   methods: {
@@ -518,7 +518,7 @@ const fe = /* @__PURE__ */ A(ge, [["render", ve]]), we = {
     openBgModal() {
       const { type: e = "image" } = this.media || {};
       this.$modal.show(
-        pe,
+        me,
         {
           currentType: e
         },
@@ -536,36 +536,36 @@ const fe = /* @__PURE__ */ A(ge, [["render", ve]]), we = {
       );
     }
   }
-}, Ce = { class: "d-root" }, ke = { class: "d-option" }, be = { class: "grid grid-cols-3 gap-2 p-1" }, xe = ["innerHTML"], _e = { class: "d-option" }, Ve = {
+}, fe = { class: "d-root" }, we = { class: "d-option" }, Ce = { class: "grid grid-cols-3 gap-2 p-1" }, ke = ["innerHTML"], be = { class: "d-option" }, xe = {
   class: "d-option-title",
   style: { "padding-bottom": "calc(0.5 * var(--rem))" }
-}, Le = {
+}, _e = {
   class: "d-option",
   style: { "padding-bottom": "0.5em" }
-}, ze = {
+}, Ve = {
   key: 0,
   class: "d-option"
-}, Be = { class: "d-option-title" }, Ie = { style: { flex: "1 1 auto" } }, Ae = {
+}, Le = { class: "d-option-title" }, ze = { style: { flex: "1 1 auto" } }, Be = {
   key: 0,
   class: "d-option-row",
   style: { "padding-top": "1em" }
-}, Me = {
+}, Ae = {
   key: 0,
   class: "d-option"
-}, Te = { class: "d-option" }, Se = { class: "d-option flex w-full" }, Fe = {
+}, Me = { class: "d-option" }, Ie = { class: "d-option flex w-full" }, Te = {
   class: "d-option-title",
   style: { "margin-top": "calc(0.5 * var(--rem))" }
-}, Ue = ["innerHTML"];
-function je(e, t, r, n, s, o) {
+}, Se = ["innerHTML"];
+function Fe(e, t, r, n, s, o) {
   const d = g("CButton"), m = g("ThemeColorRow"), C = g("CSwitch"), k = g("CRadioButton"), b = g("CField");
-  return a(), u("div", Ce, [
-    l("div", ke, [
+  return a(), u("div", fe, [
+    l("div", we, [
       t[8] || (t[8] = l("div", {
         class: "d-option-title",
         style: { "padding-bottom": "calc(0.5 * var(--rem))" }
       }, " Layouts ", -1)),
-      l("div", be, [
-        (a(!0), u(_, null, B(o.layoutOptions, ({ isActive: i, onClick: y, icon: f }, v) => (a(), x(d, {
+      l("div", Ce, [
+        (a(!0), u(_, null, A(o.layoutOptions, ({ isActive: i, onClick: y, icon: f }, v) => (a(), x(d, {
           key: v,
           type: i ? "secondary" : "none",
           pattern: i ? "primary" : "secondary",
@@ -585,23 +585,23 @@ function je(e, t, r, n, s, o) {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               innerHTML: f
-            }, null, 8, xe))
+            }, null, 8, ke))
           ]),
           _: 2
         }, 1032, ["type", "pattern", "onClick"]))), 128))
       ])
     ]),
-    l("div", _e, [
-      l("div", Ve, h(e.$t("_common:background").capitalize()), 1),
+    l("div", be, [
+      l("div", xe, h(e.$t("_common:background").capitalize()), 1),
       l("div", {
-        style: z({
+        style: B({
           backgroundImage: `url(${o.background || o.theme.background})`
         }),
         class: "d-option-button-image",
         onClick: t[0] || (t[0] = (...i) => o.openBgModal && o.openBgModal(...i))
       }, null, 4)
     ]),
-    l("div", Le, [
+    l("div", _e, [
       p(m, {
         value: o.overlayColor || o.theme.backgroundFilter || "",
         placement: "auto",
@@ -614,9 +614,9 @@ function je(e, t, r, n, s, o) {
         _: 1
       }, 8, ["value"])
     ]),
-    e.layout === "price" ? (a(), u("div", ze, [
-      l("div", Be, [
-        l("div", Ie, h(e.$t(
+    e.layout === "price" ? (a(), u("div", Ve, [
+      l("div", Le, [
+        l("div", ze, h(e.$t(
           "components:account.documentForm.settings.priceSummaryBackground"
         )), 1),
         p(C, {
@@ -627,7 +627,7 @@ function je(e, t, r, n, s, o) {
           style: { "margin-right": "0" }
         }, null, 8, ["modelValue"])
       ]),
-      o.showPriceToggle ? (a(), u("div", Ae, [
+      o.showPriceToggle ? (a(), u("div", Be, [
         p(m, {
           value: e.backgroundColor || o.theme.priceSummaryBackground || "",
           "picker-options": { disableAlpha: !0 },
@@ -640,9 +640,9 @@ function je(e, t, r, n, s, o) {
           ]),
           _: 1
         }, 8, ["value"])
-      ])) : L("", !0)
+      ])) : z("", !0)
     ])) : (a(), u(_, { key: 1 }, [
-      e.layout !== "center" ? (a(), u("div", Me, [
+      e.layout !== "center" ? (a(), u("div", Ae, [
         p(m, {
           value: e.backgroundColor || o.theme.priceSummaryBackground || "",
           "picker-options": { disableAlpha: !0 },
@@ -657,8 +657,8 @@ function je(e, t, r, n, s, o) {
           ]),
           _: 1
         }, 8, ["value"])
-      ])) : L("", !0),
-      l("div", Te, [
+      ])) : z("", !0),
+      l("div", Me, [
         p(m, {
           value: e.textColor || "",
           "picker-options": { disableAlpha: !0 },
@@ -675,11 +675,11 @@ function je(e, t, r, n, s, o) {
           _: 1
         }, 8, ["value"])
       ]),
-      l("div", Se, [
-        l("div", Fe, h(e.$t("_common:textAlign").capitalize()), 1),
+      l("div", Ie, [
+        l("div", Te, h(e.$t("_common:textAlign").capitalize()), 1),
         p(b, { style: { "margin-left": "auto" } }, {
           default: c(() => [
-            (a(!0), u(_, null, B(s.alignOptions, ({ value: i, icon: y }, f) => (a(), x(k, {
+            (a(!0), u(_, null, A(s.alignOptions, ({ value: i, icon: y }, f) => (a(), x(k, {
               key: f,
               modelValue: e.textAlign,
               "onUpdate:modelValue": [
@@ -688,7 +688,7 @@ function je(e, t, r, n, s, o) {
               ],
               "native-value": i,
               type: e.textAlign ? "secondary" : "none",
-              class: I(!e.textAlign && "text-gray-400"),
+              class: M(!e.textAlign && "text-gray-400"),
               size: "small"
             }, {
               default: c(() => [
@@ -703,7 +703,7 @@ function je(e, t, r, n, s, o) {
                   "stroke-linejoin": "round",
                   style: { margin: "0" },
                   innerHTML: y
-                }, null, 8, Ue))
+                }, null, 8, Se))
               ]),
               _: 2
             }, 1032, ["modelValue", "native-value", "type", "class"]))), 128))
@@ -714,7 +714,7 @@ function je(e, t, r, n, s, o) {
     ], 64))
   ]);
 }
-const Ee = /* @__PURE__ */ A(we, [["render", je], ["__scopeId", "data-v-bccd31d9"]]);
+const qe = /* @__PURE__ */ I(ve, [["render", Fe], ["__scopeId", "data-v-bccd31d9"]]);
 export {
-  Ee as default
+  qe as default
 };

package/dist/{ImageSelectModal-DmlTZjg0.js → ImageSelectModal-D6qOJzjA.js}

@@ -1,7 +1,7 @@
-import _ from "./ImageUploadWrapper-Bt0uozSl.js";
-import { B as I, a as B } from "./index-C9jrUexY.js";
-import { _ as k, b as n, c as U, o as v, w as a, f as l, q as i, t as m, au as C, a5 as p, i as S } from "./main-ByMVnwS5.js";
-const u = S.unsplash.id, $ = {
+import _ from "./ImageUploadWrapper-COMLuYyW.js";
+import { B as I, a as B } from "./index-CMbTkNvA.js";
+import { _ as k, b as n, c as U, o as v, w as a, f as l, q as i, t as m, au as C, a5 as p, i as u } from "./main-2MP6slUA.js";
+const S = {
   name: "ImageSelectModal",
   i18nOptions: {
     namespaces: "imageSelectModal",
@@ -33,7 +33,7 @@ const u = S.unsplash.id, $ = {
           params: {
             page: t,
             per_page: 12,
-            client_id: u,
+            client_id: u.unsplash.id,
             query: e
           }
         }
@@ -52,7 +52,7 @@ const u = S.unsplash.id, $ = {
       const t = new Image();
       t.src = this.selectedUrl, p.get(e.links.download_location, {
         params: {
-          client_id: u
+          client_id: u.unsplash.id
         }
       });
     },
@@ -64,7 +64,7 @@ const u = S.unsplash.id, $ = {
     }
   }
 };
-function w(e, t, r, o, y, s) {
+function $(e, t, r, o, w, s) {
   const d = n("CButton"), g = n("ImageUploadWrapper"), f = n("BackgroundList"), h = n("BackgroundModal");
   return v(), U(h, {
     onClose: t[1] || (t[1] = (c) => e.$emit("close"))
@@ -113,7 +113,7 @@ function w(e, t, r, o, y, s) {
     _: 1
   });
 }
-const x = /* @__PURE__ */ k($, [["render", w], ["__scopeId", "data-v-b5f43c6b"]]);
+const x = /* @__PURE__ */ k(S, [["render", $], ["__scopeId", "data-v-c37f6178"]]);
 export {
   x as default
 };

package/dist/{ImageUploadWrapper-Bt0uozSl.js → ImageUploadWrapper-COMLuYyW.js}

@@ -1,5 +1,5 @@
-import re from "./BaseUpload-BoI75J6e.js";
-import { c as y, o as w, T as B, b as T, f as R, w as $, F as Et, n as Ct, ap as nt, u as Bt, v as Ut, R as st, e as ft, an as Rt, _ as kt, d as Ft, j as pt, q as ae, t as he, aB as ce } from "./main-ByMVnwS5.js";
+import re from "./BaseUpload-CoV5kPSh.js";
+import { c as y, o as w, T as B, b as T, f as R, w as $, F as Et, n as Ct, ap as nt, u as Bt, v as Ut, R as st, e as ft, an as Rt, _ as kt, d as Ft, j as pt, q as ae, t as he, aB as ce } from "./main-2MP6slUA.js";
 function Tt(t, e) {
   var i = Object.keys(t);
   if (Object.getOwnPropertySymbols) {