comand-component-library 4.0.15 → 4.0.16

package/dist/comand-component-library.js

@@ -1,5 +1,5 @@
-import { defineComponent as Rn, h as Yt, resolveComponent as se, openBlock as o, createBlock as y, normalizeClass as b, createElementBlock as s, getCurrentInstance as vi, resolveDynamicComponent as Oe, withModifiers as I, withCtx as N, withDirectives as ae, createElementVNode as h, createVNode as k, createCommentVNode as c, vShow as me, Fragment as C, toDisplayString as p, renderSlot as B, createTextVNode as E, renderList as A, mergeProps as j, resolveDirective as wi, normalizeProps as R, Transition as fe, toHandlers as kt, TransitionGroup as Nt, createApp as Ti, Teleport as Ii, normalizeStyle as Re, useCssVars as Un, vModelDynamic as Si, vModelText as Mi, guardReactiveProps as Oi, onBeforeUpdate as Di } from "vue";
-const Le = /^[a-z0-9]+(-[a-z0-9]+)*$/, Ge = (e, n, t, a = "") => {
+import { defineComponent as Rn, h as Yt, resolveComponent as se, openBlock as o, createBlock as y, normalizeClass as b, createElementBlock as s, getCurrentInstance as vi, resolveDynamicComponent as Oe, withModifiers as I, withCtx as N, withDirectives as ae, createElementVNode as h, createVNode as k, createCommentVNode as c, vShow as me, Fragment as C, toDisplayString as p, renderSlot as B, createTextVNode as H, renderList as A, mergeProps as j, resolveDirective as wi, normalizeProps as U, Transition as fe, toHandlers as kt, TransitionGroup as Nt, createApp as Ti, Teleport as Ii, normalizeStyle as Re, useCssVars as Un, vModelDynamic as Si, vModelText as Mi, guardReactiveProps as Oi, onBeforeUpdate as Li } from "vue";
+const De = /^[a-z0-9]+(-[a-z0-9]+)*$/, Ge = (e, n, t, a = "") => {
   const l = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (l.length < 2 || l.length > 3)
@@ -34,7 +34,7 @@ const Le = /^[a-z0-9]+(-[a-z0-9]+)*$/, Ge = (e, n, t, a = "") => {
     return n && !Ve(d, t) ? null : d;
   }
   return null;
-}, Ve = (e, n) => e ? !!((e.provider === "" || e.provider.match(Le)) && (n && e.prefix === "" || e.prefix.match(Le)) && e.name.match(Le)) : !1, Gn = Object.freeze(
+}, Ve = (e, n) => e ? !!((e.provider === "" || e.provider.match(De)) && (n && e.prefix === "" || e.prefix.match(De)) && e.name.match(De)) : !1, Gn = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -53,14 +53,14 @@ const Le = /^[a-z0-9]+(-[a-z0-9]+)*$/, Ge = (e, n, t, a = "") => {
   body: "",
   hidden: !1
 });
