ablok-components 0.2.27 → 0.2.28

package/dist/ablok-components.es.js

@@ -2,7 +2,7 @@ import { defineComponent as Je, createElementBlock as re, openBlock as W, normal
 const GR = {
   class: "icon",
   preserveAspectRatio: "xMaxYMin"
-}, WR = ["xlink:href"], Uue = /* @__PURE__ */ Je({
+}, WR = ["xlink:href"], xue = /* @__PURE__ */ Je({
   __name: "svg-icon",
   props: {
     basePath: {
@@ -38,7 +38,7 @@ const GR = {
       ]))
     ], 2));
   }
-}), YR = { class: "loading-spinner d-block" }, xue = /* @__PURE__ */ Je({
+}), YR = { class: "loading-spinner d-block" }, Iue = /* @__PURE__ */ Je({
   __name: "loading-spinner",
   props: {
     color: {
@@ -71,7 +71,7 @@ const GR = {
       Ue(e.$slots, "default")
     ]));
   }
-}), zR = ["src", "alt"], Iue = /* @__PURE__ */ Je({
+}), zR = ["src", "alt"], _ue = /* @__PURE__ */ Je({
   __name: "base-image",
   props: {
     src: {
@@ -142,7 +142,7 @@ const GR = {
       ], 2)) : we("", !0);
     };
   }
-}), jR = ["innerHTML"], _ue = /* @__PURE__ */ Je({
+}), jR = ["innerHTML"], Tue = /* @__PURE__ */ Je({
   __name: "base-headline",
   props: {
     tag: {},
@@ -167,7 +167,7 @@ const GR = {
       _: 3
     }, 8, ["class"]));
   }
-}), qR = ["innerHTML"], Tue = /* @__PURE__ */ Je({
+}), qR = ["innerHTML"], Due = /* @__PURE__ */ Je({
   __name: "base-paragraph",
   props: {
     size: {},
@@ -185,7 +185,7 @@ const GR = {
 function Dt() {
   return Math.random().toString(16).slice(2);
 }
-const JR = { class: "accordion-item" }, XR = ["id"], ZR = ["data-bs-target", "aria-controls"], e4 = { class: "flex-grow-1" }, t4 = ["id", "aria-labelledby", "data-bs-parent"], A4 = ["innerHTML"], Due = /* @__PURE__ */ Je({
+const JR = { class: "accordion-item" }, XR = ["id"], ZR = ["data-bs-target", "aria-controls"], e4 = { class: "flex-grow-1" }, t4 = ["id", "aria-labelledby", "data-bs-parent"], A4 = ["innerHTML"], Oue = /* @__PURE__ */ Je({
   __name: "accordion-item",
   props: {
     id: {
@@ -265,7 +265,7 @@ function s4(t, e) {
     Ue(t.$slots, "default")
   ]);
 }
-const Oue = /* @__PURE__ */ n4(r4, [["render", s4]]), o4 = ["type", "disabled"], Mue = /* @__PURE__ */ Je({
+const Mue = /* @__PURE__ */ n4(r4, [["render", s4]]), o4 = ["type", "disabled"], Lue = /* @__PURE__ */ Je({
   __name: "base-button",
   props: {
     type: {
@@ -356,7 +356,7 @@ const Oue = /* @__PURE__ */ n4(r4, [["render", s4]]), o4 = ["type", "disabled"],
 }), a4 = { class: "input-group input__input-group" }, l4 = ["type", "id", "name", "placeholder", "pattern", "disabled", "readonly", "required", "maxlength", "true-value", "false-value", "aria-label", "role", "autocomplete"], u4 = ["for", "innerHTML"], c4 = {
   key: 0,
   class: "input__error alert alert-danger mt-3"
-}, Lue = /* @__PURE__ */ Je({
+}, Hue = /* @__PURE__ */ Je({
   __name: "base-input",
   props: {
     modelValue: {
@@ -521,7 +521,7 @@ const Oue = /* @__PURE__ */ n4(r4, [["render", s4]]), o4 = ["type", "disabled"],
       })
     ], 2));
   }
-}), d4 = { class: "input input--textarea" }, f4 = ["type", "id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "maxlength", "aria-label"], h4 = ["for", "innerHTML"], Hue = /* @__PURE__ */ Je({
+}), d4 = { class: "input input--textarea" }, f4 = ["type", "id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "maxlength", "aria-label"], h4 = ["for", "innerHTML"], Nue = /* @__PURE__ */ Je({
   __name: "input-textarea",
   props: {
     modelValue: {
@@ -616,7 +616,7 @@ const Oue = /* @__PURE__ */ n4(r4, [["render", s4]]), o4 = ["type", "disabled"],
       ])
     ]));
   }
-}), p4 = { class: "form-check input input--checkbox" }, g4 = ["value", "id", "name", "required", "disabled", "true-value", "false-value"], m4 = ["for", "innerHTML"], Nue = /* @__PURE__ */ Je({
+}), p4 = { class: "form-check input input--checkbox" }, g4 = ["value", "id", "name", "required", "disabled", "true-value", "false-value"], m4 = ["for", "innerHTML"], Rue = /* @__PURE__ */ Je({
   __name: "input-checkbox",
   props: {
     id: {
@@ -694,7 +694,7 @@ const Oue = /* @__PURE__ */ n4(r4, [["render", s4]]), o4 = ["type", "disabled"],
       }, null, 8, m4)
     ]));
   }
-}), v4 = { class: "input-group input__input-group" }, y4 = ["id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "aria-label"], B4 = ["for", "innerHTML"], Rue = /* @__PURE__ */ Je({
+}), v4 = { class: "input-group input__input-group" }, y4 = ["id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "aria-label"], B4 = ["for", "innerHTML"], Pue = /* @__PURE__ */ Je({
   __name: "input-datetime",
   props: {
     modelValue: {
@@ -11620,7 +11620,7 @@ const H5 = { class: "row" }, N5 = { class: "col-12" }, R5 = ["for", "innerHTML"]
 }, V5 = { class: "col-12 col-md-6" }, G5 = { class: "col-12 col-md-6" }, W5 = {
   key: 1,
   class: "row"
-}, Y5 = { class: "col-12" }, $ue = /* @__PURE__ */ Je({
+}, Y5 = { class: "col-12" }, Kue = /* @__PURE__ */ Je({
   __name: "input-datepicker",
   props: {
     modelValue: {
@@ -11854,7 +11854,7 @@ const H5 = { class: "row" }, N5 = { class: "col-12" }, R5 = ["for", "innerHTML"]
       ])) : we("", !0)
     ]));
   }
