@cling-se/widget 0.19.7 → 0.19.9

package/dist/{DocumentVoided-SG_ShMmc.js → DocumentVoided-3F7DChD4.js}

@@ -1,4 +1,4 @@
-import { _ as c, o as s, b as d, j as t, d as i, t as o, e as a } from "./main-C2Q8_T2Y.js";
+import { _ as c, b as s, d, o as i, j as t, f as a, t as o } from "./main-BkjAGG46.js";
 const r = {
   name: "DocumentVoided",
   props: {
@@ -9,10 +9,10 @@ const r = {
   }
 }, l = { class: "grid h-full place-items-center text-center" }, m = { class: "py-12" }, _ = ["textContent"], u = ["textContent"];
 function p(x, f, e, C, h, y) {
-  const n = a("CIcon");
-  return s(), d("div", l, [
+  const n = s("CIcon");
+  return i(), d("div", l, [
     t("div", m, [
-      i(n, {
+      a(n, {
         type: "info",
         class: "text-primary-500 mb-2"
       }),

package/dist/{EmbedInput-CJL5y3Zj.js → EmbedInput-iG-cDNzZ.js}

@@ -1,6 +1,6 @@
-import { _ as p } from "./CFormField.vue_vue_type_script_setup_true_lang-CVy64zGe.js";
-import { u as f } from "./index-B86TZXOh.js";
-import { n as h, _ as b, a9 as g, e as d, o as w, c as V, w as l, d as o, x as _, t as v, Y as y } from "./main-C2Q8_T2Y.js";
+import { _ as p } from "./CFormField.vue_vue_type_script_setup_true_lang-HLxgkrxm.js";
+import { u as f } from "./index-DsvlNA3Q.js";
+import { af as h, _ as b, X as g, b as d, c as w, o as V, w as l, f as o, q as _, t as v, W as y } from "./main-BkjAGG46.js";
 const z = (e) => {
   const a = new DOMParser().parseFromString(e, "text/html"), [i] = h(a, "body.children") || [];
   return !i || i.tagName !== "IFRAME" ? {} : Array.from(i.attributes).reduce(
@@ -11,9 +11,9 @@ const z = (e) => {
   if (typeof e != "object" || !e) return "";
   const t = document.createElement("iframe");
   return Object.keys(e).forEach((a) => t.setAttribute(a, e[a])), t.hasAttribute("src") ? t.outerHTML : "";
-}, x = (e) => /^(?:https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi.test(
+}, F = (e) => /^(?:https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi.test(
   e
-), F = {
+), x = {
   name: "EmbedInput",
   i18nOptions: {
     namespaces: "embedInput",
@@ -67,7 +67,7 @@ const z = (e) => {
   },
   validations() {
     return {
-      embed: { isValid: (e) => e && x(e.src) }
+      embed: { isValid: (e) => e && F(e.src) }
     };
   },
   computed: {
@@ -99,7 +99,7 @@ const z = (e) => {
 };
 function A(e, t, a, i, s, n) {
   const r = d("CInput"), m = d("CField"), c = d("CButton");
-  return w(), V(m, {
+  return V(), w(m, {
     grouped: !a.isDrawerMode,
     style: y(
       a.isDrawerMode && {
@@ -150,7 +150,7 @@ function A(e, t, a, i, s, n) {
     _: 1
   }, 8, ["grouped", "style"]);
 }
-const S = /* @__PURE__ */ b(F, [["render", A]]);
+const S = /* @__PURE__ */ b(x, [["render", A]]);
 export {
   S as default
 };

package/dist/{EmbedSettings-B0X6A9Uy.js → EmbedSettings-DhwFGdKH.js}

@@ -1,6 +1,6 @@
-import { b as h } from "./CDropdownItem-B5rgSee7.js";
-import z from "./EmbedInput-CJL5y3Zj.js";
-import { _ as g, e as d, o, b as a, j as s, t as n, d as r, F as _, G as f, y as b, f as y } from "./main-C2Q8_T2Y.js";
+import { b as h } from "./CDropdownItem-B9dja0RC.js";
+import z from "./EmbedInput-iG-cDNzZ.js";
+import { _ as g, b as d, d as o, o as a, j as s, f as r, t as n, e as _, F as f, n as b, x as y } from "./main-BkjAGG46.js";
 const C = {
   i18nOptions: {
     namespaces: "embedSettings",
@@ -58,9 +58,9 @@ const C = {
   key: 0,
   style: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "padding-top": "5px" }
 }, F = ["onClick"], $ = ["innerHTML"];
-function D(e, i, l, T, x, m) {
+function x(e, i, l, D, T, m) {
   const p = d("EmbedInput"), u = d("CSwitch");
-  return o(), a("div", H, [
+  return a(), o("div", H, [
     s("div", S, [
       s("div", V, n(e.$t("title").capitalize()), 1),
       s("div", M, n(e.$t("subTitle")), 1),
@@ -81,23 +81,23 @@ function D(e, i, l, T, x, m) {
           "onUpdate:modelValue": i[1] || (i[1] = (t) => e.$emit("update:size", t ? "small" : null))
         }, null, 8, ["model-value"])
       ]),
-      l.size ? (o(), a("div", B, [
-        (o(!0), a(_, null, f(m.sizeOptions, ({ value: t, svg: v }, c) => (o(), a("div", {
+      l.size ? (a(), o("div", B, [
+        (a(!0), o(f, null, b(m.sizeOptions, ({ value: t, svg: v }, c) => (a(), o("div", {
           key: c,
           class: "size-option",
           onClick: (I) => e.$emit("update:size", t)
         }, [
-          (o(), a("svg", {
-            class: b([{ "is-active": l.size === t }, "size-option-image"]),
+          (a(), o("svg", {
+            class: y([{ "is-active": l.size === t }, "size-option-image"]),
             viewBox: "0 0 99 65",
             innerHTML: v
           }, null, 10, $))
         ], 8, F))), 128))
-      ])) : y("", !0)
+      ])) : _("", !0)
     ])
   ]);
 }
-const N = /* @__PURE__ */ g(C, [["render", D], ["__scopeId", "data-v-157de8e2"]]);
+const j = /* @__PURE__ */ g(C, [["render", x], ["__scopeId", "data-v-157de8e2"]]);
 export {
-  N as default
+  j as default
 };

package/dist/{ErrorCallout-xCSfpQWV.js → ErrorCallout-CyqQ9iRV.js}

@@ -1,34 +1,34 @@
-import { aj as n, at as i, Q as a, o as m, b as p, j as t, d, t as _, y as r, Y as u, e as y, _ as v } from "./main-C2Q8_T2Y.js";
-const g = /* @__PURE__ */ n({
+import { a7 as n, az as i, H as a, b as m, d as p, o as d, j as t, f as _, t as u, x as r, W as v, _ as y } from "./main-BkjAGG46.js";
+const f = /* @__PURE__ */ n({
   __name: "ErrorCallout",
   props: {
     message: {},
     size: { default: "normal" }
   },
-  setup(C) {
+  setup(g) {
     const e = i(), o = a(() => e.style), l = a(() => e.class);
-    return (s, f) => {
-      const c = y("CIcon");
-      return m(), p("div", {
+    return (s, C) => {
+      const c = m("CIcon");
+      return d(), p("div", {
         class: r([[l.value], "flex items-center"]),
-        style: u([{ "margin-top": "calc(1 * var(--rem))" }, [o.value]]),
+        style: v([{ "margin-top": "calc(1 * var(--rem))" }, [o.value]]),
         "data-type": "error-callout"
       }, [
         t("div", {
           class: r([[`is-${s.size}`], "error-wrapper bg-red-50 text-red-500"]),
           style: { margin: "calc(1 * var(--rem)) 0" }
         }, [
-          d(c, {
+          _(c, {
             type: "alert",
             size: "18",
             style: { "margin-right": "0.5em", flex: "0 0 18px" }
           }),
-          t("div", null, _(s.message), 1)
+          t("div", null, u(s.message), 1)
         ], 2)
       ], 6);
     };
   }
-}), z = /* @__PURE__ */ v(g, [["__scopeId", "data-v-32b00685"]]);
+}), z = /* @__PURE__ */ y(f, [["__scopeId", "data-v-32b00685"]]);
 export {
   z as E
 };

package/dist/{FilePreviewModal-Da_pMUoO.js → FilePreviewModal-CEUhUuh4.js}

@@ -1,10 +1,10 @@
-import { V as p } from "./PdfViewer-o2vb6Fya.js";
-import { _ as h, S as k, e as m, aa as y, o, b as i, j as n, t as x, I as a, y as v, c as g, f as w, ab as I } from "./main-C2Q8_T2Y.js";
+import { V as c } from "./PdfViewer-DMAcTVND.js";
+import { _ as h, S as k, b as m, a4 as y, d as i, o, j as n, t as x, u as a, x as v, c as g, e as w, an as I } from "./main-BkjAGG46.js";
 const C = {
   name: "FilesPreviewModal",
   components: {
     Spinner: k,
-    VuePdf: p
+    VuePdf: c
   },
   emits: ["close"],
   props: {
@@ -64,7 +64,7 @@ const C = {
   class: "pdf-root"
 }, E = ["src"];
 function G(t, e, r, S, s, u) {
-  const c = m("Spinner"), f = m("VuePdf"), l = y("tooltip");
+  const f = m("Spinner"), p = m("VuePdf"), l = y("tooltip");
   return o(), i("div", L, [
     e[11] || (e[11] = n("div", { class: "image-modal-overlay" }, null, -1)),
     n("div", b, [
@@ -172,13 +172,13 @@ function G(t, e, r, S, s, u) {
       style: { position: "relative" },
       onClick: e[6] || (e[6] = (d) => t.$emit("close"))
     }, [
-      s.isLoading ? (o(), g(c, {
+      s.isLoading ? (o(), g(f, {
         key: 0,
         size: "50px",
         style: { position: "absolute", left: "50%", top: "50%", transform: "translate(-50%, -50%)" }
       })) : w("", !0),
       u.isPdf ? (o(), i("div", j, [
-        (o(), g(f, {
+        (o(), g(p, {
           key: this.currentIndex,
           src: r.list[s.currentIndex].url,
           class: "pdf-page",
@@ -197,7 +197,7 @@ function G(t, e, r, S, s, u) {
     ])
   ]);
 }
-const K = /* @__PURE__ */ h(C, [["render", G], ["__scopeId", "data-v-9ac1ca75"]]);
+const K = /* @__PURE__ */ h(C, [["render", G], ["__scopeId", "data-v-fd12176b"]]);
 export {
   K as default
 };

package/dist/{Flag-wXawyyMO.js → Flag-Bza5Ltob.js}

@@ -1,4 +1,4 @@
-import { _ as i, o as c, b as r, y as d, f as u } from "./main-C2Q8_T2Y.js";
+import { _ as i, d as c, e as r, o as d, x as u } from "./main-BkjAGG46.js";
 const f = {
   name: "FlagIcon",
   props: {
@@ -24,16 +24,16 @@ const f = {
   }
 }, m = ["title"];
 function g(o, n, t, s, e, a) {
-  return t.region ? (c(), r("span", {
+  return t.region ? (d(), c("span", {
     key: 0,
-    class: d([[
+    class: u([[
       `fi-${t.region.toLowerCase()}`,
       {
         fis: t.isSquared
       }
     ], "fi"]),
     title: t.title || t.region
-  }, null, 10, m)) : u("", !0);
+  }, null, 10, m)) : r("", !0);
 }
 const h = /* @__PURE__ */ i(f, [["render", g]]);
 export {

package/dist/{HeaderSettings-CD3y6-uY.js → HeaderSettings-kEbuiv0n.js}

@@ -1,13 +1,13 @@
-import { m as F } from "./mapFormMixin-CjfqZnmd.js";
-import { T as U } from "./ThemeColorRow-CScTIcPB.js";
-import j from "./VideoPlayerInput-BDzjZ2St.js";
-import P from "./ImageUploadWrapper-CwKe3Iq7.js";
-import { B as H, a as $ } from "./index-D0Qee2OX.js";
-import { h as S, _ as A, ae as V, an as R, e as g, o as a, c as x, w as c, j as l, b as u, F as _, G as L, Y as B, t as h, d as p, x as w, f as I, X as O, aV as D, B as W, I as q, ab as M, aW as N, y as z, A as E } from "./main-C2Q8_T2Y.js";
-import { _ as K } from "./CFormField.vue_vue_type_script_setup_true_lang-CVy64zGe.js";
-import { b as G } from "./CDropdownItem-B5rgSee7.js";
-import { t as X } from "./template-DzrGrOEa.js";
-const T = S.unsplash.id, Y = S.pexels.id, J = {
+import { m as F } from "./mapFormMixin-DLFNPgNO.js";
+import { T as U } from "./ThemeColorRow-oW3xS1pa.js";
+import j from "./VideoPlayerInput-CtTe4JW4.js";
+import P from "./ImageUploadWrapper-CKJXUAkn.js";
+import { B as H, a as $ } from "./index-BSCAjn53.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-BkjAGG46.js";
+import { _ as K } from "./CFormField.vue_vue_type_script_setup_true_lang-HLxgkrxm.js";
+import { b as G } from "./CDropdownItem-B9dja0RC.js";
+import { t as J } from "./template-Cvzvayl5.js";
+const T = S.unsplash.id, Q = S.pexels.id, X = {
   name: "MediaSelectModal",
   i18nOptions: {
     namespaces: "mediaSelectModal",
@@ -27,8 +27,8 @@ const T = S.unsplash.id, Y = S.pexels.id, J = {
     }
   },
   components: {
-    BackgroundModal: H,
-    BackgroundList: $,
+    BackgroundModal: $,
+    BackgroundList: H,
     VideoPlayerInput: j,
     ImageUploadWrapper: P
   },
@@ -104,7 +104,7 @@ const T = S.unsplash.id, Y = S.pexels.id, J = {
     async fetchVideo({ query: e, page: t }) {
       const { data: r } = await V.get("https://api.pexels.com/videos/search", {
         headers: {
-          Authorization: Y
+          Authorization: Q
         },
         params: {
           page: t,
@@ -165,7 +165,7 @@ const T = S.unsplash.id, Y = S.pexels.id, J = {
       }, this.preferredColor && (e.preferredColor = this.preferredColor), this.$emit("input", e), this.$emit("close");
     }
   }
-}, Q = {
+}, Y = {
   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 = {
@@ -187,10 +187,10 @@ function he(e, t, r, n, s, o) {
     onClose: t[2] || (t[2] = (i) => e.$emit("close"))
   }, {
     header: c(() => [
-      l("div", Q, [
-        (a(!0), u(_, null, L(s.tabs, (i, y) => (a(), x(d, {
+      l("div", Y, [
+        (a(!0), u(_, null, B(s.tabs, (i, y) => (a(), x(d, {
           key: y,
-          style: B([{ "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, s.activeTab === i.value && { opacity: 1 }]),
+          style: z([{ "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(() => [
@@ -234,7 +234,7 @@ function he(e, t, r, n, s, o) {
               key: 0,
               src: s.customVideo.url,
               class: "custom-video-preview"
-            }, null, 8, le)) : I("", !0)
+            }, null, 8, le)) : L("", !0)
           ]),
           p(C, {
             modelValue: s.customVideo,
@@ -274,7 +274,7 @@ function he(e, t, r, n, s, o) {
                 }, null, 8, de)) : (a(), u("div", ce, [
                   p(d, {
                     loading: !!i && i < 100,
-                    style: B(s.customImage && { opacity: 0.5 }),
+                    style: z(s.customImage && { opacity: 0.5 }),
                     "icon-left": "upload",
                     type: "none"
                   }, {
@@ -307,12 +307,12 @@ function he(e, t, r, n, s, o) {
     _: 1
   });
 }
-const pe = /* @__PURE__ */ A(J, [["render", he], ["__scopeId", "data-v-e6251bf7"]]), ge = {
+const pe = /* @__PURE__ */ A(X, [["render", he], ["__scopeId", "data-v-e6251bf7"]]), ge = {
   name: "CRadioButton",
   components: {
-    CButton: O
+    CButton: D
   },
-  mixins: [D],
+  mixins: [O],
   props: {
     type: {
       type: String,
@@ -329,14 +329,14 @@ const pe = /* @__PURE__ */ A(J, [["render", he], ["__scopeId", "data-v-e6251bf7"
 function ve(e, t, r, n, s, o) {
   const d = g("CButton");
   return a(), u("div", {
-    class: z([{ "is-expanded": r.expanded }, "control"])
+    class: I([{ "is-expanded": r.expanded }, "control"])
   }, [
     p(d, {
       ref: "label",
       tag: "label",
       type: e.newValue === e.nativeValue ? r.type : null,
       size: e.size,
-      class: z([[{ "is-disabled": e.disabled, "is-focused": s.isFocused }], "c-radio radio button"]),
+      class: I([[{ "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"]))
@@ -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 = X.readability(e, "#fff") < 1.8 ? "#111111" : "#FFFFFF");
+      this._document.isDirty(this._value.textColor) || (this.textColor = J.readability(e, "#fff") < 1.8 ? "#111111" : "#FFFFFF");
     }
   },
   methods: {
@@ -542,10 +542,10 @@ const fe = /* @__PURE__ */ A(ge, [["render", ve]]), we = {
 }, Le = {
   class: "d-option",
   style: { "padding-bottom": "0.5em" }
-}, Be = {
+}, ze = {
   key: 0,
   class: "d-option"
-}, Ie = { class: "d-option-title" }, ze = { style: { flex: "1 1 auto" } }, Ae = {
+}, Be = { class: "d-option-title" }, Ie = { style: { flex: "1 1 auto" } }, Ae = {
   key: 0,
   class: "d-option-row",
   style: { "padding-top": "1em" }
@@ -565,7 +565,7 @@ function je(e, t, r, n, s, o) {
         style: { "padding-bottom": "calc(0.5 * var(--rem))" }
       }, " Layouts ", -1)),
       l("div", be, [
-        (a(!0), u(_, null, L(o.layoutOptions, ({ isActive: i, onClick: y, icon: f }, v) => (a(), x(d, {
+        (a(!0), u(_, null, B(o.layoutOptions, ({ isActive: i, onClick: y, icon: f }, v) => (a(), x(d, {
           key: v,
           type: i ? "secondary" : "none",
           pattern: i ? "primary" : "secondary",
@@ -594,7 +594,7 @@ function je(e, t, r, n, s, o) {
     l("div", _e, [
       l("div", Ve, h(e.$t("_common:background").capitalize()), 1),
       l("div", {
-        style: B({
+        style: z({
           backgroundImage: `url(${o.background || o.theme.background})`
         }),
         class: "d-option-button-image",
@@ -614,9 +614,9 @@ function je(e, t, r, n, s, o) {
         _: 1
       }, 8, ["value"])
     ]),
-    e.layout === "price" ? (a(), u("div", Be, [
-      l("div", Ie, [
-        l("div", ze, h(e.$t(
+    e.layout === "price" ? (a(), u("div", ze, [
+      l("div", Be, [
+        l("div", Ie, h(e.$t(
           "components:account.documentForm.settings.priceSummaryBackground"
         )), 1),
         p(C, {
@@ -640,7 +640,7 @@ function je(e, t, r, n, s, o) {
           ]),
           _: 1
         }, 8, ["value"])
-      ])) : I("", !0)
+      ])) : L("", !0)
     ])) : (a(), u(_, { key: 1 }, [
       e.layout !== "center" ? (a(), u("div", Me, [
         p(m, {
@@ -657,7 +657,7 @@ function je(e, t, r, n, s, o) {
           ]),
           _: 1
         }, 8, ["value"])
-      ])) : I("", !0),
+      ])) : L("", !0),
       l("div", Te, [
         p(m, {
           value: e.textColor || "",
@@ -679,7 +679,7 @@ function je(e, t, r, n, s, o) {
         l("div", Fe, h(e.$t("_common:textAlign").capitalize()), 1),
         p(b, { style: { "margin-left": "auto" } }, {
           default: c(() => [
-            (a(!0), u(_, null, L(s.alignOptions, ({ value: i, icon: y }, f) => (a(), x(k, {
+            (a(!0), u(_, null, B(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: z(!e.textAlign && "text-gray-400"),
+              class: I(!e.textAlign && "text-gray-400"),
               size: "small"
             }, {
               default: c(() => [

package/dist/{ImageSelectModal-DatnXHH1.js → ImageSelectModal-MDduQIdS.js}

@@ -1,7 +1,7 @@
-import _ from "./ImageUploadWrapper-CwKe3Iq7.js";
-import { B as I, a as B } from "./index-D0Qee2OX.js";
-import { _ as k, h as U, ae as i, an as v, e as n, o as C, c as S, w as a, d as l, x as m, t as p } from "./main-C2Q8_T2Y.js";
-const u = U.unsplash.id, $ = {
+import _ from "./ImageUploadWrapper-CKJXUAkn.js";
+import { B as I, a as B } from "./index-BSCAjn53.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-BkjAGG46.js";
+const u = S.unsplash.id, $ = {
   name: "ImageSelectModal",
   i18nOptions: {
     namespaces: "imageSelectModal",
@@ -15,8 +15,8 @@ const u = U.unsplash.id, $ = {
     }
   },
   components: {
-    BackgroundModal: I,
-    BackgroundList: B,
+    BackgroundModal: B,
+    BackgroundList: I,
     ImageUploadWrapper: _
   },
   emits: ["input", "change", "close"],
@@ -27,7 +27,7 @@ const u = U.unsplash.id, $ = {
   },
   methods: {
     async fetch({ query: e, page: t }) {
-      const { data: r } = await i.get(
+      const { data: r } = await p.get(
         "https://api.unsplash.com/search/photos",
         {
           params: {
@@ -48,9 +48,9 @@ const u = U.unsplash.id, $ = {
       };
     },
     selectImage(e) {
-      this.selectedUrl = v(e.image, { w: 1800 });
+      this.selectedUrl = C(e.image, { w: 1800 });
       const t = new Image();
-      t.src = this.selectedUrl, i.get(e.links.download_location, {
+      t.src = this.selectedUrl, p.get(e.links.download_location, {
         params: {
           client_id: u
         }
@@ -65,12 +65,12 @@ const u = U.unsplash.id, $ = {
   }
 };
 function w(e, t, r, o, y, s) {
-  const d = n("CButton"), g = n("ImageUploadWrapper"), h = n("BackgroundList"), f = n("BackgroundModal");
-  return C(), S(f, {
+  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"))
   }, {
     default: a(() => [
-      l(h, {
+      l(f, {
         fetch: s.fetch,
         "credit-text": e.$t("creditImages", { thing: "Unsplash" }),
         "default-query": "architecture",
@@ -89,7 +89,7 @@ function w(e, t, r, o, y, s) {
                 type: "none"
               }, {
                 default: a(() => [
-                  m(p(e.$t("_common:upload")), 1)
+                  i(m(e.$t("_common:upload")), 1)
                 ]),
                 _: 2
               }, 1032, ["loading"])
@@ -102,7 +102,7 @@ function w(e, t, r, o, y, s) {
             onClick: s.onSave
           }, {
             default: a(() => [
-              m(p(e.$t("_common:save")), 1)
+              i(m(e.$t("_common:save")), 1)
             ]),
             _: 1
           }, 8, ["onClick"])
@@ -113,7 +113,7 @@ function w(e, t, r, o, y, s) {
     _: 1
   });
 }
-const b = /* @__PURE__ */ k($, [["render", w], ["__scopeId", "data-v-b5f43c6b"]]);
+const x = /* @__PURE__ */ k($, [["render", w], ["__scopeId", "data-v-b5f43c6b"]]);
 export {
-  b as default
+  x as default
 };