-function Li(e, n) {
+function Di(e, n) {
   const t = {};
   !e.hFlip != !n.hFlip && (t.hFlip = !0), !e.vFlip != !n.vFlip && (t.vFlip = !0);
   const a = ((e.rotate || 0) + (n.rotate || 0)) % 4;
   return a && (t.rotate = a), t;
 }
 function Kt(e, n) {
-  const t = Li(e, n);
+  const t = Di(e, n);
   for (const a in vt)
     a in Ue ? a in e && !(a in t) && (t[a] = Ue[a]) : a in n ? t[a] = n[a] : a in e && (t[a] = e[a]);
   return t;
@@ -125,7 +125,7 @@ function Qn(e) {
   const t = n.icons;
   for (const l in t) {
     const i = t[l];
-    if (!l.match(Le) || typeof i.body != "string" || !tt(
+    if (!l.match(De) || typeof i.body != "string" || !tt(
       i,
       vt
     ))
@@ -134,7 +134,7 @@ function Qn(e) {
   const a = n.aliases || {};
   for (const l in a) {
     const i = a[l], r = i.parent;
-    if (!l.match(Le) || typeof r != "string" || !t[r] && !a[r] || !tt(
+    if (!l.match(De) || typeof r != "string" || !t[r] && !a[r] || !tt(
       i,
       vt
     ))
@@ -211,7 +211,7 @@ const Yn = Object.freeze({
 }), Kn = Object.freeze({
   ...Yn,
   ...Ue
-}), Ei = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Hi = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+}), Hi = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Ei = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function $t(e, n, t) {
   if (n === 1)
     return e;
@@ -219,11 +219,11 @@ function $t(e, n, t) {
     return Math.ceil(e * n * t) / t;
   if (typeof e != "string")
     return e;
-  const a = e.split(Ei);
+  const a = e.split(Hi);
   if (a === null || !a.length)
     return e;
   const l = [];
-  let i = a.shift(), r = Hi.test(i);
+  let i = a.shift(), r = Ei.test(i);
   for (; ; ) {
     if (r) {
       const d = parseFloat(i);
@@ -257,11 +257,11 @@ function qi(e, n) {
     ), v.push("scale(-1 1)"), l.top = l.left = 0) : S && (v.push(
       "translate(" + (0 - l.left).toString() + " " + (l.height + l.top).toString() + ")"
     ), v.push("scale(1 -1)"), l.top = l.left = 0);
-    let L;
+    let D;
     switch (M < 0 && (M -= Math.floor(M / 4) * 4), M = M % 4, M) {
       case 1:
-        L = l.height / 2 + l.top, v.unshift(
-          "rotate(90 " + L.toString() + " " + L.toString() + ")"
+        D = l.height / 2 + l.top, v.unshift(
+          "rotate(90 " + D.toString() + " " + D.toString() + ")"
         );
         break;
       case 2:
@@ -270,12 +270,12 @@ function qi(e, n) {
         );
         break;
       case 3:
-        L = l.width / 2 + l.left, v.unshift(
-          "rotate(-90 " + L.toString() + " " + L.toString() + ")"
+        D = l.width / 2 + l.left, v.unshift(
+          "rotate(-90 " + D.toString() + " " + D.toString() + ")"
         );
         break;
     }
-    M % 2 === 1 && (l.left !== l.top && (L = l.left, l.left = l.top, l.top = L), l.width !== l.height && (L = l.width, l.width = l.height, l.height = L)), v.length && (i = '<g transform="' + v.join(" ") + '">' + i + "</g>");
+    M % 2 === 1 && (l.left !== l.top && (D = l.left, l.left = l.top, l.top = D), l.width !== l.height && (D = l.width, l.width = l.height, l.height = D)), v.length && (i = '<g transform="' + v.join(" ") + '">' + i + "</g>");
   });
   const r = a.width, d = a.height, u = l.width, f = l.height;
   let g, m;
@@ -330,11 +330,11 @@ function Bt(e) {
 const At = /* @__PURE__ */ Object.create(null), Me = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], Ee = [];
+], He = [];
 for (; Me.length > 0; )
-  Me.length === 1 || Math.random() > 0.5 ? Ee.push(Me.shift()) : Ee.push(Me.pop());
+  Me.length === 1 || Math.random() > 0.5 ? He.push(Me.shift()) : He.push(Me.pop());
 At[""] = Bt({
-  resources: ["https://api.iconify.design"].concat(Ee)
+  resources: ["https://api.iconify.design"].concat(He)
 });
 function Qi(e, n) {
   const t = Bt(n);
@@ -585,7 +585,7 @@ function al(e, n, t, a) {
       abort: w
     };
   }
-  function L() {
+  function D() {
     u = "failed", _.forEach((P) => {
       P(void 0, g);
     });
@@ -597,7 +597,7 @@ function al(e, n, t, a) {
   }
   function T(P, F, G) {
     const Z = F !== "success";
-    switch (x = x.filter((H) => H !== P), u) {
+    switch (x = x.filter((E) => E !== P), u) {
       case "pending":
         break;
       case "failed":
@@ -608,19 +608,19 @@ function al(e, n, t, a) {
         return;
     }
     if (F === "abort") {
-      g = G, L();
+      g = G, D();
       return;
     }
     if (Z) {
-      g = G, x.length || (r.length ? z() : L());
+      g = G, x.length || (r.length ? z() : D());
       return;
     }
     if (v(), V(), !e.random) {
-      const H = e.resources.indexOf(P.resource);
-      H !== -1 && H !== e.index && (e.index = H);
+      const E = e.resources.indexOf(P.resource);
+      E !== -1 && E !== e.index && (e.index = E);
     }
-    u = "completed", _.forEach((H) => {
-      H(G);
+    u = "completed", _.forEach((E) => {
+      E(G);
     });
   }
   function z() {
@@ -631,11 +631,11 @@ function al(e, n, t, a) {
     if (P === void 0) {
       if (x.length) {
         m = setTimeout(() => {
-          v(), u === "pending" && (V(), L());
+          v(), u === "pending" && (V(), D());
         }, e.timeout);
         return;
       }
-      L();
+      D();
       return;
     }
     const F = {
@@ -1010,10 +1010,10 @@ for (const e in dn) {
   for (const t in rn)
     n[e + t] = rn[t];
 }
-const He = {};
+const Ee = {};
 ["horizontal", "vertical"].forEach((e) => {
   const n = e.slice(0, 1) + "Flip";
-  He[e + "-flip"] = n, He[e.slice(0, 1) + "-flip"] = n, He[e + "Flip"] = n;
+  Ee[e + "-flip"] = n, Ee[e.slice(0, 1) + "-flip"] = n, Ee[e + "Flip"] = n;
 });
 function un(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
@@ -1048,7 +1048,7 @@ const cn = (e, n) => {
           S !== !0 && S !== "true" && delete a["aria-hidden"];
           break;
         default: {
-          const M = He[w];
+          const M = Ee[w];
           M ? (S === !0 || S === "true" || S === 1) && (t[M] = !0) : an[w] === void 0 && (a[w] = S);
         }
       }
@@ -1225,7 +1225,7 @@ const O = (e, n) => {
     }
   }
 }, Ol = ["title"];
-function Dl(e, n, t, a, l, i) {
+function Ll(e, n, t, a, l, i) {
   const r = se("Icon");
   return i.isIconify ? (o(), y(r, {
     key: 0,
@@ -1238,11 +1238,11 @@ function Dl(e, n, t, a, l, i) {
     title: t.tooltip
   }, null, 10, Ol));
 }
-const q = /* @__PURE__ */ O(Ml, [["render", Dl]]);
+const q = /* @__PURE__ */ O(Ml, [["render", Ll]]);
 function ce(e, n) {
   return Ze(e, "EditComponentWrapper", n);
 }
-function Ll(e) {
+function Dl(e) {
   return Ze(e, "EditModeSettingsSidebar");
 }
 function Nl(e) {
@@ -1423,7 +1423,7 @@ function oe(e) {
 const Al = {
   key: 0,
   class: "action-buttons-wrapper"
-}, jl = ["data-component"], Fl = ["title"], Vl = ["href"], El = { key: 0 }, Hl = { key: 1 }, ql = {
+}, jl = ["data-component"], Fl = ["title"], Vl = ["href"], Hl = { key: 0 }, El = { key: 1 }, ql = {
   key: 0,
   class: "component-name"
 }, zl = ["data-component"], Rl = ["title"], Ul = ["href", "title"], Gl = ["title"], Wl = { key: 0 }, Ql = { key: 1 }, Zl = ["title"], Jl = ["title"];
@@ -1477,7 +1477,7 @@ function Yl(e, n, t, a, l, i) {
               k(r, { iconClass: "icon-trash" })
             ])
           ]),
-          i.isOuterComponent ? c("", !0) : (o(), s("li", El, [
+          i.isOuterComponent ? c("", !0) : (o(), s("li", Hl, [
             h("a", {
               class: b(["icon-hexagon button-cancel", { disabled: !i.editing }]),
               href: "#",
@@ -1487,7 +1487,7 @@ function Yl(e, n, t, a, l, i) {
               k(r, { iconClass: "icon-cancel" })
             ], 2)
           ])),
-          i.isOuterComponent ? c("", !0) : (o(), s("li", Hl, [
+          i.isOuterComponent ? c("", !0) : (o(), s("li", El, [
             i.editing ? (o(), s("a", {
               key: 0,
               class: "icon-hexagon button-save",
@@ -1622,7 +1622,7 @@ const pe = /* @__PURE__ */ O(Bl, [["render", Yl]]), K = {
         const n = ce(this.$parent);
         n && (n.addEditStateListener((t) => this.editing = t), n.addUpdateHandlerProvider(this.updateHandlerProvider), n.setAddHandlerProvider(this.addHandlerProvider));
       }
-      this.mainSidebarContext = !!Nl(this), this.settingsContext = !!Ll(this);
+      this.mainSidebarContext = !!Nl(this), this.settingsContext = !!Dl(this);
     },
     updateHandlerProvider() {
       return {};
@@ -1747,7 +1747,7 @@ function lo(e, n, t, a, l, i) {
               h("span", $l, p(t.preHeadlineText), 1),
               h("span", null, [
                 B(e.$slots, "default", {}, () => [
-                  E(p(t.headlineText), 1)
+                  H(p(t.headlineText), 1)
                 ])
               ])
             ])
@@ -1766,7 +1766,7 @@ function lo(e, n, t, a, l, i) {
           }, null, 8, ["iconClass", "type"])) : c("", !0),
           h("span", null, [
             B(e.$slots, "default", {}, () => [
-              E(p(t.headlineText), 1)
+              H(p(t.headlineText), 1)
             ])
           ])
         ];
@@ -1815,7 +1815,7 @@ function lo(e, n, t, a, l, i) {
                   }, null, 8, ["iconClass", "type"])) : c("", !0),
                   h("span", eo, p(t.preHeadlineText), 1),
                   B(e.$slots, "default", {}, () => [
-                    E(p(t.headlineText), 1)
+                    H(p(t.headlineText), 1)
                   ])
                 ];
               }),
@@ -1824,7 +1824,7 @@ function lo(e, n, t, a, l, i) {
           ], 64)) : t.headlineText ? (o(), y(Oe(i.headlineTag), { key: 2 }, {
             default: N(() => [
               B(e.$slots, "default", {}, () => [
-                E(p(t.headlineText), 1)
+                H(p(t.headlineText), 1)
               ])
             ]),
             _: 3
@@ -1997,7 +1997,7 @@ function ro(e, n, t, a, l, i) {
       ], 8, ao)) : c("", !0)
     ])) : c("", !0),
     B(e.$slots, "default", {}, () => [
-      E(p(t.tooltipText), 1)
+      H(p(t.tooltipText), 1)
     ])
   ], 2)) : c("", !0);
 }
@@ -2159,7 +2159,7 @@ function bo(e, n, t, a, l, i) {
       "headline-level": t.cmdHeadline.headlineLevel
     }, {
       default: N(() => [
-        E(p(i.headlineRequirements), 1),
+        H(p(i.headlineRequirements), 1),
         t.labelText ? (o(), s(C, { key: 0 }, [
           fo,
           h("em", null, p(t.labelText), 1)
@@ -2276,7 +2276,7 @@ function xo(e, n, t, a, l, i) {
     _: 1
   }, 8, ["class", "relatedId"]);
 }
-const Et = /* @__PURE__ */ O(Co, [["render", xo]]), Ht = {
+const Ht = /* @__PURE__ */ O(Co, [["render", xo]]), Et = {
   data() {
     return {
       defaultMessageProperties: {
@@ -2593,7 +2593,7 @@ const wo = ["color", "date", "datetime-local", "file", "number", "range"], To =
   name: "CmdFormElement",
   mixins: [
     le,
-    Ht,
+    Et,
     Je,
     Ae,
     qt
@@ -3084,7 +3084,7 @@ const wo = ["color", "date", "datetime-local", "file", "number", "range"], To =
 }, Mo = ["title", "aria-errormessage", "id"], Oo = {
   key: 1,
   class: "flex-container"
-}, Do = ["id", "autocomplete", "list", "value", "maxlength"], Lo = ["title"], No = ["id"], Po = ["value"], Bo = ["checked", "value", "id", "disabled", "aria-invalid"], Ao = { key: 2 }, jo = { class: "switch-label-wrapper" }, Fo = ["checked", "value", "id", "disabled", "aria-invalid"], Vo = { class: "label-text" }, Eo = { class: "label-text" }, Ho = { key: 0 }, qo = ["id"], zo = ["value", "selected"], Ro = ["id", "value", "maxlength"], Uo = {
+}, Lo = ["id", "autocomplete", "list", "value", "maxlength"], Do = ["title"], No = ["id"], Po = ["value"], Bo = ["checked", "value", "id", "disabled", "aria-invalid"], Ao = { key: 2 }, jo = { class: "switch-label-wrapper" }, Fo = ["checked", "value", "id", "disabled", "aria-invalid"], Vo = { class: "label-text" }, Ho = { class: "label-text" }, Eo = { key: 0 }, qo = ["id"], zo = ["value", "selected"], Ro = ["id", "value", "maxlength"], Uo = {
   key: 6,
   class: "characters-left-wrapper"
 }, Go = { key: 0 }, Wo = {
@@ -3092,8 +3092,8 @@ const wo = ["color", "date", "datetime-local", "file", "number", "range"], To =
   class: "search-field-wrapper flex-container no-gap"
 }, Qo = ["id", "maxlength", "value"], Zo = ["title"], Jo = ["title"], Yo = { key: 1 };
 function Ko(e, n, t, a, l, i) {
-  var u, f, g, m, x, _, v, w, S, M, L, V, T, z, P, F, G, Z, H, Y, J, ee, Q, ue;
-  const r = q, d = Et;
+  var u, f, g, m, x, _, v, w, S, M, D, V, T, z, P, F, G, Z, E, Y, J, ee, Q, ue;
+  const r = q, d = Ht;
   return t.element === "input" || t.element === "select" || t.element === "textarea" ? (o(), s("label", {
     key: 0,
     class: b([
@@ -3118,9 +3118,9 @@ function Ko(e, n, t, a, l, i) {
     }, [
       h("span", null, [
         t.labelText ? (o(), s(C, { key: 0 }, [
-          E(p(t.labelText), 1)
+          H(p(t.labelText), 1)
         ], 64)) : B(e.$slots, "labeltext", { key: 1 }),
-        e.$attrs.required !== void 0 ? (o(), s("sup", So, "*")) : c("", !0)
+        e.$attrs.required != null && e.$attrs.required !== !1 ? (o(), s("sup", So, "*")) : c("", !0)
       ]),
       (e.$attrs.required || e.inputRequirements.length) && t.showStatusIcon ? (o(), s("a", {
         key: 0,
@@ -3152,25 +3152,25 @@ function Ko(e, n, t, a, l, i) {
       t.element === "input" && e.$attrs.type !== "search" ? (o(), s("input", j({ key: 1 }, i.elementAttributes, {
         id: e.htmlId,
         class: t.inputClass,
-        onFocus: n[1] || (n[1] = (D) => e.tooltip = !0),
-        onBlur: n[2] || (n[2] = (...D) => i.onBlur && i.onBlur(...D)),
-        onInput: n[3] || (n[3] = (...D) => i.onInput && i.onInput(...D)),
-        onMouseover: n[4] || (n[4] = (...D) => i.datalistFocus && i.datalistFocus(...D)),
-        onKeyup: n[5] || (n[5] = (...D) => e.checkForCapsLock && e.checkForCapsLock(...D)),
-        onChange: n[6] || (n[6] = (D) => e.$emit("change", D)),
+        onFocus: n[1] || (n[1] = (L) => e.tooltip = !0),
+        onBlur: n[2] || (n[2] = (...L) => i.onBlur && i.onBlur(...L)),
+        onInput: n[3] || (n[3] = (...L) => i.onInput && i.onInput(...L)),
+        onMouseover: n[4] || (n[4] = (...L) => i.datalistFocus && i.datalistFocus(...L)),
+        onKeyup: n[5] || (n[5] = (...L) => e.checkForCapsLock && e.checkForCapsLock(...L)),
+        onChange: n[6] || (n[6] = (L) => e.$emit("change", L)),
         autocomplete: i.autocomplete,
         list: t.datalist ? t.datalist.id : null,
         value: t.modelValue,
         maxlength: i.getMaxLength(),
         ref: "input"
-      }), null, 16, Do)) : c("", !0),
+      }), null, 16, Lo)) : c("", !0),
       e.$attrs.type === "password" ? (o(), s("a", {
         key: 2,
         href: "#",
         class: "place-inside",
-        onMousedown: n[7] || (n[7] = I((...D) => i.showPassword && i.showPassword(...D), ["prevent"])),
-        onMouseup: n[8] || (n[8] = I((...D) => i.hidePassword && i.hidePassword(...D), ["prevent"])),
-        onMouseleave: n[9] || (n[9] = I((...D) => i.hidePassword && i.hidePassword(...D), ["prevent"])),
+        onMousedown: n[7] || (n[7] = I((...L) => i.showPassword && i.showPassword(...L), ["prevent"])),
+        onMouseup: n[8] || (n[8] = I((...L) => i.hidePassword && i.hidePassword(...L), ["prevent"])),
+        onMouseleave: n[9] || (n[9] = I((...L) => i.hidePassword && i.hidePassword(...L), ["prevent"])),
         onClick: n[10] || (n[10] = I(() => {
         }, ["prevent"])),
         title: t.iconPasswordVisible.tooltip
@@ -3178,22 +3178,22 @@ function Ko(e, n, t, a, l, i) {
         k(r, {
           iconClass: t.iconPasswordVisible.iconClass
         }, null, 8, ["iconClass"])
-      ], 40, Lo)) : c("", !0)
+      ], 40, Do)) : c("", !0)
     ])) : c("", !0),
     t.datalist && t.datalist.options.length ? (o(), s("datalist", {
       key: 2,
       id: t.datalist.id
     }, [
-      (o(!0), s(C, null, A(t.datalist.options, (D, de) => (o(), s("option", {
+      (o(!0), s(C, null, A(t.datalist.options, (L, de) => (o(), s("option", {
         key: de,
-        value: D
+        value: L
       }, null, 8, Po))), 128))
     ], 8, No)) : t.element === "input" && (e.$attrs.type === "checkbox" || e.$attrs.type === "radio") ? (o(), s(C, { key: 3 }, [
       t.onLabel && t.offLabel ? t.onLabel && t.offLabel ? (o(), s(C, { key: 1 }, [
         h("span", jo, [
           h("input", j(i.elementAttributes, {
-            onChange: n[13] || (n[13] = (...D) => i.onChange && i.onChange(...D)),
-            onBlur: n[14] || (n[14] = (...D) => i.onBlur && i.onBlur(...D)),
+            onChange: n[13] || (n[13] = (...L) => i.onChange && i.onChange(...L)),
+            onBlur: n[14] || (n[14] = (...L) => i.onBlur && i.onBlur(...L)),
             checked: i.isChecked,
             value: t.inputValue,
             class: { inputClass: t.inputClass, validationStatus: e.validationStatus },
@@ -3202,21 +3202,21 @@ function Ko(e, n, t, a, l, i) {
             "aria-invalid": e.validationStatus === "error"
           }), null, 16, Fo),
           h("span", Vo, p(t.onLabel), 1),
-          h("span", Eo, p(t.offLabel), 1)
+          h("span", Ho, p(t.offLabel), 1)
         ]),
         t.labelText ? (o(), s("span", {
           key: 0,
           class: b(["label-text", { hidden: !t.showLabel }])
         }, [
           h("span", null, [
-            E(p(t.labelText), 1),
-            e.$attrs.required ? (o(), s("sup", Ho, "*")) : c("", !0)
+            H(p(t.labelText), 1),
+            e.$attrs.required ? (o(), s("sup", Eo, "*")) : c("", !0)
           ])
         ], 2)) : c("", !0)
       ], 64)) : B(e.$slots, "default", { key: 2 }) : (o(), s(C, { key: 0 }, [
         h("input", j(i.elementAttributes, {
-          onChange: n[11] || (n[11] = (...D) => i.onChange && i.onChange(...D)),
-          onBlur: n[12] || (n[12] = (...D) => i.onBlur && i.onBlur(...D)),
+          onChange: n[11] || (n[11] = (...L) => i.onChange && i.onChange(...L)),
+          onBlur: n[12] || (n[12] = (...L) => i.onBlur && i.onBlur(...L)),
           checked: i.isChecked,
           value: t.inputValue,
           class: [t.inputClass, e.validationStatus, i.toggleSwitchIconClass, { "replace-input-type": t.replaceInputType }],
@@ -3230,7 +3230,7 @@ function Ko(e, n, t, a, l, i) {
         }, [
           h("span", null, [
             t.labelText ? (o(), s(C, { key: 0 }, [
-              E(p(t.labelText), 1)
+              H(p(t.labelText), 1)
             ], 64)) : B(e.$slots, "labeltext", { key: 1 }),
             e.$attrs.required ? (o(), s("sup", Ao, "*")) : c("", !0)
           ])
@@ -3239,22 +3239,22 @@ function Ko(e, n, t, a, l, i) {
     ], 64)) : c("", !0),
     t.element === "select" ? (o(), s("select", j({ key: 4 }, i.elementAttributes, {
       id: e.htmlId,
-      onBlur: n[15] || (n[15] = (...D) => i.onBlur && i.onBlur(...D)),
-      onChange: n[16] || (n[16] = (D) => e.$emit("update:modelValue", D.target.value))
+      onBlur: n[15] || (n[15] = (...L) => i.onBlur && i.onBlur(...L)),
+      onChange: n[16] || (n[16] = (L) => e.$emit("update:modelValue", L.target.value))
     }), [
-      (o(!0), s(C, null, A(t.selectOptions, (D, de) => (o(), s("option", {
+      (o(!0), s(C, null, A(t.selectOptions, (L, de) => (o(), s("option", {
         key: de,
-        value: D.value,
-        selected: D.value === t.modelValue
-      }, p(D.text), 9, zo))), 128))
+        value: L.value,
+        selected: L.value === t.modelValue
+      }, p(L.text), 9, zo))), 128))
     ], 16, qo)) : c("", !0),
     t.element === "textarea" ? (o(), s("textarea", j({ key: 5 }, i.elementAttributes, {
       id: e.htmlId,
       value: t.modelValue,
       maxlength: i.getMaxLength(),
-      onInput: n[17] || (n[17] = (...D) => i.onInput && i.onInput(...D)),
-      onFocus: n[18] || (n[18] = (D) => e.tooltip = !0),
-      onBlur: n[19] || (n[19] = (...D) => i.onBlur && i.onBlur(...D))
+      onInput: n[17] || (n[17] = (...L) => i.onInput && i.onInput(...L)),
+      onFocus: n[18] || (n[18] = (L) => e.tooltip = !0),
+      onBlur: n[19] || (n[19] = (...L) => i.onBlur && i.onBlur(...L))
     }), null, 16, Ro)) : c("", !0),
     t.element === "textarea" && t.showCharactersTextarea ? (o(), s("span", Uo, [
       t.textCharactersLeft ? (o(), s("span", Go, p(t.textCharactersLeft), 1)) : c("", !0),
@@ -3264,7 +3264,7 @@ function Ko(e, n, t, a, l, i) {
     ])) : t.element === "input" && e.$attrs.type === "search" ? (o(), s("span", Wo, [
       h("input", j(i.elementAttributes, {
         id: e.htmlId,
-        onInput: n[20] || (n[20] = (...D) => i.onInput && i.onInput(...D)),
+        onInput: n[20] || (n[20] = (...L) => i.onInput && i.onInput(...L)),
         maxlength: i.getMaxLength(),
         value: t.modelValue
       }), null, 16, Qo),
@@ -3273,7 +3273,7 @@ function Ko(e, n, t, a, l, i) {
         href: "#",
         class: b(["button no-flex", { disabled: e.$attrs.disabled }]),
         title: t.iconSearch.tooltip,
-        onClick: n[21] || (n[21] = I((...D) => i.executeSearch && i.executeSearch(...D), ["prevent"]))
+        onClick: n[21] || (n[21] = I((...L) => i.executeSearch && i.executeSearch(...L), ["prevent"]))
       }, [
         k(r, {
           iconClass: t.iconSearch.iconClass
@@ -3282,7 +3282,7 @@ function Ko(e, n, t, a, l, i) {
       (u = t.iconDelete) != null && u.show ? (o(), s("a", {
         key: 1,
         href: "#",
-        onClick: n[22] || (n[22] = I((D) => e.$emit("update:modelValue", ""), ["prevent"])),
+        onClick: n[22] || (n[22] = I((L) => e.$emit("update:modelValue", ""), ["prevent"])),
         title: (f = t.iconDelete) == null ? void 0 : f.tooltip
       }, [
         k(r, {
@@ -3295,17 +3295,17 @@ function Ko(e, n, t, a, l, i) {
     key: 1,
     class: "button"
   }, i.buttonAttrs, {
-    onClick: n[23] || (n[23] = (...D) => i.submit && i.submit(...D))
+    onClick: n[23] || (n[23] = (...L) => i.submit && i.submit(...L))
   }), [
     (_ = (x = t.nativeButton) == null ? void 0 : x.icon) != null && _.show && (((w = (v = t.nativeButton) == null ? void 0 : v.icon) == null ? void 0 : w.position) === "before" || !((M = (S = t.nativeButton) == null ? void 0 : S.icon) != null && M.position)) ? (o(), y(r, {
       key: 0,
-      iconClass: (V = (L = t.nativeButton) == null ? void 0 : L.icon) == null ? void 0 : V.iconClass,
+      iconClass: (V = (D = t.nativeButton) == null ? void 0 : D.icon) == null ? void 0 : V.iconClass,
       type: (z = (T = t.nativeButton) == null ? void 0 : T.icon) == null ? void 0 : z.iconType
     }, null, 8, ["iconClass", "type"])) : c("", !0),
     (P = t.nativeButton) != null && P.icon && ((F = t.nativeButton) != null && F.text) ? (o(), s("span", Yo, p(t.nativeButton.text), 1)) : (o(), s(C, { key: 2 }, [
-      E(p(t.nativeButton.text), 1)
+      H(p(t.nativeButton.text), 1)
     ], 64)),
-    (Z = (G = t.nativeButton) == null ? void 0 : G.icon) != null && Z.show && ((Y = (H = t.nativeButton) == null ? void 0 : H.icon) == null ? void 0 : Y.position) === "after" ? (o(), y(r, {
+    (Z = (G = t.nativeButton) == null ? void 0 : G.icon) != null && Z.show && ((Y = (E = t.nativeButton) == null ? void 0 : E.icon) == null ? void 0 : Y.position) === "after" ? (o(), y(r, {
       key: 3,
       iconClass: (ee = (J = t.nativeButton) == null ? void 0 : J.icon) == null ? void 0 : ee.iconClass,
       type: (ue = (Q = t.nativeButton) == null ? void 0 : Q.icon) == null ? void 0 : ue.iconType
@@ -3463,7 +3463,7 @@ function _s(e, n, t, a, l, i) {
           title: t.addressEntry.tooltip,
           "data-type": t.addressEntry.type
         }, [
-          E(p(t.addressEntry.data || t.addressEntry.href), 1)
+          H(p(t.addressEntry.data || t.addressEntry.href), 1)
         ], 8, es)), [
           [u, t.addressEntry.href]
         ]) : (o(), s("span", {
@@ -3684,10 +3684,10 @@ const ks = {
 }, vs = { class: "cmd-address-data vcard" }, ws = { class: "adr" }, Ts = { key: 0 }, Is = /* @__PURE__ */ h("span", { class: "icon-plus" }, null, -1), Ss = /* @__PURE__ */ h("span", null, "Add new entry", -1), Ms = [
   Is,
   Ss
-], Os = ["href", "target", "title"], Ds = ["innerHTML"], Ls = ["href", "title"], Ns = { class: "street-address" }, Ps = /* @__PURE__ */ h("br", null, null, -1), Bs = { class: "postal-code" }, As = { class: "locality" }, js = /* @__PURE__ */ h("br", null, null, -1), Fs = /* @__PURE__ */ h("br", null, null, -1), Vs = {
+], Os = ["href", "target", "title"], Ls = ["innerHTML"], Ds = ["href", "title"], Ns = { class: "street-address" }, Ps = /* @__PURE__ */ h("br", null, null, -1), Bs = { class: "postal-code" }, As = { class: "locality" }, js = /* @__PURE__ */ h("br", null, null, -1), Fs = /* @__PURE__ */ h("br", null, null, -1), Vs = {
   key: 3,
   class: "country-name"
-}, Es = { class: "street-address" }, Hs = /* @__PURE__ */ h("br", null, null, -1), qs = { class: "postal-code" }, zs = { class: "locality" }, Rs = /* @__PURE__ */ h("br", null, null, -1), Us = /* @__PURE__ */ h("br", null, null, -1), Gs = {
+}, Hs = { class: "street-address" }, Es = /* @__PURE__ */ h("br", null, null, -1), qs = { class: "postal-code" }, zs = { class: "locality" }, Rs = /* @__PURE__ */ h("br", null, null, -1), Us = /* @__PURE__ */ h("br", null, null, -1), Gs = {
   key: 3,
   class: "country-name"
 };
@@ -3696,7 +3696,7 @@ function Ws(e, n, t, a, l, i) {
   const r = W, d = Cs, u = pe, f = q;
   return o(), s("div", vs, [
     t.useSlot ? B(e.$slots, "default", { key: 0 }) : (o(), s(C, { key: 1 }, [
-      (g = t.cmdHeadline) != null && g.headlineText || e.editModeContext ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+      (g = t.cmdHeadline) != null && g.headlineText || e.editModeContext ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
       h("address", ws, [
         t.showLabels && (t.showLabelTexts || t.showLabelIcons) && !t.showIconsOnly ? (o(), s(C, { key: 0 }, [
           e.editModeContext ? (o(), s(C, { key: 1 }, [
@@ -3756,12 +3756,12 @@ function Ws(e, n, t, a, l, i) {
                     type: m.iconType
                   }, null, 8, ["iconClass", "type"])) : c("", !0)
                 ], 64)) : (o(), s(C, { key: 1 }, [
-                  E(p(m.href), 1)
+                  H(p(m.href), 1)
                 ], 64))
               ], 8, Os)) : t.showIconsOnly ? c("", !0) : (o(), s("span", {
                 key: 1,
                 innerHTML: m.data
-              }, null, 8, Ds)),
+              }, null, 8, Ls)),
               m.name === "address" ? (o(), s(C, { key: 2 }, [
                 m.linkGoogleMaps ? (o(), s("a", {
                   key: 0,
@@ -3791,11 +3791,11 @@ function Ws(e, n, t, a, l, i) {
                     ], 64)) : c("", !0),
                     m.country ? (o(), s("span", Vs, p(m.country), 1)) : c("", !0)
                   ], 64))
-                ], 8, Ls)) : c("", !0),
+                ], 8, Ds)) : c("", !0),
                 !m.linkGoogleMaps && !t.showIconsOnly ? (o(), s(C, { key: 1 }, [
                   m.streetNo ? (o(), s(C, { key: 0 }, [
-                    h("span", Es, p(m.streetNo), 1),
-                    Hs
+                    h("span", Hs, p(m.streetNo), 1),
+                    Es
                   ], 64)) : c("", !0),
                   m.zip || m.city ? (o(), s(C, { key: 1 }, [
                     h("span", qs, p(m.zip) + " ", 1),
@@ -3961,7 +3961,7 @@ const Ks = {
 function na(e, n, t, a, l, i) {
   const r = W, d = q;
   return o(), s("div", Xs, [
-    t.cmdHeadline ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+    t.cmdHeadline ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
     h("dl", null, [
       (o(!0), s(C, null, A(t.accountData, (u, f) => (o(), s(C, { key: f }, [
         h("dt", null, p(u.text), 1),
@@ -3984,7 +3984,7 @@ function na(e, n, t, a, l, i) {
   ]);
 }
 const Mp = /* @__PURE__ */ O(Ks, [["render", na]]);
-function De(e) {
+function Le(e) {
   if (e) {
     const n = e.lastIndexOf(".");
     if (n > -1)
@@ -3994,7 +3994,7 @@ function De(e) {
 }
 function mn(e, n, t, a, l) {
   const i = [];
-  if (e.size > a && i.push("file too large"), n.includes(De(e.name)) || i.push("disallowed file extension"), i.length) {
+  if (e.size > a && i.push("file too large"), n.includes(Le(e.name)) || i.push("disallowed file extension"), i.length) {
     alert(i);
     return;
   }
@@ -4128,6 +4128,9 @@ const ia = {
     }
   },
   methods: {
+    onImageLoaded(e) {
+      this.$emit("image-loaded", e);
+    },
     itemProvider() {
       var n, t;
       const e = (t = (n = this.editModeConfig) == null ? void 0 : n.itemProviderOverwrite) == null ? void 0 : t.call(n);
@@ -4241,12 +4244,12 @@ function ga(e, n, t, a, l, i) {
     itemProvider: ((u = e.editModeConfig) == null ? void 0 : u.allowAddItem) !== !1 ? i.itemProvider : null
   }, {
     default: N((M) => {
-      var L, V, T, z, P, F, G, Z, H, Y, J, ee;
+      var D, V, T, z, P, F, G, Z, E, Y, J, ee;
       return [
         h("figure", {
           class: b(["cmd-image flex-container no-gap vertical", i.textAlign])
         }, [
-          (L = t.figcaption) != null && L.show && ((V = t.figcaption) == null ? void 0 : V.position) === "top" ? (o(), s(C, { key: 0 }, [
+          (D = t.figcaption) != null && D.show && ((V = t.figcaption) == null ? void 0 : V.position) === "top" ? (o(), s(C, { key: 0 }, [
             M.editing ? (o(), y(r, {
               key: 0,
               element: "input",
@@ -4288,7 +4291,7 @@ function ga(e, n, t, a, l, i) {
             alt: (G = t.image) == null ? void 0 : G.alt,
             title: (Z = t.image) == null ? void 0 : Z.tooltip
           }, null, 8, aa)) : c("", !0),
-          (H = t.figcaption) != null && H.show && ((Y = t.figcaption) == null ? void 0 : Y.position) !== "top" ? (o(), s(C, { key: 3 }, [
+          (E = t.figcaption) != null && E.show && ((Y = t.figcaption) == null ? void 0 : Y.position) !== "top" ? (o(), s(C, { key: 3 }, [
             M.editing ? (o(), y(r, {
               key: 0,
               element: "input",
@@ -4320,8 +4323,9 @@ function ga(e, n, t, a, l, i) {
     h("img", {
       src: i.imageSource,
       alt: (x = t.image) == null ? void 0 : x.alt,
-      title: (_ = t.image) == null ? void 0 : _.tooltip
-    }, null, 8, ha),
+      title: (_ = t.image) == null ? void 0 : _.tooltip,
+      onLoad: n[4] || (n[4] = (...M) => i.onImageLoaded && i.onImageLoaded(...M))
+    }, null, 40, ha),
     (v = t.figcaption) != null && v.show && ((w = t.figcaption) == null ? void 0 : w.position) !== "top" ? (o(), s("figcaption", fa, p((S = t.figcaption) == null ? void 0 : S.text), 1)) : c("", !0)
   ], 2));
 }
@@ -4646,7 +4650,7 @@ function Oa(e, n, t, a, l, i) {
     ]),
     ref: "thumbnail-scroller"
   }, [
-    (g = t.cmdHeadline) != null && g.headlineText || e.editModeContext ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+    (g = t.cmdHeadline) != null && g.headlineText || e.editModeContext ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
     h("div", xa, [
       l.showSlidebuttons ? (o(), y(d, {
         key: 0,
@@ -4712,7 +4716,7 @@ function Oa(e, n, t, a, l, i) {
     ])
   ], 2);
 }
-const Da = /* @__PURE__ */ O(Ca, [["render", Oa]]);
+const La = /* @__PURE__ */ O(Ca, [["render", Oa]]);
 const zt = (e) => {
   const n = document.createElement("div");
   document.querySelector("body").appendChild(n), Ti(ri, {
@@ -4925,7 +4929,7 @@ const zt = (e) => {
       }));
     },
     async loadContent(e) {
-      (await La(e)).startsWith("image/") ? this.fancyBoxImageUrl = e : fetch(e).then((t) => t.text()).then((t) => this.fancyBoxContent = t).catch((t) => console.error(`Error loading ${this.url}: ${t}`));
+      (await Da(e)).startsWith("image/") ? this.fancyBoxImageUrl = e : fetch(e).then((t) => t.text()).then((t) => this.fancyBoxContent = t).catch((t) => console.error(`Error loading ${this.url}: ${t}`));
     },
     // switch to previous-item (in fancybox-gallery)
     showPrevItem() {
@@ -4967,17 +4971,17 @@ const zt = (e) => {
     }
   }
 });
-async function La(e) {
+async function Da(e) {
   const n = await fetch(e, { method: "HEAD" });
   return n.ok ? (n.headers.get("Content-Type") || "").split(";")[0] : "text/html";
 }
 const Na = ri, Pa = ["aria-label"], Ba = { class: "flex-container" }, Aa = {
   key: 1,
   class: "button-wrapper no-flex"
-}, ja = ["title"], Fa = ["title"], Va = ["title"], Ea = {
+}, ja = ["title"], Fa = ["title"], Va = ["title"], Ha = {
   key: 0,
   class: "content"
-}, Ha = ["innerHTML"], qa = {
+}, Ea = ["innerHTML"], qa = {
   key: 2,
   class: "content"
 }, za = {
@@ -4991,8 +4995,8 @@ const Na = ri, Pa = ["aria-label"], Ba = { class: "flex-container" }, Aa = {
   class: "flex-container no-flex"
 }, Ga = ["title"], Wa = { key: 1 }, Qa = ["title"], Za = { key: 1 };
 function Ja(e, n, t, a, l, i) {
-  var m, x, _, v, w, S, M, L, V, T, z, P, F, G, Z, H, Y, J, ee, Q, ue, D, de, ke, ve, we, Te, Ie, Se;
-  const r = W, d = q, u = Ce, f = Ye, g = Da;
+  var m, x, _, v, w, S, M, D, V, T, z, P, F, G, Z, E, Y, J, ee, Q, ue, L, de, ke, ve, we, Te, Ie, Se;
+  const r = W, d = q, u = Ce, f = Ye, g = La;
   return o(), y(Ii, { to: "body" }, [
     h("dialog", {
       ref: "dialog",
@@ -5016,7 +5020,7 @@ function Ja(e, n, t, a, l, i) {
             onClick: n[0] || (n[0] = I((ie) => e.printInGrayscale = !1, ["prevent"]))
           }, [
             k(d, {
-              iconClass: (L = e.fancyboxOptions.printButtons.color) == null ? void 0 : L.iconClass,
+              iconClass: (D = e.fancyboxOptions.printButtons.color) == null ? void 0 : D.iconClass,
               type: (V = e.fancyboxOptions.printButtons.color) == null ? void 0 : V.iconType
             }, null, 8, ["iconClass", "type"])
           ], 8, ja)) : c("", !0),
@@ -5051,7 +5055,7 @@ function Ja(e, n, t, a, l, i) {
       h("div", {
         class: b(["outer-content-wrapper", { grayscale: e.printInGrayscale }])
       }, [
-        e.fancyBoxImageUrl || (G = e.cmdImage) != null && G.image ? (o(), s("div", Ea, [
+        e.fancyBoxImageUrl || (G = e.cmdImage) != null && G.image ? (o(), s("div", Ha, [
           k(u, {
             image: e.largeSingleImage,
             figcaption: (Z = e.cmdImage) == null ? void 0 : Z.figcaption
@@ -5060,7 +5064,7 @@ function Ja(e, n, t, a, l, i) {
           key: 1,
           class: "content",
           innerHTML: e.fancyBoxContent
-        }, null, 8, Ha)) : e.fancyBoxElements ? (o(), s("div", qa)) : e.fancyBoxGallery ? (o(), s("div", za, [
+        }, null, 8, Ea)) : e.fancyBoxElements ? (o(), s("div", qa)) : e.fancyBoxGallery ? (o(), s("div", za, [
           k(f, {
             onClick: I(e.showPrevItem, ["prevent"]),
             slideButtonType: "prev"
@@ -5077,7 +5081,7 @@ function Ja(e, n, t, a, l, i) {
         ]))
       ], 2),
       e.showSubmitButtons && e.fancyboxOptions.submitButtons ? (o(), s("footer", Ua, [
-        (H = e.fancyboxOptions.submitButtons) != null && H.cancel ? (o(), s("button", {
+        (E = e.fancyboxOptions.submitButtons) != null && E.cancel ? (o(), s("button", {
           key: 0,
           onClick: n[3] || (n[3] = (...ie) => e.cancel && e.cancel(...ie)),
           title: (Y = e.fancyboxOptions.submitButtons.cancel) == null ? void 0 : Y.tooltip
@@ -5087,7 +5091,7 @@ function Ja(e, n, t, a, l, i) {
             iconClass: (ee = e.fancyboxOptions.submitButtons.cancel) == null ? void 0 : ee.iconClass,
             type: (Q = e.fancyboxOptions.submitButtons.cancel) == null ? void 0 : Q.iconType
           }, null, 8, ["iconClass", "type"])) : c("", !0),
-          (ue = e.fancyboxOptions.submitButtons.cancel) != null && ue.buttonText ? (o(), s("span", Wa, p((D = e.fancyboxOptions.submitButtons.cancel) == null ? void 0 : D.buttonText), 1)) : c("", !0)
+          (ue = e.fancyboxOptions.submitButtons.cancel) != null && ue.buttonText ? (o(), s("span", Wa, p((L = e.fancyboxOptions.submitButtons.cancel) == null ? void 0 : L.buttonText), 1)) : c("", !0)
         ], 8, Ga)) : c("", !0),
         (de = e.fancyboxOptions.submitButtons) != null && de.confirm ? (o(), s("button", {
           key: 1,
@@ -5353,7 +5357,7 @@ function ur(e, n, t, a, l, i) {
       }
     ])
   }, [
-    (f = t.cmdHeadline) != null && f.headlineText || e.editModeContext ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+    (f = t.cmdHeadline) != null && f.headlineText || e.editModeContext ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
     h("ul", {
       class: b(["flex-container", { "no-gap": !t.useGap }, "align-" + t.align, i.setStretchClass])
     }, [
@@ -5474,11 +5478,11 @@ const Rt = {
       default: !1
     },
     /**
-     * set max-height for body (should only be used it allowContentToScroll-property is active)
+     * set max-height for body (should only be used if allowContentToScroll-property is active)
      */
     maxBoxBodyHeight: {
       type: String,
-      default: "10rem"
+      default: "20rem"
     },
     /**
      * activate if box should be collapsible
@@ -5654,13 +5658,12 @@ const Rt = {
     }
   },
   /*
-      mounted() {
-  
-          if (this.allowContentToScroll && this.$refs.boxBody) {
-              const topPosition = this.$refs.boxBody.getBoundingClientRect().top
-              this.calculatedBodyHeight = (document.documentElement.clientHeight - topPosition) + "px"
-          }
-      },*/
+  mounted() {
+      if (this.allowContentToScroll && this.$refs.boxBody) {
+          const topPosition = this.$refs.boxBody.getBoundingClientRect().top
+          this.calculatedBodyHeight = (document.documentElement.clientHeight - topPosition) + "px"
+      }
+  },*/
   computed: {
     toggleTransition() {
       return this.useTransition ? "fade" : "";
@@ -5699,7 +5702,7 @@ const Rt = {
   }
 }, hn = () => {
   Un((e) => ({
-    36594232: e.cutoffTextLines
+    "51f1d922": e.cutoffTextLines
   }));
 }, fn = Rt.setup;
 Rt.setup = fn ? (e, n) => (hn(), fn(e, n)) : hn;
@@ -5718,7 +5721,7 @@ const hr = ["title"], fr = {
 }, wr = { class: "box-body" }, Tr = { key: 0 }, Ir = {
   key: 1,
   class: "price"
-}, Sr = ["title"], Mr = { key: 2 }, Or = { class: "box-header flex-container vertical" }, Dr = { key: 0 }, Lr = ["src", "alt"], Nr = { key: 0 }, Pr = { key: 1 }, Br = ["title"], Ar = { key: 0 }, jr = { class: "box-body" }, Fr = { key: 0 }, Vr = { key: 1 }, Er = { key: 2 }, Hr = {
+}, Sr = ["title"], Mr = { key: 2 }, Or = { class: "box-header flex-container vertical" }, Lr = { key: 0 }, Dr = ["src", "alt"], Nr = { key: 0 }, Pr = { key: 1 }, Br = ["title"], Ar = { key: 0 }, jr = { class: "box-body" }, Fr = { key: 0 }, Vr = { key: 1 }, Hr = { key: 2 }, Er = {
   key: 3,
   class: "description"
 }, qr = {
@@ -5750,9 +5753,9 @@ function Rr(e, n, t, a, l, i) {
       href: "#",
       class: "box-header",
       title: l.open ? t.iconOpen.tooltip : t.iconClosed.tooltip,
-      onClick: n[0] || (n[0] = I((...L) => i.toggleContentVisibility && i.toggleContentVisibility(...L), ["prevent"]))
+      onClick: n[0] || (n[0] = I((...D) => i.toggleContentVisibility && i.toggleContentVisibility(...D), ["prevent"]))
     }, [
-      (f = t.useSlots) != null && f.includes("header") ? B(e.$slots, "header", { key: 0 }) : (g = t.cmdHeadline) != null && g.headlineText ? (o(), y(r, R(j({ key: 1 }, t.cmdHeadline)), null, 16)) : c("", !0),
+      (f = t.useSlots) != null && f.includes("header") ? B(e.$slots, "header", { key: 0 }) : (g = t.cmdHeadline) != null && g.headlineText ? (o(), y(r, U(j({ key: 1 }, t.cmdHeadline)), null, 16)) : c("", !0),
       k(d, {
         iconClass: l.open ? t.iconOpen.iconClass : t.iconClosed.iconClass,
         type: l.open ? t.iconOpen.iconType : t.iconClosed.iconType
@@ -5760,7 +5763,7 @@ function Rr(e, n, t, a, l, i) {
     ], 8, hr)) : (o(), s(C, { key: 1 }, [
       (m = t.useSlots) != null && m.includes("header") || (x = t.cmdHeadline) != null && x.headlineText ? (o(), s("div", fr, [
         (_ = t.useSlots) != null && _.includes("header") ? B(e.$slots, "header", { key: 0 }) : c("", !0),
-        (v = t.cmdHeadline) != null && v.headlineText ? (o(), y(r, R(j({ key: 1 }, t.cmdHeadline)), null, 16)) : c("", !0)
+        (v = t.cmdHeadline) != null && v.headlineText ? (o(), y(r, U(j({ key: 1 }, t.cmdHeadline)), null, 16)) : c("", !0)
       ])) : c("", !0)
     ], 64)),
     ae(h("div", {
@@ -5787,7 +5790,7 @@ function Rr(e, n, t, a, l, i) {
               t.cutoffTextLines > 0 ? (o(), s("a", {
                 key: 0,
                 href: "#",
-                onClick: n[1] || (n[1] = I((...L) => i.toggleCutOffText && i.toggleCutOffText(...L), ["prevent"]))
+                onClick: n[1] || (n[1] = I((...D) => i.toggleCutOffText && i.toggleCutOffText(...D), ["prevent"]))
               }, p(l.showCutOffText ? e.getMessage("cmdbox.contentbox.collapse_text") : e.getMessage("cmdbox.contentbox.expand_text")), 1)) : c("", !0)
             ]),
             _: 1
@@ -5802,7 +5805,7 @@ function Rr(e, n, t, a, l, i) {
           key: 1,
           class: b({ "default-padding": t.useDefaultPadding, "allow-scroll": t.allowContentToScroll })
         }, [
-          (S = t.cmdHeadline) != null && S.headlineText && t.repeatHeadlineInBoxBody ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+          (S = t.cmdHeadline) != null && S.headlineText && t.repeatHeadlineInBoxBody ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
           t.textBody ? (o(), s("p", pr, p(t.textBody), 1)) : c("", !0)
         ], 2))
       ], 64))
@@ -5816,7 +5819,7 @@ function Rr(e, n, t, a, l, i) {
     key: 1,
     class: b(["cmd-box box product", { "stretch-vertically": t.stretchVertically, "stretch-horizontally": t.stretchHorizontally, "row-view": t.rowView }]),
     href: "#",
-    onClick: n[2] || (n[2] = I((L) => i.clickOnProduct(t.product), ["prevent"]))
+    onClick: n[2] || (n[2] = I((D) => i.clickOnProduct(t.product), ["prevent"]))
   }, [
     h("div", br, [
       t.product.image !== void 0 ? (o(), s("figure", _r, [
@@ -5856,13 +5859,13 @@ function Rr(e, n, t, a, l, i) {
     ])
   }, [
     h("div", Or, [
-      t.user.image ? (o(), s("figure", Dr, [
+      t.user.image ? (o(), s("figure", Lr, [
         h("img", {
           src: t.user.image.src,
           alt: t.user.image.alt
-        }, null, 8, Lr),
+        }, null, 8, Dr),
         h("figcaption", null, [
-          E(p(t.user.name) + " ", 1),
+          H(p(t.user.name) + " ", 1),
           t.user.age ? (o(), s("span", Nr, ", " + p(t.user.age), 1)) : c("", !0)
         ])
       ])) : (o(), s("div", Pr, [
@@ -5876,11 +5879,11 @@ function Rr(e, n, t, a, l, i) {
     h("div", jr, [
       t.rowView ? (o(), s("p", Fr, p(t.user.name), 1)) : c("", !0),
       t.user.profession ? (o(), s("p", Vr, p(t.user.profession), 1)) : c("", !0),
-      t.user.position ? (o(), s("p", Er, p(t.user.position), 1)) : c("", !0),
-      t.user.description ? (o(), s("p", Hr, p(t.user.description), 1)) : c("", !0)
+      t.user.position ? (o(), s("p", Hr, p(t.user.position), 1)) : c("", !0),
+      t.user.description ? (o(), s("p", Er, p(t.user.description), 1)) : c("", !0)
     ]),
     t.user.tags && t.user.tags.length ? (o(), s("ul", qr, [
-      (o(!0), s(C, null, A(t.user.tags, (L, V) => (o(), s("li", { key: V }, p(L), 1))), 128))
+      (o(!0), s(C, null, A(t.user.tags, (D, V) => (o(), s("li", { key: V }, p(D), 1))), 128))
     ])) : c("", !0),
     t.user.links && t.user.links.length ? (o(), s("div", zr, [
       k(u, {
@@ -6107,7 +6110,7 @@ function Jr(e, n, t, a, l, i) {
   const r = W, d = q;
   return o(), s("div", Ur, [
     t.cmdHeadline.headlineText || t.allowUserToToggleOrientation || t.allowTogglingCollapsingBoxes ? (o(), s("div", Gr, [
-      t.cmdHeadline.headlineText ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+      t.cmdHeadline.headlineText ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
       t.allowUserToToggleOrientation || t.allowTogglingCollapsingBoxes ? (o(), s("div", Wr, [
         t.allowTogglingCollapsingBoxes ? (o(), s("a", {
           key: 0,
@@ -6290,6 +6293,9 @@ const rd = {
     window.matchMedia("(prefers-color-scheme: light)").removeEventListener("change", this.onColorSchemeChange), this.$_observer.disconnect();
   },
   methods: {
+    onImageLoaded(e) {
+      this.$emit("image-loaded", e);
+    },
     onColorSchemeChange(e) {
       this.prefersColorScheme = e.matches ? "light" : "dark";
     },
@@ -6318,7 +6324,10 @@ function cd(e, n, t, a, l, i) {
       title: (g = t.link) == null ? void 0 : g.tooltip
     }, {
       default: N(() => [
-        k(r, { image: i.image }, null, 8, ["image"])
+        k(r, {
+          image: i.image,
+          onImageLoaded: i.onImageLoaded
+        }, null, 8, ["image", "onImageLoaded"])
       ]),
       _: 1
     }, 8, ["to", "title"])) : ((m = t.link) == null ? void 0 : m.type) === "href" ? (o(), s("a", {
@@ -6326,11 +6335,15 @@ function cd(e, n, t, a, l, i) {
       href: (x = t.link) == null ? void 0 : x.path,
       title: (_ = t.link) == null ? void 0 : _.tooltip
     }, [
-      k(r, { image: i.image }, null, 8, ["image"])
+      k(r, {
+        image: i.image,
+        onImageLoaded: i.onImageLoaded
+      }, null, 8, ["image", "onImageLoaded"])
     ], 8, ud)) : (o(), y(r, {
       key: 2,
-      image: i.image
-    }, null, 8, ["image"]))
+      image: i.image,
+      onImageLoaded: i.onImageLoaded
+    }, null, 8, ["image", "onImageLoaded"]))
   ]);
 }
 const md = /* @__PURE__ */ O(rd, [["render", cd]]);
@@ -6348,7 +6361,7 @@ function gd(e, n, t, a, l, i) {
     B(e.$slots, "default")
   ]);
 }
-const Dp = /* @__PURE__ */ O(hd, [["render", gd]]), pd = {
+const Lp = /* @__PURE__ */ O(hd, [["render", gd]]), pd = {
   data() {
     return {
       defaultMessageProperties: {
@@ -6482,8 +6495,8 @@ const yd = {
 }, Cd = { key: 0 }, xd = { key: 1 }, kd = ["href", "target"], vd = ["innerHTML"], wd = /* @__PURE__ */ h("hr", null, null, -1), Td = {
   key: 1,
   class: "flex-container vertical"
-}, Id = { key: 0 }, Sd = { key: 1 }, Md = ["href", "target"], Od = ["innerHTML"], Dd = { class: "button-wrapper align-center" };
-function Ld(e, n, t, a, l, i) {
+}, Id = { key: 0 }, Sd = { key: 1 }, Md = ["href", "target"], Od = ["innerHTML"], Ld = { class: "button-wrapper align-center" };
+function Dd(e, n, t, a, l, i) {
   const r = W, d = $, u = ui;
   return o(), y(fe, { name: "fade" }, {
     default: N(() => {
@@ -6496,7 +6509,7 @@ function Ld(e, n, t, a, l, i) {
             headlineLevel: t.cmdHeadlineCookieDisclaimer.headlineLevel
           }, null, 8, ["headlineText", "headlineLevel"])) : c("", !0),
           B(e.$slots, "cookie-options", {}, () => {
-            var x, _, v, w, S, M, L, V;
+            var x, _, v, w, S, M, D, V;
             return [
               (x = t.cookieOptions) != null && x.required ? (o(), s("div", _d, [
                 (_ = t.cmdBoxRequiredCookies) != null && _.showHeadline ? (o(), y(r, {
@@ -6528,7 +6541,7 @@ function Ld(e, n, t, a, l, i) {
                     body: N(() => [
                       T.description ? (o(), s("p", Cd, p(T.description), 1)) : c("", !0),
                       T.linkDataPrivacy ? (o(), s("p", xd, [
-                        E(p(T.linkDataPrivacy.label) + " ", 1),
+                        H(p(T.linkDataPrivacy.label) + " ", 1),
                         h("a", {
                           onClick: n[1] || (n[1] = (...F) => i.openDataPrivacy && i.openDataPrivacy(...F)),
                           href: T.linkDataPrivacy.link,
@@ -6548,7 +6561,7 @@ function Ld(e, n, t, a, l, i) {
               (S = t.cookieOptions) != null && S.optional ? (o(), s("div", Td, [
                 (M = t.cmdBoxOptionalCookies) != null && M.showHeadline ? (o(), y(r, {
                   key: 0,
-                  "headline-text": (L = t.cmdBoxOptionalCookies) == null ? void 0 : L.headlineText,
+                  "headline-text": (D = t.cmdBoxOptionalCookies) == null ? void 0 : D.headlineText,
                   "headline-level": (V = t.cmdBoxOptionalCookies) == null ? void 0 : V.headlineLevel
                 }, null, 8, ["headline-text", "headline-level"])) : c("", !0),
                 (o(!0), s(C, null, A(t.cookieOptions.optional.cookies || [], (T, z) => {
@@ -6575,7 +6588,7 @@ function Ld(e, n, t, a, l, i) {
                     body: N(() => [
                       T.description ? (o(), s("p", Id, p(T.description), 1)) : c("", !0),
                       T.linkDataPrivacy ? (o(), s("p", Sd, [
-                        E(p(T.linkDataPrivacy.label) + " ", 1),
+                        H(p(T.linkDataPrivacy.label) + " ", 1),
                         h("a", {
                           onClick: n[3] || (n[3] = (...F) => i.openDataPrivacy && i.openDataPrivacy(...F)),
                           href: T.linkDataPrivacy.link,
@@ -6594,7 +6607,7 @@ function Ld(e, n, t, a, l, i) {
             ];
           }),
           B(e.$slots, "privacy-text"),
-          h("div", Dd, [
+          h("div", Ld, [
             t.buttonLabelAcceptCurrentSettings ? (o(), s("button", {
               key: 0,
               type: "button",
@@ -6617,7 +6630,7 @@ function Ld(e, n, t, a, l, i) {
     _: 3
   });
 }
-const Lp = /* @__PURE__ */ O(yd, [["render", Ld]]);
+const Dp = /* @__PURE__ */ O(yd, [["render", Dd]]);
 const Nd = {
   name: "CmdCopyrightWrapper"
 }, Pd = {
@@ -6653,7 +6666,7 @@ const Vd = {
   mixins: [
     le,
     Fd,
-    Ht,
+    Et,
     Je,
     Ae,
     qt
@@ -6907,7 +6920,7 @@ const Vd = {
       deep: !0
     }
   }
-}, Ed = ["title", "aria-labelledby", "aria-required"], Hd = {
+}, Hd = ["title", "aria-labelledby", "aria-required"], Ed = {
   key: 0,
   class: "label-text"
 }, qd = ["id"], zd = {
@@ -6925,7 +6938,7 @@ const Vd = {
 };
 function ou(e, n, t, a, l, i) {
   var f, g, m, x;
-  const r = q, d = Et, u = se("router-link");
+  const r = q, d = Ht, u = se("router-link");
   return o(), s("div", {
     class: b([
       l.validationStatus,
@@ -6942,9 +6955,9 @@ function ou(e, n, t, a, l, i) {
     "aria-required": e.$attrs.required !== void 0,
     ref: "fakeselect"
   }, [
-    t.showLabel ? (o(), s("span", Hd, [
+    t.showLabel ? (o(), s("span", Ed, [
       h("span", { id: e.htmlId }, [
-        E(p(t.labelText), 1),
+        H(p(t.labelText), 1),
         e.$attrs.required !== void 0 ? (o(), s("sup", zd, "*")) : c("", !0)
       ], 8, qd),
       (e.$attrs.required || e.inputRequirements.length) && t.showStatusIcon ? (o(), s("a", {
@@ -7104,7 +7117,7 @@ function ou(e, n, t, a, l, i) {
         ], 10, Xd)) : t.type === "content" && l.showOptions ? B(e.$slots, "default", { key: 2 }) : c("", !0)
       ])
     ], 42, Ud)
-  ], 10, Ed);
+  ], 10, Hd);
 }
 const su = /* @__PURE__ */ O(Vd, [["render", ou]]);
 const au = {
@@ -7514,15 +7527,15 @@ const Ou = {
       });
     }
   }
-}, Du = { class: "grid-container-create-columns cmd-image-gallery" }, Lu = ["onClick", "title"], Nu = /* @__PURE__ */ h("span", { class: "icon-plus" }, null, -1), Pu = /* @__PURE__ */ h("span", null, "Add new gallery-image", -1), Bu = [
+}, Lu = { class: "grid-container-create-columns cmd-image-gallery" }, Du = ["onClick", "title"], Nu = /* @__PURE__ */ h("span", { class: "icon-plus" }, null, -1), Pu = /* @__PURE__ */ h("span", null, "Add new gallery-image", -1), Bu = [
   Nu,
   Pu
 ];
 function Au(e, n, t, a, l, i) {
   var u;
   const r = W, d = Ce;
-  return o(), s("div", Du, [
-    (u = t.cmdHeadline) != null && u.headlineText || e.editModeContext ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+  return o(), s("div", Lu, [
+    (u = t.cmdHeadline) != null && u.headlineText || e.editModeContext ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
     e.editModeContext ? t.images.length ? (o(!0), s(C, { key: 2 }, A(t.images, (f, g) => (o(), y(d, {
       key: g,
       class: "image-wrapper",
@@ -7547,7 +7560,7 @@ function Au(e, n, t, a, l, i) {
           image: f.image,
           figcaption: i.figcaption(f)
         }, null, 8, ["image", "figcaption"])
-      ], 8, Lu))), 128)) : (o(!0), s(C, { key: 1 }, A(t.images, (f, g) => (o(), s("div", {
+      ], 8, Du))), 128)) : (o(!0), s(C, { key: 1 }, A(t.images, (f, g) => (o(), s("div", {
         key: `i${g}`,
         class: "image-wrapper"
       }, [
@@ -7605,7 +7618,7 @@ function yn(e, n) {
 function bn(e, n, t) {
   return e < n ? n : e > t ? t : e;
 }
-const Fu = { class: "cmd-imagezoom flex-container" }, Vu = ["title"], Eu = ["src", "alt"], Hu = {
+const Fu = { class: "cmd-imagezoom flex-container" }, Vu = ["title"], Hu = ["src", "alt"], Eu = {
   key: 0,
   class: "zoom-container"
 }, qu = ["src", "alt"], zu = {
@@ -7625,9 +7638,9 @@ function Ru(e, n, t, a, l, i) {
         onMouseover: n[0] || (n[0] = (...r) => i.onMouseOver && i.onMouseOver(...r)),
         onMousemove: n[1] || (n[1] = (...r) => i.onMouseMove && i.onMouseMove(...r)),
         onMouseout: n[2] || (n[2] = (...r) => i.onMouseOut && i.onMouseOut(...r))
-      }, null, 40, Eu)
+      }, null, 40, Hu)
     ], 8, Vu),
-    l.showLargeImage ? (o(), s("div", Hu, [
+    l.showLargeImage ? (o(), s("div", Eu, [
       h("img", {
         src: t.imageLarge.src,
         alt: t.imageLarge.alt
@@ -7639,7 +7652,7 @@ function Ru(e, n, t, a, l, i) {
 const Bp = /* @__PURE__ */ O(ju, [["render", Ru]]);
 const Uu = {
   mixins: [
-    Ht,
+    Et,
     Je,
     Ae,
     qt
@@ -7835,7 +7848,7 @@ const Uu = {
   class: "flex-container no-flex"
 };
 function ec(e, n, t, a, l, i) {
-  const r = q, d = Et;
+  const r = q, d = Ht;
   return o(), s("div", {
     class: b([
       "cmd-input-group label",
@@ -7852,7 +7865,7 @@ function ec(e, n, t, a, l, i) {
   }, [
     ae(h("span", Wu, [
       h("span", { id: e.htmlId }, [
-        E(p(t.labelText), 1),
+        H(p(t.labelText), 1),
         t.required ? (o(), s("sup", Zu, "*")) : c("", !0)
       ], 8, Qu),
       (t.required || e.inputRequirements.length > 0) && t.showStatusIcon ? (o(), s("a", {
@@ -8173,7 +8186,7 @@ function yc(e, n, t, a, l, i) {
       h("legend", {
         class: b({ hidden: !t.showLegend })
       }, p(t.textLegendLoginForm), 3),
-      t.cmdHeadlineLoginForm ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadlineLoginForm)), null, 16)) : c("", !0),
+      t.cmdHeadlineLoginForm ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadlineLoginForm)), null, 16)) : c("", !0),
       h("div", lc, [
         k(d, {
           element: "input",
@@ -8240,7 +8253,7 @@ function yc(e, n, t, a, l, i) {
                 type: t.options.createAccount.icon.iconType,
                 title: t.options.createAccount.icon.tooltip
               }, null, 8, ["class", "type", "title"])) : c("", !0),
-              E(" /> "),
+              H(" /> "),
               t.options.createAccount.text ? (o(), s("span", dc, p(t.options.createAccount.text), 1)) : c("", !0)
             ]),
             _: 1
@@ -8269,7 +8282,7 @@ function yc(e, n, t, a, l, i) {
       h("legend", {
         class: b({ hidden: !t.showLegend })
       }, p(t.textLegendForgotLoginForm), 3),
-      t.cmdHeadlineSendLoginForm ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadlineSendLoginForm)), null, 16)) : c("", !0),
+      t.cmdHeadlineSendLoginForm ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadlineSendLoginForm)), null, 16)) : c("", !0),
       k(d, {
         ref: "sendPassword",
         element: "input",
@@ -8452,8 +8465,8 @@ const bc = {
 }, _c = {
   key: 0,
   class: "close-nav"
-}, Cc = ["href", "title", "target", "onClick"], xc = { key: 1 }, kc = { key: 1 }, vc = ["aria-expanded"], wc = ["href", "title", "target", "onClick"], Tc = { key: 1 }, Ic = { key: 1 }, Sc = ["aria-expanded"], Mc = ["href", "title", "target", "onClick"], Oc = { key: 1 }, Dc = { key: 1 };
-function Lc(e, n, t, a, l, i) {
+}, Cc = ["href", "title", "target", "onClick"], xc = { key: 1 }, kc = { key: 1 }, vc = ["aria-expanded"], wc = ["href", "title", "target", "onClick"], Tc = { key: 1 }, Ic = { key: 1 }, Sc = ["aria-expanded"], Mc = ["href", "title", "target", "onClick"], Oc = { key: 1 }, Lc = { key: 1 };
+function Dc(e, n, t, a, l, i) {
   const r = q, d = se("router-link");
   return o(), s("div", {
     class: b([
@@ -8614,7 +8627,7 @@ function Lc(e, n, t, a, l, i) {
                           iconClass: w.iconClass,
                           type: w.iconType
                         }, null, 8, ["iconClass", "type"])) : c("", !0),
-                        w.text ? (o(), s("span", Dc, p(w.text), 1)) : c("", !0),
+                        w.text ? (o(), s("span", Lc, p(w.text), 1)) : c("", !0),
                         w.subentries && w.subentries.length > 0 ? (o(), s("span", {
                           key: 2,
                           class: b(["subentry-icon", t.subentriesIconClass])
@@ -8647,7 +8660,7 @@ function Lc(e, n, t, a, l, i) {
     ])) : c("", !0)
   ], 2);
 }
-const Nc = /* @__PURE__ */ O(bc, [["render", Lc]]);
+const Nc = /* @__PURE__ */ O(bc, [["render", Dc]]);
 const Pc = {
   name: "CmdMultistepFormProgressBar",
   data() {
@@ -8698,7 +8711,7 @@ const Pc = {
 }, jc = { key: 2 }, Fc = {
   key: 0,
   class: "number"
-}, Vc = { key: 2 }, Ec = ["type", "name", "title", "formaction", "onClick"], Hc = {
+}, Vc = { key: 2 }, Hc = ["type", "name", "title", "formaction", "onClick"], Ec = {
   key: 0,
   class: "number"
 }, qc = { key: 2 };
@@ -8756,7 +8769,7 @@ function zc(e, n, t, a, l, i) {
         formaction: u.formaction,
         onClick: I((g) => i.clickedStep(g, f), ["stop", "prevent"])
       }, [
-        t.showStepNumber ? (o(), s("span", Hc, p(f + 1), 1)) : c("", !0),
+        t.showStepNumber ? (o(), s("span", Ec, p(f + 1), 1)) : c("", !0),
         u.iconClass ? (o(), y(r, {
           key: 1,
           iconClass: u.iconClass,
@@ -8766,7 +8779,7 @@ function zc(e, n, t, a, l, i) {
         h("span", {
           class: b(t.separatorIconClass)
         }, null, 2)
-      ], 8, Ec)) : c("", !0)
+      ], 8, Hc)) : c("", !0)
     ], 2))), 128))
   ], 2);
 }
@@ -9164,16 +9177,16 @@ function lm(e, n, t, a, l, i) {
     h("dd", null, [
       t.day.am ? (o(), s("span", Jc, [
         t.day.am.displayText ? (o(), s(C, { key: 0 }, [
-          E(p(t.day.am.displayText), 1)
+          H(p(t.day.am.displayText), 1)
         ], 64)) : (o(), s(C, { key: 1 }, [
-          E(p(i.getTime(t.day.am.fromTime, t.abbreviationTextAm)) + " " + p(t.separator) + " " + p(i.getTime(t.day.am.tillTime)), 1)
+          H(p(i.getTime(t.day.am.fromTime, t.abbreviationTextAm)) + " " + p(t.separator) + " " + p(i.getTime(t.day.am.tillTime)), 1)
         ], 64))
       ])) : c("", !0),
       t.day.pm ? (o(), s("span", Yc, [
         t.day.pm.displayText ? (o(), s(C, { key: 0 }, [
-          E(p(t.day.pm.displayText), 1)
+          H(p(t.day.pm.displayText), 1)
         ], 64)) : (o(), s(C, { key: 1 }, [
-          E(p(i.getTime(t.day.pm.fromTime, t.abbreviationTextPm)) + " " + p(t.separator) + " " + p(i.getTime(t.day.pm.tillTime)), 1)
+          H(p(i.getTime(t.day.pm.fromTime, t.abbreviationTextPm)) + " " + p(t.separator) + " " + p(i.getTime(t.day.pm.tillTime)), 1)
         ], 64))
       ])) : c("", !0)
     ])
@@ -9439,7 +9452,7 @@ function Cm(e, n, t, a, l, i) {
   var m, x, _;
   const r = W, d = se("router-link"), u = $, f = om, g = pe;
   return o(), s("div", rm, [
-    (m = t.cmdHeadline) != null && m.headlineText || e.editModeContext ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+    (m = t.cmdHeadline) != null && m.headlineText || e.editModeContext ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
     e.editing ? (o(), s("div", um, [
       k(u, {
         element: "input",
@@ -9472,7 +9485,7 @@ function Cm(e, n, t, a, l, i) {
           class: b({ closed: i.isClosed })
         }, {
           default: N(() => [
-            E(p(i.textOpenClosed), 1)
+            H(p(i.textOpenClosed), 1)
           ]),
           _: 1
         }, 8, ["to", "class"])) : c("", !0),
@@ -9662,8 +9675,8 @@ const km = {
       this.currentPage > 1 && this.showPage(this.currentPage - 1);
     }
   }
-}, vm = { class: "cmd-pagination" }, wm = ["href", "title"], Tm = { key: 0 }, Im = { class: "page-index" }, Sm = { class: "flex-container" }, Mm = ["href", "title", "onClick"], Om = ["href", "title"], Dm = { key: 0 };
-function Lm(e, n, t, a, l, i) {
+}, vm = { class: "cmd-pagination" }, wm = ["href", "title"], Tm = { key: 0 }, Im = { class: "page-index" }, Sm = { class: "flex-container" }, Mm = ["href", "title", "onClick"], Om = ["href", "title"], Lm = { key: 0 };
+function Dm(e, n, t, a, l, i) {
   const r = q;
   return o(), s("div", vm, [
     h("a", {
@@ -9698,7 +9711,7 @@ function Lm(e, n, t, a, l, i) {
       onClick: n[1] || (n[1] = I((...d) => i.nextPage && i.nextPage(...d), ["prevent"])),
       title: t.nextLink.showText ? null : t.nextLink.text
     }, [
-      t.nextLink.showText ? (o(), s("span", Dm, p(t.nextLink.text), 1)) : c("", !0),
+      t.nextLink.showText ? (o(), s("span", Lm, p(t.nextLink.text), 1)) : c("", !0),
       k(r, {
         iconClass: t.nextLink.iconClass,
         type: t.nextLink.iconType
@@ -9706,7 +9719,7 @@ function Lm(e, n, t, a, l, i) {
     ], 10, Om)
   ]);
 }
-const Ep = /* @__PURE__ */ O(km, [["render", Lm]]);
+const Hp = /* @__PURE__ */ O(km, [["render", Dm]]);
 const Nm = {
   name: "CmdSocialNetworksItem",
   data() {
@@ -9989,8 +10002,8 @@ const Vm = {
       };
     }
   }
-}, Em = /* @__PURE__ */ h("span", { class: "icon-plus" }, null, -1), Hm = [
-  Em
+}, Hm = /* @__PURE__ */ h("span", { class: "icon-plus" }, null, -1), Em = [
+  Hm
 ];
 function qm(e, n, t, a, l, i) {
   var g, m;
@@ -9998,7 +10011,7 @@ function qm(e, n, t, a, l, i) {
   return o(), s("div", {
     class: b(["cmd-social-networks", { stretch: t.stretchButtons }, i.alignment])
   }, [
-    (g = t.cmdHeadline) != null && g.headlineText || (m = e.editModeContext) != null && m.editing ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline || {})), null, 16)) : c("", !0),
+    (g = t.cmdHeadline) != null && g.headlineText || (m = e.editModeContext) != null && m.editing ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline || {})), null, 16)) : c("", !0),
     t.userMustAcceptDataPrivacy ? (o(), y(d, {
       key: 1,
       element: "input",
@@ -10047,7 +10060,7 @@ function qm(e, n, t, a, l, i) {
       class: "button small",
       title: "Add new item",
       onClick: n[1] || (n[1] = (...x) => i.onAddItem && i.onAddItem(...x))
-    }, Hm))
+    }, Em))
   ], 2);
 }
 const zm = /* @__PURE__ */ O(Vm, [["render", qm]]);
@@ -10119,7 +10132,7 @@ function Qm(e, n, t, a, l, i) {
     ])
   ], 2);
 }
-const Hp = /* @__PURE__ */ O(Rm, [["render", Qm]]);
+const Ep = /* @__PURE__ */ O(Rm, [["render", Qm]]);
 const Zm = {
   name: "CmdPageHeader",
   props: {
@@ -10146,8 +10159,8 @@ function Km(e, n, t, a, l, i) {
   const r = ad, d = W;
   return o(), s("header", Jm, [
     t.cmdBreadcrumbs || t.cmdHeadline ? (o(), s("div", Ym, [
-      t.cmdBreadcrumbs ? (o(), y(r, R(j({ key: 0 }, t.cmdBreadcrumbs)), null, 16)) : c("", !0),
-      t.cmdHeadline.headlineText ? (o(), y(d, R(j({ key: 1 }, t.cmdHeadline)), null, 16)) : c("", !0)
+      t.cmdBreadcrumbs ? (o(), y(r, U(j({ key: 0 }, t.cmdBreadcrumbs)), null, 16)) : c("", !0),
+      t.cmdHeadline.headlineText ? (o(), y(d, U(j({ key: 1 }, t.cmdHeadline)), null, 16)) : c("", !0)
     ])) : c("", !0),
     B(e.$slots, "default")
   ]);
@@ -10351,6 +10364,11 @@ const Up = /* @__PURE__ */ O(uh, [["render", mh]]);
 const hh = {
   name: "CmdSiteHeader",
   emits: ["offcanvas"],
+  data() {
+    return {
+      defaultLogoHeight: ""
+    };
+  },
   props: {
     /**
      * use only if default-button of inner navigation-component should not be used
@@ -10375,6 +10393,24 @@ const hh = {
       type: Boolean,
       default: !1
     },
+    /**
+     * set if header (incl. logo) should be resized if user scrolls page
+     *
+     * scrollContainerToResizeHeader-property must be defined
+     */
+    resizeHeaderOnScroll: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * set selector the user scrolls to resize header
+     *
+     * resizeHeaderOnScroll-property must be activated
+     */
+    scrollContainerToResizeHeader: {
+      type: String,
+      default: "#page-wrapper"
+    },
     /**
      * use a grid for positioning of inner-elements (else a flex-container will be used)
      *
@@ -10399,10 +10435,28 @@ const hh = {
       required: !1
     }
   },
+  mounted() {
+    if (this.resizeHeaderOnScroll) {
+      const e = document.querySelector(this.scrollContainerToResizeHeader);
+      e.addEventListener("scroll", function() {
+        const n = document.querySelector(".cmd-site-header > header");
+        e.scrollTop > 0 ? n.classList.add("resize-on-scroll") : n.classList.remove("resize-on-scroll");
+      });
+    }
+  },
   methods: {
+    onImageLoaded(e) {
+      this.defaultLogoHeight = e.target.height / 10 + "rem";
+    },
     emitOffcanvasStatus(e) {
       this.$emit("offcanvas", e);
     }
+  },
+  watch: {
+    defaultLogoHeight() {
+      const e = this.$refs["site-header"].querySelector(".cmd-company-logo img");
+      e.style.height = this.defaultLogoHeight;
+    }
   }
 }, fh = {
   key: 0,
@@ -10412,7 +10466,15 @@ function gh(e, n, t, a, l, i) {
   var u, f, g, m, x, _, v, w, S;
   const r = md, d = Nc;
   return o(), s("div", {
-    class: b(["cmd-site-header site-header", { sticky: t.sticky, "navigation-inline": t.navigationInline, "off-canvas-right": ((u = t.cmdMainNavigation) == null ? void 0 : u.offcanvasPosition) === "right" }]),
+    ref: "site-header",
+    class: b([
+      "cmd-site-header site-header",
+      {
+        sticky: t.sticky,
+        "navigation-inline": t.navigationInline,
+        "off-canvas-right": ((u = t.cmdMainNavigation) == null ? void 0 : u.offcanvasPosition) === "right"
+      }
+    ]),
     role: "banner"
   }, [
     e.$slots.topheader ? (o(), s("div", fh, [
@@ -10430,7 +10492,7 @@ function gh(e, n, t, a, l, i) {
         B(e.$slots, "navigation")
       ], 64)) : c("", !0),
       t.cmdCompanyLogo || (x = (m = t.cmdMainNavigation) == null ? void 0 : m.navigationEntries) != null && x.length ? (o(), s(C, { key: 1 }, [
-        t.cmdCompanyLogo ? (o(), y(r, R(j({ key: 0 }, t.cmdCompanyLogo)), null, 16)) : c("", !0),
+        t.cmdCompanyLogo ? (o(), y(r, j({ key: 0 }, t.cmdCompanyLogo, { onImageLoaded: i.onImageLoaded }), null, 16, ["onImageLoaded"])) : c("", !0),
         (v = (_ = t.cmdMainNavigation) == null ? void 0 : _.navigationEntries) != null && v.length && t.navigationInline ? (o(), y(d, {
           key: 1,
           navigationEntries: t.cmdMainNavigation.navigationEntries,
@@ -10733,14 +10795,14 @@ const yh = {
   "aria-expanded": "true"
 };
 function wh(e, n, t, a, l, i) {
-  var m, x, _, v, w, S, M, L;
+  var m, x, _, v, w, S, M, D;
   const r = W, d = $, u = q, f = su, g = vu;
   return o(), s(C, null, [
     h("fieldset", bh, [
       h("legend", {
         class: b({ hidden: !t.showLegend })
       }, p(t.textLegend), 3),
-      t.cmdHeadline ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+      t.cmdHeadline ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
       h("div", _h, [
         k(d, {
           element: "input",
@@ -10793,7 +10855,7 @@ function wh(e, n, t, a, l, i) {
         }, [
           k(u, {
             iconClass: l.showFilters ? (x = (m = t.cmdIcon) == null ? void 0 : m.showFilters) == null ? void 0 : x.iconClass : (v = (_ = t.cmdIcon) == null ? void 0 : _.hideFilters) == null ? void 0 : v.iconClass,
-            type: l.showFilters ? (S = (w = t.cmdIcon) == null ? void 0 : w.showFilters) == null ? void 0 : S.iconType : (L = (M = t.cmdIcon) == null ? void 0 : M.hideFilters) == null ? void 0 : L.iconType
+            type: l.showFilters ? (S = (w = t.cmdIcon) == null ? void 0 : w.showFilters) == null ? void 0 : S.iconType : (D = (M = t.cmdIcon) == null ? void 0 : M.hideFilters) == null ? void 0 : D.iconType
           }, null, 8, ["iconClass", "type"]),
           l.showFilters ? (o(), s("span", xh, p(e.getMessage("cmdsitesearch.hide_filter_options")), 1)) : (o(), s("span", kh, p(e.getMessage("cmdsitesearch.show_filter_options")), 1))
         ]),
@@ -11013,7 +11075,7 @@ const Th = {
 }, Ih = ["href", "title"], Sh = /* @__PURE__ */ h("span", { class: "icon-plus" }, null, -1), Mh = /* @__PURE__ */ h("span", null, "Add new slideshow-image", -1), Oh = [
   Sh,
   Mh
-], Dh = { key: 2 }, Lh = ["onClick", "aria-label", "title"], Nh = {
+], Lh = { key: 2 }, Dh = ["onClick", "aria-label", "title"], Nh = {
   key: 3,
   class: "item-counter"
 };
@@ -11035,7 +11097,7 @@ function Ph(e, n, t, a, l, i) {
       }, i.tooltipForSlidebuttons), null, 16, ["onClick", "class"])) : c("", !0),
       k(Nt, { name: "fade" }, {
         default: N(() => {
-          var u, f, g, m, x, _, v, w, S, M, L, V;
+          var u, f, g, m, x, _, v, w, S, M, D, V;
           return [
             i.currentItem ? (o(), s(C, { key: 0 }, [
               t.useSlot ? (o(), s("div", {
@@ -11047,7 +11109,7 @@ function Ph(e, n, t, a, l, i) {
               ], 4)) : (o(), s(C, { key: 0 }, [
                 e.editModeContext ? t.slideshowItems.length ? (o(), y(d, {
                   key: 1,
-                  image: (L = i.currentItem) == null ? void 0 : L.image,
+                  image: (D = i.currentItem) == null ? void 0 : D.image,
                   figcaption: (V = i.currentItem) == null ? void 0 : V.figcaption,
                   componentPath: ["props", "slideshowItems", l.index],
                   editModeConfig: i.imageStructure()
@@ -11083,7 +11145,7 @@ function Ph(e, n, t, a, l, i) {
         onClick: I(i.showNextItem, ["prevent"]),
         class: { disabled: l.slideshowItemEditing }
       }, i.tooltipForSlidebuttons), null, 16, ["onClick", "class"])) : c("", !0),
-      t.showQuickLinkIcons ? (o(), s("ol", Dh, [
+      t.showQuickLinkIcons ? (o(), s("ol", Lh, [
         (o(!0), s(C, null, A(t.slideshowItems, (u, f) => (o(), s("li", {
           key: f,
           class: b({ active: f === l.index })
@@ -11094,7 +11156,7 @@ function Ph(e, n, t, a, l, i) {
             onClick: I((g) => i.showItem(f), ["prevent"]),
             "aria-label": l.index,
             title: l.slideshowItemEditing ? "Not allowed while editing!" : "Switch to image #" + (f + 1)
-          }, null, 10, Lh)
+          }, null, 10, Dh)
         ], 2))), 128))
       ])) : c("", !0),
       t.showCounter ? (o(), s("span", Nh, p(l.index + 1) + "/" + p(t.slideshowItems.length), 1)) : c("", !0)
@@ -11112,7 +11174,7 @@ const Qp = /* @__PURE__ */ O(Th, [["render", Ph]]), Bh = "data:image/svg+xml;bas
   de: Ah,
   en: Fh
 }, Symbol.toStringTag, { value: "Module" }));
-const Eh = {
+const Hh = {
   name: "CmdSwitchLanguage",
   emits: ["click"],
   data() {
@@ -11151,10 +11213,10 @@ const Eh = {
       deep: !0
     }
   }
-}, Hh = { class: "cmd-switch-language" }, qh = ["href", "title", "onClick"], zh = ["src", "alt"], Rh = ["src", "alt"];
+}, Eh = { class: "cmd-switch-language" }, qh = ["href", "title", "onClick"], zh = ["src", "alt"], Rh = ["src", "alt"];
 function Uh(e, n, t, a, l, i) {
   const r = se("router-link");
-  return o(), s("div", Hh, [
+  return o(), s("div", Eh, [
     h("ul", null, [
       (o(!0), s(C, null, A(t.languages, (d, u) => (o(), s("li", { key: u }, [
         d.link.type === "href" ? (o(), s("a", {
@@ -11187,7 +11249,7 @@ function Uh(e, n, t, a, l, i) {
     ])
   ]);
 }
-const Zp = /* @__PURE__ */ O(Eh, [["render", Uh]]);
+const Zp = /* @__PURE__ */ O(Hh, [["render", Uh]]);
 const Gh = {
   name: "CmdSystemMessage",
   mixins: [Ae],
@@ -11796,7 +11858,7 @@ function vf(e, n, t, a, l, i) {
   return o(), s("div", {
     class: b(["cmd-text-image-block flex-container", t.orientation])
   }, [
-    ((f = t.cmdHeadline) != null && f.headlineText || e.editModeContext) && t.headlinePosition === "aboveImage" && t.orientation === "vertical" ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+    ((f = t.cmdHeadline) != null && f.headlineText || e.editModeContext) && t.headlinePosition === "aboveImage" && t.orientation === "vertical" ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
     t.cmdImage ? (o(), y(d, {
       key: 1,
       image: (g = t.cmdImage) == null ? void 0 : g.image,
@@ -11804,7 +11866,7 @@ function vf(e, n, t, a, l, i) {
       editModeConfig: { allowAddItem: !1 }
     }, null, 8, ["image", "figcaption"])) : c("", !0),
     h("div", yf, [
-      ((x = t.cmdHeadline) != null && x.headlineText || e.editModeContext) && (t.headlinePosition === "belowImage" || t.orientation === "horizontal") ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
+      ((x = t.cmdHeadline) != null && x.headlineText || e.editModeContext) && (t.headlinePosition === "belowImage" || t.orientation === "horizontal") ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
       t.htmlContent ? (o(), s("div", {
         key: 1,
         innerHTML: t.htmlContent,
@@ -12115,13 +12177,13 @@ var Gt = { exports: {} }, ci = function(n, t) {
 function Wt(e) {
   return ye.call(e) === "[object Array]";
 }
-function Dt(e) {
+function Lt(e) {
   return typeof e > "u";
 }
-function Df(e) {
-  return e !== null && !Dt(e) && e.constructor !== null && !Dt(e.constructor) && typeof e.constructor.isBuffer == "function" && e.constructor.isBuffer(e);
-}
 function Lf(e) {
+  return e !== null && !Lt(e) && e.constructor !== null && !Lt(e.constructor) && typeof e.constructor.isBuffer == "function" && e.constructor.isBuffer(e);
+}
+function Df(e) {
   return ye.call(e) === "[object ArrayBuffer]";
 }
 function Nf(e) {
@@ -12158,10 +12220,10 @@ function Vf(e) {
 function hi(e) {
   return ye.call(e) === "[object Function]";
 }
-function Ef(e) {
+function Hf(e) {
   return mi(e) && hi(e.pipe);
 }
-function Hf(e) {
+function Ef(e) {
   return typeof URLSearchParams < "u" && e instanceof URLSearchParams;
 }
 function qf(e) {
@@ -12179,10 +12241,10 @@ function Qt(e, n) {
       for (var l in e)
         Object.prototype.hasOwnProperty.call(e, l) && n.call(null, e[l], l, e);
 }
-function Lt() {
+function Dt() {
   var e = {};
   function n(l, i) {
-    qe(e[i]) && qe(l) ? e[i] = Lt(e[i], l) : qe(l) ? e[i] = Lt({}, l) : Wt(l) ? e[i] = l.slice() : e[i] = l;
+    qe(e[i]) && qe(l) ? e[i] = Dt(e[i], l) : qe(l) ? e[i] = Dt({}, l) : Wt(l) ? e[i] = l.slice() : e[i] = l;
   }
   for (var t = 0, a = arguments.length; t < a; t++)
     Qt(arguments[t], n);
@@ -12198,24 +12260,24 @@ function Uf(e) {
 }
 var ne = {
   isArray: Wt,
-  isArrayBuffer: Lf,
-  isBuffer: Df,
+  isArrayBuffer: Df,
+  isBuffer: Lf,
   isFormData: Nf,
   isArrayBufferView: Pf,
   isString: Bf,
   isNumber: Af,
   isObject: mi,
   isPlainObject: qe,
-  isUndefined: Dt,
+  isUndefined: Lt,
   isDate: jf,
   isFile: Ff,
   isBlob: Vf,
   isFunction: hi,
-  isStream: Ef,
-  isURLSearchParams: Hf,
+  isStream: Hf,
+  isURLSearchParams: Ef,
   isStandardBrowserEnv: zf,
   forEach: Qt,
-  merge: Lt,
+  merge: Dt,
   extend: Rf,
   trim: qf,
   stripBOM: Uf
@@ -12462,17 +12524,17 @@ function Xe() {
     return "Cancel" + (this.message ? ": " + this.message : "");
   }, e.prototype.__CANCEL__ = !0, mt = e, mt;
 }
-var ht, Dn;
-function Ln() {
-  if (Dn)
+var ht, Ln;
+function Dn() {
+  if (Ln)
     return ht;
-  Dn = 1;
+  Ln = 1;
   var e = ne, n = Jf(), t = Yf(), a = fi, l = $f(), i = eg(), r = tg(), d = pi(), u = $e(), f = Xe();
   return ht = function(m) {
     return new Promise(function(_, v) {
-      var w = m.data, S = m.headers, M = m.responseType, L;
+      var w = m.data, S = m.headers, M = m.responseType, D;
       function V() {
-        m.cancelToken && m.cancelToken.unsubscribe(L), m.signal && m.signal.removeEventListener("abort", L);
+        m.cancelToken && m.cancelToken.unsubscribe(D), m.signal && m.signal.removeEventListener("abort", D);
       }
       e.isFormData(w) && delete S["Content-Type"];
       var T = new XMLHttpRequest();
@@ -12484,11 +12546,11 @@ function Ln() {
       T.open(m.method.toUpperCase(), a(F, m.params, m.paramsSerializer), !0), T.timeout = m.timeout;
       function G() {
         if (T) {
-          var H = "getAllResponseHeaders" in T ? i(T.getAllResponseHeaders()) : null, Y = !M || M === "text" || M === "json" ? T.responseText : T.response, J = {
+          var E = "getAllResponseHeaders" in T ? i(T.getAllResponseHeaders()) : null, Y = !M || M === "text" || M === "json" ? T.responseText : T.response, J = {
             data: Y,
             status: T.status,
             statusText: T.statusText,
-            headers: H,
+            headers: E,
             config: m,
             request: T
           };
@@ -12519,9 +12581,9 @@ function Ln() {
       }
       "setRequestHeader" in T && e.forEach(S, function(Y, J) {
         typeof w > "u" && J.toLowerCase() === "content-type" ? delete S[J] : T.setRequestHeader(J, Y);
-      }), e.isUndefined(m.withCredentials) || (T.withCredentials = !!m.withCredentials), M && M !== "json" && (T.responseType = m.responseType), typeof m.onDownloadProgress == "function" && T.addEventListener("progress", m.onDownloadProgress), typeof m.onUploadProgress == "function" && T.upload && T.upload.addEventListener("progress", m.onUploadProgress), (m.cancelToken || m.signal) && (L = function(H) {
-        T && (v(!H || H && H.type ? new f("canceled") : H), T.abort(), T = null);
-      }, m.cancelToken && m.cancelToken.subscribe(L), m.signal && (m.signal.aborted ? L() : m.signal.addEventListener("abort", L))), w || (w = null), T.send(w);
+      }), e.isUndefined(m.withCredentials) || (T.withCredentials = !!m.withCredentials), M && M !== "json" && (T.responseType = m.responseType), typeof m.onDownloadProgress == "function" && T.addEventListener("progress", m.onDownloadProgress), typeof m.onUploadProgress == "function" && T.upload && T.upload.addEventListener("progress", m.onUploadProgress), (m.cancelToken || m.signal) && (D = function(E) {
+        T && (v(!E || E && E.type ? new f("canceled") : E), T.abort(), T = null);
+      }, m.cancelToken && m.cancelToken.subscribe(D), m.signal && (m.signal.aborted ? D() : m.signal.addEventListener("abort", D))), w || (w = null), T.send(w);
     });
   }, ht;
 }
@@ -12538,7 +12600,7 @@ function $e() {
   }
   function i() {
     var u;
-    return (typeof XMLHttpRequest < "u" || typeof process < "u" && Object.prototype.toString.call(process) === "[object process]") && (u = Ln()), u;
+    return (typeof XMLHttpRequest < "u" || typeof process < "u" && Object.prototype.toString.call(process) === "[object process]") && (u = Dn()), u;
   }
   function r(u, f, g) {
     if (e.isString(u))
@@ -12820,11 +12882,11 @@ Ci.forEach(["post", "put", "patch"], function(n) {
     }));
   };
 });
-var hg = je, _t, En;
+var hg = je, _t, Hn;
 function fg() {
-  if (En)
+  if (Hn)
     return _t;
-  En = 1;
+  Hn = 1;
   var e = Xe();
   function n(t) {
     if (typeof t != "function")
@@ -12876,9 +12938,9 @@ function fg() {
     };
   }, _t = n, _t;
 }
-var Ct, Hn;
+var Ct, En;
 function gg() {
-  return Hn || (Hn = 1, Ct = function(n) {
+  return En || (En = 1, Ct = function(n) {
     return function(a) {
       return n.apply(null, a);
     };
@@ -13270,7 +13332,7 @@ const vg = {
     },
     // use imported function as method (to use in template)
     getFileExtension(e) {
-      return De(e);
+      return Le(e);
     },
     selectFiles() {
       this.$refs.formElement.getDomElement().querySelector("input[type='file']").click();
@@ -13332,12 +13394,12 @@ const vg = {
             );
             continue;
           }
-          if (!this.allowedFileExtensions.includes(De(e[n].name))) {
+          if (!this.allowedFileExtensions.includes(Le(e[n].name))) {
             this.showListOfFileExtensions = !0, this.errors.fileType = !0, this.systemMessages.push(
               this.getMessage(
                 "cmduploadform.system_message.not_allowed_file_type",
                 e[n].name,
-                De(e[n].name)
+                Le(e[n].name)
               )
             );
             continue;
@@ -13349,7 +13411,7 @@ const vg = {
               this.getMessage(
                 "cmduploadform.system_message.duplicate_file",
                 e[n].name,
-                De(e[n].name)
+                Le(e[n].name)
               )
             );
             continue;
@@ -13447,13 +13509,13 @@ const vg = {
 }, Sg = {
   key: 0,
   class: "list-of-files total-files"
-}, Mg = { class: "flex-container no-flex" }, Og = ["title"], Dg = {
+}, Mg = { class: "flex-container no-flex" }, Og = ["title"], Lg = {
   key: 0,
   class: "progressbar"
-}, Lg = ["value", "title"], Ng = /* @__PURE__ */ h("hr", null, null, -1), Pg = { class: "flex-container vertical list-files-wrapper" }, Bg = { class: "list-of-files" }, Ag = ["title", "onClick"], jg = {
+}, Dg = ["value", "title"], Ng = /* @__PURE__ */ h("hr", null, null, -1), Pg = { class: "flex-container vertical list-files-wrapper" }, Bg = { class: "list-of-files" }, Ag = ["title", "onClick"], jg = {
   key: 0,
   class: "progressbar"
-}, Fg = ["value", "title"], Vg = ["title"], Eg = /* @__PURE__ */ h("hr", null, null, -1), Hg = { class: "upload-conditions" }, qg = { class: "small" }, zg = ["title"], Rg = {
+}, Fg = ["value", "title"], Vg = ["title"], Hg = /* @__PURE__ */ h("hr", null, null, -1), Eg = { class: "upload-conditions" }, qg = { class: "small" }, zg = ["title"], Rg = {
   key: 0,
   class: "list-of-file-extensions"
 }, Ug = { class: "flex-container vertical no-gap" }, Gg = ["disabled"], Wg = { key: 0 }, Qg = { key: 1 }, Zg = { class: "button-wrapper no-flex" }, Jg = ["disabled"], Yg = { key: 0 }, Kg = { key: 1 }, Xg = {
@@ -13470,7 +13532,7 @@ function ep(e, n, t, a, l, i) {
       h("legend", {
         class: b({ hidden: !t.showLegend })
       }, p(t.textLegend), 3),
-      t.cmdHeadlineFieldset ? (o(), y(r, R(j({ key: 0 }, t.cmdHeadlineFieldset)), null, 16)) : c("", !0),
+      t.cmdHeadlineFieldset ? (o(), y(r, U(j({ key: 0 }, t.cmdHeadlineFieldset)), null, 16)) : c("", !0),
       i.systemMessageStatus && i.allSystemMessages.length ? (o(), y(d, {
         key: 1,
         iconClose: { show: !1 },
@@ -13491,7 +13553,7 @@ function ep(e, n, t, a, l, i) {
           t.showTotalUpload && l.listOfFiles.length !== 1 ? (o(), s("div", Ig, [
             k(r, j(t.cmdHeadlineSummaryOfAllFiles, { headlineLevel: "4" }), {
               default: N(() => [
-                E(p(e.getMessage("cmduploadform.headline.summary_of_all_files")), 1)
+                H(p(e.getMessage("cmduploadform.headline.summary_of_all_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -13508,11 +13570,11 @@ function ep(e, n, t, a, l, i) {
                   }, null, 8, ["iconClass", "type"])
                 ], 8, Og),
                 h("span", null, [
-                  E(p(l.listOfFiles.length) + " ", 1),
+                  H(p(l.listOfFiles.length) + " ", 1),
                   t.allowMultipleFileUploads ? (o(), s(C, { key: 1 }, [
-                    E(p(e.getMessage("cmduploadform.labeltext.files_uploading")), 1)
+                    H(p(e.getMessage("cmduploadform.labeltext.files_uploading")), 1)
                   ], 64)) : (o(), s(C, { key: 0 }, [
-                    E(p(e.getMessage("cmduploadform.labeltext.file_uploading")), 1)
+                    H(p(e.getMessage("cmduploadform.labeltext.file_uploading")), 1)
                   ], 64))
                 ]),
                 h("small", {
@@ -13521,13 +13583,13 @@ function ep(e, n, t, a, l, i) {
                     { error: t.maxTotalUploadSize > 0 && i.totalSize > t.maxTotalUploadSize }
                   ])
                 }, " (" + p(i.formatSize(i.totalSize)) + ") ", 3),
-                l.uploadInitiated ? (o(), s("span", Dg, [
+                l.uploadInitiated ? (o(), s("span", Lg, [
                   h("span", null, p(i.getPercentage(i.totalUploadProgress)), 1),
                   h("progress", {
                     max: "100",
                     value: i.totalUploadProgress,
                     title: i.totalBytesUploaded
-                  }, null, 8, Lg)
+                  }, null, 8, Dg)
                 ])) : c("", !0)
               ])
             ])) : c("", !0),
@@ -13536,7 +13598,7 @@ function ep(e, n, t, a, l, i) {
           h("div", Pg, [
             k(r, j(t.cmdHeadlineListOfSelectedFiles, { headlineLevel: "4" }), {
               default: N(() => [
-                E(p(e.getMessage("cmduploadform.headline.list_of_selected_files")), 1)
+                H(p(e.getMessage("cmduploadform.headline.list_of_selected_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -13562,7 +13624,7 @@ function ep(e, n, t, a, l, i) {
                     { error: g.error }
                   ])
                 }, [
-                  E(p(g.file.name) + " ", 1),
+                  H(p(g.file.name) + " ", 1),
                   h("small", null, "(" + p(i.formatSize(g.file.size)) + ")", 1)
                 ], 2),
                 l.uploadInitiated && !g.error ? (o(), s("span", jg, [
@@ -13581,26 +13643,26 @@ function ep(e, n, t, a, l, i) {
               onClick: n[1] || (n[1] = I((...g) => i.cancel && i.cancel(...g), ["prevent"])),
               title: e.getMessage("cmduploadform.all_files_will_be_removed")
             }, p(e.getMessage("cmduploadform.reset_upload")), 9, Vg)) : c("", !0),
-            Eg
+            Hg
           ])
         ])) : (o(), s(C, { key: 0 }, [
           t.allowMultipleFileUploads ? (o(), y(r, j({ key: 0 }, t.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
             default: N(() => [
-              E(p(i.headlineTextNoFilesToUpload), 1)
+              H(p(i.headlineTextNoFilesToUpload), 1)
             ]),
             _: 1
           }, 16)) : c("", !0)
         ], 64)),
-        h("div", Hg, [
+        h("div", Eg, [
           t.allowMultipleFileUploads && l.listOfFiles.length ? (o(), y(r, j({ key: 0 }, t.cmdHeadlineSelectAdditionalFiles, { headlineLevel: "4" }), {
             default: N(() => [
-              E(p(e.getMessage("cmduploadform.headline.select_additional_files")), 1)
+              H(p(e.getMessage("cmduploadform.headline.select_additional_files")), 1)
             ]),
             _: 1
           }, 16)) : c("", !0),
           !t.allowMultipleFileUploads && l.listOfFiles.length ? (o(), y(r, j({ key: 1 }, t.cmdHeadlineSelectNewFile, { headlineLevel: "4" }), {
             default: N(() => [
-              E(p(e.getMessage("cmduploadform.headline.select_new_file")), 1)
+              H(p(e.getMessage("cmduploadform.headline.select_new_file")), 1)
             ]),
             _: 1
           }, 16)) : c("", !0),
@@ -13666,14 +13728,14 @@ function ep(e, n, t, a, l, i) {
           }, [
             h("span", null, p(e.getMessage("cmduploadform.or")), 1),
             h("strong", null, [
-              E(p(e.getMessage("cmduploadform.drag_and_drop")) + " ", 1),
+              H(p(e.getMessage("cmduploadform.drag_and_drop")) + " ", 1),
               t.allowMultipleFileUploads && l.listOfFiles.length ? (o(), s(C, { key: 0 }, [
-                E(p(e.getMessage("cmduploadform.additional")), 1)
+                H(p(e.getMessage("cmduploadform.additional")), 1)
               ], 64)) : c("", !0),
               !t.allowMultipleFileUploads && l.listOfFiles.length ? (o(), s(C, { key: 1 }, [
-                E(p(e.getMessage("cmduploadform.new")), 1)
+                H(p(e.getMessage("cmduploadform.new")), 1)
               ], 64)) : c("", !0),
-              E(" " + p(e.getMessage("cmduploadform.files_to_this_area")), 1)
+              H(" " + p(e.getMessage("cmduploadform.files_to_this_area")), 1)
             ])
           ], 2)) : c("", !0)
         ])
@@ -14081,7 +14143,7 @@ function fp(e, n, t, a, l, i) {
       submitButton: t.submitButton
     }, {
       default: N(() => {
-        var u, f, g, m, x, _, v, w, S, M, L, V, T, z, P, F, G, Z, H, Y, J, ee, Q, ue, D, de, ke, ve, we, Te, Ie, Se, ie, Jt;
+        var u, f, g, m, x, _, v, w, S, M, D, V, T, z, P, F, G, Z, E, Y, J, ee, Q, ue, L, de, ke, ve, we, Te, Ie, Se, ie, Jt;
         return [
           t.configuration.salutation ? (o(), s("div", rp, [
             k(r, {
@@ -14092,7 +14154,7 @@ function fp(e, n, t, a, l, i) {
               inputValue: "m",
               replaceInputType: (f = t.configuration.salutation) == null ? void 0 : f.replaceInputType,
               modelValue: l.formData.salutation,
-              "onUpdate:modelValue": n[0] || (n[0] = (U) => l.formData.salutation = U),
+              "onUpdate:modelValue": n[0] || (n[0] = (R) => l.formData.salutation = R),
               onValidate: i.onValidate
             }, null, 8, ["labelText", "name", "replaceInputType", "modelValue", "onValidate"]),
             k(r, {
@@ -14103,7 +14165,7 @@ function fp(e, n, t, a, l, i) {
               inputValue: "f",
               replaceInputType: (m = t.configuration.salutation) == null ? void 0 : m.replaceInputType,
               modelValue: l.formData.salutation,
-              "onUpdate:modelValue": n[1] || (n[1] = (U) => l.formData.salutation = U),
+              "onUpdate:modelValue": n[1] || (n[1] = (R) => l.formData.salutation = R),
               onValidate: i.onValidate
             }, null, 8, ["labelText", "name", "replaceInputType", "modelValue", "onValidate"])
           ])) : c("", !0),
@@ -14119,7 +14181,7 @@ function fp(e, n, t, a, l, i) {
               name: ((v = t.configuration.lastName) == null ? void 0 : v.name) || "last-name",
               placeholder: e.getMessage("basic_form.placeholder.last_name"),
               modelValue: l.formData.lastName.value,
-              "onUpdate:modelValue": n[2] || (n[2] = (U) => l.formData.lastName.value = U),
+              "onUpdate:modelValue": n[2] || (n[2] = (R) => l.formData.lastName.value = R),
               status: l.formData.lastName.error ? "error" : "",
               onValidate: i.onValidate
             }, null, 8, ["type", "labelText", "required", "name", "placeholder", "modelValue", "status", "onValidate"])) : c("", !0),
@@ -14133,7 +14195,7 @@ function fp(e, n, t, a, l, i) {
               required: (S = t.configuration.firstName) == null ? void 0 : S.required,
               name: ((M = t.configuration.firstName) == null ? void 0 : M.name) || "first-name",
               modelValue: l.formData.firstName.value,
-              "onUpdate:modelValue": n[3] || (n[3] = (U) => l.formData.firstName.value = U),
+              "onUpdate:modelValue": n[3] || (n[3] = (R) => l.formData.firstName.value = R),
               status: l.formData.firstName.error ? "error" : "",
               onValidate: i.onValidate
             }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "onValidate"])) : c("", !0)
@@ -14142,14 +14204,14 @@ function fp(e, n, t, a, l, i) {
             t.configuration.email ? (o(), y(r, {
               key: 0,
               element: "input",
-              type: ((L = t.configuration.email) == null ? void 0 : L.type) || "email",
+              type: ((D = t.configuration.email) == null ? void 0 : D.type) || "email",
               iconClass: "icon-mail",
               labelText: e.getMessage("basic_form.labeltext.email"),
               placeholder: e.getMessage("basic_form.placeholder.email"),
               required: (V = t.configuration.email) == null ? void 0 : V.required,
               name: ((T = t.configuration.email) == null ? void 0 : T.name) || "email",
               modelValue: l.formData.email.value,
-              "onUpdate:modelValue": n[4] || (n[4] = (U) => l.formData.email.value = U),
+              "onUpdate:modelValue": n[4] || (n[4] = (R) => l.formData.email.value = R),
               status: l.formData.email.error ? "error" : "",
               onValidate: i.onValidate
             }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "onValidate"])) : c("", !0),
@@ -14161,7 +14223,7 @@ function fp(e, n, t, a, l, i) {
               labelText: e.getMessage("basic_form.labeltext.phone"),
               placeholder: e.getMessage("basic_form.placeholder.phone"),
               modelValue: l.formData.phone.value,
-              "onUpdate:modelValue": n[5] || (n[5] = (U) => l.formData.phone.value = U),
+              "onUpdate:modelValue": n[5] || (n[5] = (R) => l.formData.phone.value = R),
               required: (P = t.configuration.phone) == null ? void 0 : P.required,
               name: ((F = t.configuration.phone) == null ? void 0 : F.name) || "phone",
               status: l.formData.phone.error ? "error" : "",
@@ -14176,9 +14238,9 @@ function fp(e, n, t, a, l, i) {
               labelText: e.getMessage("basic_form.labeltext.street_no"),
               placeholder: e.getMessage("basic_form.placeholder.street_no"),
               required: (Z = t.configuration.streetNo) == null ? void 0 : Z.required,
-              name: ((H = t.configuration.streetNo) == null ? void 0 : H.name) || "street-no",
+              name: ((E = t.configuration.streetNo) == null ? void 0 : E.name) || "street-no",
               modelValue: l.formData.streetNo.value,
-              "onUpdate:modelValue": n[6] || (n[6] = (U) => l.formData.streetNo.value = U),
+              "onUpdate:modelValue": n[6] || (n[6] = (R) => l.formData.streetNo.value = R),
               status: l.formData.streetNo.error ? "error" : "",
               onValidate: i.onValidate
             }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "onValidate"])) : c("", !0),
@@ -14192,7 +14254,7 @@ function fp(e, n, t, a, l, i) {
                 required: (J = t.configuration.zip) == null ? void 0 : J.required,
                 name: ((ee = t.configuration.zip) == null ? void 0 : ee.name) || "zip",
                 modelValue: l.formData.zip.value,
-                "onUpdate:modelValue": n[7] || (n[7] = (U) => l.formData.zip.value = U),
+                "onUpdate:modelValue": n[7] || (n[7] = (R) => l.formData.zip.value = R),
                 status: l.formData.zip.error ? "error" : "",
                 onValidate: i.onValidate
               }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "onValidate"])) : c("", !0),
@@ -14203,9 +14265,9 @@ function fp(e, n, t, a, l, i) {
                 labelText: e.getMessage("basic_form.labeltext.city"),
                 placeholder: e.getMessage("basic_form.placeholder.city"),
                 required: (ue = t.configuration.city) == null ? void 0 : ue.required,
-                name: ((D = t.configuration.city) == null ? void 0 : D.name) || "zip",
+                name: ((L = t.configuration.city) == null ? void 0 : L.name) || "zip",
                 modelValue: l.formData.city.value,
-                "onUpdate:modelValue": n[8] || (n[8] = (U) => l.formData.city.value = U),
+                "onUpdate:modelValue": n[8] || (n[8] = (R) => l.formData.city.value = R),
                 status: l.formData.city.error ? "error" : "",
                 onValidate: i.onValidate
               }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "onValidate"])) : c("", !0)
@@ -14219,7 +14281,7 @@ function fp(e, n, t, a, l, i) {
               required: (ke = t.configuration.additionalAddressInfo) == null ? void 0 : ke.required,
               name: ((ve = t.configuration.additionalAddressInfo) == null ? void 0 : ve.name) || "additional-address-info",
               modelValue: l.formData.additionalAddressInfo.value,
-              "onUpdate:modelValue": n[9] || (n[9] = (U) => l.formData.additionalAddressInfo.value = U),
+              "onUpdate:modelValue": n[9] || (n[9] = (R) => l.formData.additionalAddressInfo.value = R),
               status: l.formData.additionalAddressInfo.error ? "error" : "",
               onValidate: i.onValidate
             }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "onValidate"])) : c("", !0)
@@ -14232,7 +14294,7 @@ function fp(e, n, t, a, l, i) {
             required: (Te = t.configuration.additionalText) == null ? void 0 : Te.required,
             name: ((Ie = t.configuration.additionalText) == null ? void 0 : Ie.name) || "additional-text",
             modelValue: l.formData.additionalText.value,
-            "onUpdate:modelValue": n[10] || (n[10] = (U) => l.formData.additionalText.value = U),
+            "onUpdate:modelValue": n[10] || (n[10] = (R) => l.formData.additionalText.value = R),
             status: l.formData.additionalText.error ? "error" : "",
             onValidate: i.onValidate
           }, null, 8, ["element", "labelText", "placeholder", "required", "name", "modelValue", "status", "onValidate"])) : c("", !0),
@@ -14245,7 +14307,7 @@ function fp(e, n, t, a, l, i) {
             name: ((ie = t.configuration.acceptPrivacy) == null ? void 0 : ie.name) || "accept-privacy",
             replaceInputType: (Jt = t.configuration.acceptPrivacy) == null ? void 0 : Jt.replaceInputType,
             modelValue: l.formData.acceptPrivacy.value,
-            "onUpdate:modelValue": n[11] || (n[11] = (U) => l.formData.acceptPrivacy.value = U),
+            "onUpdate:modelValue": n[11] || (n[11] = (R) => l.formData.acceptPrivacy.value = R),
             status: l.formData.acceptPrivacy.error ? "error" : "",
             onValidate: i.onValidate
           }, {
@@ -14302,11 +14364,11 @@ const gp = /* @__PURE__ */ O(sp, [["render", fp]]), pp = {
 }, bp = { class: "flex-container vertical" };
 function _p(e, n, t, a, l, i) {
   const r = gp, d = Qs, u = Mu;
-  return i.contactFormOnly ? (o(), y(r, R(j({ key: 0 }, t.basicForm)), null, 16)) : (o(), s("div", yp, [
-    k(r, R(Oi(t.basicForm)), null, 16),
+  return i.contactFormOnly ? (o(), y(r, U(j({ key: 0 }, t.basicForm)), null, 16)) : (o(), s("div", yp, [
+    k(r, U(Oi(t.basicForm)), null, 16),
     h("div", bp, [
-      t.cmdAddressData ? (o(), y(d, R(j({ key: 0 }, t.cmdAddressData)), null, 16)) : c("", !0),
-      t.cmdGoogleMaps ? (o(), y(u, R(j({ key: 1 }, t.cmdGoogleMaps)), null, 16)) : c("", !0),
+      t.cmdAddressData ? (o(), y(d, U(j({ key: 0 }, t.cmdAddressData)), null, 16)) : c("", !0),
+      t.cmdGoogleMaps ? (o(), y(u, U(j({ key: 1 }, t.cmdGoogleMaps)), null, 16)) : c("", !0),
       B(e.$slots, "additional-info")
     ])
   ]));
@@ -14338,7 +14400,7 @@ function kp(e, n, t, a, l, i) {
             rowView: g.rowView
           }), {
             default: N(() => [
-              E(" box " + p(m), 1)
+              H(" box " + p(m), 1)
             ]),
             _: 2
           }, 1040, ["rowView"]))), 128))
@@ -14394,7 +14456,7 @@ const iy = /* @__PURE__ */ O(vp, [["render", Tp]]), ly = {
 };
 function sy() {
   const e = {};
-  Di(a);
+  Li(a);
   function n(l = "defaultSequence") {
     const i = e[l] || 0;
     return e[l] = i + 1, e[l];
@@ -14416,8 +14478,8 @@ export {
   Yr as CmdBoxWrapper,
   ad as CmdBreadcrumbs,
   md as CmdCompanyLogo,
-  Dp as CmdContainer,
-  Lp as CmdCookieDisclaimer,
+  Lp as CmdContainer,
+  Dp as CmdCookieDisclaimer,
   Np as CmdCopyrightInformation,
   su as CmdFakeSelect,
   Op as CmdFancyBox,
@@ -14437,9 +14499,9 @@ export {
   jp as CmdMultistepFormProgressBar,
   Fp as CmdNewsletterSubscription,
   Vp as CmdOpeningHours,
-  Hp as CmdPageFooter,
+  Ep as CmdPageFooter,
   qp as CmdPageHeader,
-  Ep as CmdPagination,
+  Hp as CmdPagination,
   zp as CmdProgressBar,
   Rp as CmdSidebar,
   Up as CmdSiteFooter,
@@ -14453,7 +14515,7 @@ export {
   Jp as CmdTable,
   Yp as CmdTabs,
   Kp as CmdTextImageBlock,
-  Da as CmdThumbnailScroller,
+  La as CmdThumbnailScroller,
   Xp as CmdToggleDarkMode,
   uo as CmdTooltip,
   $p as CmdUploadForm,
@@ -14466,7 +14528,7 @@ export {
   iy as MultipleListsOfLinks,
   ai as createHtmlId,
   Be as createUuid,
-  De as getFileExtension,
+  Le as getFileExtension,
   zt as openFancyBox,
   sy as useSequence
 };