-}), z5 = { class: "input-group input__input-group" }, Kue = /* @__PURE__ */ Je({
+}), z5 = { class: "input-group input__input-group" }, Vue = /* @__PURE__ */ Je({
   __name: "input-password",
   props: {
     modelValue: {
@@ -11965,7 +11965,7 @@ const H5 = { class: "row" }, N5 = { class: "col-12" }, R5 = ["for", "innerHTML"]
       ]);
     };
   }
-}), j5 = { class: "check-group" }, q5 = ["id", "name", "value", "disabled", "read-only", "required"], J5 = ["for", "innerHTML"], Vue = /* @__PURE__ */ Je({
+}), j5 = { class: "check-group" }, q5 = ["id", "name", "value", "disabled", "read-only", "required"], J5 = ["for", "innerHTML"], Gue = /* @__PURE__ */ Je({
   __name: "check-group",
   props: {
     modelValue: {
@@ -12137,7 +12137,7 @@ const H5 = { class: "row" }, N5 = { class: "col-12" }, R5 = ["for", "innerHTML"]
       ])
     ]));
   }
-}), A6 = { class: "radio-buttons" }, n6 = ["for"], Gue = /* @__PURE__ */ Je({
+}), A6 = { class: "radio-buttons" }, n6 = ["for"], Wue = /* @__PURE__ */ Je({
   __name: "radio-buttons",
   props: {
     modelValue: {
@@ -12208,7 +12208,7 @@ const H5 = { class: "row" }, N5 = { class: "col-12" }, R5 = ["for", "innerHTML"]
       }, 8, ["modelValue", "options", "name", "id", "disabled", "required"])
     ]));
   }
-}), r6 = ["id", "name", "multiple", "accept", "disabled"], i6 = { class: "input__input-group input-group" }, s6 = ["value", "id", "name", "disabled"], o6 = ["for", "disabled"], a6 = { class: "btn btn-outline-contrast" }, l6 = ["for"], u6 = ["innerHTML"], Wue = /* @__PURE__ */ Je({
+}), r6 = ["id", "name", "multiple", "accept", "disabled"], i6 = { class: "input__input-group input-group" }, s6 = ["value", "id", "name", "disabled"], o6 = ["for", "disabled"], a6 = { class: "btn btn-outline-contrast" }, l6 = ["for"], u6 = ["innerHTML"], Yue = /* @__PURE__ */ Je({
   __name: "input-file",
   props: {
     modelValue: {
@@ -12323,7 +12323,7 @@ const H5 = { class: "row" }, N5 = { class: "col-12" }, R5 = ["for", "innerHTML"]
       ], 8, l6)
     ]));
   }
