ablok-components 0.3.54 → 0.3.56

package/dist/ablok-components.es.js

@@ -119,14 +119,14 @@ const Rt = {
   setup(e, { emit: r }) {
     const n = e, l = r, a = et("image"), t = C(!1);
     function o() {
-      t.value = !0, a.value?.addEventListener("transitionend", s, { once: !0 });
+      t.value = !0, a.value?.addEventListener("transitionend", i, { once: !0 });
     }
-    function s() {
+    function i() {
       l("update:ready", !0), n.emitPending && l("update:pending", !1);
     }
     return ot(() => {
       n.emitPending && l("update:pending", !0);
-    }), (d, m) => e.src ? (c(), g("div", {
+    }), (u, m) => e.src ? (c(), g("div", {
       key: 0,
       class: D(["base-image", {
         "base-image--zoom": e.zoom
@@ -146,7 +146,7 @@ const Rt = {
       }, null, 42, Ut)
     ], 2)) : M("", !0);
   }
-}), jt = ["innerHTML"], kr = /* @__PURE__ */ O({
+}), jt = ["innerHTML"], Br = /* @__PURE__ */ O({
   __name: "base-headline",
   props: {
     tag: {},
@@ -189,7 +189,7 @@ function re(e) {
     ALLOW_DATA_ATTR: !0
   });
 }
-const qt = ["innerHTML"], Sr = /* @__PURE__ */ O({
+const qt = ["innerHTML"], Mr = /* @__PURE__ */ O({
   __name: "base-paragraph",
   props: {
     size: {},
@@ -259,12 +259,12 @@ function St(e, r, n, l = "image/png", a) {
 async function Yt(e, r, n) {
   const l = (e.type || "").toLowerCase();
   if (!(l.startsWith("image/") && l !== "image/svg+xml")) return e;
-  const t = await Ke(e), o = await Gt(t), s = o.naturalWidth, d = o.naturalHeight;
-  if (!s || s <= r) return e;
-  const m = Math.round(r), u = d / s, i = Math.round(m * u), f = St(
+  const t = await Ke(e), o = await Gt(t), i = o.naturalWidth, u = o.naturalHeight;
+  if (!i || i <= r) return e;
+  const m = Math.round(r), d = u / i, s = Math.round(m * d), f = St(
     o,
     m,
-    i,
+    s,
     e.type || "image/png",
     n
   );
@@ -273,7 +273,7 @@ async function Yt(e, r, n) {
 function Bt(e) {
   return !e || typeof e != "string" ? "" : e.replace(/\0/g, "").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").replace(/on\w+\s*=\s*["'][^"']*["']/gi, "").replace(/on\w+\s*=\s*[^\s>]*/gi, "").replace(/javascript:/gi, "").replace(/data:text\/html/gi, "");
 }
-const Zt = { class: "accordion-item" }, Xt = ["id"], Kt = ["data-bs-target", "aria-controls"], ea = { class: "flex-grow-1" }, ta = ["id", "aria-labelledby", "data-bs-parent"], aa = ["innerHTML"], Br = /* @__PURE__ */ O({
+const Zt = { class: "accordion-item" }, Xt = ["id"], Kt = ["data-bs-target", "aria-controls"], ea = { class: "flex-grow-1" }, ta = ["id", "aria-labelledby", "data-bs-parent"], aa = ["innerHTML"], Ir = /* @__PURE__ */ O({
   __name: "accordion-item",
   props: {
     id: {
@@ -307,7 +307,7 @@ const Zt = { class: "accordion-item" }, Xt = ["id"], Kt = ["data-bs-target", "ar
     function t() {
       l("update:modelValue", !n.modelValue);
     }
-    return (o, s) => (c(), g("div", Zt, [
+    return (o, i) => (c(), g("div", Zt, [
       A("div", {
         class: "accordion-header",
         id: `heading-${e.id}`
@@ -353,7 +353,7 @@ function ia(e, r) {
     N(e.$slots, "default")
   ]);
 }
-const Mr = /* @__PURE__ */ na(la, [["render", ia]]), sa = ["type", "disabled"], Aa = /* @__PURE__ */ O({
+const Lr = /* @__PURE__ */ na(la, [["render", ia]]), sa = ["type", "disabled"], Aa = /* @__PURE__ */ O({
   __name: "base-button",
   props: {
     type: {
@@ -526,48 +526,48 @@ const Mr = /* @__PURE__ */ na(la, [["render", ia]]), sa = ["type", "disabled"],
   },
   emits: ["update:modelValue", "update:valid"],
   setup(e, { emit: r }) {
-    const n = e, l = r, a = et("input"), t = C(n.valid), o = C(), s = $(
+    const n = e, l = r, a = et("input"), t = C(n.valid), o = C(), i = $(
       () => re(`${n.label}${n.required ? " *" : ""}`)
-    ), d = $({
+    ), u = $({
       get() {
         return n.modelValue;
       },
-      set(i) {
-        i = n.type === "number" ? n.max && Number(i) > n.max ? n.max : n.min !== void 0 && Number(i) < n.min ? n.min : Number(i) : i, n.sanitize && typeof i == "string" && !["checkbox", "radio", "number", "date", "datetime-local", "time", "month", "week", "email", "tel", "url"].includes(n.type) && (i = Bt(i)), l("update:modelValue", i);
+      set(s) {
+        s = n.type === "number" ? n.max && Number(s) > n.max ? n.max : n.min !== void 0 && Number(s) < n.min ? n.min : Number(s) : s, n.sanitize && typeof s == "string" && !["checkbox", "radio", "number", "date", "datetime-local", "time", "month", "week", "email", "tel", "url"].includes(n.type) && (s = Bt(s)), l("update:modelValue", s);
       }
     }), m = $(() => {
       if (n.type === "number") {
-        const { min: i, max: f } = n;
+        const { min: s, max: f } = n;
         return {
-          ...i !== void 0 ? { min: i } : {},
+          ...s !== void 0 ? { min: s } : {},
           ...f !== void 0 ? { max: f } : {}
         };
       }
       return {};
     });
-    function u() {
+    function d() {
       n.validate && a.value && (t.value = a.value.checkValidity(), t.value ? o.value = void 0 : o.value = a.value.validationMessage, l("update:valid", t.value));
     }
     return W(() => n.modelValue, () => {
-      t.value === !1 && u();
+      t.value === !1 && d();
     }), ne(() => {
-      let i = (f) => {
-        d.value = typeof f.detail == "string" || typeof f.detail == "number" ? `${f.detail}` : "";
+      let s = (f) => {
+        u.value = typeof f.detail == "string" || typeof f.detail == "number" ? `${f.detail}` : "";
       };
       a.value?.addEventListener("focusin", (f) => {
-        window.addEventListener("update-focussed-input", i);
+        window.addEventListener("update-focussed-input", s);
       }), a.value?.addEventListener("focusout", (f) => {
-        window.removeEventListener("update-focussed-input", i);
-      }), u();
-    }), (i, f) => (c(), g("div", {
+        window.removeEventListener("update-focussed-input", s);
+      }), d();
+    }), (s, f) => (c(), g("div", {
       class: D(["input", `input--${e.type}${t.value ? "" : " input--invalid"}`])
     }, [
       A("div", ra, [
-        N(i.$slots, "input-prepend", { slotScope: "props" }),
+        N(s.$slots, "input-prepend", { slotScope: "props" }),
         ye(A("input", wt({
           ref_key: "input",
           ref: a,
-          "onUpdate:modelValue": f[0] || (f[0] = (v) => d.value = v),
+          "onUpdate:modelValue": f[0] || (f[0] = (v) => u.value = v),
           type: e.type === "color" ? "text" : e.type,
           id: e.id,
           name: e.name,
@@ -586,20 +586,20 @@ const Mr = /* @__PURE__ */ na(la, [["render", ia]]), sa = ["type", "disabled"],
           "aria-label": e.label,
           role: e.role,
           autocomplete: e.autocomplete,
-          onChange: u
+          onChange: d
         }), null, 16, ua), [
-          [Et, d.value]
+          [Et, u.value]
         ]),
-        N(i.$slots, "input-append", { slotScope: "props" })
+        N(s.$slots, "input-append", { slotScope: "props" })
       ]),
-      N(i.$slots, "label", {}, () => [
+      N(s.$slots, "label", {}, () => [
         e.label ? (c(), g("label", {
           key: 0,
           for: e.id,
           class: D(["input__label", {
             "form-check-label": e.type === "checkbox"
           }]),
-          innerHTML: s.value
+          innerHTML: i.value
         }, null, 10, da)) : M("", !0)
       ]),
       I(tt, { name: "fade" }, {
@@ -610,7 +610,7 @@ const Mr = /* @__PURE__ */ na(la, [["render", ia]]), sa = ["type", "disabled"],
       })
     ], 2));
   }
-}), ma = { class: "input input--textarea" }, fa = ["type", "id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "maxlength", "aria-label"], ga = ["for", "innerHTML"], Ir = /* @__PURE__ */ O({
+}), ma = { class: "input input--textarea" }, fa = ["type", "id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "maxlength", "aria-label"], ga = ["for", "innerHTML"], Dr = /* @__PURE__ */ O({
   __name: "input-textarea",
   props: {
     modelValue: {
@@ -682,7 +682,7 @@ const Mr = /* @__PURE__ */ na(la, [["render", ia]]), sa = ["type", "disabled"],
     return (t, o) => (c(), g("div", ma, [
       N(t.$slots, "input-prepend"),
       ye(A("textarea", {
-        "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
+        "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
         type: e.type,
         id: e.id,
         name: e.name,
@@ -709,7 +709,7 @@ const Mr = /* @__PURE__ */ na(la, [["render", ia]]), sa = ["type", "disabled"],
       ])
     ]));
   }
-}), va = { class: "form-check input input--checkbox" }, pa = ["value", "id", "name", "required", "disabled", "true-value", "false-value"], ha = ["for", "innerHTML"], Lr = /* @__PURE__ */ O({
+}), va = { class: "form-check input input--checkbox" }, pa = ["value", "id", "name", "required", "disabled", "true-value", "false-value"], ha = ["for", "innerHTML"], Vr = /* @__PURE__ */ O({
   __name: "input-checkbox",
   props: {
     id: {
@@ -767,7 +767,7 @@ const Mr = /* @__PURE__ */ na(la, [["render", ia]]), sa = ["type", "disabled"],
     return (t, o) => (c(), g("div", va, [
       ye(A("input", {
         ref: "input",
-        "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
+        "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
         value: e.value,
         id: e.id,
         name: e.name,
@@ -787,7 +787,7 @@ const Mr = /* @__PURE__ */ na(la, [["render", ia]]), sa = ["type", "disabled"],
       }, null, 8, ha)
     ]));
   }
-}), ya = { class: "input-group input__input-group" }, ba = ["id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "aria-label"], wa = ["for", "innerHTML"], Dr = /* @__PURE__ */ O({
+}), ya = { class: "input-group input__input-group" }, ba = ["id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "aria-label"], wa = ["for", "innerHTML"], Pr = /* @__PURE__ */ O({
   __name: "input-datetime",
   props: {
     modelValue: {
@@ -853,7 +853,7 @@ const Mr = /* @__PURE__ */ na(la, [["render", ia]]), sa = ["type", "disabled"],
       A("div", ya, [
         N(t.$slots, "input-prepend", { slotScope: "props" }),
         ye(A("input", {
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
+          "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
           type: "datetime-local",
           id: e.id,
           name: e.name,
@@ -891,11 +891,11 @@ function se(e) {
     const l = n?.context ? String(n.context) : "standalone";
     let a;
     if (l === "formatting" && e.formattingValues) {
-      const o = e.defaultFormattingWidth || e.defaultWidth, s = n?.width ? String(n.width) : o;
-      a = e.formattingValues[s] || e.formattingValues[o];
+      const o = e.defaultFormattingWidth || e.defaultWidth, i = n?.width ? String(n.width) : o;
+      a = e.formattingValues[i] || e.formattingValues[o];
     } else {
-      const o = e.defaultWidth, s = n?.width ? String(n.width) : e.defaultWidth;
-      a = e.values[s] || e.values[o];
+      const o = e.defaultWidth, i = n?.width ? String(n.width) : e.defaultWidth;
+      a = e.values[i] || e.values[o];
     }
     const t = e.argumentCallback ? e.argumentCallback(r) : r;
     return a[t];
@@ -906,17 +906,17 @@ function Ae(e) {
     const l = n.width, a = l && e.matchPatterns[l] || e.matchPatterns[e.defaultMatchWidth], t = r.match(a);
     if (!t)
       return null;
-    const o = t[0], s = l && e.parsePatterns[l] || e.parsePatterns[e.defaultParseWidth], d = Array.isArray(s) ? Ca(s, (i) => i.test(o)) : (
+    const o = t[0], i = l && e.parsePatterns[l] || e.parsePatterns[e.defaultParseWidth], u = Array.isArray(i) ? Ca(i, (s) => s.test(o)) : (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
-      $a(s, (i) => i.test(o))
+      $a(i, (s) => s.test(o))
     );
     let m;
-    m = e.valueCallback ? e.valueCallback(d) : d, m = n.valueCallback ? (
+    m = e.valueCallback ? e.valueCallback(u) : u, m = n.valueCallback ? (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
       n.valueCallback(m)
     ) : m;
-    const u = r.slice(o.length);
-    return { value: m, rest: u };
+    const d = r.slice(o.length);
+    return { value: m, rest: d };
   };
 }
 function $a(e, r) {
@@ -937,8 +937,8 @@ function ut(e) {
     if (!t) return null;
     let o = e.valueCallback ? e.valueCallback(t[0]) : t[0];
     o = n.valueCallback ? n.valueCallback(o) : o;
-    const s = r.slice(a.length);
-    return { value: o, rest: s };
+    const i = r.slice(a.length);
+    return { value: o, rest: i };
   };
 }
 const vt = {
@@ -2116,7 +2116,7 @@ const vt = {
 }, dl = { class: "col-12 col-md-6" }, cl = { class: "col-12 col-md-6" }, ml = {
   key: 1,
   class: "row"
-}, fl = { class: "col-12" }, Vr = /* @__PURE__ */ O({
+}, fl = { class: "col-12" }, xr = /* @__PURE__ */ O({
   __name: "input-datepicker",
   props: {
     modelValue: {
@@ -2195,14 +2195,14 @@ const vt = {
       const { VueDatePicker: p } = await import("@vuepic/vue-datepicker");
       n.value = p;
     });
-    const l = e, a = r, { t, locale: o } = st(), s = {
+    const l = e, a = r, { t, locale: o } = st(), i = {
       en: pt,
       de: Xa,
       fr: ll
-    }, d = $(() => {
+    }, u = $(() => {
       const p = l.locale || o.value;
-      return s[p] || pt;
-    }), m = $(() => l.inline || !l.picker ? { openMenu: !1, format: d.value } : !0), u = $({
+      return i[p] || pt;
+    }), m = $(() => l.inline || !l.picker ? { openMenu: !1, format: u.value } : !0), d = $({
       get() {
         if (l.range) {
           let p = l.from || (Array.isArray(l.modelValue) ? l.modelValue[0] : null), h = l.to || (Array.isArray(l.modelValue) ? l.modelValue[1] : null);
@@ -2231,29 +2231,29 @@ const vt = {
           h?.setUTCHours(h?.getHours()), p = h && h.toISOString(), a("update:modelValue", p && p.replace("Z", ""));
         }
       }
-    }), i = $({
+    }), s = $({
       get() {
-        return Array.isArray(u.value) ? u.value[0] : u.value;
+        return Array.isArray(d.value) ? d.value[0] : d.value;
       },
       set(p) {
-        u.value = Array.isArray(u.value) ? [p, u.value[0]] : p;
+        d.value = Array.isArray(d.value) ? [p, d.value[0]] : p;
       }
     }), f = $({
       get() {
-        return Array.isArray(u.value) ? u.value[1] : u.value;
+        return Array.isArray(d.value) ? d.value[1] : d.value;
       },
       set(p) {
-        u.value = Array.isArray(u.value) ? [u.value[0], p] : p;
+        d.value = Array.isArray(d.value) ? [d.value[0], p] : p;
       }
     });
-    W(() => [i.value, f.value], (p, h) => {
-      l.range && p.some((k) => k === void 0) && h.every(Boolean) && (u.value = []);
+    W(() => [s.value, f.value], (p, h) => {
+      l.range && p.some((k) => k === void 0) && h.every(Boolean) && (d.value = []);
     });
     function v(p) {
       if (!p)
         return;
       const h = p.getDate(), k = p.getMonth() + 1, P = p.getFullYear(), B = p.getMinutes(), z = p.getHours();
-      switch (d.value) {
+      switch (u.value) {
         case "de":
           return `${h}.${k}.${P} ${z < 10 ? "0" + z : z}:${B < 10 ? "0" + B : B}`;
         case "fr":
@@ -2293,9 +2293,9 @@ const vt = {
             A("div", dl, [
               (c(), U(ce(n.value), {
                 uid: `${e.id}-from`,
-                modelValue: i.value,
-                "onUpdate:modelValue": h[0] || (h[0] = (k) => i.value = k),
-                locale: d.value,
+                modelValue: s.value,
+                "onUpdate:modelValue": h[0] || (h[0] = (k) => s.value = k),
+                locale: u.value,
                 format: V,
                 "text-input": m.value,
                 disabled: e.disabled,
@@ -2309,7 +2309,7 @@ const vt = {
                 uid: `${e.id}-to`,
                 modelValue: f.value,
                 "onUpdate:modelValue": h[1] || (h[1] = (k) => f.value = k),
-                locale: d.value,
+                locale: u.value,
                 format: V,
                 "text-input": m.value,
                 disabled: e.disabled,
@@ -2321,10 +2321,10 @@ const vt = {
           ])) : (c(), U(ce(n.value), {
             key: 1,
             uid: `${e.id}-input-to`,
-            modelValue: u.value,
-            "onUpdate:modelValue": h[2] || (h[2] = (k) => u.value = k),
+            modelValue: d.value,
+            "onUpdate:modelValue": h[2] || (h[2] = (k) => d.value = k),
             format: V,
-            locale: d.value,
+            locale: u.value,
             range: e.textRange,
             "text-input": m.value,
             disabled: e.disabled,
@@ -2339,9 +2339,9 @@ const vt = {
         A("div", fl, [
           (c(), U(ce(n.value), {
             uid: `${e.id}-inline`,
-            modelValue: u.value,
-            "onUpdate:modelValue": h[3] || (h[3] = (k) => u.value = k),
-            locale: d.value,
+            modelValue: d.value,
+            "onUpdate:modelValue": h[3] || (h[3] = (k) => d.value = k),
+            locale: u.value,
             cancelText: "abbrechen",
             selectText: "auswählen",
             range: e.range,
@@ -2444,7 +2444,7 @@ const vt = {
       A("div", gl, [
         I(We, {
           modelValue: a.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
+          "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
           type: "password",
           placeholder: e.placeholder,
           disabled: e.disabled,
@@ -2452,10 +2452,10 @@ const vt = {
           required: e.required,
           label: e.label
         }, {
-          "input-prepend": _((s) => [
+          "input-prepend": _((i) => [
             N(t.$slots, "input-prepend", { slotScope: "props" })
           ]),
-          "input-append": _((s) => [
+          "input-append": _((i) => [
             N(t.$slots, "input-append", { slotScope: "props" }, () => [
               e.confirm && e.modelValue === e.password ? (c(), U(Q, {
                 key: 0,
@@ -2469,7 +2469,7 @@ const vt = {
       ])
     ]));
   }
-}), pl = { class: "input-group input__input-group" }, hl = ["onUpdate:modelValue", "disabled", "readonly", "onPaste", "onInput", "onKeydown"], Pr = /* @__PURE__ */ O({
+}), pl = { class: "input-group input__input-group" }, hl = ["onUpdate:modelValue", "disabled", "readonly", "onPaste", "onInput", "onKeydown"], Er = /* @__PURE__ */ O({
   __name: "input-passcode",
   props: {
     modelValue: {
@@ -2546,38 +2546,38 @@ const vt = {
       get() {
         return a.modelValue;
       },
-      set(u) {
-        a.passcodeMatch === u || !a.passcodeMatch ? t("update:modelValue", u) : t("update:modelValue", "");
+      set(d) {
+        a.passcodeMatch === d || !a.passcodeMatch ? t("update:modelValue", d) : t("update:modelValue", "");
       }
     });
-    W(() => a.modelValue, (u) => {
-      const i = u?.toString() || "";
-      for (l.value = i.split("").slice(0, a.passcodeMatch?.length || 6); l.value.length < (a.passcodeMatch?.length || 6); )
+    W(() => a.modelValue, (d) => {
+      const s = d?.toString() || "";
+      for (l.value = s.split("").slice(0, a.passcodeMatch?.length || 6); l.value.length < (a.passcodeMatch?.length || 6); )
         l.value.push("");
-    }, { immediate: !0 }), W(() => l.value, (u) => {
-      const i = u.join("");
-      a.passcodeMatch === i || !a.passcodeMatch ? t("update:modelValue", i) : t("update:modelValue", "");
+    }, { immediate: !0 }), W(() => l.value, (d) => {
+      const s = d.join("");
+      a.passcodeMatch === s || !a.passcodeMatch ? t("update:modelValue", s) : t("update:modelValue", "");
     }, { deep: !0 });
-    const s = (u, i) => {
-      u.preventDefault();
-      const f = u.clipboardData?.getData("text") || "";
+    const i = (d, s) => {
+      d.preventDefault();
+      const f = d.clipboardData?.getData("text") || "";
       console.log("Paste detected:", f);
       const v = f.split(""), b = a.passcodeMatch?.length || 6;
       v.forEach((V, p) => {
-        const h = i + p;
+        const h = s + p;
         h < b && (l.value[h] = V);
       });
-      const w = Math.min(i + v.length, b - 1);
+      const w = Math.min(s + v.length, b - 1);
       setTimeout(() => n.value[w]?.focus(), 0);
-    }, d = (u, i) => {
-      a.passcodeMatch?.length, u.key === "Backspace" && !l.value[i] && i > 0 && n.value[i - 1]?.focus();
-    }, m = (u, i) => {
-      let v = u.target.value;
-      v.length > 1 && (v = v.slice(-1)), l.value[i] = v;
+    }, u = (d, s) => {
+      a.passcodeMatch?.length, d.key === "Backspace" && !l.value[s] && s > 0 && n.value[s - 1]?.focus();
+    }, m = (d, s) => {
+      let v = d.target.value;
+      v.length > 1 && (v = v.slice(-1)), l.value[s] = v;
       const b = a.passcodeMatch?.length || 6;
-      v && i < b - 1 && setTimeout(() => n.value[i + 1]?.focus(), 0);
+      v && s < b - 1 && setTimeout(() => n.value[s + 1]?.focus(), 0);
     };
-    return (u, i) => (c(), g("div", {
+    return (d, s) => (c(), g("div", {
       class: D(["input", "input-passcode"])
     }, [
       A("div", pl, [
@@ -2590,9 +2590,9 @@ const vt = {
           maxlength: 1,
           disabled: e.disabled,
           readonly: e.readOnly,
-          onPaste: (b) => s(b, v),
+          onPaste: (b) => i(b, v),
           onInput: (b) => m(b, v),
-          onKeydown: (b) => d(b, v),
+          onKeydown: (b) => u(b, v),
           size: "1",
           class: "form-control text-center"
         }, null, 40, hl)), [
@@ -2600,7 +2600,7 @@ const vt = {
         ])), 128)) : (c(), U(vl, {
           key: 0,
           modelValue: o.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (f) => o.value = f),
+          "onUpdate:modelValue": s[0] || (s[0] = (f) => o.value = f),
           type: e.type,
           placeholder: e.placeholder,
           disabled: e.disabled,
@@ -2611,7 +2611,7 @@ const vt = {
       ])
     ]));
   }
-}), yl = { class: "check-group" }, bl = ["id", "name", "value", "disabled", "read-only", "required"], wl = ["for", "innerHTML"], xr = /* @__PURE__ */ O({
+}), yl = { class: "check-group" }, bl = ["id", "name", "value", "disabled", "read-only", "required"], wl = ["for", "innerHTML"], Tr = /* @__PURE__ */ O({
   __name: "check-group",
   props: {
     modelValue: {
@@ -2665,18 +2665,18 @@ const vt = {
       ...o,
       active: n.modelValue && n.modelValue.includes(o.value)
     })));
-    return (o, s) => (c(), g("div", yl, [
-      (c(!0), g(ae, null, ue(t.value, (d, m) => (c(), g("div", {
+    return (o, i) => (c(), g("div", yl, [
+      (c(!0), g(ae, null, ue(t.value, (u, m) => (c(), g("div", {
         key: m,
         class: "form-check"
       }, [
         ye(A("input", {
           type: "checkbox",
-          "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
+          "onUpdate:modelValue": i[0] || (i[0] = (d) => a.value = d),
           id: `${e.id}-${m}`,
           name: e.name,
           class: "form-check-input",
-          value: d.value || d,
+          value: u.value || u,
           disabled: e.disabled,
           "read-only": e.readOnly,
           required: e.required
@@ -2686,7 +2686,7 @@ const vt = {
         A("label", {
           class: "form-check-label",
           for: `${e.id}-${m}`,
-          innerHTML: d.text
+          innerHTML: u.text
         }, null, 8, wl)
       ]))), 128))
     ]));
@@ -2745,32 +2745,32 @@ const vt = {
       n("update:modelValue", a);
     }
     return (a, t) => (c(), g("div", $l, [
-      (c(!0), g(ae, null, ue(e.options, (o, s) => (c(), g("div", {
-        key: s,
+      (c(!0), g(ae, null, ue(e.options, (o, i) => (c(), g("div", {
+        key: i,
         class: D(["form-check", e.itemClass])
       }, [
         A("input", {
           type: "radio",
-          id: `${e.id}-${s}`,
+          id: `${e.id}-${i}`,
           name: e.name,
           class: D(["form-check-input", `
-            ${s === e.keyOption || o.key ? "form-check-input--key" : ""}
-            ${(s === e.keyOption || o.key) && o.value === e.modelValue?.value ? "form-check-input--match" : ""}
+            ${i === e.keyOption || o.key ? "form-check-input--key" : ""}
+            ${(i === e.keyOption || o.key) && o.value === e.modelValue?.value ? "form-check-input--match" : ""}
           `]),
           value: o.value || o,
           checked: o.value ? o.value === e.modelValue?.value : o === e.modelValue,
           disabled: e.disabled,
           "read-only": e.readOnly,
           required: e.required,
-          onChange: (d) => l(o)
+          onChange: (u) => l(o)
         }, null, 42, Cl),
         N(a.$slots, "option-label", {
           option: o,
-          index: s
+          index: i
         }, () => [
           A("label", {
             class: "form-check-label",
-            for: `${e.id}-${s}`,
+            for: `${e.id}-${i}`,
             innerHTML: q(re)(o.text || "")
           }, null, 8, kl)
         ])
@@ -2783,7 +2783,7 @@ const vt = {
       ])
     ]));
   }
-}), Bl = { class: "radio-buttons" }, Ml = ["for"], Er = /* @__PURE__ */ O({
+}), Bl = { class: "radio-buttons" }, Ml = ["for"], zr = /* @__PURE__ */ O({
   __name: "radio-buttons",
   props: {
     modelValue: {
@@ -2835,7 +2835,7 @@ const vt = {
     return (t, o) => (c(), g("div", Bl, [
       I(dt, {
         modelValue: a.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
+        "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
         options: e.options,
         name: e.name,
         id: e.id,
@@ -2843,12 +2843,12 @@ const vt = {
         required: e.required,
         class: "d-flex flex-column gap-3 justify-content-center"
       }, {
-        "option-label": _((s) => [
+        "option-label": _((i) => [
           A("label", {
-            for: `${e.id}-${s.index}`,
+            for: `${e.id}-${i.index}`,
             class: "d-block btn btn-outline-primary p-3 fw-bold",
             role: "button"
-          }, T(s.option.text), 9, Ml)
+          }, T(i.option.text), 9, Ml)
         ]),
         _: 1
       }, 8, ["modelValue", "options", "name", "id", "disabled", "required"])
@@ -2916,22 +2916,22 @@ const vt = {
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const n = e, l = r;
-    function a(d) {
-      const m = d.target && d.target.files;
-      m && (o.splice(0, o.length), Array.from(m).forEach((u) => {
-        if (n.maxFileSize && u.size > n.maxFileSize) {
-          console.warn(`File ${u.name} exceeds the ${n.maxFileSize} bytes size limit and will not be added.`);
+    function a(u) {
+      const m = u.target && u.target.files;
+      m && (o.splice(0, o.length), Array.from(m).forEach((d) => {
+        if (n.maxFileSize && d.size > n.maxFileSize) {
+          console.warn(`File ${d.name} exceeds the ${n.maxFileSize} bytes size limit and will not be added.`);
           return;
         }
-        o.push(u);
+        o.push(d);
       }));
     }
-    const t = C(), o = Tt([]), s = $(() => o && o.map((d) => d.name));
-    return W(() => n.modelValue, (d, m) => {
-      d.length === 0 && (t.value.value = null);
-    }, { deep: !0 }), W(() => o, (d, m) => {
-      l("update:modelValue", d);
-    }, { deep: !0 }), (d, m) => (c(), g("div", {
+    const t = C(), o = Tt([]), i = $(() => o && o.map((u) => u.name));
+    return W(() => n.modelValue, (u, m) => {
+      u.length === 0 && (t.value.value = null);
+    }, { deep: !0 }), W(() => o, (u, m) => {
+      l("update:modelValue", u);
+    }, { deep: !0 }), (u, m) => (c(), g("div", {
       class: D(["input input-file", "input-file--primary"])
     }, [
       A("input", {
@@ -2947,28 +2947,28 @@ const vt = {
         disabled: e.disabled
       }, null, 40, Il),
       A("div", Ll, [
-        N(d.$slots, "input-prepend"),
+        N(u.$slots, "input-prepend"),
         A("input", {
           type: "text",
-          value: s.value,
+          value: i.value,
           id: e.id,
           name: e.name,
           class: "form-control",
           disabled: e.disabled
         }, null, 8, Dl),
-        N(d.$slots, "input-append", {}, () => [
+        N(u.$slots, "input-append", {}, () => [
           A("label", {
             for: e.id,
             disabled: e.disabled
           }, [
-            N(d.$slots, "button", {}, () => [
-              A("span", Pl, T(d.$t("common.selectFile")), 1)
+            N(u.$slots, "button", {}, () => [
+              A("span", Pl, T(u.$t("common.selectFile")), 1)
             ])
           ], 8, Vl)
         ])
       ]),
       A("label", { for: e.id }, [
-        N(d.$slots, "label", {}, () => [
+        N(u.$slots, "label", {}, () => [
           A("span", {
             class: "input__label",
             innerHTML: q(re)(`${e.label}${e.required ? " *" : ""}`)
@@ -2980,7 +2980,7 @@ const vt = {
 }), Tl = {
   key: 0,
   class: "custom-html"
-}, zl = ["innerHTML"], Tr = /* @__PURE__ */ O({
+}, zl = ["innerHTML"], Nr = /* @__PURE__ */ O({
   __name: "custom-html",
   props: {
     content: {}
@@ -2998,7 +2998,7 @@ const vt = {
       ])
     ])) : M("", !0);
   }
-}), Nl = { class: "select-media" }, Hl = ["for"], zr = /* @__PURE__ */ O({
+}), Nl = { class: "select-media" }, Hl = ["for"], Hr = /* @__PURE__ */ O({
   __name: "select-media",
   props: {
     modelValue: {
@@ -3040,15 +3040,15 @@ const vt = {
         return n.modelValue;
       },
       set(t) {
-        const o = n.assets.find((s) => s.id === t);
+        const o = n.assets.find((i) => i.id === t);
         l("update:modelValue", n.emitKey ? o[n.emitKey] : o), n.emitKey && n.emitKey !== "id" && l("update:selection", o.id);
       }
     });
     return (t, o) => (c(), g("div", Nl, [
       I(dt, {
         modelValue: a.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
-        options: e.assets.map((s) => s.id),
+        "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
+        options: e.assets.map((i) => i.id),
         name: e.name,
         id: e.id,
         disabled: e.disabled,
@@ -3056,18 +3056,18 @@ const vt = {
         class: "d-flex flex-wrap flex-row justify-content-center",
         itemClass: "col-6 p-2"
       }, {
-        "option-label": _((s) => [
+        "option-label": _((i) => [
           A("label", {
-            for: `${e.id}-${s.index}`,
+            for: `${e.id}-${i.index}`,
             class: D(["w-100", {
-              "is-active": e.assets[s.index].id === a.value
+              "is-active": e.assets[i.index].id === a.value
             }]),
             role: "button"
           }, [
-            e.assets[s.index].thumbnail ? (c(), U(Te, {
+            e.assets[i.index].thumbnail ? (c(), U(Te, {
               key: 0,
-              src: e.assets[s.index].thumbnail,
-              alt: e.assets[s.index].id
+              src: e.assets[i.index].thumbnail,
+              alt: e.assets[i.index].id
             }, null, 8, ["src", "alt"])) : M("", !0)
           ], 10, Hl)
         ]),
@@ -3088,7 +3088,7 @@ const vt = {
   "data-bs-toggle": "dropdown",
   role: "button",
   type: "button"
-}, Xl = { class: "dropdown-menu" }, Kl = { class: "btn-group" }, eo = ["disabled"], to = ["disabled"], Nr = /* @__PURE__ */ O({
+}, Xl = { class: "dropdown-menu" }, Kl = { class: "btn-group" }, eo = ["disabled"], to = ["disabled"], Qr = /* @__PURE__ */ O({
   __name: "rte-editor",
   props: {
     modelValue: {
@@ -3109,7 +3109,7 @@ const vt = {
     const n = e, l = r, a = C(!1), t = Ye(void 0), o = Ye(null);
     ne(async () => {
       const [
-        { Editor: u, mergeAttributes: i },
+        { Editor: d, mergeAttributes: s },
         { EditorContent: f },
         { default: v },
         { default: b },
@@ -3125,7 +3125,7 @@ const vt = {
         import("@tiptap/starter-kit"),
         import("@tiptap/extension-bold")
       ]);
-      o.value = f, t.value = new u({
+      o.value = f, t.value = new d({
         content: n.modelValue,
         onUpdate: () => {
           l("update:modelValue", t.value?.getHTML());
@@ -3150,7 +3150,7 @@ const vt = {
               ];
             },
             renderHTML({ HTMLAttributes: h }) {
-              return ["strong", i(this.options.HTMLAttributes, h), 0];
+              return ["strong", s(this.options.HTMLAttributes, h), 0];
             }
           }),
           b.configure({
@@ -3204,9 +3204,9 @@ const vt = {
             renderHTML({ HTMLAttributes: h }) {
               if (!h.href) {
                 const { href: k, target: P, rel: B, ...z } = h;
-                return ["a", i(z), 0];
+                return ["a", s(z), 0];
               }
-              return ["a", i(this.options.HTMLAttributes, h), 0];
+              return ["a", s(this.options.HTMLAttributes, h), 0];
             }
           }).configure({
             openOnClick: !1,
@@ -3222,33 +3222,33 @@ const vt = {
       });
     }), Ce(() => {
       t.value?.destroy();
-    }), W(() => n.modelValue, (u, i) => {
+    }), W(() => n.modelValue, (d, s) => {
       if (t.value) {
-        if (t.value.getHTML() === u)
+        if (t.value.getHTML() === d)
           return;
-        t.value.commands.setContent(u);
+        t.value.commands.setContent(d);
       }
     });
-    function s() {
-      const u = t.value?.getAttributes("link").href, i = window.prompt("URL", u);
-      if (i !== null) {
-        if (i === "") {
+    function i() {
+      const d = t.value?.getAttributes("link").href, s = window.prompt("URL", d);
+      if (s !== null) {
+        if (s === "") {
           t.value?.chain().focus().extendMarkRange("link").unsetLink().run();
           return;
         }
         try {
-          t.value?.chain().focus().extendMarkRange("link").setLink({ href: i }).run();
+          t.value?.chain().focus().extendMarkRange("link").setLink({ href: s }).run();
         } catch (f) {
           alert(f.message);
         }
       }
     }
-    const d = () => {
+    const u = () => {
       t.value?.commands.setContent(`<textarea>${t.value.getHTML()}</textarea>`), a.value = !0;
     }, m = () => {
       t.value?.commands.setContent(t.value.getText()), a.value = !1;
     };
-    return (u, i) => (c(), g("div", Ql, [
+    return (d, s) => (c(), g("div", Ql, [
       t.value ? (c(), g("div", Ol, [
         a.value ? (c(), g("button", {
           key: 1,
@@ -3264,7 +3264,7 @@ const vt = {
         ], 8, Fl)) : (c(), g("button", {
           key: 0,
           class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("code") }]),
-          onClick: d,
+          onClick: u,
           disabled: !t.value.can().chain().focus().toggleCode().run(),
           title: "Toggle Source"
         }, [
@@ -3276,7 +3276,7 @@ const vt = {
         A("div", Wl, [
           A("button", {
             class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("bold") }]),
-            onClick: i[0] || (i[0] = (f) => t.value?.chain().focus().toggleBold().run()),
+            onClick: s[0] || (s[0] = (f) => t.value?.chain().focus().toggleBold().run()),
             disabled: !t.value.can().chain().focus().toggleBold().run(),
             title: "Toggle Bold"
           }, [
@@ -3287,7 +3287,7 @@ const vt = {
           ], 10, Ul),
           A("button", {
             class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("italic") }]),
-            onClick: i[1] || (i[1] = (f) => t.value?.chain().focus().toggleItalic().run()),
+            onClick: s[1] || (s[1] = (f) => t.value?.chain().focus().toggleItalic().run()),
             disabled: !t.value.can().chain().focus().toggleItalic().run(),
             title: "Toggle Italic"
           }, [
@@ -3326,7 +3326,7 @@ const vt = {
               A("li", null, [
                 A("button", {
                   class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 1 }) }]),
-                  onClick: i[2] || (i[2] = (f) => t.value?.chain().focus().setHeading({ level: 1 }).run()),
+                  onClick: s[2] || (s[2] = (f) => t.value?.chain().focus().setHeading({ level: 1 }).run()),
                   title: "Set Heading 1"
                 }, [
                   I(Q, {
@@ -3338,7 +3338,7 @@ const vt = {
               A("li", null, [
                 A("button", {
                   class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 2 }) }]),
-                  onClick: i[3] || (i[3] = (f) => t.value?.chain().focus().setHeading({ level: 2 }).run()),
+                  onClick: s[3] || (s[3] = (f) => t.value?.chain().focus().setHeading({ level: 2 }).run()),
                   title: "Set Heading 2"
                 }, [
                   I(Q, {
@@ -3350,7 +3350,7 @@ const vt = {
               A("li", null, [
                 A("button", {
                   class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 3 }) }]),
-                  onClick: i[4] || (i[4] = (f) => t.value?.chain().focus().setHeading({ level: 3 }).run()),
+                  onClick: s[4] || (s[4] = (f) => t.value?.chain().focus().setHeading({ level: 3 }).run()),
                   title: "Set Heading 3"
                 }, [
                   I(Q, {
@@ -3362,7 +3362,7 @@ const vt = {
               A("li", null, [
                 A("button", {
                   class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 4 }) }]),
-                  onClick: i[5] || (i[5] = (f) => t.value?.chain().focus().setHeading({ level: 4 }).run()),
+                  onClick: s[5] || (s[5] = (f) => t.value?.chain().focus().setHeading({ level: 4 }).run()),
                   title: "Set Heading 4"
                 }, [
                   I(Q, {
@@ -3375,7 +3375,7 @@ const vt = {
           ]),
           A("button", {
             class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("paragraph") }]),
-            onClick: i[6] || (i[6] = (f) => t.value?.chain().focus().setParagraph().run()),
+            onClick: s[6] || (s[6] = (f) => t.value?.chain().focus().setParagraph().run()),
             title: "Set Paragraph"
           }, [
             I(Q, {
@@ -3385,7 +3385,7 @@ const vt = {
           ], 2),
           A("button", {
             class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("bulletList") }]),
-            onClick: i[7] || (i[7] = (f) => t.value?.chain().focus().toggleBulletList().run()),
+            onClick: s[7] || (s[7] = (f) => t.value?.chain().focus().toggleBulletList().run()),
             title: "Toggle Bullet List"
           }, [
             I(Q, {
@@ -3395,7 +3395,7 @@ const vt = {
           ], 2),
           A("button", {
             class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("orderedList") }]),
-            onClick: i[8] || (i[8] = (f) => t.value?.chain().focus().toggleOrderedList().run()),
+            onClick: s[8] || (s[8] = (f) => t.value?.chain().focus().toggleOrderedList().run()),
             title: "Toggle Ordered List"
           }, [
             I(Q, {
@@ -3428,7 +3428,7 @@ const vt = {
             A("li", null, [
               A("button", {
                 class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "left" }) }]),
-                onClick: i[9] || (i[9] = (f) => t.value?.chain().focus().setTextAlign("left").run())
+                onClick: s[9] || (s[9] = (f) => t.value?.chain().focus().setTextAlign("left").run())
               }, [
                 I(Q, {
                   symbol: "align-left",
@@ -3439,7 +3439,7 @@ const vt = {
             A("li", null, [
               A("button", {
                 class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "center" }) }]),
-                onClick: i[10] || (i[10] = (f) => t.value?.chain().focus().setTextAlign("center").run())
+                onClick: s[10] || (s[10] = (f) => t.value?.chain().focus().setTextAlign("center").run())
               }, [
                 I(Q, {
                   symbol: "align-center",
@@ -3450,7 +3450,7 @@ const vt = {
             A("li", null, [
               A("button", {
                 class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "right" }) }]),
-                onClick: i[11] || (i[11] = (f) => t.value?.chain().focus().setTextAlign("right").run())
+                onClick: s[11] || (s[11] = (f) => t.value?.chain().focus().setTextAlign("right").run())
               }, [
                 I(Q, {
                   symbol: "align-right",
@@ -3461,7 +3461,7 @@ const vt = {
             A("li", null, [
               A("button", {
                 class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "pretty" }) }]),
-                onClick: i[12] || (i[12] = (f) => t.value?.chain().focus().setTextAlign("right").run())
+                onClick: s[12] || (s[12] = (f) => t.value?.chain().focus().setTextAlign("right").run())
               }, [
                 I(Q, {
                   symbol: "align-justify",
@@ -3474,7 +3474,7 @@ const vt = {
         t.value.isActive("link") ? (c(), g("button", {
           key: 3,
           class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("link") }]),
-          onClick: i[13] || (i[13] = (f) => t.value.chain().focus().unsetLink().run()),
+          onClick: s[13] || (s[13] = (f) => t.value.chain().focus().unsetLink().run()),
           title: "Unset Link"
         }, [
           I(Q, {
@@ -3484,7 +3484,7 @@ const vt = {
         ], 2)) : (c(), g("button", {
           key: 2,
           class: D(["btn btn-sm btn-light", { "is-active": t.value.isActive("link") }]),
-          onClick: s,
+          onClick: i,
           title: "Set Link"
         }, [
           I(Q, {
@@ -3495,7 +3495,7 @@ const vt = {
         A("div", Kl, [
           A("button", {
             class: "btn btn-sm btn-light",
-            onClick: i[14] || (i[14] = (f) => t.value?.chain().focus().undo().run()),
+            onClick: s[14] || (s[14] = (f) => t.value?.chain().focus().undo().run()),
             disabled: !t.value.can().chain().focus().undo().run(),
             title: "Undo"
           }, [
@@ -3506,7 +3506,7 @@ const vt = {
           ], 8, eo),
           A("button", {
             class: "btn btn-sm btn-light",
-            onClick: i[15] || (i[15] = (f) => t.value?.chain().focus().redo().run()),
+            onClick: s[15] || (s[15] = (f) => t.value?.chain().focus().redo().run()),
             disabled: !t.value.can().chain().focus().redo().run(),
             title: "Redo"
           }, [
@@ -3523,7 +3523,7 @@ const vt = {
       }, null, 8, ["editor"]))
     ]));
   }
-}), ao = { class: "input-color" }, no = { class: "base-input__color-swatch" }, lo = ["name", "id", "disabled", "read-only", "required", "aria-label"], Hr = /* @__PURE__ */ O({
+}), ao = { class: "input-color" }, no = { class: "base-input__color-swatch" }, lo = ["name", "id", "disabled", "read-only", "required", "aria-label"], Or = /* @__PURE__ */ O({
   __name: "input-color",
   props: {
     modelValue: {
@@ -3587,7 +3587,7 @@ const vt = {
     return (t, o) => (c(), g("div", ao, [
       I(We, {
         modelValue: a.value,
-        "onUpdate:modelValue": o[1] || (o[1] = (s) => a.value = s),
+        "onUpdate:modelValue": o[1] || (o[1] = (i) => a.value = i),
         type: e.type === "color" ? "text" : e.type,
         id: e.id,
         name: e.name,
@@ -3599,10 +3599,10 @@ const vt = {
         required: e.required,
         maxlength: e.maxlength
       }, {
-        "input-append": _((s) => [
+        "input-append": _((i) => [
           A("span", no, [
             ye(A("input", {
-              "onUpdate:modelValue": o[0] || (o[0] = (d) => a.value = d),
+              "onUpdate:modelValue": o[0] || (o[0] = (u) => a.value = u),
               type: "color",
               name: `${e.name}-color`,
               id: `${e.id}-color`,
@@ -3620,7 +3620,7 @@ const vt = {
       }, 8, ["modelValue", "type", "id", "name", "placeholder", "pattern", "label", "disabled", "read-only", "required", "maxlength"])
     ]));
   }
-}), oo = { class: "color-palette" }, io = ["for"], Qr = /* @__PURE__ */ O({
+}), oo = { class: "color-palette" }, io = ["for"], Rr = /* @__PURE__ */ O({
   __name: "color-palette",
   props: {
     modelValue: {
@@ -3664,7 +3664,7 @@ const vt = {
     return (t, o) => (c(), g("div", oo, [
       I(dt, {
         modelValue: a.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
+        "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
         options: e.colors,
         name: e.name,
         id: e.id,
@@ -3673,11 +3673,11 @@ const vt = {
         required: e.required,
         class: "d-flex flex-wrap flex-row gap-2"
       }, {
-        "option-label": _((s) => [
+        "option-label": _((i) => [
           A("label", {
-            for: `${e.id}-${s.index}`,
+            for: `${e.id}-${i.index}`,
             class: "d-block rounded-circle",
-            style: $e({ backgroundColor: s.option })
+            style: $e({ backgroundColor: i.option })
           }, null, 12, io)
         ]),
         _: 1
@@ -3764,39 +3764,39 @@ const vt = {
       get() {
         return l.multiple && !l.modelValue ? [] : l.modelValue;
       },
-      set(d) {
-        a("update:modelValue", d);
+      set(u) {
+        a("update:modelValue", u);
       }
     }), o = $(
-      () => l.options && l.options.map((d) => (d = typeof d == "string" ? {
-        text: d,
-        value: d
-      } : d, {
-        ...d,
-        active: l.modelValue && d.value && (l.exactMatch ? l.modelValue === d.value : l.multiple ? l.modelValue.includes(d.value) : l.modelValue === d.value)
+      () => l.options && l.options.map((u) => (u = typeof u == "string" ? {
+        text: u,
+        value: u
+      } : u, {
+        ...u,
+        active: l.modelValue && u.value && (l.exactMatch ? l.modelValue === u.value : l.multiple ? l.modelValue.includes(u.value) : l.modelValue === u.value)
         // Use === for single values
       }))
-    ), s = $(() => {
+    ), i = $(() => {
       if (!l.modelValue)
         return l.placeholder || `${n("common.select")}`;
       if (l.multiple && Array.isArray(l.modelValue) && l.modelValue.length)
         return o.value.reduce(
-          (d, m) => l.modelValue.includes(m.value) ? `${d}${d ? ", " : ""}${m.text}` : d,
+          (u, m) => l.modelValue.includes(m.value) ? `${u}${u ? ", " : ""}${m.text}` : u,
           ""
         );
       if (!l.multiple) {
-        const d = o.value.find(
+        const u = o.value.find(
           (m) => typeof m.value == "object" && m.value !== null ? JSON.stringify(m.value) === JSON.stringify(l.modelValue) : m.value === l.modelValue
         );
-        return d ? d.text : l.placeholder || `${n("common.select")}`;
+        return u ? u.text : l.placeholder || `${n("common.select")}`;
       }
       return l.placeholder || `${n("common.select")}`;
     });
-    return (d, m) => (c(), g("div", {
+    return (u, m) => (c(), g("div", {
       class: "input input-dropdown",
       id: `${e.id || e.name}`
     }, [
-      N(d.$slots, "label", {}, () => [
+      N(u.$slots, "label", {}, () => [
         e.label ? (c(), g("label", {
           key: 0,
           for: `${e.id || e.name}--dropdown-toggle`,
@@ -3810,7 +3810,7 @@ const vt = {
           "data-bs-toggle": "dropdown",
           role: "button",
           type: "button",
-          title: s.value,
+          title: i.value,
           class: "btn dropdown-toggle",
           color: e.color,
           outlined: e.outlined,
@@ -3829,43 +3829,43 @@ const vt = {
                 _: 1
               }),
               A("span", mo, [
-                A("span", fo, T(e.toggleCaption || s.value), 1)
+                A("span", fo, T(e.toggleCaption || i.value), 1)
               ])
             ])
           ]),
           _: 1
         }, 8, ["id", "title", "color", "outlined", "disabled"]),
         A("ul", go, [
-          (c(!0), g(ae, null, ue(o.value, (u, i) => (c(), g("li", {
-            key: `${u.value}-${i}`
+          (c(!0), g(ae, null, ue(o.value, (d, s) => (c(), g("li", {
+            key: `${d.value}-${s}`
           }, [
             A("div", {
-              class: D(["dropdown-item", u.active && "active"])
+              class: D(["dropdown-item", d.active && "active"])
             }, [
               A("div", vo, [
                 e.multiple ? ye((c(), g("input", {
                   type: "checkbox",
                   "onUpdate:modelValue": m[0] || (m[0] = (f) => t.value = f),
-                  value: u.value,
-                  key: `${e.name}-${u.value}-${i}__if`,
-                  id: `${e.name}-${u.value}-${i}`,
+                  value: d.value,
+                  key: `${e.name}-${d.value}-${s}__if`,
+                  id: `${e.name}-${d.value}-${s}`,
                   name: e.name,
-                  label: u.text,
+                  label: d.text,
                   required: e.required,
-                  disabled: u.selectable === !1,
+                  disabled: d.selectable === !1,
                   class: "form-check-input"
                 }, null, 8, po)), [
                   [it, t.value]
                 ]) : ye((c(), g("input", {
                   type: "radio",
                   "onUpdate:modelValue": m[1] || (m[1] = (f) => t.value = f),
-                  value: u.value,
-                  key: `${e.name}-${u.value}-${i}__else`,
-                  id: `${e.name}-${u.value}-${i}`,
+                  value: d.value,
+                  key: `${e.name}-${d.value}-${s}__else`,
+                  id: `${e.name}-${d.value}-${s}`,
                   name: e.name,
-                  label: u.text,
+                  label: d.text,
                   required: e.required,
-                  disabled: u.selectable === !1,
+                  disabled: d.selectable === !1,
                   class: "form-check-input visually-hidden"
                 }, null, 8, ho)), [
                   [zt, t.value]
@@ -3873,8 +3873,8 @@ const vt = {
                 A("label", {
                   class: "form-check-label flex-grow-1",
                   onclick: "event.stopPropagation",
-                  for: `${e.name}-${u.value}-${i}`
-                }, T(u.text), 9, yo)
+                  for: `${e.name}-${d.value}-${s}`
+                }, T(d.text), 9, yo)
               ])
             ], 2)
           ]))), 128))
@@ -3944,12 +3944,12 @@ const vt = {
       set(v) {
         l("update:modelValue", v);
       }
-    }), s = $(() => {
+    }), i = $(() => {
       const v = new RegExp(`(${o.value})`, "i");
       return o.value ? n.options.filter((b) => v.test(b)) : n.options;
-    }), d = $(() => {
+    }), u = $(() => {
       const v = new RegExp(`(${o.value})`, "i");
-      return s.value.map((b) => {
+      return i.value.map((b) => {
         const w = b.replace(v, "<strong>$1</strong>");
         return re(w);
       });
@@ -3960,20 +3960,20 @@ const vt = {
     function m() {
       n.options.length && (t.value = !0);
     }
-    function u(v) {
+    function d(v) {
       t.value = !1;
-      const b = s.value[v];
+      const b = i.value[v];
       l("update:modelValue", b), l("update:selection", b);
     }
-    const i = C();
+    const s = C();
     function f(v) {
       const b = v.target;
       t.value && b && !a.value.contains(b) && (t.value = !1);
     }
     return ot(() => {
-      i.value = document.addEventListener("click", f);
+      s.value = document.addEventListener("click", f);
     }), Ce(() => {
-      document.removeEventListener("click", i.value);
+      document.removeEventListener("click", s.value);
     }), (v, b) => (c(), g("div", {
       class: "auto-suggest",
       ref_key: "container",
@@ -3990,12 +3990,12 @@ const vt = {
           }, v.$props), null, 16, ["modelValue"])
         ])
       ], 32),
-      t.value && s.value.length ? (c(), g("div", bo, [
+      t.value && i.value.length ? (c(), g("div", bo, [
         A("ul", wo, [
-          (c(!0), g(ae, null, ue(d.value, (w, V) => (c(), g("li", {
+          (c(!0), g(ae, null, ue(u.value, (w, V) => (c(), g("li", {
             key: w,
             class: "suggestions__item dropdown-item",
-            onClick: Z((p) => u(V), ["prevent"])
+            onClick: Z((p) => d(V), ["prevent"])
           }, [
             A("p", {
               class: "text-truncate my-2",
@@ -4010,52 +4010,52 @@ const vt = {
 function So(e) {
   const r = $(() => {
     if (!e.tintColor) return null;
-    const o = e.tintColor.replace("#", ""), s = parseInt(o.substring(0, 2), 16), d = parseInt(o.substring(2, 4), 16), m = parseInt(o.substring(4, 6), 16);
-    return { r: s, g: d, b: m };
+    const o = e.tintColor.replace("#", ""), i = parseInt(o.substring(0, 2), 16), u = parseInt(o.substring(2, 4), 16), m = parseInt(o.substring(4, 6), 16);
+    return { r: i, g: u, b: m };
   });
-  function n(o, s, d) {
+  function n(o, i, u) {
     if (e.filter === "none" && !e.tintColor) return;
-    const m = o.getImageData(0, 0, s, d), u = m.data;
+    const m = o.getImageData(0, 0, i, u), d = m.data;
     if (e.filter === "grayscale")
-      for (let i = 0; i < u.length; i += 4) {
-        const f = 0.299 * u[i] + 0.587 * u[i + 1] + 0.114 * u[i + 2];
-        u[i] = f, u[i + 1] = f, u[i + 2] = f;
+      for (let s = 0; s < d.length; s += 4) {
+        const f = 0.299 * d[s] + 0.587 * d[s + 1] + 0.114 * d[s + 2];
+        d[s] = f, d[s + 1] = f, d[s + 2] = f;
       }
     else if (e.filter === "sepia")
-      for (let i = 0; i < u.length; i += 4) {
-        const f = u[i], v = u[i + 1], b = u[i + 2];
-        u[i] = Math.min(255, 0.393 * f + 0.769 * v + 0.189 * b), u[i + 1] = Math.min(255, 0.349 * f + 0.686 * v + 0.168 * b), u[i + 2] = Math.min(255, 0.272 * f + 0.534 * v + 0.131 * b);
+      for (let s = 0; s < d.length; s += 4) {
+        const f = d[s], v = d[s + 1], b = d[s + 2];
+        d[s] = Math.min(255, 0.393 * f + 0.769 * v + 0.189 * b), d[s + 1] = Math.min(255, 0.349 * f + 0.686 * v + 0.168 * b), d[s + 2] = Math.min(255, 0.272 * f + 0.534 * v + 0.131 * b);
       }
     if (e.tintColor && r.value) {
-      const { r: i, g: f, b: v } = r.value, b = e.tintIntensity;
-      for (let w = 0; w < u.length; w += 4) {
-        const V = u[w], p = u[w + 1], h = u[w + 2], k = V * i / 255, P = p * f / 255, B = h * v / 255;
-        u[w] = V + (k - V) * b, u[w + 1] = p + (P - p) * b, u[w + 2] = h + (B - h) * b;
+      const { r: s, g: f, b: v } = r.value, b = e.tintIntensity;
+      for (let w = 0; w < d.length; w += 4) {
+        const V = d[w], p = d[w + 1], h = d[w + 2], k = V * s / 255, P = p * f / 255, B = h * v / 255;
+        d[w] = V + (k - V) * b, d[w + 1] = p + (P - p) * b, d[w + 2] = h + (B - h) * b;
       }
     }
     o.putImageData(m, 0, 0);
   }
   async function l(o) {
     if (typeof o != "string")
-      return o.complete && o.naturalWidth > 0 || await new Promise((d, m) => {
-        o.onload = () => d(), o.onerror = () => m(new Error("Failed to load image element"));
+      return o.complete && o.naturalWidth > 0 || await new Promise((u, m) => {
+        o.onload = () => u(), o.onerror = () => m(new Error("Failed to load image element"));
       }), o;
-    const s = new Image();
-    return await new Promise((d, m) => {
-      s.onload = () => d(), s.onerror = () => m(new Error("Failed to load image source")), s.src = o;
-    }), s;
+    const i = new Image();
+    return await new Promise((u, m) => {
+      i.onload = () => u(), i.onerror = () => m(new Error("Failed to load image source")), i.src = o;
+    }), i;
   }
-  async function a(o, s = {}) {
-    const d = await l(o), m = document.createElement("canvas"), u = s.width || d.naturalWidth || d.width, i = s.height || d.naturalHeight || d.height;
-    m.width = u, m.height = i;
+  async function a(o, i = {}) {
+    const u = await l(o), m = document.createElement("canvas"), d = i.width || u.naturalWidth || u.width, s = i.height || u.naturalHeight || u.height;
+    m.width = d, m.height = s;
     const f = m.getContext("2d");
     if (!f)
       throw new Error("Could not create canvas context");
-    return f.drawImage(d, 0, 0, u, i), n(f, u, i), m.toDataURL(s.mimeType || "image/png", s.quality);
+    return f.drawImage(u, 0, 0, d, s), n(f, d, s), m.toDataURL(i.mimeType || "image/png", i.quality);
   }
-  async function t(o, s = {}) {
-    const d = await a(o, s);
-    return (await fetch(d)).blob();
+  async function t(o, i = {}) {
+    const u = await a(o, i);
+    return (await fetch(u)).blob();
   }
   return { tintRgb: r, applyFilterToCanvas: n, applyFilterToImage: a, applyFilterToImageBlob: t };
 }
@@ -4089,25 +4089,25 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const n = e, l = r, a = $(() => n.ticks), t = $(() => Math.round((n.ticks - 1) / 2)), o = $(() => Math.round((n.ticks - 1) / 10));
-    function s(d) {
-      l("update:modelValue", parseFloat(d.target.value));
+    function i(u) {
+      l("update:modelValue", parseFloat(u.target.value));
     }
-    return (d, m) => (c(), g("div", Bo, [
+    return (u, m) => (c(), g("div", Bo, [
       A("input", {
         type: "range",
         min: e.min,
         max: e.max,
         step: e.step,
         value: e.modelValue,
-        onInput: s,
+        onInput: i,
         "aria-label": "Zoom"
       }, null, 40, Mo),
       A("div", Io, [
-        (c(!0), g(ae, null, ue(a.value, (u) => (c(), g("span", {
-          key: u,
+        (c(!0), g(ae, null, ue(a.value, (d) => (c(), g("span", {
+          key: d,
           class: D(["zoom-slider__tick", {
-            "zoom-slider__tick--major": (u - 1) % t.value === 0,
-            "zoom-slider__tick--mid": (u - 1) % o.value === 0 && (u - 1) % t.value !== 0
+            "zoom-slider__tick--major": (d - 1) % t.value === 0,
+            "zoom-slider__tick--mid": (d - 1) % o.value === 0 && (d - 1) % t.value !== 0
           }])
         }, null, 2))), 128))
       ])
@@ -4138,7 +4138,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
   "5x4": { width: 1200, height: 960 },
   "16x9": { width: 1280, height: 720 },
   "9x16": { width: 720, height: 1280 }
-}, Or = /* @__PURE__ */ O({
+}, Fr = /* @__PURE__ */ O({
   ...Yo,
   props: {
     modelValue: {
@@ -4212,7 +4212,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: r, emit: n }) {
-    const l = e, a = n, t = C(), o = C(), s = C(!1), d = C([]), m = C(), u = C(), i = C(!1), f = C(!1), v = C(0), b = C(0), w = C(), V = C(l.zoom || 1), p = $(() => ({ ...ht, ...l.resolutions })), h = $(() => Object.values(p.value)[0]);
+    const l = e, a = n, t = C(), o = C(), i = C(!1), u = C([]), m = C(), d = C(), s = C(!1), f = C(!1), v = C(0), b = C(0), w = C(), V = C(l.zoom || 1), p = $(() => ({ ...ht, ...l.resolutions })), h = $(() => Object.values(p.value)[0]);
     function k(x) {
       return String(x || "").trim().toLowerCase().replace(/\s+/g, "").replace(/[:/]/g, "x");
     }
@@ -4225,7 +4225,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
     }), B = $(() => P.value ? p.value[P.value] : h.value), z = $(() => {
       const x = P.value ? p.value[P.value] : void 0;
       return x ? `${x.width} / ${x.height}` : void 0;
-    }), K = $(() => d.value.filter((x) => x.kind === "videoinput")), ge = $(() => d.value.filter((x) => x.kind === "audioinput")), me = $(() => K.value.map((x, F) => ({
+    }), K = $(() => u.value.filter((x) => x.kind === "videoinput")), ge = $(() => u.value.filter((x) => x.kind === "audioinput")), me = $(() => K.value.map((x, F) => ({
       text: x.label.slice(0, x.label.indexOf("(")) || `Camera ${F + 1}`,
       value: x.deviceId
     }))), ke = $({
@@ -4238,17 +4238,17 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
     });
     $({
       get() {
-        return u.value && u.value.deviceId;
+        return d.value && d.value.deviceId;
       },
       set(x) {
-        u.value = ge.value.find((F) => F.deviceId === x);
+        d.value = ge.value.find((F) => F.deviceId === x);
       }
     });
     const ve = $(() => {
       const x = m.value && K.value.findIndex((F) => F.deviceId === m.value.deviceId);
       return l.enableMirrorCamera && x === 0 ? "mirror-cam" : "";
     }), Le = $(() => {
-      const x = m.value && d.value.findIndex((F) => F.deviceId === m.value.deviceId);
+      const x = m.value && u.value.findIndex((F) => F.deviceId === m.value.deviceId);
       return ve.value ? `${ve.value} mirror-device-${x}` : "";
     }), { tintRgb: Y, applyFilterToCanvas: Me } = So(l);
     function L() {
@@ -4264,7 +4264,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
     async function H() {
       const x = B.value ? { width: B.value.width, height: B.value.height } : void 0, F = x ? x.width / x.height : void 0, oe = {
         audio: l.enableAudio && {
-          ...u.value ? { deviceId: u.value.deviceId } : {}
+          ...d.value ? { deviceId: d.value.deviceId } : {}
           // deviceId: activeAudioDevice.value ? { exact: activeAudioDevice.value } : undefined
         },
         // audio: false,
@@ -4287,13 +4287,13 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
       });
     }
     async function ee() {
-      return t.value.srcObject = await H(), d.value = await navigator.mediaDevices.enumerateDevices(), { stream: t.value.srcObject, devices: d.value };
+      return t.value.srcObject = await H(), u.value = await navigator.mediaDevices.enumerateDevices(), { stream: t.value.srcObject, devices: u.value };
     }
     function De() {
-      i.value ? (i.value = !1, f.value = !1, G()) : (i.value = !0, ee());
+      s.value ? (s.value = !1, f.value = !1, G()) : (s.value = !0, ee());
     }
     function ze() {
-      if (d.value.length > 1) {
+      if (u.value.length > 1) {
         G();
         const x = K.value.findIndex((F) => F.deviceId === m.value.deviceId);
         m.value = K.value[x === K.value.length - 1 ? 0 : x + 1], ee();
@@ -4302,7 +4302,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
     async function Ne(x, F) {
       G(), x && (!F || x.deviceId !== F.deviceId) && await ee();
     }
-    W(() => m.value, Ne), W(() => u.value, Ne);
+    W(() => m.value, Ne), W(() => d.value, Ne);
     function Ve() {
       l.countdown ? (w.value = w.value ? w.value - 1 : l.countdown, w.value ? setTimeout(Ve, 1e3) : te()) : te();
     }
@@ -4371,16 +4371,16 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
       });
     }
     return ne(async () => {
-      G(), await ee(), m.value = K.value[0], l.enableAudio && (u.value = ge.value[0]), navigator.mediaDevices.addEventListener("devicechange", async (x) => {
+      G(), await ee(), m.value = K.value[0], l.enableAudio && (d.value = ge.value[0]), navigator.mediaDevices.addEventListener("devicechange", async (x) => {
         await ee();
-      }), l.defaultRearCamera && ze(), De(), window.addEventListener("resize", R), L(), await Fe(), s.value = !0;
+      }), l.defaultRearCamera && ze(), De(), window.addEventListener("resize", R), L(), await Fe(), i.value = !0;
     }), Ce(() => {
-      i.value = !1, f.value = !1, G(), window.removeEventListener("resize", R);
+      s.value = !1, f.value = !1, G(), window.removeEventListener("resize", R);
     }), (x, F) => (c(), g("div", {
       class: D(["camera", Le.value])
     }, [
       A("div", Po, [
-        s.value ? M("", !0) : (c(), g("div", xo, [
+        i.value ? M("", !0) : (c(), g("div", xo, [
           I(rt, { color: "#000" }, {
             default: _(() => [
               A("span", {
@@ -4413,7 +4413,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
             })
           }, null, 4)) : M("", !0)
         ], 6), [
-          [ft, s.value]
+          [ft, i.value]
         ]),
         ye(A("canvas", {
           ref_key: "canvas",
@@ -4432,7 +4432,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
             "data-countdown": w.value
           }, null, 8, No))
         ])) : M("", !0),
-        e.enableGuide && i.value && s.value ? (c(), g("img", {
+        e.enableGuide && s.value && i.value ? (c(), g("img", {
           key: 2,
           class: "camera__guide",
           src: e.guideSrc
@@ -4454,7 +4454,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
                   class: "camera__toggle btn btn-primary",
                   onClick: De
                 }, [
-                  i.value ? (c(), g("span", qo, T(x.$t("common.pause")), 1)) : (c(), g("span", jo, T(x.$t("common.play")), 1))
+                  s.value ? (c(), g("span", qo, T(x.$t("common.pause")), 1)) : (c(), g("span", jo, T(x.$t("common.play")), 1))
                 ]),
                 A("button", {
                   type: "button",
@@ -4636,7 +4636,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
         url: "https://{s}.basemaps.cartocdn.com/rastertiles/voyager_nolabels/{z}/{x}/{y}{r}.png",
         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
       }
-    }, t = e, o = r, s = Ye(null), d = C(null), m = C(null), u = C(t.zoom), i = C(B(t.modelValue));
+    }, t = e, o = r, i = Ye(null), u = C(null), m = C(null), d = C(t.zoom), s = C(B(t.modelValue));
     ne(async () => {
       if (typeof window > "u")
         return;
@@ -4644,23 +4644,23 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
         import("@vue-leaflet/vue-leaflet"),
         import("leaflet")
       ]);
-      s.value = Ee({
+      i.value = Ee({
         LCircle: Ee(L.LCircle),
         LMap: Ee(L.LMap),
         LMarker: Ee(L.LMarker),
         LPopup: Ee(L.LPopup),
         LPolyline: Ee(L.LPolyline),
         LTileLayer: Ee(L.LTileLayer)
-      }), d.value = {
+      }), u.value = {
         list: n("list", R.divIcon),
         selected: n("selected", R.divIcon),
         search: n("search", R.divIcon),
         user: n("user", R.divIcon)
       };
     }), W(() => t.zoom, (L) => {
-      u.value = L;
+      d.value = L;
     }), W(() => t.modelValue, (L) => {
-      i.value = B(L);
+      s.value = B(L);
     }), W(() => t.center, (L) => {
       const R = B(L);
       R && me(R);
@@ -4681,23 +4681,23 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
       },
       { flush: "post" }
     );
-    const f = $(() => B(t.userLocation)), v = $(() => B(t.selectionRadiusCenter) || i.value), b = $(() => {
+    const f = $(() => B(t.userLocation)), v = $(() => B(t.selectionRadiusCenter) || s.value), b = $(() => {
       const L = (t.markers || []).map((R) => {
         const H = B(R);
         return H ? {
           ...R,
           ...H,
-          type: R.type || (i.value && K(R, i.value) ? "selected" : "list")
+          type: R.type || (s.value && K(R, s.value) ? "selected" : "list")
         } : null;
       }).filter((R) => !!R);
-      return t.showSelectedMarker && i.value && !L.some((R) => K(R, i.value)) && L.push({
+      return t.showSelectedMarker && s.value && !L.some((R) => K(R, s.value)) && L.push({
         id: "selected-location",
         label: t.selectedLocationLabel,
         type: "search",
-        ...i.value
+        ...s.value
       }), L;
     }), w = $(() => (t.routeCoordinates || []).map((L) => z(L)).filter((L) => !!L)), V = $(() => {
-      const L = B(t.center) || i.value || B(t.markers[0]) || l;
+      const L = B(t.center) || s.value || B(t.markers[0]) || l;
       return [L.lat, L.lng];
     }), p = $(() => {
       if (t.tileLayerUrl.trim())
@@ -4711,8 +4711,8 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
       return a[L].attribution;
     });
     function k(L = "list") {
-      if (d.value)
-        return d.value[L] || d.value.list;
+      if (u.value)
+        return u.value[L] || u.value.list;
     }
     function P(L = "list") {
       switch (L) {
@@ -4751,10 +4751,10 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
       m.value?.panTo([L.lat, L.lng]);
     }
     function ke(L) {
-      m.value = L, me(B(t.center) || i.value || l), ge();
+      m.value = L, me(B(t.center) || s.value || l), ge();
     }
     function ve(L) {
-      u.value = L, o("update:zoom", L);
+      d.value = L, o("update:zoom", L);
     }
     function Le(L) {
       const R = B(L);
@@ -4767,13 +4767,13 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
         lat: Number(L.latlng.lat.toFixed(6)),
         lng: Number(L.latlng.lng.toFixed(6))
       };
-      i.value = R, me(R), o("update:modelValue", R), o("update:center", R), o("map-click", R);
+      s.value = R, me(R), o("update:modelValue", R), o("update:center", R), o("map-click", R);
     }
     function Me(L) {
-      i.value = {
+      s.value = {
         lat: Number(L.lat),
         lng: Number(L.lng)
-      }, me(i.value), o("update:modelValue", i.value), o("update:center", i.value), o("marker-click", L);
+      }, me(s.value), o("update:modelValue", s.value), o("update:center", s.value), o("marker-click", L);
     }
     return (L, R) => (c(), g("div", Zo, [
       N(L.$slots, "label", {}, () => [
@@ -4787,11 +4787,11 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
         style: $e({ height: e.height }),
         "data-testid": "base-map"
       }, [
-        s.value ? (c(), U(ce(s.value?.LMap), {
+        i.value ? (c(), U(ce(i.value?.LMap), {
           key: 0,
           class: "base-map__canvas",
           "use-global-leaflet": !1,
-          zoom: u.value,
+          zoom: d.value,
           center: V.value,
           onReady: ke,
           onClick: Y,
@@ -4799,19 +4799,19 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
           "onUpdate:center": Le
         }, {
           default: _(() => [
-            (c(), U(ce(s.value.LTileLayer), {
+            (c(), U(ce(i.value.LTileLayer), {
               url: p.value,
               attribution: h.value,
               "layer-type": "base",
               name: "OpenStreetMap"
             }, null, 8, ["url", "attribution"])),
-            w.value.length > 1 ? (c(), U(ce(s.value.LPolyline), {
+            w.value.length > 1 ? (c(), U(ce(i.value.LPolyline), {
               key: 0,
               "lat-lngs": w.value,
               color: e.routeColor,
               weight: e.routeWeight
             }, null, 8, ["lat-lngs", "color", "weight"])) : M("", !0),
-            v.value && e.selectionRadius > 0 ? (c(), U(ce(s.value.LCircle), {
+            v.value && e.selectionRadius > 0 ? (c(), U(ce(i.value.LCircle), {
               key: 1,
               "lat-lng": [v.value.lat, v.value.lng],
               radius: e.selectionRadius,
@@ -4821,7 +4821,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
               opacity: e.selectionRadiusOpacity,
               weight: e.selectionRadiusStrokeWeight
             }, null, 8, ["lat-lng", "radius", "color", "fill-color", "fill-opacity", "opacity", "weight"])) : M("", !0),
-            (c(!0), g(ae, null, ue(b.value, (H, G) => (c(), U(ce(s.value.LMarker), {
+            (c(!0), g(ae, null, ue(b.value, (H, G) => (c(), U(ce(i.value.LMarker), {
               key: H.id ?? `${H.lat}-${H.lng}-${G}`,
               "lat-lng": [H.lat, H.lng],
               icon: k(H.type),
@@ -4829,7 +4829,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
               onClick: (ee) => Me(H)
             }, {
               default: _(() => [
-                H.label ? (c(), U(ce(s.value.LPopup), { key: 0 }, {
+                H.label ? (c(), U(ce(i.value.LPopup), { key: 0 }, {
                   default: _(() => [
                     Se(T(H.label), 1)
                   ]),
@@ -4838,7 +4838,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
               ]),
               _: 2
             }, 1032, ["lat-lng", "icon", "z-index-offset", "onClick"]))), 128)),
-            f.value ? (c(), U(ce(s.value.LMarker), {
+            f.value ? (c(), U(ce(i.value.LMarker), {
               key: `user-${f.value.lat}-${f.value.lng}`,
               "lat-lng": [f.value.lat, f.value.lng],
               icon: k("user"),
@@ -4851,7 +4851,7 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
               }))
             }, {
               default: _(() => [
-                (c(), U(ce(s.value.LPopup), null, {
+                (c(), U(ce(i.value.LPopup), null, {
                   default: _(() => [
                     Se(T(e.userLocationLabel), 1)
                   ]),
@@ -4920,38 +4920,38 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
   emits: ["update:modelValue", "select"],
   setup(e, { emit: r }) {
     const n = e, l = r;
-    function a(i) {
-      return i?.[n.titleKey] || i?.label || i?.name || "Location";
+    function a(s) {
+      return s?.[n.titleKey] || s?.label || s?.name || "Location";
     }
-    function t(i) {
-      return i?.[n.descriptionKey] || i?.description || i?.subtitle || "";
+    function t(s) {
+      return s?.[n.descriptionKey] || s?.description || s?.subtitle || "";
     }
-    function o(i, f = 0) {
-      return i ? typeof i != "object" ? i : i.id ?? i.value ?? a(i) ?? f : f;
+    function o(s, f = 0) {
+      return s ? typeof s != "object" ? s : s.id ?? s.value ?? a(s) ?? f : f;
     }
-    function s(i, f = 0) {
-      return `${o(i, f)}`.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+    function i(s, f = 0) {
+      return `${o(s, f)}`.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
     }
-    function d(i, f = 0) {
-      return o(n.modelValue) === o(i, f);
+    function u(s, f = 0) {
+      return o(n.modelValue) === o(s, f);
     }
-    function m(i) {
-      return Number.isFinite(i) ? i >= 1e3 ? `${(i / 1e3).toFixed(1)} km` : `${Math.round(i)} m` : "—";
+    function m(s) {
+      return Number.isFinite(s) ? s >= 1e3 ? `${(s / 1e3).toFixed(1)} km` : `${Math.round(s)} m` : "—";
     }
-    function u(i) {
-      l("update:modelValue", i), l("select", i);
+    function d(s) {
+      l("update:modelValue", s), l("select", s);
     }
-    return (i, f) => (c(), g("div", ti, [
+    return (s, f) => (c(), g("div", ti, [
       e.label ? (c(), g("p", ai, T(e.label), 1)) : M("", !0),
       e.locations.length ? (c(), g("div", ni, [
         (c(!0), g(ae, null, ue(e.locations, (v, b) => (c(), g("button", {
           key: o(v, b),
           type: "button",
           class: D(["location-list__item", {
-            "location-list__item--active": d(v, b)
+            "location-list__item--active": u(v, b)
           }]),
-          "data-testid": `location-option-${s(v, b)}`,
-          onClick: (w) => u(v)
+          "data-testid": `location-option-${i(v, b)}`,
+          onClick: (w) => d(v)
         }, [
           A("strong", oi, T(a(v)), 1),
           t(v) ? (c(), g("small", ii, T(t(v)), 1)) : M("", !0),
@@ -4962,8 +4962,8 @@ const Bo = { class: "zoom-slider" }, Mo = ["min", "max", "step", "value"], Io =
   }
 });
 function Lt(e = null, r) {
-  const n = C(!1), l = C([]), a = C([]), t = C(!1), o = C(!1), s = $(() => e.modelValue?.length ? e.modelValue : e.src ? [{ type: "", src: e.src }] : a.value);
-  async function d(w) {
+  const n = C(!1), l = C([]), a = C([]), t = C(!1), o = C(!1), i = $(() => e.modelValue?.length ? e.modelValue : e.src ? [{ type: "", src: e.src }] : a.value);
+  async function u(w) {
     const V = new FormData();
     V.append("file", w), n.value = !0;
     const h = await (e.customFetch || Ze)(e.endpoint, {
@@ -4990,10 +4990,10 @@ function Lt(e = null, r) {
       r?.("update:modelValue", e.multiple ? [] : void 0), r?.("update:src", "");
     l.value.splice(V, 1), t.value = !1;
   }
-  function u(w) {
+  function d(w) {
     w.preventDefault(), o.value = !0;
   }
-  function i(w) {
+  function s(w) {
     w.preventDefault(), o.value = !1;
   }
   function f(w) {
@@ -5003,16 +5003,16 @@ function Lt(e = null, r) {
   }
   function v() {
     e.dropFiles && (["dragenter", "dragover"].forEach((w) => {
-      document.body.addEventListener(w, u, !1);
+      document.body.addEventListener(w, d, !1);
     }), ["dragleave", "drop"].forEach((w) => {
-      document.body.addEventListener(w, i, !1);
+      document.body.addEventListener(w, s, !1);
     }), document.body.addEventListener("drop", f, !1));
   }
   function b() {
     e.dropFiles && (["dragenter", "dragover"].forEach((w) => {
-      document.body.removeEventListener(w, u, !1);
+      document.body.removeEventListener(w, d, !1);
     }), ["dragleave", "drop"].forEach((w) => {
-      document.body.removeEventListener(w, i, !1);
+      document.body.removeEventListener(w, s, !1);
     }), document.body.removeEventListener("drop", f, !1));
   }
   return ne(() => {
@@ -5025,11 +5025,11 @@ function Lt(e = null, r) {
     dataUrls: a,
     imgLoaded: t,
     isDragging: o,
-    thumbnails: s,
-    uploadFile: d,
+    thumbnails: i,
+    uploadFile: u,
     removeFile: m,
-    dragStart: u,
-    dragStop: i,
+    dragStart: d,
+    dragStop: s,
     dragDrop: f,
     setupDragAndDrop: v,
     cleanupDragAndDrop: b
@@ -5127,24 +5127,24 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
   },
   emits: ["update:modelValue", "update:src"],
   setup(e, { emit: r }) {
-    const n = e, l = r, { pending: a, files: t, dataUrls: o, isDragging: s, thumbnails: d, uploadFile: m, removeFile: u } = Lt(n, l);
-    return W(() => t.value, async (i) => {
+    const n = e, l = r, { pending: a, files: t, dataUrls: o, isDragging: i, thumbnails: u, uploadFile: m, removeFile: d } = Lt(n, l);
+    return W(() => t.value, async (s) => {
       o.value = await Promise.all(
-        i.map(async (f) => ({
+        s.map(async (f) => ({
           src: n.toDataUrl ? await Ke(f) : await m(f),
           type: f.type
         }))
       );
-    }, { deep: !0 }), W(() => o.value, async (i) => {
-      const f = n.multiple ? i : i[0];
-      l("update:modelValue", f), n.multiple || l("update:src", i[0] && i[0].src);
-    }, { deep: !0 }), (i, f) => (c(), g("div", {
+    }, { deep: !0 }), W(() => o.value, async (s) => {
+      const f = n.multiple ? s : s[0];
+      l("update:modelValue", f), n.multiple || l("update:src", s[0] && s[0].src);
+    }, { deep: !0 }), (s, f) => (c(), g("div", {
       class: D(["file-upload", {
         "has-dragging": e.dropFiles,
-        "is-dragging": q(s)
+        "is-dragging": q(i)
       }])
     }, [
-      (c(!0), g(ae, null, ue(q(d), (v, b) => (c(), g("div", {
+      (c(!0), g(ae, null, ue(q(u), (v, b) => (c(), g("div", {
         key: v.src,
         class: D(e.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
       }, [
@@ -5154,14 +5154,14 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
             class: "img-thumbnail rounded"
           }, null, 8, ui),
           A("button", {
-            onClick: Z((w) => q(u)(b), ["prevent"]),
+            onClick: Z((w) => q(d)(b), ["prevent"]),
             class: "btn btn--close"
           }, [
             I(Q, { symbol: "x" })
           ], 8, di)
         ], 64)) : (c(), g("button", {
           key: 1,
-          onClick: Z((w) => q(u)(b), ["prevent"]),
+          onClick: Z((w) => q(d)(b), ["prevent"]),
           class: "btn btn--close btn-outline-contrast"
         }, [
           I(Q, { symbol: "x" })
@@ -5180,10 +5180,10 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
         for: e.id,
         class: "file-upload__label"
       }, [
-        N(i.$slots, "button", {}, () => [
+        N(s.$slots, "button", {}, () => [
           A("span", {
             class: "btn btn-outline-contrast",
-            innerHTML: e.label || i.$t("common.selectFile")
+            innerHTML: e.label || s.$t("common.selectFile")
           }, null, 8, fi)
         ]),
         I(tt, { name: "fade" }, {
@@ -5247,18 +5247,18 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
     "update:dragOverIndex"
   ],
   setup(e, { emit: r }) {
-    const n = e, l = C(!1), a = C(null), t = C(null), o = r, s = $({
+    const n = e, l = C(!1), a = C(null), t = C(null), o = r, i = $({
       get() {
         return n.modelValue;
       },
       set(h) {
         o("update:modelValue", h);
       }
-    }), d = $(() => {
+    }), u = $(() => {
       const h = document.querySelector(".is-drag-item")?.outerHTML;
       return h ? re(h) : "";
-    }), m = Nt(), u = $(() => m["list-append"]);
-    function i(h, k) {
+    }), m = Nt(), d = $(() => m["list-append"]);
+    function s(h, k) {
       h.dataTransfer && (h.dataTransfer.dropEffect = "move", h.dataTransfer.effectAllowed = "move", h.dataTransfer.setData("index", k.toLocaleString()), l.value = !0, a.value = k);
     }
     function f(h, k) {
@@ -5277,8 +5277,8 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
     function p(h, k) {
       if (h.dataTransfer) {
         h.preventDefault();
-        const P = Number(h.dataTransfer.getData("index")), B = k, z = [...s.value];
-        (B || B === 0) && (P || P === 0) && z.splice(B, 0, z.splice(P, 1)[0]), s.value = z;
+        const P = Number(h.dataTransfer.getData("index")), B = k, z = [...i.value];
+        (B || B === 0) && (P || P === 0) && z.splice(B, 0, z.splice(P, 1)[0]), i.value = z;
       }
     }
     return W(() => l.value, (h) => {
@@ -5300,7 +5300,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
       }, ["prevent"]))
     }, {
       default: _(() => [
-        (c(!0), g(ae, null, ue(s.value, (P, B) => (c(), g(ae, { key: B }, [
+        (c(!0), g(ae, null, ue(i.value, (P, B) => (c(), g(ae, { key: B }, [
           e.showPreview && l.value && t.value === B ? (c(), g("li", {
             key: 0,
             class: "sortable-list__item is-drop-target",
@@ -5309,7 +5309,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
             onDragleave: (z) => void 0,
             onDragend: (z) => f(),
             onDrop: (z) => p(z, B),
-            innerHTML: d.value
+            innerHTML: u.value
           }, null, 40, pi)) : M("", !0),
           A("li", {
             class: D(["sortable-list__item d-flex", {
@@ -5318,7 +5318,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
               "align-items-center gap-2": e.vertical
             }]),
             draggable: !0,
-            onDragstart: (z) => i(z, B),
+            onDragstart: (z) => s(z, B),
             onDrag: (z) => void 0,
             onDragenter: (z) => b(z, B),
             onDragover: (z) => w(z, B),
@@ -5345,7 +5345,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
             ], 2)
           ], 42, hi)
         ], 64))), 128)),
-        u.value ? (c(), g("li", wi, [
+        d.value ? (c(), g("li", wi, [
           N(h.$slots, "list-append")
         ])) : M("", !0)
       ]),
@@ -5374,33 +5374,33 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const n = r, l = et("image"), a = C(1), t = C(0), o = C(0), s = C(null), d = C(0), m = C(0);
-    function u() {
-      s.value && (n("update:modelValue", s.value), a.value = 1);
+    const n = r, l = et("image"), a = C(1), t = C(0), o = C(0), i = C(null), u = C(0), m = C(0);
+    function d() {
+      i.value && (n("update:modelValue", i.value), a.value = 1);
     }
-    const i = () => {
-      if (!d.value || !m.value) return;
-      t.value = Math.round(d.value * a.value);
-      const v = m.value / d.value;
+    const s = () => {
+      if (!u.value || !m.value) return;
+      t.value = Math.round(u.value * a.value);
+      const v = m.value / u.value;
       o.value = Math.round(t.value * v);
       const b = l.value?.$el;
       if (!b) return;
       const w = b.querySelector("img");
-      w && (s.value = St(w, t.value, o.value, "image/png"));
-    }, f = At(i, 300);
+      w && (i.value = St(w, t.value, o.value, "image/png"));
+    }, f = At(s, 300);
     return W(a, () => {
-      d.value && (t.value = Math.round(d.value * a.value), f());
+      u.value && (t.value = Math.round(u.value * a.value), f());
     }), W(t, () => {
-      if (!d.value || t.value === 0) return;
-      const v = t.value / d.value;
+      if (!u.value || t.value === 0) return;
+      const v = t.value / u.value;
       Math.abs(v - a.value) > 1e-4 && (a.value = Number(v.toFixed(4)));
-      const b = m.value / d.value;
+      const b = m.value / u.value;
       o.value = Math.round(t.value * b), f();
     }), W(o, () => {
       if (!m.value || o.value === 0) return;
       const v = o.value / m.value;
       Math.abs(v - a.value) > 1e-4 && (a.value = Number(v.toFixed(4)));
-      const b = d.value / m.value;
+      const b = u.value / m.value;
       t.value = Math.round(o.value * b), f();
     }), ne(() => {
       const v = l.value?.$el;
@@ -5408,7 +5408,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
       const b = v.querySelector("img");
       if (!b) return;
       const w = () => {
-        d.value = b.naturalWidth, m.value = b.naturalHeight, i();
+        u.value = b.naturalWidth, m.value = b.naturalHeight, s();
       };
       b.complete ? w() : b.addEventListener("load", w);
     }), (v, b) => e.modelValue ? (c(), g("div", Ci, [
@@ -5421,11 +5421,11 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
             src: e.modelValue,
             animate: !1
           }, null, 8, ["src"]),
-          s.value ? (c(), U(Te, {
+          i.value ? (c(), U(Te, {
             key: 0,
             ref: "targetImage",
             class: "",
-            src: s.value,
+            src: i.value,
             animate: !1
           }, null, 8, ["src"])) : M("", !0)
         ])
@@ -5477,8 +5477,8 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
           N(v.$slots, "actions"),
           A("button", {
             class: "btn btn-sm btn-primary",
-            disabled: !s.value,
-            onClick: Z(u, ["prevent", "stop"])
+            disabled: !i.value,
+            onClick: Z(d, ["prevent", "stop"])
           }, T(v.$t("common.apply")), 9, Ti)
         ])
       ])
@@ -5520,12 +5520,12 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
   setup(e, { emit: r }) {
     const n = e, l = r, a = et("cropper"), t = C(0);
     function o() {
-      const { canvas: s } = a.value?.getResult(), d = s.toDataURL();
-      l("update:modelValue", d);
+      const { canvas: i } = a.value?.getResult(), u = i.toDataURL();
+      l("update:modelValue", u);
     }
     return ot(() => {
       t.value = n.suggestedAspectRatio || 0;
-    }), (s, d) => e.modelValue ? (c(), g("div", Ni, [
+    }), (i, u) => e.modelValue ? (c(), g("div", Ni, [
       A("div", Hi, [
         A("div", Qi, [
           I(q(Qt), {
@@ -5539,20 +5539,20 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
           }, null, 8, ["src", "stencil-props"])
         ])
       ]),
-      d[1] || (d[1] = A("hr", null, null, -1)),
+      u[1] || (u[1] = A("hr", null, null, -1)),
       A("div", Oi, [
         A("div", Ri, [
           I(It, {
             modelValue: t.value,
-            "onUpdate:modelValue": d[0] || (d[0] = (m) => t.value = m),
+            "onUpdate:modelValue": u[0] || (u[0] = (m) => t.value = m),
             options: e.aspectRatioOptions,
             class: "mb-0"
           }, null, 8, ["modelValue", "options"]),
-          N(s.$slots, "actions"),
+          N(i.$slots, "actions"),
           A("button", {
             class: "btn btn-sm btn-primary",
             onClick: Z(o, ["prevent", "stop"])
-          }, T(s.$t("common.apply")), 1)
+          }, T(i.$t("common.apply")), 1)
         ])
       ])
     ])) : M("", !0);
@@ -5591,39 +5591,39 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
   setup(e, { emit: r }) {
     const n = e, l = r, a = C(!1), t = C(!1), o = $({
       get: () => n.modelValue,
-      set: (d) => l("update:modelValue", d)
-    }), s = $(() => n.modelValue.startsWith("data:image/svg+xml"));
-    return W(() => [a.value, o.value], (d, m) => {
-      d[0] && d[0] === m[0] && (a.value = !1);
-    }), W(() => [t.value, o.value], (d, m) => {
-      d[0] && d[0] === m[0] && (t.value = !1);
+      set: (u) => l("update:modelValue", u)
+    }), i = $(() => n.modelValue.startsWith("data:image/svg+xml"));
+    return W(() => [a.value, o.value], (u, m) => {
+      u[0] && u[0] === m[0] && (a.value = !1);
+    }), W(() => [t.value, o.value], (u, m) => {
+      u[0] && u[0] === m[0] && (t.value = !1);
     }), ne(() => {
-    }), (d, m) => e.modelValue ? (c(), g("div", Wi, [
+    }), (u, m) => e.modelValue ? (c(), g("div", Wi, [
       A("div", Ui, [
         A("div", ji, [
           a.value || t.value ? a.value ? (c(), U(zi, {
             key: 1,
             modelValue: o.value,
-            "onUpdate:modelValue": m[1] || (m[1] = (u) => o.value = u)
+            "onUpdate:modelValue": m[1] || (m[1] = (d) => o.value = d)
           }, {
             actions: _(() => [
               A("button", {
                 class: "btn btn-outline-ccontrast",
-                onClick: m[0] || (m[0] = Z((u) => a.value = !1, ["prevent", "stop"]))
-              }, T(d.$t("common.cancel")), 1)
+                onClick: m[0] || (m[0] = Z((d) => a.value = !1, ["prevent", "stop"]))
+              }, T(u.$t("common.cancel")), 1)
             ]),
             _: 1
           }, 8, ["modelValue"])) : t.value ? (c(), U(Fi, {
             key: 2,
             modelValue: o.value,
-            "onUpdate:modelValue": m[3] || (m[3] = (u) => o.value = u),
+            "onUpdate:modelValue": m[3] || (m[3] = (d) => o.value = d),
             "suggested-aspect-ratio": e.aspectRatio
           }, {
             actions: _(() => [
               A("button", {
                 class: "btn btn-sm btn-outline-ccontrast",
-                onClick: m[2] || (m[2] = Z((u) => t.value = !1, ["prevent", "stop"]))
-              }, T(d.$t("common.cancel")), 1)
+                onClick: m[2] || (m[2] = Z((d) => t.value = !1, ["prevent", "stop"]))
+              }, T(u.$t("common.cancel")), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "suggested-aspect-ratio"])) : M("", !0) : (c(), U(Te, {
@@ -5633,7 +5633,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
             animate: !1,
             src: e.modelValue
           }, null, 8, ["src"])),
-          s.value ? (c(), g("div", qi, T(d.$t("common.svgWarning")), 1)) : M("", !0),
+          i.value ? (c(), g("div", qi, T(u.$t("common.svgWarning")), 1)) : M("", !0),
           !t.value && !a.value ? (c(), g("hr", _i)) : M("", !0),
           A("div", Ji, [
             A("div", Gi, [
@@ -5642,22 +5642,22 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
                   A("button", {
                     type: "button",
                     class: "btn btn-light",
-                    onClick: m[4] || (m[4] = Z((u) => t.value = !t.value, ["prevent", "stop"]))
+                    onClick: m[4] || (m[4] = Z((d) => t.value = !t.value, ["prevent", "stop"]))
                   }, [
                     I(Q, { symbol: "crop" }),
-                    A("span", Xi, T(d.$t("common.crop")), 1)
+                    A("span", Xi, T(u.$t("common.crop")), 1)
                   ]),
                   A("button", {
                     type: "button",
                     class: "btn btn-light",
-                    onClick: m[5] || (m[5] = Z((u) => a.value = !a.value, ["prevent", "stop"]))
+                    onClick: m[5] || (m[5] = Z((d) => a.value = !a.value, ["prevent", "stop"]))
                   }, [
                     I(Q, { symbol: "image-upscale" }),
-                    A("span", Ki, T(d.$t("common.resize")), 1)
+                    A("span", Ki, T(u.$t("common.resize")), 1)
                   ])
                 ])) : M("", !0),
                 !t.value && !a.value ? (c(), g("div", es, [
-                  N(d.$slots, "submit")
+                  N(u.$slots, "submit")
                 ])) : M("", !0)
               ])
             ])
@@ -5712,17 +5712,17 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
     function o() {
       document.documentElement.style.setProperty("--scroll-position", `${Math.round(document.documentElement.scrollTop)}px`), l.modal ? t.value?.showModal() : t.value?.show(), a("update:modelValue", !0);
     }
-    function s() {
+    function i() {
       const f = t.value && new KeyframeEffect(
         t.value,
         [{ translate: "0 -100%", opacity: "0" }],
         { duration: 320, easing: "ease", direction: "normal" }
       ), v = new Animation(f, document.timeline);
       v.play(), v.addEventListener("finish", () => {
-        t.value?.close(), d();
+        t.value?.close(), u();
       }), a("update:modelValue", !1);
     }
-    function d() {
+    function u() {
       const f = getComputedStyle(document.documentElement).getPropertyValue("--scroll-position");
       document.documentElement.scrollTo({
         top: parseInt(f, 10),
@@ -5732,33 +5732,33 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
     function m(f) {
       o(), a("confirm", f);
     }
-    function u() {
-      s(), a("cancel");
+    function d() {
+      i(), a("cancel");
     }
-    function i(f) {
+    function s(f) {
       const v = f.target;
-      v && v.nodeName === "DIALOG" && s();
+      v && v.nodeName === "DIALOG" && i();
     }
     return W(() => l.modelValue, (f, v) => {
-      f && f !== v ? o() : v && s();
+      f && f !== v ? o() : v && i();
     }, { immediate: !0 }), ne(() => {
       t.value?.addEventListener("cancel", (f) => {
-        f.preventDefault(), s();
-      }), l.dismiss && document.addEventListener("click", i), l.modelValue && o();
+        f.preventDefault(), i();
+      }), l.dismiss && document.addEventListener("click", s), l.modelValue && o();
     }), Ce(() => {
-      l.dismiss && document.removeEventListener("click", i);
+      l.dismiss && document.removeEventListener("click", s);
     }), r({
       show: o,
-      close: s,
+      close: i,
       confirm: m,
-      cancel: u
+      cancel: d
     }), (f, v) => (c(), g("dialog", {
       ref_key: "dialog",
       ref: t,
       class: D(["modal-dialog", {
         [`modal-dialog--${e.size}`]: e.size
       }]),
-      onClose: d
+      onClose: u
     }, [
       A("div", as, [
         A("div", ns, [
@@ -5767,7 +5767,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
             type: "button",
             class: "btn-close ms-auto border-radius-none",
             "aria-label": "Close",
-            onClick: s
+            onClick: i
           })
         ]),
         A("div", os, [
@@ -5778,7 +5778,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
           A("button", {
             type: "button",
             class: "btn ms-auto",
-            onClick: s
+            onClick: i
           }, T(f.$t("common.close")), 1)
         ])) : M("", !0)
       ])
@@ -5885,25 +5885,25 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
   },
   emits: ["update:modelValue", "update:src"],
   setup(e, { emit: r }) {
-    const n = e, l = r, a = C(!1), t = C(null), o = C(null), s = C(null), {
-      pending: d,
+    const n = e, l = r, a = C(!1), t = C(null), o = C(null), i = C(null), {
+      pending: u,
       files: m,
       // dataUrls,
-      imgLoaded: u,
-      isDragging: i,
+      imgLoaded: d,
+      isDragging: s,
       uploadFile: f,
       setupDragAndDrop: v,
       cleanupDragAndDrop: b
     } = Lt(n, l), w = $(() => n.modelValue ? n.modelValue : n.src ? { type: "", src: n.src } : t.value);
     function V() {
-      t.value = null, m.value = [], u.value = !1, l("update:modelValue", void 0), l("update:src", "");
+      t.value = null, m.value = [], d.value = !1, l("update:modelValue", void 0), l("update:src", "");
     }
     function p() {
       V();
     }
     W(() => m.value, async (P) => {
       if (!P || !P.length || !P[0]) return;
-      u.value = !1;
+      d.value = !1;
       const B = await Yt(P[0], n.maxImageWidth);
       n.enableReview ? (o.value = {
         src: await Ke(B),
@@ -5914,11 +5914,11 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
       };
     }), W(() => t.value, (P) => {
       l("update:modelValue", P || void 0), l("update:src", P?.src || "");
-    }), W(() => s.value, async (P) => {
+    }), W(() => i.value, async (P) => {
       P && (t.value = {
         src: await f(P),
         type: P.type
-      }, s.value = null);
+      }, i.value = null);
     }), W(() => a.value, (P, B) => {
       !P && B && o.value && (o.value = null, p());
     }), W(() => n.src, (P) => {
@@ -5928,7 +5928,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
       o.value = { src: P, type: B }, a.value = !0;
     }
     async function k() {
-      o.value && (s.value = await kt(
+      o.value && (i.value = await kt(
         o.value.src,
         "file",
         o.value.type
@@ -5941,7 +5941,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
     }), (P, B) => (c(), g("div", {
       class: D(["image-upload", {
         "has-dragging": e.dropFiles,
-        "is-dragging": q(i)
+        "is-dragging": q(s)
       }])
     }, [
       !a.value && w.value ? (c(), g("div", {
@@ -5952,8 +5952,8 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
           I(Te, {
             src: `${w.value.src}${e.previewWidth ? `?width=${e.previewWidth}` : ""}`,
             class: "img-thumbnail rounded",
-            ready: q(u),
-            "onUpdate:ready": B[0] || (B[0] = (z) => nt(u) ? u.value = z : null),
+            ready: q(d),
+            "onUpdate:ready": B[0] || (B[0] = (z) => nt(d) ? d.value = z : null),
             animate: !1,
             style: $e({ maxWidth: e.previewWidth ? `${e.previewWidth}px` : "auto", height: "auto" })
           }, null, 8, ["src", "ready", "style"]),
@@ -6006,7 +6006,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
         ]),
         I(tt, { name: "fade" }, {
           default: _(() => [
-            q(d) ? (c(), g("span", ms, [...B[7] || (B[7] = [
+            q(u) ? (c(), g("span", ms, [...B[7] || (B[7] = [
               A("span", {
                 class: "spinner-border",
                 role: "status"
@@ -6120,16 +6120,16 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
       get() {
         return n.modelValue;
       },
-      set(s) {
-        l("update:modelValue", s);
+      set(i) {
+        l("update:modelValue", i);
       }
     });
-    function o(s) {
-      t.value.splice(s, 1), l("update:modelValue", t.value);
+    function o(i) {
+      t.value.splice(i, 1), l("update:modelValue", t.value);
     }
-    return W(a, async (s, d) => {
-      s && d !== s && (l("update:modelValue", [...t.value, s]), await Fe(), a.value = "");
-    }), (s, d) => (c(), g("div", gs, [
+    return W(a, async (i, u) => {
+      i && u !== i && (l("update:modelValue", [...t.value, i]), await Fe(), a.value = "");
+    }), (i, u) => (c(), g("div", gs, [
       e.label ? (c(), g("label", {
         key: 0,
         innerHTML: q(re)(e.label)
@@ -6137,18 +6137,18 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
       A("div", ps, [
         I($i, {
           modelValue: t.value,
-          "onUpdate:modelValue": d[2] || (d[2] = (m) => t.value = m),
+          "onUpdate:modelValue": u[2] || (u[2] = (m) => t.value = m),
           vertical: !1,
           class: "mb-3"
         }, {
-          "list-item": _(({ item: m, index: u }) => [
+          "list-item": _(({ item: m, index: d }) => [
             A("div", hs, [
               A("img", {
                 src: `${m}${e.previewWidth ? `?width=${e.previewWidth}` : ""}`,
                 class: "img-thumbnail"
               }, null, 8, ys),
               A("button", {
-                onClick: Z((i) => o(u), ["prevent"]),
+                onClick: Z((s) => o(d), ["prevent"]),
                 class: "btn btn--close"
               }, [
                 I(Q, { symbol: "x" })
@@ -6159,7 +6159,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
             e.useImageUpload ? (c(), U(fs, {
               key: 0,
               src: a.value,
-              "onUpdate:src": d[0] || (d[0] = (m) => a.value = m),
+              "onUpdate:src": u[0] || (u[0] = (m) => a.value = m),
               endpoint: e.endpoint,
               "custom-fetch": e.customFetch,
               "to-data-url": !e.endpoint,
@@ -6181,7 +6181,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
             }, 8, ["src", "endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "max-image-width", "aspect-ratio"])) : (c(), U(vi, {
               key: 1,
               src: a.value,
-              "onUpdate:src": d[1] || (d[1] = (m) => a.value = m),
+              "onUpdate:src": u[1] || (u[1] = (m) => a.value = m),
               multiple: !1,
               endpoint: e.endpoint,
               "custom-fetch": e.customFetch,
@@ -6206,7 +6206,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
       ])
     ]));
   }
-}), ks = { class: "asset-uploader" }, Ss = ["innerHTML"], Rr = /* @__PURE__ */ O({
+}), ks = { class: "asset-uploader" }, Ss = ["innerHTML"], Wr = /* @__PURE__ */ O({
   __name: "asset-uploader",
   props: {
     modelValue: {
@@ -6292,10 +6292,10 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
       },
       set(t) {
         l("update:modelValue", t.map(
-          (o, s) => ({
-            mediaType: n.modelValue[s] && n.modelValue[s].mediaType || o.includes("data:image") ? o.includes("data:image/svg") ? "Svg" : "Image" : n.mediaTypeMap[o.split(".")[1]],
+          (o, i) => ({
+            mediaType: n.modelValue[i] && n.modelValue[i].mediaType || o.includes("data:image") ? o.includes("data:image/svg") ? "Svg" : "Image" : n.mediaTypeMap[o.split(".")[1]],
             src: o,
-            name: n.modelValue[s] && n.modelValue[s].name || `${n.name}-${s}`,
+            name: n.modelValue[i] && n.modelValue[i].name || `${n.name}-${i}`,
             ...n.type ? { type: n.type } : {}
           })
         ));
@@ -6308,7 +6308,7 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
       }, null, 8, Ss)) : M("", !0),
       I(Cs, {
         modelValue: a.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
+        "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
         endpoint: e.endpoint,
         "custom-fetch": e.customFetch,
         "auth-token": e.authToken,
@@ -6326,17 +6326,17 @@ const ui = ["src"], di = ["onClick"], ci = ["onClick"], mi = ["for"], fi = ["inn
 }), Bs = "https://router.project-osrm.org/route/v1";
 function Ms() {
   const e = C([]), r = C(null), n = C(null), l = C([]), a = C(!1), t = C(""), o = $(() => e.value.length > 1);
-  function s() {
+  function i() {
     e.value = [], r.value = null, n.value = null, l.value = [], t.value = "";
   }
-  async function d(m, u, i = {}) {
-    if (!m || !u)
-      return s(), null;
+  async function u(m, d, s = {}) {
+    if (!m || !d)
+      return i(), null;
     a.value = !0;
-    const f = i.customFetch || Ze, v = (i.endpoint || Bs).replace(/\/$/, ""), b = i.profile || "driving";
+    const f = s.customFetch || Ze, v = (s.endpoint || Bs).replace(/\/$/, ""), b = s.profile || "driving";
     try {
       const V = (await f(
-        `${v}/${b}/${m.lng},${m.lat};${u.lng},${u.lat}`,
+        `${v}/${b}/${m.lng},${m.lat};${d.lng},${d.lat}`,
         {
           method: "GET",
           query: {
@@ -6351,7 +6351,7 @@ function Ms() {
         throw new Error("No route available for these points.");
       return e.value = Array.isArray(V?.geometry?.coordinates) ? V.geometry.coordinates.map((p) => [Number(p[1]), Number(p[0])]).filter((p) => Number.isFinite(p[0]) && Number.isFinite(p[1])) : [], r.value = Number.isFinite(V?.distance) ? Number(V.distance) : null, n.value = Number.isFinite(V?.duration) ? Number(V.duration) : null, l.value = Array.isArray(V?.legs) ? V.legs.flatMap((p) => Array.isArray(p?.steps) ? p.steps.map((h) => Is(h)) : []) : [], t.value = "", V;
     } catch (w) {
-      return s(), t.value = w?.message || "Unable to load directions right now.", null;
+      return i(), t.value = w?.message || "Unable to load directions right now.", null;
     } finally {
       a.value = !1;
     }
@@ -6364,8 +6364,8 @@ function Ms() {
     pending: a,
     error: t,
     hasRoute: o,
-    fetchRoute: d,
-    clearRoute: s
+    fetchRoute: u,
+    clearRoute: i
   };
 }
 function Is(e) {
@@ -6386,41 +6386,41 @@ function Ps() {
   function l() {
     e.value = [], n.value = "";
   }
-  async function a(o, s = {}) {
+  async function a(o, i = {}) {
     if (!o.trim())
       return l(), [];
     r.value = !0;
-    const d = s.customFetch || Ze;
+    const u = i.customFetch || Ze;
     try {
-      const m = await d(s.endpoint || Ds, {
+      const m = await u(i.endpoint || Ds, {
         method: "GET",
         headers: {
           Accept: "application/json",
-          ...s.language ? { "Accept-Language": s.language } : {}
+          ...i.language ? { "Accept-Language": i.language } : {}
         },
         query: {
           q: o,
           format: "jsonv2",
           addressdetails: 1,
-          limit: s.limit || 5
+          limit: i.limit || 5
         }
       });
-      return e.value = Array.isArray(m) ? m.map((u, i) => yt(u, i, "geocoder")).filter((u) => !!u) : [], n.value = "", e.value;
+      return e.value = Array.isArray(m) ? m.map((d, s) => yt(d, s, "geocoder")).filter((d) => !!d) : [], n.value = "", e.value;
     } catch (m) {
       return n.value = m?.message || "Unable to search locations right now.", e.value = [], [];
     } finally {
       r.value = !1;
     }
   }
-  async function t(o, s = {}) {
+  async function t(o, i = {}) {
     r.value = !0;
-    const d = s.customFetch || Ze;
+    const u = i.customFetch || Ze;
     try {
-      const m = await d(s.reverseEndpoint || Vs, {
+      const m = await u(i.reverseEndpoint || Vs, {
         method: "GET",
         headers: {
           Accept: "application/json",
-          ...s.language ? { "Accept-Language": s.language } : {}
+          ...i.language ? { "Accept-Language": i.language } : {}
         },
         query: {
           lat: o.lat,
@@ -6428,8 +6428,8 @@ function Ps() {
           format: "jsonv2",
           addressdetails: 1
         }
-      }), u = yt(m, 0, "reverse-geocoder");
-      return n.value = "", u;
+      }), d = yt(m, 0, "reverse-geocoder");
+      return n.value = "", d;
     } catch (m) {
       return n.value = m?.message || "Unable to resolve this location right now.", null;
     } finally {
@@ -6467,8 +6467,8 @@ function xs(e = {}) {
     maximumAge: 1e4,
     ...e
   };
-  let s = null;
-  function d(v) {
+  let i = null;
+  function u(v) {
     r.value = {
       lat: Number(v.latitude),
       lng: Number(v.longitude),
@@ -6478,11 +6478,11 @@ function xs(e = {}) {
   function m(v) {
     n.value = typeof v == "string" ? v : v instanceof Error ? v.message : v.message || "Unable to retrieve your location.", l.value = !1;
   }
-  async function u() {
+  async function d() {
     return t ? (l.value = !0, new Promise((v) => {
       navigator.geolocation.getCurrentPosition(
         ({ coords: b }) => {
-          d(b), v(r.value);
+          u(b), v(r.value);
         },
         (b) => {
           m(b), v(null);
@@ -6491,14 +6491,14 @@ function xs(e = {}) {
       );
     })) : (m("Geolocation is not supported in this browser."), null);
   }
-  function i() {
+  function s() {
     if (!t) {
       m("Geolocation is not supported in this browser.");
       return;
     }
-    s === null && (l.value = !0, a.value = !0, s = navigator.geolocation.watchPosition(
+    i === null && (l.value = !0, a.value = !0, i = navigator.geolocation.watchPosition(
       ({ coords: v }) => {
-        d(v);
+        u(v);
       },
       (v) => {
         m(v), a.value = !1;
@@ -6507,11 +6507,11 @@ function xs(e = {}) {
     ));
   }
   function f() {
-    if (!t || s === null) {
+    if (!t || i === null) {
       a.value = !1, l.value = !1;
       return;
     }
-    navigator.geolocation.clearWatch(s), s = null, a.value = !1, l.value = !1;
+    navigator.geolocation.clearWatch(i), i = null, a.value = !1, l.value = !1;
   }
   return Ce(() => {
     f();
@@ -6522,8 +6522,8 @@ function xs(e = {}) {
     error: n,
     pending: l,
     isTracking: a,
-    locate: u,
-    startTracking: i,
+    locate: d,
+    startTracking: s,
     stopTracking: f
   };
 }
@@ -6550,7 +6550,7 @@ const Es = {
 }, eA = { key: 0 }, tA = {
   key: 2,
   class: "location-finder__summary-copy"
-}, Fr = /* @__PURE__ */ O({
+}, Ur = /* @__PURE__ */ O({
   __name: "location-finder",
   props: {
     modelValue: {
@@ -6757,7 +6757,7 @@ const Es = {
       userLocationLabel: "Your location",
       pinnedLocationTitle: "Pinned location",
       selectedLocationLabel: "Selected location"
-    }, a = e, t = r, { t: o, te: s } = st({ useScope: "global" }), d = xs(), m = Ps(), u = Ms(), i = C(""), f = C(oe(x(a.modelValue))), v = C(oe(x(a.modelValue)) ? null : x(a.modelValue)), b = C(X(a.modelValue) || X(a.center) || X(a.locations[0]) || n), w = C(!1), V = $(() => X(a.userLocation)), p = $(() => d.position.value || V.value), h = $(() => X(v.value)), k = $(() => X(f.value)), P = $(() => p.value || h.value), B = $(() => !P.value || !k.value ? null : qe(P.value, k.value)), z = $(() => X(a.modelValue) || h.value || k.value), K = $(() => d.error.value || m.error.value || u.error.value || ""), ge = $(() => a.showSearch || a.trackUser && a.showTrackButton), me = $(() => a.enableDirections && a.showDirectionsSummary), ke = $(() => a.showSidebar || me.value), ve = $(() => Oe(u.distanceMeters.value)), Le = $(() => _e(u.durationSeconds.value)), Y = $(() => ({
+    }, a = e, t = r, { t: o, te: i } = st({ useScope: "global" }), u = xs(), m = Ps(), d = Ms(), s = C(""), f = C(oe(x(a.modelValue))), v = C(oe(x(a.modelValue)) ? null : x(a.modelValue)), b = C(X(a.modelValue) || X(a.center) || X(a.locations[0]) || n), w = C(!1), V = $(() => X(a.userLocation)), p = $(() => u.position.value || V.value), h = $(() => X(v.value)), k = $(() => X(f.value)), P = $(() => p.value || h.value), B = $(() => !P.value || !k.value ? null : qe(P.value, k.value)), z = $(() => X(a.modelValue) || h.value || k.value), K = $(() => u.error.value || m.error.value || d.error.value || ""), ge = $(() => a.showSearch || a.trackUser && a.showTrackButton), me = $(() => a.enableDirections && a.showDirectionsSummary), ke = $(() => a.showSidebar || me.value), ve = $(() => Oe(d.distanceMeters.value)), Le = $(() => _e(d.durationSeconds.value)), Y = $(() => ({
       searchLabel: te("searchLabel", a.searchLabel),
       searchPlaceholder: te("searchPlaceholder", a.searchPlaceholder),
       resultsLabel: te("resultsLabel", a.resultsLabel),
@@ -6777,7 +6777,7 @@ const Es = {
       userLocationLabel: te("userLocationLabel"),
       pinnedLocationTitle: te("pinnedLocationTitle"),
       selectedLocationLabel: te("selectedLocationLabel")
-    })), Me = $(() => v.value ? Pe(v.value) : Y.value.selectedLocationLabel), L = $(() => d.isTracking.value && w.value ? Y.value.stopTrackingLabel : Y.value.locateButtonLabel);
+    })), Me = $(() => v.value ? Pe(v.value) : Y.value.selectedLocationLabel), L = $(() => u.isTracking.value && w.value ? Y.value.stopTrackingLabel : Y.value.locateButtonLabel);
     W(() => a.modelValue, (y) => {
       const S = x(y), E = oe(S);
       E ? (f.value = E, v.value = null) : S && (v.value = S);
@@ -6790,7 +6790,7 @@ const Es = {
       y && w.value && (b.value = y);
     }, { deep: !0 }), W(B, (y) => {
       t("update:distance", y);
-    }, { immediate: !0 }), W(i, async (y) => {
+    }, { immediate: !0 }), W(s, async (y) => {
       if (t("search", y), !a.enableGeocoding) {
         m.clearResults();
         return;
@@ -6814,10 +6814,10 @@ const Es = {
       }),
       async ({ enabled: y, origin: S, destination: E, profile: J }) => {
         if (!y || !S || !E || de(S, E)) {
-          u.clearRoute();
+          d.clearRoute();
           return;
         }
-        await u.fetchRoute(S, E, {
+        await d.fetchRoute(S, E, {
           endpoint: a.directionsEndpoint,
           profile: J,
           customFetch: a.customDirectionsFetch
@@ -6828,7 +6828,7 @@ const Es = {
       a.autoLocate && a.trackUser && await Ie();
     });
     const R = $(() => {
-      const y = He(i.value).trim();
+      const y = He(s.value).trim();
       return y ? a.locations.filter((S) => [Pe(S), je(S)].filter(Boolean).some((E) => He(E).includes(y))) : a.locations;
     }), H = $(() => m.results.value.map((y) => ({
       id: y.id,
@@ -6838,7 +6838,7 @@ const Es = {
       lng: y.lng,
       source: y.source
     }))), G = $(() => {
-      if (!i.value.trim())
+      if (!s.value.trim())
         return a.locations;
       const y = R.value;
       return y.length ? y : a.locations;
@@ -6863,7 +6863,7 @@ const Es = {
       if (typeof S == "string" && S.trim())
         return S;
       const J = `locationFinder.${String(y)}`;
-      return s(J) ? String(o(J)) : l[y];
+      return i(J) ? String(o(J)) : l[y];
     }
     function X(y) {
       if (!y)
@@ -7013,16 +7013,16 @@ const Es = {
       };
     }
     async function Ie() {
-      if (d.isTracking.value && w.value) {
-        d.stopTracking(), w.value = !1;
+      if (u.isTracking.value && w.value) {
+        u.stopTracking(), w.value = !1;
         return;
       }
       if (p.value) {
-        b.value = p.value, w.value = !0, t("track-user", p.value), !d.isTracking.value && !V.value && d.startTracking();
+        b.value = p.value, w.value = !0, t("track-user", p.value), !u.isTracking.value && !V.value && u.startTracking();
         return;
       }
-      const y = await d.locate();
-      y && (b.value = y, w.value = !0, t("track-user", y), d.startTracking());
+      const y = await u.locate();
+      y && (b.value = y, w.value = !0, t("track-user", y), u.startTracking());
     }
     return (y, S) => (c(), g("div", Es, [
       ge.value ? (c(), g("div", {
@@ -7031,8 +7031,8 @@ const Es = {
       }, [
         a.showSearch ? (c(), U(ko, {
           key: 0,
-          modelValue: i.value,
-          "onUpdate:modelValue": S[0] || (S[0] = (E) => i.value = E),
+          modelValue: s.value,
+          "onUpdate:modelValue": S[0] || (S[0] = (E) => s.value = E),
           class: "location-finder__search",
           label: Y.value.searchLabel,
           placeholder: Y.value.searchPlaceholder,
@@ -7045,7 +7045,7 @@ const Es = {
             key: 0,
             type: "button",
             class: "btn btn-outline-primary btn-sm location-finder__locate",
-            disabled: e.disabled || q(d).pending.value,
+            disabled: e.disabled || q(u).pending.value,
             "data-testid": "location-finder-locate",
             onClick: Ie
           }, T(L.value), 9, zs)) : M("", !0)
@@ -7067,7 +7067,7 @@ const Es = {
             "user-location": p.value,
             "user-location-label": Y.value.userLocationLabel,
             "selected-location-label": Me.value,
-            "route-coordinates": q(u).routeCoordinates.value,
+            "route-coordinates": q(d).routeCoordinates.value,
             "route-color": e.routeColor,
             "route-weight": e.routeWeight,
             "selection-radius": e.selectionRadius,
@@ -7121,7 +7121,7 @@ const Es = {
           }, null, 8, ["modelValue", "locations", "label", "empty-text"])) : M("", !0),
           me.value ? (c(), g("div", js, [
             A("p", qs, T(Y.value.directionsTitle), 1),
-            q(u).pending.value ? (c(), g("p", _s, T(Y.value.loadingRoute), 1)) : q(u).hasRoute.value ? (c(), g(ae, { key: 1 }, [
+            q(d).pending.value ? (c(), g("p", _s, T(Y.value.loadingRoute), 1)) : q(d).hasRoute.value ? (c(), g(ae, { key: 1 }, [
               A("div", Js, [
                 A("div", null, [
                   A("p", Gs, T(Y.value.distanceLabel), 1),
@@ -7132,8 +7132,8 @@ const Es = {
                   A("strong", Xs, T(Le.value), 1)
                 ])
               ]),
-              e.showDirectionsSteps && q(u).steps.value.length ? (c(), g("ol", Ks, [
-                (c(!0), g(ae, null, ue(q(u).steps.value.slice(0, 5), (E, J) => (c(), g("li", {
+              e.showDirectionsSteps && q(d).steps.value.length ? (c(), g("ol", Ks, [
+                (c(!0), g(ae, null, ue(q(d).steps.value.slice(0, 5), (E, J) => (c(), g("li", {
                   key: `${E.instruction}-${J}`
                 }, [
                   A("span", null, T(E.instruction), 1),
@@ -7146,7 +7146,7 @@ const Es = {
       ], 2)
     ]));
   }
-}), aA = { class: "carousel d-flex" }, nA = ["onClick"], lA = /* @__PURE__ */ O({
+}), aA = { class: "carousel d-flex" }, nA = ["title"], lA = ["onClick"], oA = ["title"], iA = /* @__PURE__ */ O({
   __name: "base-carousel",
   props: {
     modelValue: {
@@ -7187,18 +7187,19 @@ const Es = {
         behavior: "smooth"
       });
     }
-    function s(d) {
-      n("update:modelValue", d);
+    function i(u) {
+      n("update:modelValue", u);
     }
-    return (d, m) => (c(), g("div", aA, [
+    return (u, m) => (c(), g("div", aA, [
       e.navigation ? (c(), g("button", {
         key: 0,
         class: "carousel__control btn btn-link text-light",
         type: "button",
-        onClick: Z(t, ["prevent", "stop"])
+        onClick: Z(t, ["prevent", "stop"]),
+        title: u.$t("common.backward")
       }, [
         I(Q, { symbol: "chevron-left" })
-      ])) : M("", !0),
+      ], 8, nA)) : M("", !0),
       A("div", {
         ref_key: "viewport",
         ref: l,
@@ -7209,15 +7210,15 @@ const Es = {
           ref: a,
           class: "carousel__track d-flex justify-center align-items-center"
         }, [
-          (c(!0), g(ae, null, ue(e.items, (u, i) => N(d.$slots, "carousel-item", {
-            key: u.src,
-            item: u,
-            index: i
+          (c(!0), g(ae, null, ue(e.items, (d, s) => N(u.$slots, "carousel-item", {
+            key: d.src,
+            item: d,
+            index: s
           }, () => [
             A("div", {
-              class: D(["carousel__item", i === e.modelValue ? "selected" : ""]),
-              onClick: (f) => s(i)
-            }, T(u), 11, nA)
+              class: D(["carousel__item", s === e.modelValue ? "selected" : ""]),
+              onClick: (f) => i(s)
+            }, T(d), 11, lA)
           ])), 128))
         ], 512)
       ], 512),
@@ -7225,13 +7226,14 @@ const Es = {
         key: 1,
         class: "carousel__control btn btn-link text-light",
         type: "button",
-        onClick: Z(o, ["prevent", "stop"])
+        onClick: Z(o, ["prevent", "stop"]),
+        title: u.$t("common.forward")
       }, [
         I(Q, { symbol: "chevron-right" })
-      ])) : M("", !0)
+      ], 8, oA)) : M("", !0)
     ]));
   }
-}), oA = { class: "media-thumbnails" }, iA = ["onClick"], sA = { class: "img-container" }, Wr = /* @__PURE__ */ O({
+}), sA = { class: "media-thumbnails" }, AA = ["onClick", "title"], rA = { class: "img-container" }, jr = /* @__PURE__ */ O({
   __name: "media-thumbnails",
   props: {
     modelValue: {
@@ -7256,27 +7258,28 @@ const Es = {
     function a(t) {
       l.value = t, n("update:modelValue", t), n("select", t);
     }
-    return (t, o) => (c(), g("div", oA, [
-      I(lA, { items: e.assets }, {
-        "carousel-item": _((s) => [
-          A("a", {
-            role: "button",
-            class: D(["carousel__item media-thumbnails__thumbnail", s.index === e.modelValue || s.index === l.value ? "is-active" : ""]),
-            onClick: (d) => a(s.index)
+    return (t, o) => (c(), g("div", sA, [
+      I(iA, { items: e.assets }, {
+        "carousel-item": _((i) => [
+          A("button", {
+            type: "button",
+            class: D(["carousel__item media-thumbnails__thumbnail", i.index === e.modelValue || i.index === l.value ? "is-active" : ""]),
+            onClick: (u) => a(i.index),
+            title: `${t.$t("thumbnails.thumbnail")} ${i.index + 1}`
           }, [
-            A("div", sA, [
+            A("div", rA, [
               I(Te, {
-                src: s.item.thumbnail || s.item.src,
+                src: i.item.thumbnail || i.item.src,
                 class: "img-fluid"
               }, null, 8, ["src"])
             ])
-          ], 10, iA)
+          ], 10, AA)
         ]),
         _: 1
       }, 8, ["items"])
     ]));
   }
-}), AA = { class: "progress-steps" }, rA = { class: "progress-steps__list" }, uA = { class: "progress-step" }, dA = ["checked", "id", "value", "disabled", "read-only", "required", "onChange"], cA = ["for"], mA = ["innerHTML"], fA = ["for"], gA = ["innerHTML"], Ur = /* @__PURE__ */ O({
+}), uA = { class: "progress-steps" }, dA = { class: "progress-steps__list" }, cA = { class: "progress-step" }, mA = ["checked", "id", "value", "disabled", "read-only", "required", "onChange"], fA = ["for"], gA = ["innerHTML"], vA = ["for"], pA = ["innerHTML"], qr = /* @__PURE__ */ O({
   __name: "progress-steps",
   props: {
     modelValue: {
@@ -7305,59 +7308,59 @@ const Es = {
     function a(t) {
       l("update:modelValue", t), t >= n.progress && l("update:progress", t);
     }
-    return (t, o) => (c(), g("div", AA, [
-      A("ul", rA, [
-        (c(!0), g(ae, null, ue(e.steps, (s, d) => (c(), g("li", {
-          key: d,
+    return (t, o) => (c(), g("div", uA, [
+      A("ul", dA, [
+        (c(!0), g(ae, null, ue(e.steps, (i, u) => (c(), g("li", {
+          key: u,
           class: D(["progress-steps__step", {
-            "progress-steps__step--disabled": d > e.progress + (e.reveal ? 1 : 0),
-            "progress-steps__step--active": d === (e.modelValue || 0)
+            "progress-steps__step--disabled": u > e.progress + (e.reveal ? 1 : 0),
+            "progress-steps__step--active": u === (e.modelValue || 0)
           }])
         }, [
           N(t.$slots, "step", {}, () => [
-            A("div", uA, [
+            A("div", cA, [
               A("input", {
                 type: "radio",
-                checked: d <= (e.progress || 0),
-                id: `step-${d}`,
+                checked: u <= (e.progress || 0),
+                id: `step-${u}`,
                 name: "step",
                 class: "form-check-input",
-                value: s.value,
-                disabled: s.disabled || d > e.progress + (e.reveal ? 1 : 0),
-                "read-only": s.readOnly,
-                required: s.required,
-                onChange: (m) => a(d)
-              }, null, 40, dA),
+                value: i.value,
+                disabled: i.disabled || u > e.progress + (e.reveal ? 1 : 0),
+                "read-only": i.readOnly,
+                required: i.required,
+                onChange: (m) => a(u)
+              }, null, 40, mA),
               A("label", {
-                for: `step-${d}`
+                for: `step-${u}`
               }, [
-                N(t.$slots, "button", { step: s }, () => [
+                N(t.$slots, "button", { step: i }, () => [
                   A("span", {
                     class: "btn rounded-circle",
-                    innerHTML: q(re)(s.text || "")
-                  }, null, 8, mA)
+                    innerHTML: q(re)(i.text || "")
+                  }, null, 8, gA)
                 ])
-              ], 8, cA),
+              ], 8, fA),
               A("label", {
-                for: `step-${d}`
+                for: `step-${u}`
               }, [
-                N(t.$slots, "label", { step: s }, () => [
+                N(t.$slots, "label", { step: i }, () => [
                   A("span", {
                     class: "form-check-label",
-                    innerHTML: q(re)(s.label || "")
-                  }, null, 8, gA)
+                    innerHTML: q(re)(i.label || "")
+                  }, null, 8, pA)
                 ])
-              ], 8, fA)
+              ], 8, vA)
             ])
           ])
         ], 2))), 128))
       ])
     ]));
   }
-}), vA = { class: "hint-system" }, pA = ["innerHTML"], hA = ["innerHTML"], yA = {
+}), hA = { class: "hint-system" }, yA = ["innerHTML"], bA = ["innerHTML"], wA = {
   key: 1,
   class: "hint-system__hint-content"
-}, bA = ["disabled"], jr = /* @__PURE__ */ O({
+}, $A = ["disabled"], _r = /* @__PURE__ */ O({
   __name: "hint-system",
   props: {
     modelValue: {
@@ -7400,10 +7403,10 @@ const Es = {
     );
     const t = $(
       () => n.maxHints !== void 0 ? n.maxHints : n.hints.length
-    ), o = $(() => a.value < t.value), s = $(
+    ), o = $(() => a.value < t.value), i = $(
       () => n.hints.slice(0, a.value)
     );
-    function d() {
+    function u() {
       if (!o.value) return;
       const m = a.value;
       a.value++, l("update:modelValue", a.value), l("hint-revealed", {
@@ -7412,33 +7415,33 @@ const Es = {
         penaltyTotal: a.value * n.penalty
       });
     }
-    return (m, u) => (c(), g("div", vA, [
+    return (m, d) => (c(), g("div", hA, [
       e.description ? (c(), g("div", {
         key: 0,
         innerHTML: q(re)(e.description),
         class: "hint-system__description"
-      }, null, 8, pA)) : M("", !0),
-      s.value.length ? (c(), U($t, {
+      }, null, 8, yA)) : M("", !0),
+      i.value.length ? (c(), U($t, {
         key: 1,
         name: "hint-reveal",
         tag: "ol",
         class: "hint-system__list"
       }, {
         default: _(() => [
-          (c(!0), g(ae, null, ue(s.value, (i, f) => (c(), g("li", {
+          (c(!0), g(ae, null, ue(i.value, (s, f) => (c(), g("li", {
             key: f,
             class: "hint-system__hint"
           }, [
             N(m.$slots, "hint", {
-              hint: i,
+              hint: s,
               index: f,
               isNew: f === a.value - 1
             }, () => [
               e.htmlContent ? (c(), g("div", {
                 key: 0,
                 class: "hint-system__hint-content",
-                innerHTML: q(re)(i.content || "")
-              }, null, 8, hA)) : (c(), g("div", yA, T(i.content), 1))
+                innerHTML: q(re)(s.content || "")
+              }, null, 8, bA)) : (c(), g("div", wA, T(s.content), 1))
             ])
           ]))), 128))
         ]),
@@ -7446,7 +7449,7 @@ const Es = {
       })) : M("", !0),
       o.value ? N(m.$slots, "trigger", {
         key: 2,
-        revealNext: d,
+        revealNext: u,
         canReveal: o.value,
         revealedCount: a.value,
         total: t.value
@@ -7455,12 +7458,12 @@ const Es = {
           type: "button",
           class: "hint-system__trigger d-block w-100 text-center",
           disabled: !o.value,
-          onClick: d
-        }, T(e.label), 9, bA)
+          onClick: u
+        }, T(e.label), 9, $A)
       ]) : M("", !0)
     ]));
   }
-}), wA = ["id", "popover"], ct = /* @__PURE__ */ O({
+}), CA = ["id", "popover"], ct = /* @__PURE__ */ O({
   __name: "popover-dialog",
   props: {
     modelValue: {
@@ -7506,14 +7509,14 @@ const Es = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const n = e, l = r, a = C(), t = C(), o = C(!1), s = $(() => "ontouchstart" in window || navigator.maxTouchPoints > 0);
-    function d() {
+    const n = e, l = r, a = C(), t = C(), o = C(!1), i = $(() => "ontouchstart" in window || navigator.maxTouchPoints > 0);
+    function u() {
       clearTimeout(t.value), n.hover && a.value?.showPopover();
     }
     function m() {
-      o.value = !0, clearTimeout(t.value), d();
+      o.value = !0, clearTimeout(t.value), u();
     }
-    function u() {
+    function d() {
       o.value = !1, (n.hover || n.closeTimeout) && (t.value = setTimeout(() => {
         a.value?.hidePopover();
       }, n.closeTimeout || n.hoverDelay));
@@ -7521,22 +7524,22 @@ const Es = {
     W(() => n.modelValue, (f, v) => {
       f && !v ? a.value?.matches(":popover-open") || a.value?.showPopover() : !f && v && a.value?.matches(":popover-open") && a.value?.hidePopover();
     });
-    function i(f) {
+    function s(f) {
       f.newState === "open" ? (n.closeTimeout && !o.value && (clearTimeout(t.value), t.value = setTimeout(() => {
         o.value || a.value?.hidePopover();
       }, n.closeTimeout)), n.modelValue || l("update:modelValue", !0)) : f.newState === "closed" && (o.value = !1, n.modelValue && l("update:modelValue", !1));
     }
     return ne(() => {
-      if (a.value?.addEventListener("toggle", i), n.modelValue && a.value?.showPopover(), !s.value) {
-        a.value?.addEventListener("mouseenter", m), a.value?.addEventListener("mouseleave", u);
+      if (a.value?.addEventListener("toggle", s), n.modelValue && a.value?.showPopover(), !i.value) {
+        a.value?.addEventListener("mouseenter", m), a.value?.addEventListener("mouseleave", d);
         const f = document.querySelector(`[popovertarget="${n.id}"]`);
-        f && (f.addEventListener("mouseenter", m), f.addEventListener("mouseleave", u));
+        f && (f.addEventListener("mouseenter", m), f.addEventListener("mouseleave", d));
       }
     }), Ce(() => {
-      if (clearTimeout(t.value), a.value?.removeEventListener("toggle", i), !s.value) {
-        a.value?.removeEventListener("mouseenter", m), a.value?.removeEventListener("mouseleave", u);
+      if (clearTimeout(t.value), a.value?.removeEventListener("toggle", s), !i.value) {
+        a.value?.removeEventListener("mouseenter", m), a.value?.removeEventListener("mouseleave", d);
         const f = document.querySelector(`[popovertarget="${n.id}"]`);
-        f && (f.removeEventListener("mouseenter", m), f.removeEventListener("mouseleave", u));
+        f && (f.removeEventListener("mouseenter", m), f.removeEventListener("mouseleave", d));
       }
     }), (f, v) => (c(), g("span", {
       class: "popover-dialog",
@@ -7548,15 +7551,15 @@ const Es = {
       N(f.$slots, "default", {}, () => [
         v[0] || (v[0] = Se(" Popover content goes here. ", -1))
       ])
-    ], 8, wA));
+    ], 8, CA));
   }
-}), $A = { class: "popover-tooltip" }, CA = ["popovertarget", "disabled", "aria-describedby", "aria-label"], kA = { class: "popover-tooltip__content d-flex flex-column" }, SA = {
+}), kA = { class: "popover-tooltip" }, SA = ["popovertarget", "disabled", "aria-describedby", "aria-label"], BA = { class: "popover-tooltip__content d-flex flex-column" }, MA = {
   key: 0,
   class: "popover-tooltip__header d-flex p-3 border-bottom"
-}, BA = ["innerHTML"], MA = { class: "popover-tooltip__body" }, IA = ["innerHTML"], LA = {
+}, IA = ["innerHTML"], LA = { class: "popover-tooltip__body" }, DA = ["innerHTML"], VA = {
   key: 1,
   class: "popover-tooltip__footer d-flex p-3 border-top"
-}, qr = /* @__PURE__ */ O({
+}, Jr = /* @__PURE__ */ O({
   __name: "popover-tooltip",
   props: {
     modelValue: {
@@ -7616,8 +7619,8 @@ const Es = {
       set(m) {
         l("update:modelValue", m);
       }
-    }), s = C(), d = C();
-    return (m, u) => (c(), g("span", $A, [
+    }), i = C(), u = C();
+    return (m, d) => (c(), g("span", kA, [
       A("button", {
         type: "button",
         popovertarget: e.id,
@@ -7625,49 +7628,49 @@ const Es = {
         "aria-describedby": e.id,
         "aria-label": e.ariaLabel || m.$te("common.moreInfo") ? m.$t("common.moreInfo") : void 0,
         ref_key: "trigger",
-        ref: s
+        ref: i
       }, [
         N(m.$slots, "button", {}, () => [
-          u[3] || (u[3] = A("span", { class: "popover-tooltip__trigger" }, " i ", -1))
+          d[3] || (d[3] = A("span", { class: "popover-tooltip__trigger" }, " i ", -1))
         ])
-      ], 8, CA),
+      ], 8, SA),
       I(ct, {
         id: e.id,
         modelValue: o.value,
-        "onUpdate:modelValue": u[2] || (u[2] = (i) => o.value = i),
+        "onUpdate:modelValue": d[2] || (d[2] = (s) => o.value = s),
         hover: e.hover,
         "hover-delay": e.hoverDelay,
         ref_key: "dialog",
-        ref: d,
+        ref: u,
         role: "tooltip",
         class: D(e.size ? `popover-tooltip--${e.size}` : "")
       }, {
         default: _(() => [
-          A("div", kA, [
-            e.header ? (c(), g("div", SA, [
+          A("div", BA, [
+            e.header ? (c(), g("div", MA, [
               e.title ? (c(), g("h5", {
                 key: 0,
                 class: "popover-tooltip__title",
                 innerHTML: q(a)
-              }, null, 8, BA)) : M("", !0),
+              }, null, 8, IA)) : M("", !0),
               A("button", {
                 type: "button",
                 class: "btn-close ms-auto border-radius-none",
                 "aria-label": "Close",
-                onClick: u[0] || (u[0] = (i) => o.value = !1)
+                onClick: d[0] || (d[0] = (s) => o.value = !1)
               })
             ])) : M("", !0),
-            A("div", MA, [
+            A("div", LA, [
               N(m.$slots, "default", {}, () => [
-                A("span", { innerHTML: q(t) }, null, 8, IA)
+                A("span", { innerHTML: q(t) }, null, 8, DA)
               ])
             ]),
-            e.footer ? (c(), g("div", LA, [
+            e.footer ? (c(), g("div", VA, [
               N(m.$slots, "footer"),
               A("button", {
                 type: "button",
                 class: "btn ms-auto",
-                onClick: u[1] || (u[1] = (i) => o.value = !1)
+                onClick: d[1] || (d[1] = (s) => o.value = !1)
               }, T(m.$t("common.close")), 1)
             ])) : M("", !0)
           ])
@@ -7676,7 +7679,7 @@ const Es = {
       }, 8, ["id", "modelValue", "hover", "hover-delay", "class"])
     ]));
   }
-}), DA = { class: "popover-notification__header d-flex justify-content-between mb-2" }, VA = { class: "popover-notification__title" }, PA = ["onClick"], xA = ["innerHTML"], EA = 240, _r = /* @__PURE__ */ O({
+}), PA = { class: "popover-notification__header d-flex justify-content-between mb-2" }, xA = { class: "popover-notification__title" }, EA = ["onClick"], TA = ["innerHTML"], zA = 240, Gr = /* @__PURE__ */ O({
   __name: "popover-notifications",
   props: {
     modelValue: {
@@ -7709,36 +7712,36 @@ const Es = {
     }
   },
   setup(e, { expose: r }) {
-    const n = e, l = C([]), a = C([]), t = C(null), o = /* @__PURE__ */ new Map(), s = $(
+    const n = e, l = C([]), a = C([]), t = C(null), o = /* @__PURE__ */ new Map(), i = $(
       () => l.value.map((p) => ({
         ...p,
         content: re(p.content || "")
       }))
-    ), d = C(!1), m = $(() => d.value ? [...s.value].reverse() : s.value);
-    function u(p, h) {
+    ), u = C(!1), m = $(() => u.value ? [...i.value].reverse() : i.value);
+    function d(p, h) {
       h === !1 && v(p);
     }
-    function i(p) {
+    function s(p) {
       const h = o.get(p);
       h && (clearTimeout(h), o.delete(p));
     }
     function f(p) {
       const h = p.closeTimeout ?? n.closeTimeout;
-      i(p.id), h && o.set(p.id, window.setTimeout(() => {
-        i(p.id), v(p);
+      s(p.id), h && o.set(p.id, window.setTimeout(() => {
+        s(p.id), v(p);
       }, h));
     }
     function v(p) {
-      p.visible === !1 && o.has(p.id) || (i(p.id), p.visible = !1, o.set(p.id, window.setTimeout(() => {
-        l.value = l.value.filter((h) => h.id !== p.id), o.delete(p.id), l.value.length === 0 && (d.value = !1);
-      }, EA)));
+      p.visible === !1 && o.has(p.id) || (s(p.id), p.visible = !1, o.set(p.id, window.setTimeout(() => {
+        l.value = l.value.filter((h) => h.id !== p.id), o.delete(p.id), l.value.length === 0 && (u.value = !1);
+      }, zA)));
     }
     function b(p) {
       if (n.collapsible && l.value.length >= n.collapseItems) {
         const k = l.value.shift();
-        k && i(k.id);
+        k && s(k.id);
       }
-      n.collapsible && l.value.length + 1 >= n.collapseItems && (d.value = !0), l.value.forEach((k) => {
+      n.collapsible && l.value.length + 1 >= n.collapseItems && (u.value = !0), l.value.forEach((k) => {
         k.stackIndex = (k.stackIndex ?? 0) + 1;
       });
       const h = { ...p, closeTimeout: p.closeTimeout ?? n.closeTimeout, visible: !0, stackIndex: 0 };
@@ -7759,7 +7762,7 @@ const Es = {
       a.value.push(p), w();
     }
     return ne(() => {
-      a.value = [...n.items], n.collapsible && a.value.length >= n.collapseItems && (d.value = !0), w();
+      a.value = [...n.items], n.collapsible && a.value.length >= n.collapseItems && (u.value = !0), w();
     }), Ce(() => {
       t.value !== null && clearTimeout(t.value);
       for (const p of o.values())
@@ -7768,7 +7771,7 @@ const Es = {
     }), r({
       addItem: V
     }), (p, h) => (c(), g("div", {
-      class: D(["popover-notifications", { "popover-notifications--stacked": d.value }])
+      class: D(["popover-notifications", { "popover-notifications--stacked": u.value }])
     }, [
       (c(!0), g(ae, null, ue(m.value, (k, P) => (c(), U(ct, {
         key: k.id,
@@ -7777,33 +7780,33 @@ const Es = {
         type: "manual",
         class: "popover-notification",
         modelValue: k.visible,
-        "onUpdate:modelValue": [(B) => k.visible = B, (B) => u(k, B)],
+        "onUpdate:modelValue": [(B) => k.visible = B, (B) => d(k, B)],
         style: $e({ "--stack-index": k.stackIndex ?? P })
       }, {
         default: _(() => [
           N(p.$slots, "item", {
             item: k,
-            removeItem: u
+            removeItem: d
           }, () => [
-            A("div", DA, [
-              A("span", VA, T(k.title), 1),
+            A("div", PA, [
+              A("span", xA, T(k.title), 1),
               A("button", {
                 type: "button",
                 class: "btn btn-close p-0",
-                onClick: Z((B) => u(k, !1), ["stop"]),
+                onClick: Z((B) => d(k, !1), ["stop"]),
                 "aria-label": "Close notification"
-              }, null, 8, PA)
+              }, null, 8, EA)
             ]),
             A("span", {
               innerHTML: k.content
-            }, null, 8, xA)
+            }, null, 8, TA)
           ])
         ]),
         _: 2
       }, 1032, ["id", "modelValue", "onUpdate:modelValue", "style"]))), 128))
     ], 2));
   }
-}), Jr = /* @__PURE__ */ O({
+}), Yr = /* @__PURE__ */ O({
   __name: "dom-renderer",
   props: {
     modelValue: {
@@ -7841,24 +7844,24 @@ const Es = {
   },
   emits: ["update:modelValue", "update:pending"],
   setup(e, { emit: r }) {
-    const n = e, l = r, a = C(), t = C(""), o = C(), s = C(!0);
-    async function d() {
-      if (!a.value || !s.value)
+    const n = e, l = r, a = C(), t = C(""), o = C(), i = C(!0);
+    async function u() {
+      if (!a.value || !i.value)
         return "";
-      const u = a.value;
-      if (!u.isConnected)
+      const d = a.value;
+      if (!d.isConnected)
         return "";
       try {
         n.emitPending && l("update:pending", !0);
-        const i = u.firstElementChild;
-        if (!i)
+        const s = d.firstElementChild;
+        if (!s)
           return "";
-        const f = await Ot(i, {
+        const f = await Ot(s, {
           backgroundColor: "rgba(0, 0, 0, 0)",
           scale: 1,
           ...n.options
         });
-        if (!s.value || !a.value || !u.isConnected)
+        if (!i.value || !a.value || !d.isConnected)
           return "";
         const v = f.toDataURL();
         if (l("update:modelValue", v), n.emitPending && l("update:pending", !1), n.debug) {
@@ -7866,18 +7869,18 @@ const Es = {
           b.src = v, document.body.appendChild(b);
         }
         return v;
-      } catch (i) {
-        return s.value && n.emitPending && l("update:pending", !1), console.warn("dom-renderer: Render failed", i), "";
+      } catch (s) {
+        return i.value && n.emitPending && l("update:pending", !1), console.warn("dom-renderer: Render failed", s), "";
       }
     }
     const m = At(async () => {
-      t.value = await d();
+      t.value = await u();
     }, 300, { trailing: !0, leading: !1 });
     return ne(() => {
-      const u = a.value;
-      n.renderUpdates && (o.value = new MutationObserver(async (i) => {
-        !s.value || !u.isConnected || (n.emitPending && l("update:pending", !0), m());
-      }), o.value.observe(u, {
+      const d = a.value;
+      n.renderUpdates && (o.value = new MutationObserver(async (s) => {
+        !i.value || !d.isConnected || (n.emitPending && l("update:pending", !0), m());
+      }), o.value.observe(d, {
         attributes: !0,
         childList: !0,
         characterData: !0,
@@ -7886,8 +7889,8 @@ const Es = {
         n.emitPending && l("update:pending", !0), m();
       }, 500);
     }), Ce(() => {
-      s.value = !1, o.value && o.value.disconnect(), m.cancel();
-    }), (u, i) => (c(), g("div", {
+      i.value = !1, o.value && o.value.disconnect(), m.cancel();
+    }), (d, s) => (c(), g("div", {
       class: D(["dom-renderer", {
         "off-screen": !e.debug
       }]),
@@ -7895,10 +7898,10 @@ const Es = {
       ref: a,
       style: $e(e.fixedWidth > 0 ? { width: `${e.fixedWidth}px` } : {})
     }, [
-      N(u.$slots, "default")
+      N(d.$slots, "default")
     ], 6));
   }
-}), TA = { class: "qr-code" }, zA = ["innerHTML"], Gr = /* @__PURE__ */ O({
+}), NA = { class: "qr-code" }, HA = ["innerHTML"], Zr = /* @__PURE__ */ O({
   __name: "qr-code",
   props: {
     data: null,
@@ -7968,10 +7971,10 @@ const Es = {
         // },
       }
     }));
-    function o(d = null, m = null) {
-      typeof window < "u" && (a.value && (a.value.innerHTML = ""), new gt(d || t.value).append(a.value));
+    function o(u = null, m = null) {
+      typeof window < "u" && (a.value && (a.value.innerHTML = ""), new gt(u || t.value).append(a.value));
     }
-    function s() {
+    function i() {
       new gt({
         ...t.value,
         width: 1200,
@@ -7981,48 +7984,48 @@ const Es = {
     return W(() => t.value, o, { deep: !0, immediate: !0 }), ne(() => {
       typeof window < "u" && o();
     }), r({
-      download: s
-    }), (d, m) => (c(), g("div", TA, [
+      download: i
+    }), (u, m) => (c(), g("div", NA, [
       l.download ? (c(), g("button", {
         key: 0,
         class: "btn btn-outline-contrast mb-3",
-        onClick: s,
-        innerHTML: d.$t("qrlink.download")
-      }, null, 8, zA)) : (c(), g("div", {
+        onClick: i,
+        innerHTML: u.$t("qrlink.download")
+      }, null, 8, HA)) : (c(), g("div", {
         key: 1,
         ref_key: "canvas",
         ref: a
       }, null, 512))
     ]));
   }
-}), NA = { class: "link-sharing" }, HA = {
+}), QA = { class: "link-sharing" }, OA = {
   key: 0,
   class: "link-sharing__links container"
-}, QA = { class: "row" }, OA = {
+}, RA = { class: "row" }, FA = {
   key: 0,
   class: "col-12 col-md-6"
-}, RA = ["href"], FA = { class: "caption" }, WA = {
+}, WA = ["href"], UA = { class: "caption" }, jA = {
   key: 1,
   class: "col-12 col-md-6"
-}, UA = ["href"], jA = { class: "caption" }, qA = {
+}, qA = ["href"], _A = { class: "caption" }, JA = {
   key: 2,
   class: "col-12 col-md-6"
-}, _A = { class: "caption" }, JA = {
+}, GA = { class: "caption" }, YA = {
   key: 3,
   class: "col-12 col-md-6"
-}, GA = ["href"], YA = { class: "caption" }, ZA = {
+}, ZA = ["href"], XA = { class: "caption" }, KA = {
   key: 4,
   class: "col-12 col-md-6"
-}, XA = ["href"], KA = { class: "caption" }, er = {
+}, er = ["href"], tr = { class: "caption" }, ar = {
   key: 5,
   class: "col-12 col-md-6"
-}, tr = { class: "caption" }, ar = {
+}, nr = { class: "caption" }, lr = {
   key: 6,
   class: "col-12 col-md-6"
-}, nr = ["href"], lr = { class: "caption" }, or = {
+}, or = ["href"], ir = { class: "caption" }, sr = {
   key: 1,
   class: "link-sharing__instructions pt-5"
-}, ir = { class: "row" }, sr = { class: "col-12 text-center py-0" }, Ar = { class: "mb-5" }, rr = (e) => e.replace(/<(?:.|\n)*?>/gm, ""), Yr = /* @__PURE__ */ O({
+}, Ar = { class: "row" }, rr = { class: "col-12 text-center py-0" }, ur = { class: "mb-5" }, dr = (e) => e.replace(/<(?:.|\n)*?>/gm, ""), Xr = /* @__PURE__ */ O({
   __name: "link-sharing",
   props: {
     url: {
@@ -8058,34 +8061,34 @@ const Es = {
   setup(e) {
     const r = e, n = C(!1), l = $(() => encodeURIComponent(r.url));
     $(() => encodeURIComponent(r.media));
-    const a = $(() => rr(r.text)), t = $(() => !!(navigator && navigator.userAgent && /Mobi|Android/i.test(navigator.userAgent)));
+    const a = $(() => dr(r.text)), t = $(() => !!(navigator && navigator.userAgent && /Mobi|Android/i.test(navigator.userAgent)));
     async function o() {
-      const s = document.createElement("textarea");
-      document.body.appendChild(s), s.value = r.url, s.select(), s.setSelectionRange(0, 99999), navigator.clipboard.writeText(s.value), document.body.removeChild(s);
-    }
-    return (s, d) => (c(), g("div", NA, [
-      n.value ? (c(), g("div", or, [
-        A("div", ir, [
-          A("div", sr, [
-            A("div", Ar, [
-              A("p", null, T(s.$t("sharing.instructions", { service: "Instagram" })), 1),
+      const i = document.createElement("textarea");
+      document.body.appendChild(i), i.value = r.url, i.select(), i.setSelectionRange(0, 99999), navigator.clipboard.writeText(i.value), document.body.removeChild(i);
+    }
+    return (i, u) => (c(), g("div", QA, [
+      n.value ? (c(), g("div", sr, [
+        A("div", Ar, [
+          A("div", rr, [
+            A("div", ur, [
+              A("p", null, T(i.$t("sharing.instructions", { service: "Instagram" })), 1),
               A("p", null, [
                 A("strong", null, T(Array.isArray(e.hashtags) ? e.hashtags.join(", ") : e.hashtags), 1)
               ]),
               A("button", {
                 type: "button",
                 class: "btn btn-text",
-                onClick: d[1] || (d[1] = Z((m) => n.value = !n.value, ["prevent"]))
+                onClick: u[1] || (u[1] = Z((m) => n.value = !n.value, ["prevent"]))
               }, [
                 I(Q, { symbol: "arrow-left" }),
-                Se(" " + T(s.$t("common.back")), 1)
+                Se(" " + T(i.$t("common.back")), 1)
               ])
             ])
           ])
         ])
-      ])) : (c(), g("div", HA, [
-        A("div", QA, [
-          e.services.facebook ? (c(), g("div", OA, [
+      ])) : (c(), g("div", OA, [
+        A("div", RA, [
+          e.services.facebook ? (c(), g("div", FA, [
             A("a", {
               class: "link-sharing__link btn btn-primary",
               href: `https://www.facebook.com/sharer.php?u=${l.value}`,
@@ -8093,10 +8096,10 @@ const Es = {
               rel: "noopener"
             }, [
               I(Q, { symbol: "facebook" }),
-              A("span", FA, T(s.$t("sharing.facebook")), 1)
-            ], 8, RA)
+              A("span", UA, T(i.$t("sharing.facebook")), 1)
+            ], 8, WA)
           ])) : M("", !0),
-          e.services.bluesky ? (c(), g("div", WA, [
+          e.services.bluesky ? (c(), g("div", jA, [
             A("a", {
               class: "link-sharing__link btn btn-primary",
               href: `https://bsky.app/intent/compose?text=${a.value}${a.value ? "%20" : ""}${e.url}`,
@@ -8104,20 +8107,20 @@ const Es = {
               rel: "noopener"
             }, [
               I(Q, { symbol: "bluesky-logo" }),
-              A("span", jA, T(s.$t("sharing.bluesky")), 1)
-            ], 8, UA)
+              A("span", _A, T(i.$t("sharing.bluesky")), 1)
+            ], 8, qA)
           ])) : M("", !0),
-          e.services.instagram ? (c(), g("div", qA, [
+          e.services.instagram ? (c(), g("div", JA, [
             A("button", {
               type: "button",
               class: "link-sharing__link btn btn-primary",
-              onClick: d[0] || (d[0] = Z((m) => n.value = !n.value, ["prevent"]))
+              onClick: u[0] || (u[0] = Z((m) => n.value = !n.value, ["prevent"]))
             }, [
               I(Q, { symbol: "instagram" }),
-              A("span", _A, T(s.$t("sharing.instagram")), 1)
+              A("span", GA, T(i.$t("sharing.instagram")), 1)
             ])
           ])) : M("", !0),
-          e.services.linkedin ? (c(), g("div", JA, [
+          e.services.linkedin ? (c(), g("div", YA, [
             A("a", {
               class: "link-sharing__link btn btn-primary",
               href: `https://www.linkedin.com/shareArticle?mini=true&url=${l.value}&title=${e.subject}`,
@@ -8125,10 +8128,10 @@ const Es = {
               rel: "noopener"
             }, [
               I(Q, { symbol: "linkedin" }),
-              A("span", YA, T(s.$t("sharing.linkedin")), 1)
-            ], 8, GA)
+              A("span", XA, T(i.$t("sharing.linkedin")), 1)
+            ], 8, ZA)
           ])) : M("", !0),
-          e.services.whatsapp && t.value ? (c(), g("div", ZA, [
+          e.services.whatsapp && t.value ? (c(), g("div", KA, [
             A("a", {
               class: "link-sharing__link btn btn-primary",
               href: `whatsapp://send?text=${l.value}`,
@@ -8136,20 +8139,20 @@ const Es = {
               rel: "noopener"
             }, [
               I(Q, { symbol: "whatsapp" }),
-              A("span", KA, T(s.$t("sharing.whatsapp")), 1)
-            ], 8, XA)
+              A("span", tr, T(i.$t("sharing.whatsapp")), 1)
+            ], 8, er)
           ])) : M("", !0),
-          e.services.clipboard ? (c(), g("div", er, [
+          e.services.clipboard ? (c(), g("div", ar, [
             A("button", {
               type: "button",
               class: "link-sharing__link btn btn-primary",
               onClick: Z(o, ["prevent", "stop"])
             }, [
               I(Q, { symbol: "copy" }),
-              A("span", tr, T(s.$t("sharing.clipboard")), 1)
+              A("span", nr, T(i.$t("sharing.clipboard")), 1)
             ])
           ])) : M("", !0),
-          e.services.mailto ? (c(), g("div", ar, [
+          e.services.mailto ? (c(), g("div", lr, [
             A("a", {
               class: "link-sharing__link btn btn-primary",
               href: `mailto:?subject=${e.subject}&body=${a.value}%0D%0A${e.url}`,
@@ -8157,14 +8160,14 @@ const Es = {
               rel: "noopener"
             }, [
               I(Q, { symbol: "mail" }),
-              A("span", lr, T(s.$t("sharing.mailto")), 1)
-            ], 8, nr)
+              A("span", ir, T(i.$t("sharing.mailto")), 1)
+            ], 8, or)
           ])) : M("", !0)
         ])
       ]))
     ]));
   }
-}), ur = { class: "base-form" }, Zr = /* @__PURE__ */ O({
+}), cr = { class: "base-form" }, Kr = /* @__PURE__ */ O({
   __name: "base-form",
   props: {
     id: {},
@@ -8183,7 +8186,7 @@ const Es = {
     function l(a) {
       console.log("submit", a);
     }
-    return (a, t) => (c(), g("div", ur, [
+    return (a, t) => (c(), g("div", cr, [
       A("form", {
         ref: "form",
         onInput: r,
@@ -8194,10 +8197,10 @@ const Es = {
       ], 544)
     ]));
   }
-}), dr = { class: "touch-wrapper__controls" }, cr = {
+}), mr = { class: "touch-wrapper__controls" }, fr = {
   class: "btn-group",
   role: "group"
-}, Xr = /* @__PURE__ */ O({
+}, eu = /* @__PURE__ */ O({
   __name: "touch-wrapper",
   props: {
     modelValue: {
@@ -8208,38 +8211,38 @@ const Es = {
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const n = Ht(), l = n && n.appContext.config.globalProperties.$config, a = e, t = r, o = C();
-    function s(u) {
-      const i = a.modelValue + u;
-      t("update:modelValue", u === 0 ? 1 : i >= 1 ? i : 1);
-    }
-    function d(u) {
-      if (u.ctrlKey) {
-        u.preventDefault();
-        const i = 0 - u.deltaY * 0.01;
-        s(i);
+    function i(d) {
+      const s = a.modelValue + d;
+      t("update:modelValue", d === 0 ? 1 : s >= 1 ? s : 1);
+    }
+    function u(d) {
+      if (d.ctrlKey) {
+        d.preventDefault();
+        const s = 0 - d.deltaY * 0.01;
+        i(s);
       }
     }
-    function m(u) {
-      u.preventDefault();
-      const { scale: i } = u, f = i > 1 ? i * 0.01 : 0 - i;
-      s(f);
+    function m(d) {
+      d.preventDefault();
+      const { scale: s } = d, f = s > 1 ? s * 0.01 : 0 - s;
+      i(f);
     }
     return ne(() => {
-      o.value && (o.value.addEventListener("wheel", d, !1), o.value.addEventListener("gesturestart", m, !1), o.value.addEventListener("gesturechange", m, !1), o.value.addEventListener("gestureend", m, !1));
-    }), (u, i) => (c(), g("div", {
+      o.value && (o.value.addEventListener("wheel", u, !1), o.value.addEventListener("gesturestart", m, !1), o.value.addEventListener("gesturechange", m, !1), o.value.addEventListener("gestureend", m, !1));
+    }), (d, s) => (c(), g("div", {
       ref_key: "touchElement",
       ref: o,
       class: "touch-wrapper"
     }, [
-      N(u.$slots, "controls", {
-        on: { setScale: s }
+      N(d.$slots, "controls", {
+        on: { setScale: i }
       }, () => [
-        A("div", dr, [
-          A("div", cr, [
+        A("div", mr, [
+          A("div", fr, [
             A("button", {
               type: "button",
               class: "btn",
-              onClick: i[0] || (i[0] = (f) => s(-1))
+              onClick: s[0] || (s[0] = (f) => i(-1))
             }, [
               I(Q, {
                 symbol: "minus",
@@ -8249,7 +8252,7 @@ const Es = {
             A("button", {
               type: "button",
               class: "btn",
-              onClick: i[1] || (i[1] = (f) => s(0))
+              onClick: s[1] || (s[1] = (f) => i(0))
             }, [
               I(Q, {
                 symbol: "maximize",
@@ -8259,7 +8262,7 @@ const Es = {
             A("button", {
               type: "button",
               class: "btn",
-              onClick: i[2] || (i[2] = (f) => s(1))
+              onClick: s[2] || (s[2] = (f) => i(1))
             }, [
               I(Q, {
                 symbol: "plus",
@@ -8269,12 +8272,12 @@ const Es = {
           ])
         ])
       ]),
-      N(u.$slots, "default")
+      N(d.$slots, "default")
     ], 512));
   }
 });
 let Ge = null;
-async function mr() {
+async function gr() {
   if (typeof window > "u")
     return null;
   if (Ge)
@@ -8336,7 +8339,7 @@ const bt = {
 function at(e, r) {
   return Math.random() * (r - e) + e;
 }
-const Kr = /* @__PURE__ */ O({
+const tu = /* @__PURE__ */ O({
   __name: "canvas-confetti",
   props: {
     preset: {
@@ -8358,38 +8361,38 @@ const Kr = /* @__PURE__ */ O({
   setup(e) {
     const r = e, n = C(null), l = $(() => ({
       ...bt[r.preset],
-      items: bt[r.preset].items.map((o, s) => ({
+      items: bt[r.preset].items.map((o, i) => ({
         ...o,
-        ...r.items[s],
+        ...r.items[i],
         ...r.colors.length ? { colors: r.colors } : {}
       }))
     }));
     async function a(o) {
-      return new Promise((s) => {
-        (typeof window < "u" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : (m) => setTimeout(m, 16))(() => n.value?.confetti?.(JSON.parse(JSON.stringify(o)))), setTimeout(() => s(), 0);
+      return new Promise((i) => {
+        (typeof window < "u" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : (m) => setTimeout(m, 16))(() => n.value?.confetti?.(JSON.parse(JSON.stringify(o)))), setTimeout(() => i(), 0);
       });
     }
     async function t() {
       await Promise.all(l.value.items.map(
-        (o) => new Promise((s) => setTimeout(() => {
-          s(a(o));
+        (o) => new Promise((i) => setTimeout(() => {
+          i(a(o));
         }, o.timeout || 0))
       )), r.loop && t();
     }
     return ne(async () => {
       if (typeof window < "u" && n.value) {
-        const o = await mr();
+        const o = await gr();
         if (!o)
           return;
         n.value.confetti = n.value?.confetti || o.create(n.value, { resize: !0 }), t();
       }
-    }), (o, s) => (c(), g("canvas", {
+    }), (o, i) => (c(), g("canvas", {
       class: "canvas-confetti",
       ref_key: "canvas",
       ref: n
     }, null, 512));
   }
-}), fr = ["popovertarget"], gr = ["src", "alt"], eu = /* @__PURE__ */ O({
+}), vr = ["popovertarget"], pr = ["src", "alt"], au = /* @__PURE__ */ O({
   __name: "image-zoom",
   props: {
     src: {
@@ -8430,7 +8433,7 @@ const Kr = /* @__PURE__ */ O({
     }
   },
   setup(e) {
-    const r = e, n = C(null), l = C(null), a = C(null), t = C(!1), o = C(!1), s = C(!1), d = C(!1), m = C(null), u = C(0), i = C(0), f = C(0), v = C(0), b = $(() => Number.isFinite(r.focusWidth) && r.focusWidth > 0 && Number.isFinite(r.focusHeight) && r.focusHeight > 0 && f.value > 0 && v.value > 0 && r.focusWidth <= f.value && r.focusHeight <= v.value), w = $(() => f.value > 0 && v.value > 0 && !b.value), V = $(() => s.value && !o.value && f.value > 0 && v.value > 0), p = $(() => w.value ? {
+    const r = e, n = C(null), l = C(null), a = C(null), t = C(!1), o = C(!1), i = C(!1), u = C(!1), m = C(null), d = C(0), s = C(0), f = C(0), v = C(0), b = $(() => Number.isFinite(r.focusWidth) && r.focusWidth > 0 && Number.isFinite(r.focusHeight) && r.focusHeight > 0 && f.value > 0 && v.value > 0 && r.focusWidth <= f.value && r.focusHeight <= v.value), w = $(() => f.value > 0 && v.value > 0 && !b.value), V = $(() => i.value && !o.value && f.value > 0 && v.value > 0), p = $(() => w.value ? {
       width: `${f.value}px`,
       height: `${v.value}px`,
       left: "0px",
@@ -8438,14 +8441,14 @@ const Kr = /* @__PURE__ */ O({
     } : {
       width: `${r.focusWidth}px`,
       height: `${r.focusHeight}px`,
-      left: `${u.value}px`,
-      top: `${i.value}px`
+      left: `${d.value}px`,
+      top: `${s.value}px`
     }), h = $(() => {
       const H = f.value * r.zoom, G = v.value * r.zoom;
       return {
         width: `${H}px`,
         height: `${G}px`,
-        transform: b.value && !o.value ? `translate(${-u.value * r.zoom}px, ${-i.value * r.zoom}px)` : "none",
+        transform: b.value && !o.value ? `translate(${-d.value * r.zoom}px, ${-s.value * r.zoom}px)` : "none",
         transformOrigin: "top left"
       };
     });
@@ -8463,14 +8466,14 @@ const Kr = /* @__PURE__ */ O({
     }
     function z() {
       P(), m.value = setTimeout(() => {
-        !s.value && !d.value && !o.value && (t.value = !1), m.value = null;
+        !i.value && !u.value && !o.value && (t.value = !1), m.value = null;
       }, r.hoverDelay || 100);
     }
     function K(H, G) {
       if (!l.value)
         return;
       if (w.value) {
-        u.value = 0, i.value = 0;
+        d.value = 0, s.value = 0;
         return;
       }
       const ee = l.value.getBoundingClientRect(), De = H - ee.left, ze = G - ee.top, Ne = Math.min(
@@ -8480,22 +8483,22 @@ const Kr = /* @__PURE__ */ O({
         Math.max(ze - r.focusHeight / 2, 0),
         Math.max(ee.height - r.focusHeight, 0)
       );
-      u.value = Ne, i.value = Ve;
+      d.value = Ne, s.value = Ve;
     }
     function ge() {
       if (!a.value || !o.value || w.value)
         return;
-      const H = a.value.getBoundingClientRect(), G = Math.max(0, u.value * r.zoom - H.width / 2 + r.focusWidth * r.zoom / 2), ee = Math.max(0, i.value * r.zoom - H.height / 2 + r.focusHeight * r.zoom / 2);
+      const H = a.value.getBoundingClientRect(), G = Math.max(0, d.value * r.zoom - H.width / 2 + r.focusWidth * r.zoom / 2), ee = Math.max(0, s.value * r.zoom - H.height / 2 + r.focusHeight * r.zoom / 2);
       a.value.scrollTo({ left: G, top: ee });
     }
     function me(H) {
       k(), K(H.clientX, H.clientY);
     }
     function ke(H) {
-      s.value = !0, k(), K(H.clientX, H.clientY), o.value || B();
+      i.value = !0, k(), K(H.clientX, H.clientY), o.value || B();
     }
     function ve() {
-      s.value = !1, o.value || z();
+      i.value = !1, o.value || z();
     }
     function Le(H) {
       o.value && (t.value = !0, k(), K(H.clientX, H.clientY));
@@ -8504,10 +8507,10 @@ const Kr = /* @__PURE__ */ O({
       o.value && Fe(ge);
     }
     function Me() {
-      d.value = !0, B();
+      u.value = !0, B();
     }
     function L() {
-      d.value = !1, z();
+      u.value = !1, z();
     }
     function R(H) {
       o.value && (t.value = !t.value, H instanceof MouseEvent && K(H.clientX, H.clientY));
@@ -8581,68 +8584,68 @@ const Kr = /* @__PURE__ */ O({
                 alt: e.alt,
                 style: $e(h.value),
                 draggable: "false"
-              }, null, 14, gr)
+              }, null, 14, pr)
             ], 2)
           ], 2)
         ]),
         _: 1
       }, 8, ["id", "modelValue", "hover-delay", "close-timeout", "class"])
-    ], 8, fr));
+    ], 8, vr));
   }
 });
 export {
-  Mr as Accordion,
-  Br as AccordionItem,
-  Rr as AssetUploader,
+  Lr as Accordion,
+  Ir as AccordionItem,
+  Wr as AssetUploader,
   ko as AutoSuggest,
   Aa as BaseButton,
-  Or as BaseCamera,
-  lA as BaseCarousel,
-  Zr as BaseForm,
-  kr as BaseHeadline,
+  Fr as BaseCamera,
+  iA as BaseCarousel,
+  Kr as BaseForm,
+  Br as BaseHeadline,
   Te as BaseImage,
   We as BaseInput,
   ei as BaseMap,
-  Sr as BaseParagraph,
-  Kr as CanvasConfetti,
-  xr as CheckGroup,
-  Qr as ColorPalette,
-  Tr as CustomHtml,
-  Jr as DomRenderer,
+  Mr as BaseParagraph,
+  tu as CanvasConfetti,
+  Tr as CheckGroup,
+  Rr as ColorPalette,
+  Nr as CustomHtml,
+  Yr as DomRenderer,
   vi as FileUpload,
-  jr as HintSystem,
+  _r as HintSystem,
   Fi as ImageCrop,
   ts as ImageCropResize,
   zi as ImageResize,
   fs as ImageUpload,
-  eu as ImageZoom,
-  Lr as InputCheckbox,
-  Hr as InputColor,
-  Vr as InputDatepicker,
-  Dr as InputDatetime,
+  au as ImageZoom,
+  Vr as InputCheckbox,
+  Or as InputColor,
+  xr as InputDatepicker,
+  Pr as InputDatetime,
   It as InputDropdown,
   Mt as InputFile,
-  Pr as InputPasscode,
+  Er as InputPasscode,
   vl as InputPassword,
-  Ir as InputTextarea,
-  Yr as LinkSharing,
+  Dr as InputTextarea,
+  Xr as LinkSharing,
   rt as LoadingSpinner,
-  Fr as LocationFinder,
+  Ur as LocationFinder,
   ri as LocationList,
-  Wr as MediaThumbnails,
+  jr as MediaThumbnails,
   ss as ModalDialog,
   ct as PopoverDialog,
-  _r as PopoverNotifications,
-  qr as PopoverTooltip,
-  Ur as ProgressSteps,
-  Gr as QrCode,
-  Er as RadioButtons,
+  Gr as PopoverNotifications,
+  Jr as PopoverTooltip,
+  qr as ProgressSteps,
+  Zr as QrCode,
+  zr as RadioButtons,
   dt as RadioGroup,
-  Nr as RteEditor,
-  zr as SelectMedia,
+  Qr as RteEditor,
+  Hr as SelectMedia,
   $i as SortableList,
   Q as SvgIcon,
-  Xr as TouchWrapper,
+  eu as TouchWrapper,
   Cs as UploadGroup,
   So as useCameraFilter,
   Ms as useDirections,