@cling-se/widget 0.19.6 → 0.19.8

package/dist/{DocumentVoided-D_YMyeV8.js → DocumentVoided-DlQtlO7G.js}

@@ -1,4 +1,4 @@
-import { _ as s, o as c, b as d, s as t, d as i, v as o, e as a } from "./main-WDVYC60Z.js";
+import { _ as c, b as s, d, o as i, j as t, f as a, t as o } from "./main-BayUZ9OO.js";
 const r = {
   name: "DocumentVoided",
   props: {
@@ -8,11 +8,11 @@ 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, v) {
-  const n = a("CIcon");
-  return c(), d("div", l, [
+function p(x, f, e, C, h, y) {
+  const n = s("CIcon");
+  return i(), d("div", l, [
     t("div", m, [
-      i(n, {
+      a(n, {
         type: "info",
         class: "text-primary-500 mb-2"
       }),
@@ -27,7 +27,7 @@ function p(x, f, e, C, h, v) {
     ])
   ]);
 }
-const V = /* @__PURE__ */ s(r, [["render", p]]);
+const v = /* @__PURE__ */ c(r, [["render", p]]);
 export {
-  V as D
+  v as D
 };

package/dist/{EmbedInput-Crx-LEGc.js → EmbedInput-B29usQZZ.js}

@@ -1,6 +1,6 @@
-import { _ as p } from "./CFormField.vue_vue_type_script_setup_true_lang-KdkAe_wn.js";
-import { u as f } from "./index-Dbe2ueXc.js";
-import { A as h, _ as b, ab as g, e as d, o as w, c as v, w as l, d as o, H as V, v as _, l as y } from "./main-WDVYC60Z.js";
+import { _ as p } from "./CFormField.vue_vue_type_script_setup_true_lang-Bi0MjQdW.js";
+import { u as f } from "./index-C3pnyYI4.js";
+import { ae 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-BayUZ9OO.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 : "";
-}, A = (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 && A(e.src) }
+      embed: { isValid: (e) => e && F(e.src) }
     };
   },
   computed: {
@@ -97,9 +97,9 @@ const z = (e) => {
     }
   }
 };
-function x(e, t, a, i, s, n) {
+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 && {
@@ -142,7 +142,7 @@ function x(e, t, a, i, s, n) {
         onClick: t[1] || (t[1] = (u) => n.validateInput(s.iFrameTplString))
       }, {
         default: l(() => [
-          V(_(e.$t("_common:add")), 1)
+          _(v(e.$t("_common:add")), 1)
         ]),
         _: 1
       }, 8, ["disabled", "size"])
@@ -150,7 +150,7 @@ function x(e, t, a, i, s, n) {
     _: 1
   }, 8, ["grouped", "style"]);
 }
-const S = /* @__PURE__ */ b(F, [["render", x]]);
+const S = /* @__PURE__ */ b(x, [["render", A]]);
 export {
   S as default
 };

package/dist/{EmbedSettings-xIGtEN7L.js → EmbedSettings-D-9rcSn0.js}

@@ -1,6 +1,6 @@
-import { b as h } from "./CDropdownItem-BuQONogL.js";
-import z from "./EmbedInput-Crx-LEGc.js";
-import { _ as g, e as d, o, b as a, s, v as n, d as r, F as _, k as f, n as b, f as y } from "./main-WDVYC60Z.js";
+import { b as h } from "./CDropdownItem-E-kRDIiy.js";
+import z from "./EmbedInput-B29usQZZ.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-BayUZ9OO.js";
 const C = {
   i18nOptions: {
     namespaces: "embedSettings",
@@ -54,13 +54,13 @@ const C = {
 }, H = { class: "d-root" }, S = { class: "d-option" }, V = { class: "d-option-title" }, M = {
   class: "text-gray-600",
   style: { "padding-bottom": "1em" }
-}, k = { class: "d-option" }, w = { class: "d-option-title" }, E = { style: { flex: "1 1 auto" } }, B = {
+}, w = { class: "d-option" }, E = { class: "d-option-title" }, k = { style: { flex: "1 1 auto" } }, B = {
   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),
@@ -70,9 +70,9 @@ function D(e, i, l, T, x, m) {
         "onUpdate:modelValue": i[0] || (i[0] = (t) => e.$emit("update:modelValue", t))
       }, null, 8, ["model-value"])
     ]),
-    s("div", k, [
-      s("div", w, [
-        s("div", E, n(e.$t("responsiveSize")), 1),
+    s("div", w, [
+      s("div", E, [
+        s("div", k, n(e.$t("responsiveSize")), 1),
         r(u, {
           "model-value": !!l.size,
           size: "small",
@@ -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 G = /* @__PURE__ */ g(C, [["render", D], ["__scopeId", "data-v-157de8e2"]]);
+const j = /* @__PURE__ */ g(C, [["render", x], ["__scopeId", "data-v-157de8e2"]]);
 export {
-  G as default
+  j as default
 };

package/dist/{ErrorCallout-D_fUVD4I.js → ErrorCallout--EnH1Ezu.js}

@@ -1,24 +1,24 @@
-import { h as c, u as i, i as a, o as m, b as p, s as t, d, v as u, n as r, l as _, e as v, _ as y } from "./main-WDVYC60Z.js";
-const g = /* @__PURE__ */ c({
+import { a7 as n, ay 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 y, _ as v } from "./main-BayUZ9OO.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 n = v("CIcon");
-      return m(), p("div", {
+    return (s, C) => {
+      const c = m("CIcon");
+      return d(), p("div", {
         class: r([[l.value], "flex items-center"]),
-        style: _([{ "margin-top": "calc(1 * var(--rem))" }, [o.value]]),
+        style: y([{ "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(n, {
+          _(c, {
             type: "alert",
             size: "18",
             style: { "margin-right": "0.5em", flex: "0 0 18px" }
@@ -28,7 +28,7 @@ const g = /* @__PURE__ */ c({
       ], 6);
     };
   }
-}), z = /* @__PURE__ */ y(g, [["__scopeId", "data-v-32b00685"]]);
+}), z = /* @__PURE__ */ v(f, [["__scopeId", "data-v-32b00685"]]);
 export {
   z as E
 };

package/dist/{FilePreviewModal-av2lE91B.js → FilePreviewModal-H5Ilg9xN.js}

@@ -1,10 +1,10 @@
-import { V as p } from "./PdfViewer-DYN758PA.js";
-import { _ as h, S as k, e as m, ac as y, o, b as i, s as n, v as x, O as a, n as v, c as g, f as c, ad as I } from "./main-WDVYC60Z.js";
+import { V as c } from "./PdfViewer-C2EEwUBa.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, am as I } from "./main-BayUZ9OO.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 w = 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(w, {
+      s.isLoading ? (o(), g(f, {
         key: 0,
         size: "50px",
         style: { position: "absolute", left: "50%", top: "50%", transform: "translate(-50%, -50%)" }
-      })) : c("", !0),
+      })) : 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",
@@ -188,7 +188,7 @@ function G(t, e, r, S, s, u) {
           onClick: e[4] || (e[4] = I(() => {
           }, ["stop"]))
         }, null, 8, ["src"]))
-      ])) : s.isLoading ? c("", !0) : (o(), i("img", {
+      ])) : s.isLoading ? w("", !0) : (o(), i("img", {
         key: 2,
         src: r.list[s.currentIndex].url,
         class: "modal-image",
@@ -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-CI52SH_9.js → Flag-DgZVh3Lf.js}

@@ -1,4 +1,4 @@
-import { _ as i, o as c, b as r, n as d, f as u } from "./main-WDVYC60Z.js";
+import { _ as i, d as c, e as r, o as d, x as u } from "./main-BayUZ9OO.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-Ip634NWe.js → HeaderSettings-HuM_JwJw.js}

@@ -1,12 +1,12 @@
-import { m as F } from "./mapFormMixin-B8xN9LiX.js";
-import { T as U } from "./ThemeColorRow-r1ECSrBU.js";
-import H from "./VideoPlayerInput-8e9ooR1p.js";
-import P from "./ImageUploadWrapper-Co43CWCP.js";
-import { B as j, a as $ } from "./index-CGXCI2G7.js";
-import { p as S, _ as A, ag as V, ao as R, e as g, o as a, c as x, w as c, s as l, b as u, F as _, k as L, l as z, v as h, d as p, H as w, f as B, a0 as O, aU as D, K as W, O as q, ad as M, aV as N, n as I, J as K } from "./main-WDVYC60Z.js";
-import { _ as E } from "./CFormField.vue_vue_type_script_setup_true_lang-KdkAe_wn.js";
-import { b as J } from "./CDropdownItem-BuQONogL.js";
-import { t as G } from "./template-fVxhQbOu.js";
+import { m as F } from "./mapFormMixin-Bx5_nE7g.js";
+import { T as U } from "./ThemeColorRow-D3blQMiD.js";
+import j from "./VideoPlayerInput-BBycKv9w.js";
+import P from "./ImageUploadWrapper-TYs37LIQ.js";
+import { B as H, a as $ } from "./index-CBn1mHmK.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, at as R, a5 as V, i as S, b5 as O, a0 as D, T as W, u as q, am as M, b6 as N, ah as E, x as I } from "./main-BayUZ9OO.js";
+import { _ as K } from "./CFormField.vue_vue_type_script_setup_true_lang-Bi0MjQdW.js";
+import { b as G } from "./CDropdownItem-E-kRDIiy.js";
+import { t as J } from "./template-CvGgzazD.js";
 const T = S.unsplash.id, Q = S.pexels.id, X = {
   name: "MediaSelectModal",
   i18nOptions: {
@@ -27,9 +27,9 @@ const T = S.unsplash.id, Q = S.pexels.id, X = {
     }
   },
   components: {
-    BackgroundModal: j,
-    BackgroundList: $,
-    VideoPlayerInput: H,
+    BackgroundModal: $,
+    BackgroundList: H,
+    VideoPlayerInput: j,
     ImageUploadWrapper: P
   },
   emits: ["input", "close"],
@@ -188,7 +188,7 @@ function he(e, t, r, n, s, o) {
   }, {
     header: c(() => [
       l("div", Y, [
-        (a(!0), u(_, null, L(s.tabs, (i, y) => (a(), x(d, {
+        (a(!0), u(_, null, B(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 }]),
           onClick: (f) => s.activeTab = i.value
@@ -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)) : B("", !0)
+            }, null, 8, le)) : L("", !0)
           ]),
           p(C, {
             modelValue: s.customVideo,
@@ -310,9 +310,9 @@ function he(e, t, r, n, s, o) {
 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,
@@ -339,7 +339,7 @@ function ve(e, t, r, n, s, o) {
       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] = K(M((m) => e.$refs.$el.label.click(), ["prevent"]), ["enter"]))
+      onKeydown: t[4] || (t[4] = E(M((m) => e.$refs.$el.label.click(), ["prevent"]), ["enter"]))
     }, {
       default: c(() => [
         W(e.$slots, "default"),
@@ -368,8 +368,8 @@ const fe = /* @__PURE__ */ A(ge, [["render", ve]]), we = {
   components: {
     ThemeColorRow: U,
     CRadioButton: fe,
-    CSwitch: J,
-    CField: E
+    CSwitch: G,
+    CField: K
   },
   mixins: [
     F(
@@ -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 = G.readability(e, "#fff") < 1.8 ? "#111111" : "#FFFFFF");
+      this._document.isDirty(this._value.textColor) || (this.textColor = J.readability(e, "#fff") < 1.8 ? "#111111" : "#FFFFFF");
     }
   },
   methods: {
@@ -556,7 +556,7 @@ const fe = /* @__PURE__ */ A(ge, [["render", ve]]), we = {
   class: "d-option-title",
   style: { "margin-top": "calc(0.5 * var(--rem))" }
 }, Ue = ["innerHTML"];
-function He(e, t, r, n, s, o) {
+function je(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, [
@@ -565,7 +565,7 @@ function He(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",
@@ -640,7 +640,7 @@ function He(e, t, r, n, s, o) {
           ]),
           _: 1
         }, 8, ["value"])
-      ])) : B("", !0)
+      ])) : L("", !0)
     ])) : (a(), u(_, { key: 1 }, [
       e.layout !== "center" ? (a(), u("div", Me, [
         p(m, {
@@ -657,7 +657,7 @@ function He(e, t, r, n, s, o) {
           ]),
           _: 1
         }, 8, ["value"])
-      ])) : B("", !0),
+      ])) : L("", !0),
       l("div", Te, [
         p(m, {
           value: e.textColor || "",
@@ -679,7 +679,7 @@ function He(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": [
@@ -714,7 +714,7 @@ function He(e, t, r, n, s, o) {
     ], 64))
   ]);
 }
-const Ke = /* @__PURE__ */ A(we, [["render", He], ["__scopeId", "data-v-bccd31d9"]]);
+const Ee = /* @__PURE__ */ A(we, [["render", je], ["__scopeId", "data-v-bccd31d9"]]);
 export {
-  Ke as default
+  Ee as default
 };

package/dist/{ImageSelectModal-DNtR86H7.js → ImageSelectModal-CJ-DstAf.js}

@@ -1,7 +1,7 @@
-import _ from "./ImageUploadWrapper-Co43CWCP.js";
-import { B as I, a as B } from "./index-CGXCI2G7.js";
-import { _ as k, p as U, ag as i, ao as v, e as n, o as C, c as S, w as a, d as l, H as m, v as p } from "./main-WDVYC60Z.js";
-const u = U.unsplash.id, $ = {
+import _ from "./ImageUploadWrapper-TYs37LIQ.js";
+import { B as I, a as B } from "./index-CBn1mHmK.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, at as C, a5 as p, i as S } from "./main-BayUZ9OO.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"])