-}), c6 = { class: "select-media" }, d6 = ["for"], Yue = /* @__PURE__ */ Je({
+}), c6 = { class: "select-media" }, d6 = ["for"], zue = /* @__PURE__ */ Je({
   __name: "select-media",
   props: {
     modelValue: {
@@ -28044,7 +28044,7 @@ const Y7 = { class: "rte-editor" }, z7 = {
   "data-bs-toggle": "dropdown",
   role: "button",
   type: "button"
-}, sj = { class: "dropdown-menu" }, oj = { class: "btn-group" }, aj = ["disabled"], lj = ["disabled"], jue = /* @__PURE__ */ Je({
+}, sj = { class: "dropdown-menu" }, oj = { class: "btn-group" }, aj = ["disabled"], lj = ["disabled"], que = /* @__PURE__ */ Je({
   __name: "rte-editor",
   props: {
     modelValue: {
@@ -28460,7 +28460,7 @@ const Y7 = { class: "rte-editor" }, z7 = {
       ]);
     };
   }
-}), uj = { class: "input-color" }, cj = { class: "base-input__color-swatch" }, dj = ["name", "id", "disabled", "read-only", "required", "aria-label"], que = /* @__PURE__ */ Je({
+}), uj = { class: "input-color" }, cj = { class: "base-input__color-swatch" }, dj = ["name", "id", "disabled", "read-only", "required", "aria-label"], Jue = /* @__PURE__ */ Je({
   __name: "input-color",
   props: {
     modelValue: {
@@ -28560,7 +28560,7 @@ const Y7 = { class: "rte-editor" }, z7 = {
       ]);
     };
   }
-}), fj = { class: "color-palette" }, hj = ["for"], Jue = /* @__PURE__ */ Je({
+}), fj = { class: "color-palette" }, hj = ["for"], Xue = /* @__PURE__ */ Je({
   __name: "color-palette",
   props: {
     modelValue: {
@@ -28624,7 +28624,7 @@ const Y7 = { class: "rte-editor" }, z7 = {
       }, 8, ["modelValue", "options", "name", "id", "label", "disabled", "required"])
     ]));
   }
-}), pj = { class: "input input-dropdown" }, gj = { class: "dropdown" }, mj = { class: "caption" }, vj = ["innerHTML"], yj = { class: "caption__text" }, Bj = { class: "d-block text-truncate" }, wj = { class: "dropdown-menu" }, Cj = { class: "form-check" }, bj = ["value", "id", "name", "label", "required", "disabled"], Ej = ["value", "id", "name", "label", "required", "disabled"], kj = ["for"], Xue = /* @__PURE__ */ Je({
+}), pj = { class: "input input-dropdown" }, gj = { class: "dropdown" }, mj = { class: "caption" }, vj = ["innerHTML"], yj = { class: "caption__text" }, Bj = { class: "d-block text-truncate" }, wj = { class: "dropdown-menu" }, Cj = { class: "form-check" }, bj = ["value", "id", "name", "label", "required", "disabled"], Ej = ["value", "id", "name", "label", "required", "disabled"], kj = ["for"], Zue = /* @__PURE__ */ Je({
   __name: "input-dropdown",
   props: {
     id: {
@@ -28815,7 +28815,7 @@ const Y7 = { class: "rte-editor" }, z7 = {
 }), Sj = {
   key: 0,
   class: "auto-suggest__suggestions position-relative"
-}, Qj = { class: "suggestions dropdown-menu show w-100 mt-2" }, Fj = ["onClick"], Uj = ["innerHTML"], Zue = /* @__PURE__ */ Je({
+}, Qj = { class: "suggestions dropdown-menu show w-100 mt-2" }, Fj = ["onClick"], Uj = ["innerHTML"], ece = /* @__PURE__ */ Je({
   __name: "auto-suggest",
   props: {
     modelValue: {
@@ -32633,7 +32633,7 @@ function Jj(t) {
     n[r] = e.charCodeAt(r);
   return new Blob([A], { type: "image/png" });
 }
-const ece = /* @__PURE__ */ Je({
+const tce = /* @__PURE__ */ Je({
   ...qj,
   props: {
     modelValue: {
@@ -33311,7 +33311,7 @@ async function Zq(t) {
     A.onload = () => e(A.result), A.readAsDataURL(t);
   });
 }
-const tce = /* @__PURE__ */ Je({
+const Ace = /* @__PURE__ */ Je({
   __name: "file-upload",
   props: {
     modelValue: {
@@ -33496,7 +33496,7 @@ const tce = /* @__PURE__ */ Je({
           Ue(m.$slots, "button", {}, () => [
             Ae("span", {
               class: "btn btn-outline-contrast",
-              innerHTML: t.label
+              innerHTML: t.label || m.$t("common.selectFile")
             }, null, 8, Jq)
           ]),
           Ke(vs, { name: "fade" }, {
@@ -33641,7 +33641,7 @@ const tce = /* @__PURE__ */ Je({
       ]);
     };
   }
-}), aJ = { class: "asset-uploader" }, lJ = ["innerHTML"], Ace = /* @__PURE__ */ Je({
+}), aJ = { class: "asset-uploader" }, lJ = ["innerHTML"], nce = /* @__PURE__ */ Je({
   __name: "asset-uploader",
   props: {
     modelValue: {
@@ -33829,7 +33829,7 @@ const tce = /* @__PURE__ */ Je({
       ]);
     };
   }
-}), fJ = { class: "media-thumbnails" }, hJ = ["onClick"], pJ = { class: "img-container" }, nce = /* @__PURE__ */ Je({
+}), fJ = { class: "media-thumbnails" }, hJ = ["onClick"], pJ = { class: "img-container" }, rce = /* @__PURE__ */ Je({
   __name: "media-thumbnails",
   props: {
     modelValue: {
@@ -33877,7 +33877,7 @@ const tce = /* @__PURE__ */ Je({
       ]);
     };
   }
-}), gJ = { class: "progress-steps" }, mJ = { class: "progress-steps__list" }, vJ = { class: "progress-step" }, yJ = ["checked", "id", "value", "disabled", "read-only", "required", "onChange"], BJ = ["for"], wJ = ["innerHTML"], CJ = ["for"], bJ = ["innerHTML"], rce = /* @__PURE__ */ Je({
+}), gJ = { class: "progress-steps" }, mJ = { class: "progress-steps__list" }, vJ = { class: "progress-step" }, yJ = ["checked", "id", "value", "disabled", "read-only", "required", "onChange"], BJ = ["for"], wJ = ["innerHTML"], CJ = ["for"], bJ = ["innerHTML"], ice = /* @__PURE__ */ Je({
   __name: "progress-steps",
   props: {
     modelValue: {
@@ -40401,7 +40401,7 @@ const tre = { class: "popover-tooltip" }, Are = ["popovertarget", "disabled", "a
 }, ire = ["innerHTML"], sre = { class: "popover-tooltip__body" }, ore = ["innerHTML"], are = {
   key: 1,
   class: "popover-tooltip__footer d-flex p-3 border-top"
-}, ice = /* @__PURE__ */ Je({
+}, sce = /* @__PURE__ */ Je({
   __name: "popover-tooltip",
   props: {
     modelValue: {
@@ -40525,7 +40525,7 @@ const tre = { class: "popover-tooltip" }, Are = ["popovertarget", "disabled", "a
       }, 8, ["id", "modelValue", "hover", "hover-delay", "class"])
     ]));
   }
-}), lre = { class: "popover-notification__header d-flex justify-content-between mb-2" }, ure = { class: "popover-notification__title" }, cre = ["onClick"], dre = ["innerHTML"], sce = /* @__PURE__ */ Je({
+}), lre = { class: "popover-notification__header d-flex justify-content-between mb-2" }, ure = { class: "popover-notification__title" }, cre = ["onClick"], dre = ["innerHTML"], oce = /* @__PURE__ */ Je({
   __name: "popover-notifications",
   props: {
     modelValue: {
@@ -45482,7 +45482,7 @@ var Mle = function(t, e) {
   var n = e.ownerDocument, r = n.documentElement ? Vu(t, getComputedStyle(n.documentElement).backgroundColor) : hs.TRANSPARENT, i = n.body ? Vu(t, getComputedStyle(n.body).backgroundColor) : hs.TRANSPARENT, s = typeof A == "string" ? Vu(t, A) : A === null ? hs.TRANSPARENT : 4294967295;
   return e === n.documentElement ? lo(r) ? lo(i) ? s : i : r : s;
 };
-const oce = /* @__PURE__ */ Je({
+const ace = /* @__PURE__ */ Je({
   __name: "dom-renderer",
   props: {
     modelValue: {
@@ -46685,7 +46685,7 @@ ${new this._window.XMLSerializer().serializeToString(C)}`;
   })(Uf)), Uf.exports;
 }
 var Rle = Nle();
-const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE__ */ Je({
+const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, $le = ["innerHTML"], lce = /* @__PURE__ */ Je({
   __name: "qr-code",
   props: {
     data: null,
@@ -46773,42 +46773,43 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
       n.download ? (W(), re("button", {
         key: 0,
         class: "btn btn-outline-contrast mb-3",
-        onClick: o
-      }, "Download QR-Code")) : (W(), re("div", {
+        onClick: o,
+        innerHTML: a.$t("qrlink.download")
+      }, null, 8, $le)) : (W(), re("div", {
         key: 1,
         ref_key: "canvas",
         ref: r
       }, null, 512))
     ]));
   }
-}), $le = { class: "link-sharing" }, Kle = {
+}), Kle = { class: "link-sharing" }, Vle = {
   key: 0,
   class: "link-sharing__links container"
-}, Vle = { class: "row" }, Gle = {
+}, Gle = { class: "row" }, Wle = {
   key: 0,
   class: "col-12 col-md-6"
-}, Wle = ["href"], Yle = { class: "caption" }, zle = {
+}, Yle = ["href"], zle = { class: "caption" }, jle = {
   key: 1,
   class: "col-12 col-md-6"
-}, jle = ["href"], qle = { class: "caption" }, Jle = {
+}, qle = ["href"], Jle = { class: "caption" }, Xle = {
   key: 2,
   class: "col-12 col-md-6"
-}, Xle = { class: "caption" }, Zle = {
+}, Zle = { class: "caption" }, eue = {
   key: 3,
   class: "col-12 col-md-6"
-}, eue = ["href"], tue = { class: "caption" }, Aue = {
+}, tue = ["href"], Aue = { class: "caption" }, nue = {
   key: 4,
   class: "col-12 col-md-6"
-}, nue = ["href"], rue = { class: "caption" }, iue = {
+}, rue = ["href"], iue = { class: "caption" }, sue = {
   key: 5,
   class: "col-12 col-md-6"
-}, sue = { class: "caption" }, oue = {
+}, oue = { class: "caption" }, aue = {
   key: 6,
   class: "col-12 col-md-6"
-}, aue = ["href"], lue = { class: "caption" }, uue = {
+}, lue = ["href"], uue = { class: "caption" }, cue = {
   key: 1,
   class: "link-sharing__instructions pt-5"
-}, cue = { class: "row" }, due = { class: "col-12 text-center py-0" }, fue = { class: "mb-5" }, hue = (t) => t.replace(/<(?:.|\n)*?>/gm, ""), lce = /* @__PURE__ */ Je({
+}, due = { class: "row" }, fue = { class: "col-12 text-center py-0" }, hue = { class: "mb-5" }, pue = (t) => t.replace(/<(?:.|\n)*?>/gm, ""), uce = /* @__PURE__ */ Je({
   __name: "link-sharing",
   props: {
     url: {
@@ -46844,18 +46845,18 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
   setup(t) {
     const e = t, A = Ce(!1), n = ge(() => encodeURIComponent(e.url));
     ge(() => encodeURIComponent(e.media));
-    const r = ge(() => hue(e.text)), i = ge(() => !!(navigator && navigator.userAgent && /Mobi|Android/i.test(navigator.userAgent)));
+    const r = ge(() => pue(e.text)), i = ge(() => !!(navigator && navigator.userAgent && /Mobi|Android/i.test(navigator.userAgent)));
     async function s() {
       const o = document.createElement("textarea");
       document.body.appendChild(o), o.value = e.url, o.select(), o.setSelectionRange(0, 99999), navigator.clipboard.writeText(o.value), document.body.removeChild(o);
     }
     return (o, a) => {
       const u = BA("svg-icon");
-      return W(), re("div", $le, [
-        A.value ? (W(), re("div", uue, [
-          Ae("div", cue, [
-            Ae("div", due, [
-              Ae("div", fue, [
+      return W(), re("div", Kle, [
+        A.value ? (W(), re("div", cue, [
+          Ae("div", due, [
+            Ae("div", fue, [
+              Ae("div", hue, [
                 Ae("p", null, mt(o.$t("sharing.instructions", { service: "Instagram" })), 1),
                 Ae("p", null, [
                   Ae("strong", null, mt(Array.isArray(t.hashtags) ? t.hashtags.join(", ") : t.hashtags), 1)
@@ -46871,9 +46872,9 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
               ])
             ])
           ])
-        ])) : (W(), re("div", Kle, [
-          Ae("div", Vle, [
-            t.services.facebook ? (W(), re("div", Gle, [
+        ])) : (W(), re("div", Vle, [
+          Ae("div", Gle, [
+            t.services.facebook ? (W(), re("div", Wle, [
               Ae("a", {
                 class: "link-sharing__link btn btn-primary",
                 href: `https://www.facebook.com/sharer.php?u=${n.value}`,
@@ -46881,10 +46882,10 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
                 rel: "noopener"
               }, [
                 Ke(u, { symbol: "facebook" }),
-                Ae("span", Yle, mt(o.$t("sharing.facebook")), 1)
-              ], 8, Wle)
+                Ae("span", zle, mt(o.$t("sharing.facebook")), 1)
+              ], 8, Yle)
             ])) : we("", !0),
-            t.services.bluesky ? (W(), re("div", zle, [
+            t.services.bluesky ? (W(), re("div", jle, [
               Ae("a", {
                 class: "link-sharing__link btn btn-primary",
                 href: `https://bsky.app/intent/compose?text=${r.value}${r.value ? "%20" : ""}${t.url}`,
@@ -46892,20 +46893,20 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
                 rel: "noopener"
               }, [
                 Ke(u, { symbol: "bluesky-logo" }),
-                Ae("span", qle, mt(o.$t("sharing.bluesky")), 1)
-              ], 8, jle)
+                Ae("span", Jle, mt(o.$t("sharing.bluesky")), 1)
+              ], 8, qle)
             ])) : we("", !0),
-            t.services.instagram ? (W(), re("div", Jle, [
+            t.services.instagram ? (W(), re("div", Xle, [
               Ae("button", {
                 type: "button",
                 class: "link-sharing__link btn btn-primary",
                 onClick: a[0] || (a[0] = qA((d) => A.value = !A.value, ["prevent"]))
               }, [
                 Ke(u, { symbol: "instagram" }),
-                Ae("span", Xle, mt(o.$t("sharing.instagram")), 1)
+                Ae("span", Zle, mt(o.$t("sharing.instagram")), 1)
               ])
             ])) : we("", !0),
-            t.services.linkedin ? (W(), re("div", Zle, [
+            t.services.linkedin ? (W(), re("div", eue, [
               Ae("a", {
                 class: "link-sharing__link btn btn-primary",
                 href: `https://www.linkedin.com/shareArticle?mini=true&url=${n.value}&title=${t.subject}`,
@@ -46913,10 +46914,10 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
                 rel: "noopener"
               }, [
                 Ke(u, { symbol: "linkedin" }),
-                Ae("span", tue, mt(o.$t("sharing.linkedin")), 1)
-              ], 8, eue)
+                Ae("span", Aue, mt(o.$t("sharing.linkedin")), 1)
+              ], 8, tue)
             ])) : we("", !0),
-            t.services.whatsapp && i.value ? (W(), re("div", Aue, [
+            t.services.whatsapp && i.value ? (W(), re("div", nue, [
               Ae("a", {
                 class: "link-sharing__link btn btn-primary",
                 href: `whatsapp://send?text=${n.value}`,
@@ -46924,20 +46925,20 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
                 rel: "noopener"
               }, [
                 Ke(u, { symbol: "whatsapp" }),
-                Ae("span", rue, mt(o.$t("sharing.whatsapp")), 1)
-              ], 8, nue)
+                Ae("span", iue, mt(o.$t("sharing.whatsapp")), 1)
+              ], 8, rue)
             ])) : we("", !0),
-            t.services.clipboard ? (W(), re("div", iue, [
+            t.services.clipboard ? (W(), re("div", sue, [
               Ae("button", {
                 type: "button",
                 class: "link-sharing__link btn btn-primary",
                 onClick: qA(s, ["prevent", "stop"])
               }, [
                 Ke(u, { symbol: "copy" }),
-                Ae("span", sue, mt(o.$t("sharing.clipboard")), 1)
+                Ae("span", oue, mt(o.$t("sharing.clipboard")), 1)
               ])
             ])) : we("", !0),
-            t.services.mailto ? (W(), re("div", oue, [
+            t.services.mailto ? (W(), re("div", aue, [
               Ae("a", {
                 class: "link-sharing__link btn btn-primary",
                 href: `mailto:?subject=${t.subject}&body=${r.value}%0D%0A${t.url}`,
@@ -46945,15 +46946,15 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
                 rel: "noopener"
               }, [
                 Ke(u, { symbol: "mail" }),
-                Ae("span", lue, mt(o.$t("sharing.mailto")), 1)
-              ], 8, aue)
+                Ae("span", uue, mt(o.$t("sharing.mailto")), 1)
+              ], 8, lue)
             ])) : we("", !0)
           ])
         ]))
       ]);
     };
   }
-}), pue = { class: "base-form" }, uce = /* @__PURE__ */ Je({
+}), gue = { class: "base-form" }, cce = /* @__PURE__ */ Je({
   __name: "base-form",
   props: {
     id: {},
@@ -46972,7 +46973,7 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
     function n(r) {
       console.log("submit", r);
     }
-    return (r, i) => (W(), re("div", pue, [
+    return (r, i) => (W(), re("div", gue, [
       Ae("form", {
         ref: "form",
         onInput: e,
@@ -46983,14 +46984,14 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
       ], 544)
     ]));
   }
-}), gue = { class: "modal-dialog__content d-flex flex-column" }, mue = { class: "modal-dialog__header d-flex p-3 border-bottom" }, vue = {
+}), mue = { class: "modal-dialog__content d-flex flex-column" }, vue = { class: "modal-dialog__header d-flex p-3 border-bottom" }, yue = {
   key: 0,
   class: "modal-dialog__title",
   id: "exampleModalLabel"
-}, yue = { class: "modal-dialog__body" }, Bue = {
+}, Bue = { class: "modal-dialog__body" }, wue = {
   key: 0,
   class: "modal-dialog__footer d-flex p-3 border-top"
-}, cce = /* @__PURE__ */ Je({
+}, dce = /* @__PURE__ */ Je({
   __name: "modal-dialog",
   props: {
     modelValue: {
@@ -47077,9 +47078,9 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
       }]),
       onClose: a
     }, [
-      Ae("div", gue, [
-        Ae("div", mue, [
-          t.title ? (W(), re("h5", vue, mt(t.title), 1)) : we("", !0),
+      Ae("div", mue, [
+        Ae("div", vue, [
+          t.title ? (W(), re("h5", yue, mt(t.title), 1)) : we("", !0),
           Ae("button", {
             type: "button",
             class: "btn-close ms-auto border-radius-none",
@@ -47087,10 +47088,10 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
             onClick: o
           })
         ]),
-        Ae("div", yue, [
+        Ae("div", Bue, [
           Ue(h.$slots, "default")
         ]),
-        t.footer ? (W(), re("div", Bue, [
+        t.footer ? (W(), re("div", wue, [
           Ue(h.$slots, "footer"),
           Ae("button", {
             type: "button",
@@ -47101,16 +47102,16 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
       ])
     ], 34));
   }
-}), wue = ["onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop", "innerHTML"], Cue = ["onDragstart", "onDrag", "onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop"], bue = {
+}), Cue = ["onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop", "innerHTML"], bue = ["onDragstart", "onDrag", "onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop"], Eue = {
   key: 0,
   class: "sortable-list__drag-handle"
-}, Eue = {
+}, kue = {
   type: "button",
   class: "btn"
-}, kue = {
+}, Sue = {
   key: 0,
   class: "sortable-list__item"
-}, dce = /* @__PURE__ */ Je({
+}, fce = /* @__PURE__ */ Je({
   __name: "sortable-list",
   props: {
     modelValue: {
@@ -47207,7 +47208,7 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
               onDragend: (O) => h(),
               onDrop: (O) => y(O, I),
               innerHTML: a.value
-            }, null, 40, wue)) : we("", !0),
+            }, null, 40, Cue)) : we("", !0),
             Ae("li", {
               class: He(["sortable-list__item d-flex", {
                 "is-drag-item": n.value && r.value === I,
@@ -47223,8 +47224,8 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
               onDragend: (O) => h(),
               onDrop: (O) => y(O, I)
             }, [
-              t.showDragHandle ? (W(), re("div", bue, [
-                Ae("button", Eue, [
+              t.showDragHandle ? (W(), re("div", Eue, [
+                Ae("button", kue, [
                   Ke(_, { symbol: "drag" })
                 ])
               ])) : we("", !0),
@@ -47240,9 +47241,9 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
                   Gr(mt(M), 1)
                 ])
               ], 2)
-            ], 42, Cue)
+            ], 42, bue)
           ], 64))), 128)),
-          d.value ? (W(), re("li", kue, [
+          d.value ? (W(), re("li", Sue, [
             Ue(E.$slots, "list-append")
           ])) : we("", !0)
         ]),
@@ -47250,10 +47251,10 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
       }, 8, ["class"]);
     };
   }
-}), Sue = { class: "touch-wrapper__controls" }, Que = {
+}), Que = { class: "touch-wrapper__controls" }, Fue = {
   class: "btn-group",
   role: "group"
-}, fce = /* @__PURE__ */ Je({
+}, hce = /* @__PURE__ */ Je({
   __name: "touch-wrapper",
   props: {
     modelValue: {
@@ -47292,8 +47293,8 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
         Ue(d.$slots, "controls", {
           on: { setScale: o }
         }, () => [
-          Ae("div", Sue, [
-            Ae("div", Que, [
+          Ae("div", Que, [
+            Ae("div", Fue, [
               Ae("button", {
                 type: "button",
                 class: "btn",
@@ -47333,45 +47334,45 @@ const BS = /* @__PURE__ */ xj(Rle), Ple = { class: "qr-code" }, ace = /* @__PURE
   }
 });
 export {
-  Oue as Accordion,
-  Due as AccordionItem,
-  Ace as AssetUploader,
-  Zue as AutoSuggest,
-  Mue as BaseButton,
-  ece as BaseCamera,
+  Mue as Accordion,
+  Oue as AccordionItem,
+  nce as AssetUploader,
+  ece as AutoSuggest,
+  Lue as BaseButton,
+  tce as BaseCamera,
   dJ as BaseCarousel,
-  uce as BaseForm,
-  _ue as BaseHeadline,
-  Iue as BaseImage,
-  Lue as BaseInput,
-  Tue as BaseParagraph,
-  Vue as CheckGroup,
-  Jue as ColorPalette,
-  oce as DomRenderer,
-  tce as FileUpload,
-  Nue as InputCheckbox,
-  que as InputColor,
-  $ue as InputDatepicker,
-  Rue as InputDatetime,
-  Xue as InputDropdown,
-  Wue as InputFile,
-  Kue as InputPassword,
-  Hue as InputTextarea,
-  lce as LinkSharing,
-  xue as LoadingSpinner,
-  nce as MediaThumbnails,
-  cce as ModalDialog,
+  cce as BaseForm,
+  Tue as BaseHeadline,
+  _ue as BaseImage,
+  Hue as BaseInput,
+  Due as BaseParagraph,
+  Gue as CheckGroup,
+  Xue as ColorPalette,
+  ace as DomRenderer,
+  Ace as FileUpload,
+  Rue as InputCheckbox,
+  Jue as InputColor,
+  Kue as InputDatepicker,
+  Pue as InputDatetime,
+  Zue as InputDropdown,
+  Yue as InputFile,
+  Vue as InputPassword,
+  Nue as InputTextarea,
+  uce as LinkSharing,
+  Iue as LoadingSpinner,
+  rce as MediaThumbnails,
+  dce as ModalDialog,
   Cx as PopoverDialog,
-  sce as PopoverNotifications,
-  ice as PopoverTooltip,
-  rce as ProgressSteps,
-  ace as QrCode,
-  Gue as RadioButtons,
+  oce as PopoverNotifications,
+  sce as PopoverTooltip,
+  ice as ProgressSteps,
+  lce as QrCode,
+  Wue as RadioButtons,
   vB as RadioGroup,
-  jue as RteEditor,
-  Yue as SelectMedia,
-  dce as SortableList,
-  Uue as SvgIcon,
-  fce as TouchWrapper,
+  que as RteEditor,
+  zue as SelectMedia,
+  fce as SortableList,
+  xue as SvgIcon,
+  hce as TouchWrapper,
   oJ as UploadGroup
 };