comand-component-library 3.3.25 → 3.3.27

package/dist/comand-component-library.js

@@ -1,46 +1,46 @@
-import { defineComponent as Li, h as zt, resolveComponent as le, openBlock as l, createBlock as C, normalizeClass as _, createElementBlock as o, createCommentVNode as m, createElementVNode as h, toDisplayString as g, resolveDynamicComponent as Ht, withCtx as A, renderSlot as V, createTextVNode as z, resolveDirective as cn, normalizeProps as K, mergeProps as q, Fragment as k, renderList as F, withDirectives as ne, Transition as ue, withModifiers as O, createVNode as T, TransitionGroup as bt, createApp as un, Teleport as dn, useCssVars as Di, vShow as ye, normalizeStyle as Oe, vModelDynamic as mn, vModelText as Ee, toHandlers as qt, onBeforeUpdate as hn } from "vue";
+import { defineComponent as Li, h as zt, resolveComponent as le, openBlock as l, createBlock as C, normalizeClass as _, createElementBlock as o, createCommentVNode as m, createElementVNode as h, toDisplayString as g, resolveDynamicComponent as Ht, withCtx as A, renderSlot as V, createTextVNode as z, resolveDirective as cn, normalizeProps as K, mergeProps as q, Fragment as k, renderList as F, withDirectives as ne, Transition as ue, withModifiers as O, createVNode as x, TransitionGroup as bt, createApp as un, Teleport as dn, useCssVars as Di, vShow as ye, normalizeStyle as Oe, vModelDynamic as mn, vModelText as Ee, toHandlers as qt, onBeforeUpdate as hn } from "vue";
 (function() {
-  const e = "on", i = "out", t = "body", a = "stop", n = "click", s = "apply", u = "target", d = "prototype", r = "Propagation", c = "setAttribute", f = "relatedTarget", p = "addEventListener", b = Symbol(i), y = Object, I = document, v = typeof TouchEvent < "u" ? TouchEvent : void 0, x = HTMLElement, M = x[d], P = Event[d], Q = [n, "dbl" + n, "mousedown", "mouseup", "touchstart", "touchend", "pointerdown", "pointerup"], w = new Set(Q), H = new Set(Q.map((S) => e + S + i)), D = (S, j) => !!j && S instanceof j, B = (S, j) => S.contains(j), G = (S, j) => {
+  const e = "on", i = "out", t = "body", a = "stop", n = "click", s = "apply", u = "target", d = "prototype", r = "Propagation", c = "setAttribute", f = "relatedTarget", p = "addEventListener", b = Symbol(i), y = Object, I = document, v = typeof TouchEvent < "u" ? TouchEvent : void 0, T = HTMLElement, M = T[d], j = Event[d], Q = [n, "dbl" + n, "mousedown", "mouseup", "touchstart", "touchend", "pointerdown", "pointerup"], w = new Set(Q), H = new Set(Q.map((S) => e + S + i)), D = (S, B) => !!B && S instanceof B, P = (S, B) => S.contains(B), G = (S, B) => {
     for (let U of S)
-      j(U);
+      B(U);
   }, Z = (S) => {
-    D(S, x) && (S[b] ? J(S) : G(w, (j) => {
-      let U = e + j + i, re = S.getAttribute(U);
+    D(S, T) && (S[b] ? J(S) : G(w, (B) => {
+      let U = e + B + i, re = S.getAttribute(U);
       re && !R(S)[U] && S[c](U, re);
     }), G(S.childNodes, Z));
   }, R = (S) => S[b] = S[b] || {}, J = (S) => {
     R(S), X.includes(S) || (X.push(S), fe = !0);
-  }, Y = (S, j) => B(j, S) ? 1 : B(S, j) ? -1 : 0, ae = (S) => {
+  }, Y = (S, B) => P(B, S) ? 1 : P(S, B) ? -1 : 0, ae = (S) => {
     fe && (X.sort(Y), fe = !1);
-    let j = S[u];
-    D(S, v) ? (S = new v(S.type + i, S))[f] = j : S = new S.constructor(S.type + i, y.assign({}, S, { [f]: j })), S[a] = [], G(X, (U) => {
-      B(U, j) || S[a].some((re) => B(re, U)) || U.dispatchEvent(S);
+    let B = S[u];
+    D(S, v) ? (S = new v(S.type + i, S))[f] = B : S = new S.constructor(S.type + i, y.assign({}, S, { [f]: B })), S[a] = [], G(X, (U) => {
+      P(U, B) || S[a].some((re) => P(re, U)) || U.dispatchEvent(S);
     });
   }, te = (S) => function() {
-    let j = this, U = j.type;
-    S[s](j), H.has(e + U) && j[a].push(j[u]);
-  }, se = (S, j, U) => S[j] = U(S[j]);
+    let B = this, U = B.type;
+    S[s](B), H.has(e + U) && B[a].push(B[u]);
+  }, se = (S, B, U) => S[B] = U(S[B]);
   function L(S) {
-    let j = this[b][e + S.type];
-    j && j[s](this, [S]);
+    let B = this[b][e + S.type];
+    B && B[s](this, [S]);
   }
   let X = [], fe = !1, Ce = I.createElement(t);
   G(w, (S) => {
     I[p](S, ae, { passive: !0, capture: !0 });
-    let j = e + S + i;
-    y.defineProperty(M, j, { get() {
-      return this[b][j];
+    let B = e + S + i;
+    y.defineProperty(M, B, { get() {
+      return this[b][B];
     }, set(U) {
-      this[p](S + i, L), this[b][j] = typeof U == "object" ? U.handleEvent : U;
+      this[p](S + i, L), this[b][B] = typeof U == "object" ? U.handleEvent : U;
     } });
-  }), se(M, p, (S) => function(...j) {
-    H.has(e + j[0]) && J(this), S[s](this, j);
-  }), se(M, c, (S) => function(j, U) {
-    H.has(j) ? (S[s](Ce, [e + n, U]), this[j] = Ce[e + n]) : S[s](this, [j, U]);
-  }), se(P, a + r, te), se(P, a + "Immediate" + r, te), new MutationObserver((S) => {
-    G(S, (j) => {
-      G(j.addedNodes, Z), G(j.removedNodes, (U) => {
-        D(U, x) && (X = X.filter((re) => !B(U, re)));
+  }), se(M, p, (S) => function(...B) {
+    H.has(e + B[0]) && J(this), S[s](this, B);
+  }), se(M, c, (S) => function(B, U) {
+    H.has(B) ? (S[s](Ce, [e + n, U]), this[B] = Ce[e + n]) : S[s](this, [B, U]);
+  }), se(j, a + r, te), se(j, a + "Immediate" + r, te), new MutationObserver((S) => {
+    G(S, (B) => {
+      G(B.addedNodes, Z), G(B.removedNodes, (U) => {
+        D(U, T) && (X = X.filter((re) => !P(U, re)));
       });
     });
   }).observe(I.documentElement, { childList: !0, subtree: !0 }), Z(I[t]);
@@ -296,18 +296,18 @@ function In(e, i) {
   };
   let s = t.body;
   [t, a].forEach((y) => {
-    const I = [], v = y.hFlip, x = y.vFlip;
+    const I = [], v = y.hFlip, T = y.vFlip;
     let M = y.rotate;
-    v ? x ? M += 2 : (I.push(
+    v ? T ? M += 2 : (I.push(
       "translate(" + (n.width + n.left).toString() + " " + (0 - n.top).toString() + ")"
-    ), I.push("scale(-1 1)"), n.top = n.left = 0) : x && (I.push(
+    ), I.push("scale(-1 1)"), n.top = n.left = 0) : T && (I.push(
       "translate(" + (0 - n.left).toString() + " " + (n.height + n.top).toString() + ")"
     ), I.push("scale(1 -1)"), n.top = n.left = 0);
-    let P;
+    let j;
     switch (M < 0 && (M -= Math.floor(M / 4) * 4), M = M % 4, M) {
       case 1:
-        P = n.height / 2 + n.top, I.unshift(
-          "rotate(90 " + P.toString() + " " + P.toString() + ")"
+        j = n.height / 2 + n.top, I.unshift(
+          "rotate(90 " + j.toString() + " " + j.toString() + ")"
         );
         break;
       case 2:
@@ -316,12 +316,12 @@ function In(e, i) {
         );
         break;
       case 3:
-        P = n.width / 2 + n.left, I.unshift(
-          "rotate(-90 " + P.toString() + " " + P.toString() + ")"
+        j = n.width / 2 + n.left, I.unshift(
+          "rotate(-90 " + j.toString() + " " + j.toString() + ")"
         );
         break;
     }
-    M % 2 === 1 && (n.left !== n.top && (P = n.left, n.left = n.top, n.top = P), n.width !== n.height && (P = n.width, n.width = n.height, n.height = P)), I.length && (s = '<g transform="' + I.join(" ") + '">' + s + "</g>");
+    M % 2 === 1 && (n.left !== n.top && (j = n.left, n.left = n.top, n.top = j), n.width !== n.height && (j = n.width, n.width = n.height, n.height = j)), I.length && (s = '<g transform="' + I.join(" ") + '">' + s + "</g>");
   });
   const u = a.width, d = a.height, r = n.width, c = n.height;
   let f, p;
@@ -600,8 +600,8 @@ function Un(e, i, t, a) {
   if (e.random) {
     let D = e.resources.slice(0);
     for (u = []; D.length > 1; ) {
-      const B = Math.floor(Math.random() * D.length);
-      u.push(D[B]), D = D.slice(0, B).concat(D.slice(B + 1));
+      const P = Math.floor(Math.random() * D.length);
+      u.push(D[P]), D = D.slice(0, P).concat(D.slice(P + 1));
     }
     u = u.concat(D);
   } else
@@ -617,8 +617,8 @@ function Un(e, i, t, a) {
       D.status === "pending" && (D.status = "aborted");
     }), b = [];
   }
-  function x(D, B) {
-    B && (y = []), typeof D == "function" && y.push(D);
+  function T(D, P) {
+    P && (y = []), typeof D == "function" && y.push(D);
   }
   function M() {
     return {
@@ -627,11 +627,11 @@ function Un(e, i, t, a) {
       status: r,
       queriesSent: c,
       queriesPending: b.length,
-      subscribe: x,
+      subscribe: T,
       abort: v
     };
   }
-  function P() {
+  function j() {
     r = "failed", y.forEach((D) => {
       D(void 0, f);
     });
@@ -641,8 +641,8 @@ function Un(e, i, t, a) {
       D.status === "pending" && (D.status = "aborted");
     }), b = [];
   }
-  function w(D, B, G) {
-    const Z = B !== "success";
+  function w(D, P, G) {
+    const Z = P !== "success";
     switch (b = b.filter((R) => R !== D), r) {
       case "pending":
         break;
@@ -653,12 +653,12 @@ function Un(e, i, t, a) {
       default:
         return;
     }
-    if (B === "abort") {
-      f = G, P();
+    if (P === "abort") {
+      f = G, j();
       return;
     }
     if (Z) {
-      f = G, b.length || (u.length ? H() : P());
+      f = G, b.length || (u.length ? H() : j());
       return;
     }
     if (I(), Q(), !e.random) {
@@ -677,21 +677,21 @@ function Un(e, i, t, a) {
     if (D === void 0) {
       if (b.length) {
         p = setTimeout(() => {
-          I(), r === "pending" && (Q(), P());
+          I(), r === "pending" && (Q(), j());
         }, e.timeout);
         return;
       }
-      P();
+      j();
       return;
     }
-    const B = {
+    const P = {
       status: "pending",
       resource: D,
       callback: (G, Z) => {
-        w(B, G, Z);
+        w(P, G, Z);
       }
     };
-    b.push(B), c++, p = setTimeout(H, e.rotate), t(D, i, B.callback);
+    b.push(P), c++, p = setTimeout(H, e.rotate), t(D, i, P.callback);
   }
   return setTimeout(H), M;
 }
@@ -1067,8 +1067,8 @@ function $t(e) {
 const ei = (e, i) => {
   const t = es(Yt, i), a = { ...as }, n = i.mode || "svg", s = {}, u = i.style, d = typeof u == "object" && !(u instanceof Array) ? u : {};
   for (let v in i) {
-    const x = i[v];
-    if (x !== void 0)
+    const T = i[v];
+    if (T !== void 0)
       switch (v) {
         case "icon":
         case "style":
@@ -1078,24 +1078,24 @@ const ei = (e, i) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          t[v] = x === !0 || x === "true" || x === 1;
+          t[v] = T === !0 || T === "true" || T === 1;
           break;
         case "flip":
-          typeof x == "string" && is(t, x);
+          typeof T == "string" && is(t, T);
           break;
         case "color":
-          s.color = x;
+          s.color = T;
           break;
         case "rotate":
-          typeof x == "string" ? t[v] = ns(x) : typeof x == "number" && (t[v] = x);
+          typeof T == "string" ? t[v] = ns(T) : typeof T == "number" && (t[v] = T);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          x !== !0 && x !== "true" && delete a["aria-hidden"];
+          T !== !0 && T !== "true" && delete a["aria-hidden"];
           break;
         default: {
           const M = Ne[v];
-          M ? (x === !0 || x === "true" || x === 1) && (t[M] = !0) : Yt[v] === void 0 && (a[v] = x);
+          M ? (T === !0 || T === "true" || T === 1) && (t[M] = !0) : Yt[v] === void 0 && (a[v] = T);
         }
       }
   }
@@ -1105,8 +1105,8 @@ const ei = (e, i) => {
       ...s,
       ...d
     }, Object.assign(a, c);
-    let v = 0, x = i.id;
-    return typeof x == "string" && (x = x.replace(/-/g, "_")), a.innerHTML = Mn(r.body, x ? () => x + "ID" + v++ : "iconifyVue"), zt("svg", a);
+    let v = 0, T = i.id;
+    return typeof T == "string" && (T = T.replace(/-/g, "_")), a.innerHTML = Mn(r.body, T ? () => T + "ID" + v++ : "iconifyVue"), zt("svg", a);
   }
   const { body: f, width: p, height: b } = e, y = n === "mask" || (n === "bg" ? !1 : f.indexOf("currentColor") !== -1), I = ss(f, {
     ...c,
@@ -1643,7 +1643,7 @@ function al(e, i, t, a, n, s) {
         title: t.iconBackToTop.tooltip,
         onClick: i[0] || (i[0] = O((...d) => s.onBackToTop && s.onBackToTop(...d), ["prevent"]))
       }, [
-        T(u, {
+        x(u, {
           iconClass: t.iconBackToTop.iconClass,
           type: t.iconBackToTop.iconType
         }, null, 8, ["iconClass", "type"])
@@ -1704,7 +1704,7 @@ function hl(e, i, t, a, n, s) {
             onClick: O((f) => s.copyToClipboard(r.value), ["prevent"]),
             title: t.iconCopy.tooltip
           }, [
-            T(d, {
+            x(d, {
               iconClass: t.iconCopy.iconClass,
               type: t.iconCopy.iconType
             }, null, 8, ["iconClass", "type"])
@@ -1826,7 +1826,7 @@ function kl(e, i, t, a, n, s) {
     class: _(["cmd-slide-button", "button", "keep-behavior-on-small-devices", t.slideButtonType]),
     title: s.getDirection.tooltip
   }, [
-    T(u, {
+    x(u, {
       iconClass: s.getDirection.iconClass || "next"
     }, null, 8, ["iconClass"])
   ], 10, bl);
@@ -1928,7 +1928,7 @@ const wl = {
       this.allowOpenFancyBox && Mt({ fancyBoxGallery: this.items, defaultGalleryIndex: e }), this.emitCurrentItemId(e);
     },
     emitCurrentItemId(e) {
-      this.$emit("click", this.items[e].id);
+      console.log("index", e), console.log("this.items[index]", this.items[e]), this.$emit("click", this.items[e].id);
     },
     executeLink(e, i) {
       this.executeOnClick === "emit" ? (i.preventDefault(), this.emitCurrentItemId(e)) : this.executeOnClick === "fancybox" && (i.preventDefault(), this.showFancyBox(e));
@@ -1939,7 +1939,7 @@ const wl = {
       handler() {
         this.items = this.thumbnailScrollerItems.map((e) => {
           let i;
-          return this.contentType === "image" ? (i = { image: { ...e.image }, figcaption: { ...e.figcaption } }, i.image.src = i.image.srcImageSmall) : i = { text: e.text, url: e.url }, i;
+          return this.contentType === "image" ? (i = { image: { ...e.image }, figcaption: { ...e.figcaption } }, i.image.src = i.image.srcImageSmall) : i = { ...e }, i;
         });
       },
       immediate: !0
@@ -1951,11 +1951,11 @@ function xl(e, i, t, a, n, s) {
   return l(), o("div", {
     class: _(["cmd-thumbnail-scroller", { "gallery-scroller": !t.allowOpenFancyBox, "full-width": t.fullWidth }])
   }, [
-    T(u, {
+    x(u, {
       onClick: O(s.showPrevItem, ["prevent"]),
       slideButtonType: "prev"
     }, null, 8, ["onClick"]),
-    T(bt, {
+    x(bt, {
       name: "slide",
       tag: "ul"
     }, {
@@ -1989,7 +1989,7 @@ function xl(e, i, t, a, n, s) {
       ]),
       _: 1
     }),
-    T(u, {
+    x(u, {
       onClick: O(s.showNextItem, ["prevent"]),
       slideButtons: t.cmdSlideButtons.next
     }, null, 8, ["onClick", "slideButtons"])
@@ -2239,7 +2239,7 @@ const Ll = Wi, Dl = ["aria-label"], Nl = { class: "flex-container" }, jl = {
   class: "flex-container no-flex"
 }, El = ["title"], Ul = { key: 1 }, Gl = ["title"], Ql = { key: 1 };
 function Zl(e, i, t, a, n, s) {
-  var p, b, y, I, v, x, M, P, Q, w, H, D, B, G, Z, R, J, Y, ae, te, se, L, X, fe, Ce, S, j, U, re;
+  var p, b, y, I, v, T, M, j, Q, w, H, D, P, G, Z, R, J, Y, ae, te, se, L, X, fe, Ce, S, B, U, re;
   const u = W, d = E, r = Ie, c = St, f = Tl;
   return l(), C(dn, { to: "body" }, [
     h("dialog", {
@@ -2255,15 +2255,15 @@ function Zl(e, i, t, a, n, s) {
           id: e.htmlId
         }, null, 8, ["headlineText", "headlineLevel", "id"])) : m("", !0),
         ((I = e.fancyboxOptions.printButtons) == null ? void 0 : I.color) || ((v = e.fancyboxOptions.printButtons) == null ? void 0 : v.grayscale) || e.fancyboxOptions.closeIcon ? (l(), o("div", jl, [
-          e.showPrintButtons && ((x = e.fancyboxOptions.printButtons) == null ? void 0 : x.color) ? (l(), o("a", {
+          e.showPrintButtons && ((T = e.fancyboxOptions.printButtons) == null ? void 0 : T.color) ? (l(), o("a", {
             key: 0,
             href: "#",
             class: "button print-color",
             title: (M = e.fancyboxOptions.printButtons.color) == null ? void 0 : M.tooltip,
             onClick: i[0] || (i[0] = O((ce) => e.printInGrayscale = !1, ["prevent"]))
           }, [
-            T(d, {
-              iconClass: (P = e.fancyboxOptions.printButtons.color) == null ? void 0 : P.iconClass,
+            x(d, {
+              iconClass: (j = e.fancyboxOptions.printButtons.color) == null ? void 0 : j.iconClass,
               type: (Q = e.fancyboxOptions.printButtons.color) == null ? void 0 : Q.iconType
             }, null, 8, ["iconClass", "type"])
           ], 8, Bl)) : m("", !0),
@@ -2274,9 +2274,9 @@ function Zl(e, i, t, a, n, s) {
             title: (H = e.fancyboxOptions.printButtons.grayscale) == null ? void 0 : H.tooltip,
             onClick: i[1] || (i[1] = O((ce) => e.printInGrayscale = !0, ["prevent"]))
           }, [
-            T(d, {
+            x(d, {
               iconClass: (D = e.fancyboxOptions.printButtons.grayscale) == null ? void 0 : D.iconClass,
-              type: (B = e.fancyboxOptions.printButtons.grayscale) == null ? void 0 : B.iconType
+              type: (P = e.fancyboxOptions.printButtons.grayscale) == null ? void 0 : P.iconType
             }, null, 8, ["iconClass", "type"])
           ], 8, Pl)) : m("", !0),
           e.fancyboxOptions.closeIcon ? (l(), o("a", {
@@ -2288,7 +2288,7 @@ function Zl(e, i, t, a, n, s) {
             ref: "close-dialog",
             onClick: i[2] || (i[2] = O((...ce) => e.close && e.close(...ce), ["prevent"]))
           }, [
-            T(d, {
+            x(d, {
               iconClass: e.fancyboxOptions.closeIcon.iconClass,
               type: e.fancyboxOptions.closeIcon.iconType
             }, null, 8, ["iconClass", "type"])
@@ -2299,7 +2299,7 @@ function Zl(e, i, t, a, n, s) {
         class: _(["outer-content-wrapper", { grayscale: e.printInGrayscale }])
       }, [
         e.fancyBoxImageUrl || ((G = e.cmdImage) == null ? void 0 : G.image) ? (l(), o("div", Fl, [
-          T(r, {
+          x(r, {
             image: e.largeSingleImage,
             figcaption: (Z = e.cmdImage) == null ? void 0 : Z.figcaption
           }, null, 8, ["image", "figcaption"])
@@ -2308,15 +2308,15 @@ function Zl(e, i, t, a, n, s) {
           class: "content",
           innerHTML: e.fancyBoxContent
         }, null, 8, zl)) : e.fancyBoxElements ? (l(), o("div", Hl)) : e.fancyBoxGallery ? (l(), o("div", ql, [
-          T(c, {
+          x(c, {
             onClick: O(e.showPrevItem, ["prevent"]),
             slideButtonType: "prev"
           }, null, 8, ["onClick"]),
-          T(r, {
+          x(r, {
             image: e.largeGalleryImage,
             figcaption: e.fancyBoxGallery[e.index].figcaption
           }, null, 8, ["image", "figcaption"]),
-          T(c, {
+          x(c, {
             onClick: O(e.showNextItem, ["prevent"])
           }, null, 8, ["onClick"])
         ])) : (l(), o("div", Rl, [
@@ -2344,7 +2344,7 @@ function Zl(e, i, t, a, n, s) {
           (Ce = e.fancyboxOptions.submitButtons.confirm) != null && Ce.iconClass ? (l(), C(d, {
             key: 0,
             iconClass: (S = e.fancyboxOptions.submitButtons.confirm) == null ? void 0 : S.iconClass,
-            type: (j = e.fancyboxOptions.submitButtons.confirm) == null ? void 0 : j.iconType
+            type: (B = e.fancyboxOptions.submitButtons.confirm) == null ? void 0 : B.iconType
           }, null, 8, ["iconClass", "type"])) : m("", !0),
           (U = e.fancyboxOptions.submitButtons.confirm) != null && U.buttonText ? (l(), o("span", Ql, g((re = e.fancyboxOptions.submitButtons.confirm) == null ? void 0 : re.buttonText), 1)) : m("", !0)
         ], 8, Gl)) : m("", !0)
@@ -2371,6 +2371,10 @@ const Wl = {
       type: Number,
       default: 0
     },
+    largeIcons: {
+      type: Boolean,
+      default: !1
+    },
     align: {
       type: String,
       default: "left"
@@ -2408,7 +2412,7 @@ const Wl = {
 function Xl(e, i, t, a, n, s) {
   const u = W, d = E, r = le("router-link");
   return l(), o("div", {
-    class: _(["cmd-list-of-links", { box: t.styleAsBox, horizontal: t.orientation === "horizontal", "section-anchors": t.sectionAnchors }])
+    class: _(["cmd-list-of-links", { box: t.styleAsBox, horizontal: t.orientation === "horizontal", "section-anchors": t.sectionAnchors, "large-icons": t.largeIcons }])
   }, [
     t.cmdHeadline ? (l(), C(u, K(q({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
     h("ul", {
@@ -2510,6 +2514,14 @@ const Ot = {
       type: Number,
       default: 0
     },
+    useDefaultPadding: {
+      type: Boolean,
+      default: !0
+    },
+    repeatHeadlineInBoxBody: {
+      type: Boolean,
+      default: !1
+    },
     fadeLastLine: {
       type: Boolean,
       default: !0
@@ -2602,19 +2614,14 @@ const Ot = {
   }
 }, ti = () => {
   Di((e) => ({
-    "6aeeab1e": e.cutoffTextLines
+    "62c8b14e": e.cutoffTextLines
   }));
 }, ii = Ot.setup;
 Ot.setup = ii ? (e, i) => (ti(), ii(e, i)) : ti;
 const io = Ot, no = ["title"], so = {
-  key: 1,
+  key: 0,
   class: "box-header"
-}, lo = {
-  key: 2,
-  class: "box-body",
-  "aria-expanded": "true",
-  role: "article"
-}, oo = ["src", "alt"], ao = { key: 2 }, ro = {
+}, lo = ["src", "alt"], oo = { class: "text-wrapper" }, ao = { key: 1 }, ro = {
   key: 3,
   class: "box-footer"
 }, co = { class: "box-header flex-container vertical" }, uo = { key: 0 }, mo = ["src", "alt"], ho = { key: 1 }, fo = {
@@ -2634,7 +2641,7 @@ const io = Ot, no = ["title"], so = {
   class: "box-footer"
 };
 function Po(e, i, t, a, n, s) {
-  var c, f, p, b, y, I, v;
+  var c, f, p, b, y, I, v, T, M;
   const u = W, d = E, r = $l;
   return t.boxType === "content" ? (l(), o("div", {
     key: 0,
@@ -2654,19 +2661,27 @@ function Po(e, i, t, a, n, s) {
       href: "#",
       class: "box-header",
       title: n.open ? t.iconOpen.tooltip : t.iconClosed.tooltip,
-      onClick: i[0] || (i[0] = O((...x) => s.toggleContentVisibility && s.toggleContentVisibility(...x), ["prevent"]))
+      onClick: i[0] || (i[0] = O((...j) => s.toggleContentVisibility && s.toggleContentVisibility(...j), ["prevent"]))
     }, [
       (c = t.useSlots) != null && c.includes("header") ? V(e.$slots, "header", { key: 0 }) : (f = t.cmdHeadline) != null && f.headlineText ? (l(), C(u, K(q({ key: 1 }, t.cmdHeadline)), null, 16)) : m("", !0),
-      T(d, {
+      x(d, {
         iconClass: n.open ? t.iconOpen.iconClass : t.iconClosed.iconClass,
         type: n.open ? t.iconOpen.iconType : t.iconClosed.iconType
       }, null, 8, ["iconClass", "type"])
-    ], 8, no)) : (l(), o("div", so, [
-      (p = t.useSlots) != null && p.includes("header") ? V(e.$slots, "header", { key: 0 }) : (b = t.cmdHeadline) != null && b.headlineText ? (l(), C(u, K(q({ key: 1 }, t.cmdHeadline)), null, 16)) : m("", !0)
-    ])),
-    n.open ? (l(), o("div", lo, [
-      (y = t.useSlots) != null && y.includes("body") ? V(e.$slots, "body", { key: 0 }, () => [
-        T(bt, { name: s.toggleTransition }, {
+    ], 8, no)) : (l(), o(k, { key: 1 }, [
+      ((p = t.useSlots) == null ? void 0 : p.includes("header")) || ((b = t.cmdHeadline) == null ? void 0 : b.headlineText) ? (l(), o("div", so, [
+        (y = t.useSlots) != null && y.includes("header") ? V(e.$slots, "header", { key: 0 }) : m("", !0),
+        (I = t.cmdHeadline) != null && I.headlineText ? (l(), C(u, K(q({ key: 1 }, t.cmdHeadline)), null, 16)) : m("", !0)
+      ])) : m("", !0)
+    ], 64)),
+    n.open ? (l(), o("div", {
+      key: 2,
+      class: _(["box-body", { "default-padding": t.useDefaultPadding }]),
+      "aria-expanded": "true",
+      role: "article"
+    }, [
+      (v = t.useSlots) != null && v.includes("body") ? V(e.$slots, "body", { key: 0 }, () => [
+        x(bt, { name: s.toggleTransition }, {
           default: A(() => [
             h("p", {
               class: _({
@@ -2678,7 +2693,7 @@ function Po(e, i, t, a, n, s) {
             t.cutoffTextLines > 0 ? (l(), o("a", {
               key: 0,
               href: "#",
-              onClick: i[1] || (i[1] = O((...x) => s.toggleCutOffText && s.toggleCutOffText(...x), ["prevent"]))
+              onClick: i[1] || (i[1] = O((...j) => s.toggleCutOffText && s.toggleCutOffText(...j), ["prevent"]))
             }, g(n.showCutOffText ? e.getMessage("cmdbox.contentbox.collapse_text") : e.getMessage("cmdbox.contentbox.expand_text")), 1)) : m("", !0)
           ]),
           _: 1
@@ -2688,19 +2703,21 @@ function Po(e, i, t, a, n, s) {
           key: 0,
           src: t.image.src,
           alt: t.image.altText
-        }, null, 8, oo)) : m("", !0),
-        (I = t.cmdHeadline) != null && I.headlineText ? (l(), C(u, K(q({ key: 1 }, t.cmdHeadline)), null, 16)) : m("", !0),
-        t.textBody ? (l(), o("p", ao, g(t.textBody), 1)) : m("", !0)
+        }, null, 8, lo)) : m("", !0),
+        h("div", oo, [
+          ((T = t.cmdHeadline) == null ? void 0 : T.headlineText) && t.repeatHeadlineInBoxBody ? (l(), C(u, K(q({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
+          t.textBody ? (l(), o("p", ao, g(t.textBody), 1)) : m("", !0)
+        ])
       ], 64))
-    ])) : m("", !0),
-    (v = t.useSlots) != null && v.includes("footer") ? (l(), o("div", ro, [
+    ], 2)) : m("", !0),
+    (M = t.useSlots) != null && M.includes("footer") ? (l(), o("div", ro, [
       V(e.$slots, "footer")
     ])) : m("", !0)
   ], 2)) : t.boxType === "product" && t.product ? (l(), o("a", {
     key: 1,
     class: _(["cmd-box box product", { "stretch-vertically": t.stretchVertically, "stretch-horizontally": t.stretchHorizontally, "row-view": t.rowView }]),
     href: "#",
-    onClick: i[2] || (i[2] = O((x) => s.clickOnProduct(t.product), ["prevent"]))
+    onClick: i[2] || (i[2] = O((j) => s.clickOnProduct(t.product), ["prevent"]))
   }, [
     h("div", co, [
       t.product.image !== void 0 ? (l(), o("figure", uo, [
@@ -2764,10 +2781,10 @@ function Po(e, i, t, a, n, s) {
       t.user.description ? (l(), o("p", No, g(t.user.description), 1)) : m("", !0)
     ]),
     h("ul", jo, [
-      (l(!0), o(k, null, F(t.user.tags, (x, M) => (l(), o("li", { key: M }, g(x), 1))), 128))
+      (l(!0), o(k, null, F(t.user.tags, (j, Q) => (l(), o("li", { key: Q }, g(j), 1))), 128))
     ]),
     t.user.links ? (l(), o("div", Bo, [
-      T(r, {
+      x(r, {
         links: t.user.links,
         orientation: "horizontal",
         useGap: !1
@@ -2888,13 +2905,13 @@ const Lt = {
   }
 }, ni = () => {
   Di((e) => ({
-    "768e1d12": e.boxesPerRowLarge,
-    "5d1c687e": e.boxesPerRowMedium,
-    "76f5f6de": e.boxesPerRowSmall
+    b9ce4c34: e.boxesPerRowLarge,
+    "7c2d73ac": e.boxesPerRowMedium,
+    b8fe989c: e.boxesPerRowSmall
   }));
 }, si = Lt.setup;
 Lt.setup = si ? (e, i) => (ni(), si(e, i)) : ni;
-const Fo = Lt, zo = { class: "cmd-box-wrapper" }, Ho = { class: "flex-container no-flex headline-wrapper" }, qo = {
+const Fo = Lt, zo = { class: "cmd-box-wrapper" }, Ho = { class: "flex-container headline-wrapper" }, qo = {
   key: 1,
   class: "options-wrapper"
 }, Ro = ["title"], Vo = ["title"];
@@ -2910,7 +2927,7 @@ function Eo(e, i, t, a, n, s) {
           onClick: i[0] || (i[0] = O((...r) => s.toggleCollapsingBoxes && s.toggleCollapsingBoxes(...r), ["prevent"])),
           title: n.collapsingBoxesOpen ? t.collapseBoxesIcon.tooltip : t.expandBoxesIcon.tooltip
         }, [
-          T(d, {
+          x(d, {
             iconClass: n.collapsingBoxesOpen ? t.expandBoxesIcon.iconClass : t.collapseBoxesIcon.iconClass,
             type: n.rowView ? t.iconGridView.iconType : t.iconRowView.iconType
           }, null, 8, ["iconClass", "type"])
@@ -2921,7 +2938,7 @@ function Eo(e, i, t, a, n, s) {
           onClick: i[1] || (i[1] = O((r) => n.rowView = !n.rowView, ["prevent"])),
           title: n.rowView ? t.iconRowView.tooltip : t.iconGridView.tooltip
         }, [
-          T(d, {
+          x(d, {
             iconClass: n.rowView ? t.iconGridView.iconClass : t.iconRowView.iconClass,
             type: n.rowView ? t.iconGridView.iconType : t.iconRowView.iconType
           }, null, 8, ["iconClass", "type"])
@@ -3077,7 +3094,7 @@ function na(e, i, t, a, n, s) {
       title: (f = t.link) == null ? void 0 : f.tooltip
     }, {
       default: A(() => [
-        T(u, { image: s.image }, null, 8, ["image"])
+        x(u, { image: s.image }, null, 8, ["image"])
       ]),
       _: 1
     }, 8, ["to", "title"])) : ((p = t.link) == null ? void 0 : p.type) === "href" ? (l(), o("a", {
@@ -3085,7 +3102,7 @@ function na(e, i, t, a, n, s) {
       href: (b = t.link) == null ? void 0 : b.path,
       title: (y = t.link) == null ? void 0 : y.tooltip
     }, [
-      T(u, { image: s.image }, null, 8, ["image"])
+      x(u, { image: s.image }, null, 8, ["image"])
     ], 8, ia)) : (l(), C(u, {
       key: 2,
       image: s.image
@@ -3167,7 +3184,7 @@ const la = {
   watch: {
     tooltipVisibility() {
       this.tooltipVisibility && this.$nextTick(() => {
-        this.$refs.tooltip.style.left = this.pointerX / 0 + "rem", this.$refs.tooltip.style.top = (this.pointerY + 25) / 0 + "rem";
+        this.$refs.tooltip.style.left = this.pointerX / 10 + "rem", this.$refs.tooltip.style.top = (this.pointerY + 25) / 10 + "rem";
       });
     }
   }
@@ -3196,7 +3213,7 @@ function ra(e, i, t, a, n, s) {
         onClick: i[0] || (i[0] = O((...r) => s.hideTooltip && s.hideTooltip(...r), ["prevent"])),
         title: t.iconClose.tooltip
       }, [
-        T(d, {
+        x(d, {
           iconClass: t.iconClose.iconClass,
           type: t.iconClose.iconType
         }, null, 8, ["iconClass", "type"])
@@ -3307,7 +3324,7 @@ function ya(e, i, t, a, n, s) {
         h("dd", {
           class: _(p.valid(t.inputModelValue, t.inputAttributes) ? "success" : "error")
         }, [
-          T(d, {
+          x(d, {
             "aria-live": "assertive",
             iconClass: p.valid(t.inputModelValue, t.inputAttributes) ? t.iconSuccess.iconClass : t.iconError.iconClass,
             type: p.valid(t.inputModelValue, t.inputAttributes) ? t.iconSuccess.iconType : t.iconError.iconType,
@@ -3939,7 +3956,7 @@ const Ia = ["color", "date", "datetime-local", "file", "number", "range"], xa =
   class: "search-field-wrapper flex-container no-gap"
 }, Wa = ["id", "maxlength", "value"], Ja = ["title"], Ya = ["title"], Ka = { key: 1 };
 function Xa(e, i, t, a, n, s) {
-  var r, c, f, p, b, y, I, v, x, M, P, Q, w, H, D, B, G, Z, R, J, Y, ae, te, se;
+  var r, c, f, p, b, y, I, v, T, M, j, Q, w, H, D, P, G, Z, R, J, Y, ae, te, se;
   const u = Dt, d = E;
   return t.element === "input" || t.element === "select" || t.element === "textarea" ? (l(), o("label", {
     key: 0,
@@ -3988,7 +4005,7 @@ function Xa(e, i, t, a, n, s) {
         "aria-live": "assertive",
         id: e.tooltipId
       }, [
-        T(d, { iconClass: e.getStatusIconClass }, null, 8, ["iconClass"])
+        x(d, { iconClass: e.getStatusIconClass }, null, 8, ["iconClass"])
       ], 8, Oa)) : m("", !0)
     ], 512)), [
       [ye, t.showLabel]
@@ -4025,7 +4042,7 @@ function Xa(e, i, t, a, n, s) {
         }, ["prevent"])),
         title: t.iconPasswordVisible.tooltip
       }, [
-        T(d, {
+        x(d, {
           iconClass: t.iconPasswordVisible.iconClass
         }, null, 8, ["iconClass"])
       ], 40, Na)) : m("", !0)
@@ -4118,7 +4135,7 @@ function Xa(e, i, t, a, n, s) {
         title: t.iconSearch.tooltip,
         onClick: i[21] || (i[21] = O((...L) => s.executeSearch && s.executeSearch(...L), ["prevent"]))
       }, [
-        T(d, {
+        x(d, {
           iconClass: t.iconSearch.iconClass
         }, null, 8, ["iconClass"])
       ], 10, Ja)) : m("", !0),
@@ -4128,7 +4145,7 @@ function Xa(e, i, t, a, n, s) {
         onClick: i[22] || (i[22] = O((L) => e.$emit("update:modelValue", ""), ["prevent"])),
         title: (c = t.iconDelete) == null ? void 0 : c.tooltip
       }, [
-        T(d, {
+        x(d, {
           iconClass: (f = t.iconDelete) == null ? void 0 : f.iconClass,
           type: (p = t.iconDelete) == null ? void 0 : p.iconType
         }, null, 8, ["iconClass", "type"])
@@ -4138,12 +4155,12 @@ function Xa(e, i, t, a, n, s) {
     key: 1,
     class: "button"
   }, s.buttonAttrs), [
-    ((y = (b = t.nativeButton) == null ? void 0 : b.icon) == null ? void 0 : y.show) && (((v = (I = t.nativeButton) == null ? void 0 : I.icon) == null ? void 0 : v.position) === "before" || !((M = (x = t.nativeButton) == null ? void 0 : x.icon) != null && M.position)) ? (l(), C(d, {
+    ((y = (b = t.nativeButton) == null ? void 0 : b.icon) == null ? void 0 : y.show) && (((v = (I = t.nativeButton) == null ? void 0 : I.icon) == null ? void 0 : v.position) === "before" || !((M = (T = t.nativeButton) == null ? void 0 : T.icon) != null && M.position)) ? (l(), C(d, {
       key: 0,
-      iconClass: (Q = (P = t.nativeButton) == null ? void 0 : P.icon) == null ? void 0 : Q.iconClass,
+      iconClass: (Q = (j = t.nativeButton) == null ? void 0 : j.icon) == null ? void 0 : Q.iconClass,
       type: (H = (w = t.nativeButton) == null ? void 0 : w.icon) == null ? void 0 : H.iconType
     }, null, 8, ["iconClass", "type"])) : m("", !0),
-    ((D = t.nativeButton) == null ? void 0 : D.icon) && ((B = t.nativeButton) == null ? void 0 : B.text) ? (l(), o("span", Ka, g(t.nativeButton.text), 1)) : (l(), o(k, { key: 2 }, [
+    ((D = t.nativeButton) == null ? void 0 : D.icon) && ((P = t.nativeButton) == null ? void 0 : P.text) ? (l(), o("span", Ka, g(t.nativeButton.text), 1)) : (l(), o(k, { key: 2 }, [
       z(g(t.nativeButton.text), 1)
     ], 64)),
     ((Z = (G = t.nativeButton) == null ? void 0 : G.icon) == null ? void 0 : Z.show) && ((J = (R = t.nativeButton) == null ? void 0 : R.icon) == null ? void 0 : J.position) === "after" ? (l(), C(d, {
@@ -4280,7 +4297,7 @@ function fr(e, i, t, a, n, s) {
             headlineLevel: t.cmdHeadlineCookieDisclaimer.headlineLevel
           }, null, 8, ["headlineText", "headlineLevel"])) : m("", !0),
           V(e.$slots, "cookie-options", {}, () => {
-            var b, y, I, v, x, M, P, Q;
+            var b, y, I, v, T, M, j, Q;
             return [
               (b = t.cookieOptions) != null && b.required ? (l(), o("div", ir, [
                 (y = t.cmdBoxRequiredCookies) != null && y.showHeadline ? (l(), C(u, {
@@ -4296,11 +4313,11 @@ function fr(e, i, t, a, n, s) {
                     key: H
                   }, {
                     header: A(() => [
-                      T(d, {
+                      x(d, {
                         element: "input",
                         type: "checkbox",
                         modelValue: s.acceptedCookies,
-                        "onUpdate:modelValue": i[0] || (i[0] = (B) => s.acceptedCookies = B),
+                        "onUpdate:modelValue": i[0] || (i[0] = (P) => s.acceptedCookies = P),
                         inputValue: w.value,
                         labelText: w.labelText,
                         disabled: w.disabled,
@@ -4314,7 +4331,7 @@ function fr(e, i, t, a, n, s) {
                       w.linkDataPrivacy ? (l(), o("p", sr, [
                         z(g(w.linkDataPrivacy.label) + " ", 1),
                         h("a", {
-                          onClick: i[1] || (i[1] = (...B) => s.openDataPrivacy && s.openDataPrivacy(...B)),
+                          onClick: i[1] || (i[1] = (...P) => s.openDataPrivacy && s.openDataPrivacy(...P)),
                           href: w.linkDataPrivacy.link,
                           target: w.linkDataPrivacy.target
                         }, g(w.linkDataPrivacy.linkText), 9, lr)
@@ -4329,10 +4346,10 @@ function fr(e, i, t, a, n, s) {
                 }), 128))
               ])) : m("", !0),
               ar,
-              (x = t.cookieOptions) != null && x.optional ? (l(), o("div", rr, [
+              (T = t.cookieOptions) != null && T.optional ? (l(), o("div", rr, [
                 (M = t.cmdBoxOptionalCookies) != null && M.showHeadline ? (l(), C(u, {
                   key: 0,
-                  "headline-text": (P = t.cmdBoxOptionalCookies) == null ? void 0 : P.headlineText,
+                  "headline-text": (j = t.cmdBoxOptionalCookies) == null ? void 0 : j.headlineText,
                   "headline-level": (Q = t.cmdBoxOptionalCookies) == null ? void 0 : Q.headlineLevel
                 }, null, 8, ["headline-text", "headline-level"])) : m("", !0),
                 (l(!0), o(k, null, F(t.cookieOptions.optional.cookies || [], (w, H) => {
@@ -4343,11 +4360,11 @@ function fr(e, i, t, a, n, s) {
                     key: H
                   }, {
                     header: A(() => [
-                      T(d, {
+                      x(d, {
                         element: "input",
                         type: "checkbox",
                         modelValue: s.acceptedCookies,
-                        "onUpdate:modelValue": i[2] || (i[2] = (B) => s.acceptedCookies = B),
+                        "onUpdate:modelValue": i[2] || (i[2] = (P) => s.acceptedCookies = P),
                         inputValue: w.value,
                         labelText: w.labelText,
                         disabled: w.disabled,
@@ -4361,7 +4378,7 @@ function fr(e, i, t, a, n, s) {
                       w.linkDataPrivacy ? (l(), o("p", ur, [
                         z(g(w.linkDataPrivacy.label) + " ", 1),
                         h("a", {
-                          onClick: i[3] || (i[3] = (...B) => s.openDataPrivacy && s.openDataPrivacy(...B)),
+                          onClick: i[3] || (i[3] = (...P) => s.openDataPrivacy && s.openDataPrivacy(...P)),
                           href: w.linkDataPrivacy.link,
                           target: w.linkDataPrivacy.target
                         }, g(w.linkDataPrivacy.linkText), 9, dr)
@@ -4678,7 +4695,7 @@ function Rr(e, i, t, a, n, s) {
         "aria-live": "assertive",
         id: e.tooltipId
       }, [
-        T(d, { iconClass: e.getStatusIconClass }, null, 8, ["iconClass"])
+        x(d, { iconClass: e.getStatusIconClass }, null, 8, ["iconClass"])
       ], 8, Tr)) : m("", !0)
     ])) : m("", !0),
     h("ul", {
@@ -4965,7 +4982,7 @@ function Xr(e, i, t, a, n, s) {
         title: t.deleteFilterIcon.tooltip
       }, [
         h("span", null, g(t.selectedOptionsName(d)), 1),
-        T(u, {
+        x(u, {
           iconClass: t.deleteFilterIcon.iconClass,
           type: t.deleteFilterIcon.iconType
         }, null, 8, ["iconClass", "type"])
@@ -5034,7 +5051,7 @@ function rc(e, i, t, a, n, s) {
       href: "#",
       title: e.getMessage("cmdimagegallery.tooltip.open_large_image")
     }, [
-      T(u, {
+      x(u, {
         image: d.image,
         figcaption: d.figcaption
       }, null, 8, ["image", "figcaption"])
@@ -5075,8 +5092,8 @@ const cc = {
   }
 };
 function li(e, i) {
-  const t = e.$el.querySelector(".zoom-container"), a = t.querySelector("img"), n = e.$el.querySelector(".zoom-overlay"), s = i.target.getBoundingClientRect().width, u = i.target.getBoundingClientRect().height, d = a.getBoundingClientRect().width, r = a.getBoundingClientRect().height, c = i.pageX - i.target.getBoundingClientRect().x - window.pageXOffset, f = i.pageY - i.target.getBoundingClientRect().y - window.pageYOffset, p = Math.min(s, t.getBoundingClientRect().width / d * s), b = Math.min(u, t.getBoundingClientRect().height / r * u), y = oi(c - p / 2, 0, s - p), I = oi(f - b / 2, 0, u - b), v = -(y * (d / s)), x = -(I * (r / u));
-  n.style.left = `${y}px`, n.style.top = `${I}px`, n.style.width = `${p}px`, n.style.height = `${b}px`, n.style.display = "block", a.style.marginLeft = `${v}px`, a.style.marginTop = `${x}px`;
+  const t = e.$el.querySelector(".zoom-container"), a = t.querySelector("img"), n = e.$el.querySelector(".zoom-overlay"), s = i.target.getBoundingClientRect().width, u = i.target.getBoundingClientRect().height, d = a.getBoundingClientRect().width, r = a.getBoundingClientRect().height, c = i.pageX - i.target.getBoundingClientRect().x - window.pageXOffset, f = i.pageY - i.target.getBoundingClientRect().y - window.pageYOffset, p = Math.min(s, t.getBoundingClientRect().width / d * s), b = Math.min(u, t.getBoundingClientRect().height / r * u), y = oi(c - p / 2, 0, s - p), I = oi(f - b / 2, 0, u - b), v = -(y * (d / s)), T = -(I * (r / u));
+  n.style.left = `${y}px`, n.style.top = `${I}px`, n.style.width = `${p}px`, n.style.height = `${b}px`, n.style.display = "block", a.style.marginLeft = `${v}px`, a.style.marginTop = `${T}px`;
 }
 function oi(e, i, t) {
   return e < i ? i : e > t ? t : e;
@@ -5271,7 +5288,7 @@ function Sc(e, i, t, a, n, s) {
         "aria-live": "assertive",
         id: e.tooltipId
       }, [
-        T(d, { iconClass: e.getStatusIconClass }, null, 8, ["iconClass"])
+        x(d, { iconClass: e.getStatusIconClass }, null, 8, ["iconClass"])
       ], 8, vc)) : m("", !0)
     ], 512), [
       [ye, t.showLabel]
@@ -5501,7 +5518,7 @@ const Mc = {
   }
 }, Oc = { class: "cmd-login-form flex-container" }, Lc = { class: "flex-container" }, Dc = { class: "option-wrapper flex-container" }, Nc = { key: 1 }, jc = ["href"], Bc = { key: 1 }, Pc = /* @__PURE__ */ z(" /> "), Ac = { key: 1 }, Fc = ["type", "disabled"], zc = { key: 1 }, Hc = { class: "cmd-login-form flex-container" }, qc = { class: "option-wrapper flex-container" }, Rc = { key: 1 }, Vc = ["type", "disabled"], Ec = { key: 1 };
 function Uc(e, i, t, a, n, s) {
-  var f, p, b, y, I, v, x;
+  var f, p, b, y, I, v, T;
   const u = W, d = _e, r = E, c = le("router-link");
   return l(), o(k, null, [
     ne(h("fieldset", Oc, [
@@ -5510,7 +5527,7 @@ function Uc(e, i, t, a, n, s) {
       }, g(t.textLegendLoginForm), 3),
       t.cmdHeadlineLoginForm ? (l(), C(u, K(q({ key: 0 }, t.cmdHeadlineLoginForm)), null, 16)) : m("", !0),
       h("div", Lc, [
-        T(d, {
+        x(d, {
           element: "input",
           type: "text",
           name: t.cmdFormElementUsername.name,
@@ -5523,7 +5540,7 @@ function Uc(e, i, t, a, n, s) {
           required: t.cmdFormElementUsername.required,
           onValidationStatusChange: i[1] || (i[1] = (M) => s.checkValidationStatus(M, "username"))
         }, null, 8, ["name", "id", "modelValue", "fieldIconClass", "labelText", "placeholder", "required"]),
-        T(d, {
+        x(d, {
           element: "input",
           type: "password",
           name: t.cmdFormElementPassword.name,
@@ -5604,7 +5621,7 @@ function Uc(e, i, t, a, n, s) {
         class: _({ hidden: !t.showLegend })
       }, g(t.textLegendForgotLoginForm), 3),
       t.cmdHeadlineSendLoginForm ? (l(), C(u, K(q({ key: 0 }, t.cmdHeadlineSendLoginForm)), null, 16)) : m("", !0),
-      T(d, {
+      x(d, {
         element: "input",
         type: "email",
         fieldIconClass: t.cmdFormElementSendLogin.innerIconClass,
@@ -5639,7 +5656,7 @@ function Uc(e, i, t, a, n, s) {
           (I = t.buttons.sendLogin.icon) != null && I.iconClass ? (l(), C(r, {
             key: 0,
             iconClass: (v = t.buttons.sendLogin.icon) == null ? void 0 : v.iconClass,
-            title: (x = t.buttons.sendLogin.icon) == null ? void 0 : x.tooltip
+            title: (T = t.buttons.sendLogin.icon) == null ? void 0 : T.tooltip
           }, null, 8, ["iconClass", "title"])) : m("", !0),
           t.buttons.sendLogin.text ? (l(), o("span", Ec, g(t.buttons.sendLogin.text), 1)) : m("", !0)
         ], 10, Vc)) : m("", !0)
@@ -5865,7 +5882,7 @@ function su(e, i, t, a, n, s) {
                   key: 2,
                   "aria-expanded": n.openSubentry ? "true" : "false"
                 }, [
-                  (l(!0), o(k, null, F(y.subentries, (v, x) => (l(), o("li", { key: x }, [
+                  (l(!0), o(k, null, F(y.subentries, (v, T) => (l(), o("li", { key: T }, [
                     r.type === "href" ? (l(), o("a", {
                       key: 0,
                       href: v.path,
@@ -5918,7 +5935,7 @@ function su(e, i, t, a, n, s) {
       id: "toggle-offcanvas",
       onClick: i[5] || (i[5] = O((...r) => s.toggleOffcanvasNavigation && s.toggleOffcanvasNavigation(...r), ["prevent"]))
     }, [
-      T(u, {
+      x(u, {
         iconClass: t.buttonOffcanvas.iconClass,
         type: t.buttonOffcanvas.iconType
       }, null, 8, ["iconClass", "type"]),
@@ -6286,7 +6303,7 @@ function Pu(e, i, t, a, n, s) {
       onClick: i[0] || (i[0] = O((...d) => s.previousPage && s.previousPage(...d), ["prevent"])),
       title: t.prevLink.showText ? null : t.prevLink.text
     }, [
-      T(u, {
+      x(u, {
         iconClass: t.prevLink.iconClass,
         type: t.prevLink.iconType
       }, null, 8, ["iconClass", "type"]),
@@ -6313,7 +6330,7 @@ function Pu(e, i, t, a, n, s) {
       title: t.nextLink.showText ? null : t.nextLink.text
     }, [
       t.nextLink.showText ? (l(), o("span", Bu, g(t.nextLink.text), 1)) : m("", !0),
-      T(u, {
+      x(u, {
         iconClass: t.nextLink.iconClass,
         type: t.nextLink.iconType
       }, null, 8, ["iconClass", "type"])
@@ -6809,7 +6826,7 @@ const $u = {
   "aria-expanded": "true"
 };
 function od(e, i, t, a, n, s) {
-  var p, b, y, I, v, x, M, P, Q, w;
+  var p, b, y, I, v, T, M, j, Q, w;
   const u = W, d = _e, r = E, c = Vr, f = $r;
   return l(), o(k, null, [
     h("fieldset", ed, [
@@ -6818,7 +6835,7 @@ function od(e, i, t, a, n, s) {
       }, g(t.textLegend), 3),
       t.cmdHeadline ? (l(), C(u, K(q({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
       h("div", td, [
-        T(d, {
+        x(d, {
           element: "input",
           type: t.cmdFormElementInput1.type,
           "show-label": t.cmdFormElementInput1.showLabel,
@@ -6853,7 +6870,7 @@ function od(e, i, t, a, n, s) {
             required: t.cmdFormElementRadius.required
           }, null, 8, ["modelValue", "show-label", "labelText", "select-options", "required"])) : m("", !0)
         ]),
-        T(d, {
+        x(d, {
           element: "button",
           class: "stretch-on-small-devices",
           nativeButton: t.cmdFormElementSearchButton,
@@ -6867,23 +6884,23 @@ function od(e, i, t, a, n, s) {
           href: "#",
           onClick: i[3] || (i[3] = O((H) => n.showFilters = !n.showFilters, ["prevent"]))
         }, [
-          T(r, {
+          x(r, {
             iconClass: n.showFilters ? (y = (b = t.cmdIcon) == null ? void 0 : b.showFilters) == null ? void 0 : y.iconClass : (v = (I = t.cmdIcon) == null ? void 0 : I.hideFilters) == null ? void 0 : v.iconClass,
-            type: n.showFilters ? (M = (x = t.cmdIcon) == null ? void 0 : x.showFilters) == null ? void 0 : M.iconType : (Q = (P = t.cmdIcon) == null ? void 0 : P.hideFilters) == null ? void 0 : Q.iconType
+            type: n.showFilters ? (M = (T = t.cmdIcon) == null ? void 0 : T.showFilters) == null ? void 0 : M.iconType : (Q = (j = t.cmdIcon) == null ? void 0 : j.hideFilters) == null ? void 0 : Q.iconType
           }, null, 8, ["iconClass", "type"]),
           n.showFilters ? (l(), o("span", nd, g(e.getMessage("cmdsitesearch.hide_filter_options")), 1)) : (l(), o("span", sd, g(e.getMessage("cmdsitesearch.show_filter_options")), 1))
         ]),
-        T(ue, { name: "fade" }, {
+        x(ue, { name: "fade" }, {
           default: A(() => {
-            var H, D, B, G, Z;
+            var H, D, P, G, Z;
             return [
               n.showFilters && ((H = t.cmdFakeSelect) == null ? void 0 : H.selectData.length) ? (l(), o("div", ld, [
-                T(c, {
+                x(c, {
                   role: "option",
                   selectData: (D = t.cmdFakeSelect) == null ? void 0 : D.selectData,
                   modelValue: s.searchFilters,
                   "onUpdate:modelValue": i[4] || (i[4] = (R) => s.searchFilters = R),
-                  defaultOptionName: (B = t.cmdFakeSelect) == null ? void 0 : B.defaultOptionName,
+                  defaultOptionName: (P = t.cmdFakeSelect) == null ? void 0 : P.defaultOptionName,
                   type: (G = t.cmdFakeSelect) == null ? void 0 : G.type,
                   labelText: (Z = t.cmdFakeSelect) == null ? void 0 : Z.labelText
                 }, null, 8, ["selectData", "modelValue", "defaultOptionName", "type", "labelText"])
@@ -7001,13 +7018,13 @@ function md(e, i, t, a, n, s) {
       onMouseenter: i[0] || (i[0] = (r) => n.pause = !0),
       onMouseleave: i[1] || (i[1] = (r) => n.pause = !1)
     }, [
-      T(u, {
+      x(u, {
         onClick: O(s.showPrevItem, ["prevent"]),
         slideButtonType: "prev"
       }, null, 8, ["onClick"]),
-      T(bt, { name: "fade" }, {
+      x(bt, { name: "fade" }, {
         default: A(() => {
-          var r, c, f, p, b, y, I, v, x, M;
+          var r, c, f, p, b, y, I, v, T, M;
           return [
             s.currentItem ? (l(), o(k, { key: 0 }, [
               t.useSlot ? (l(), o("div", {
@@ -7022,12 +7039,12 @@ function md(e, i, t, a, n, s) {
                   title: (y = (b = s.currentItem) == null ? void 0 : b.link) == null ? void 0 : y.tooltip,
                   key: n.index
                 }, [
-                  T(d, {
+                  x(d, {
                     image: (I = s.currentItem) == null ? void 0 : I.image,
                     figcaption: (v = s.currentItem) == null ? void 0 : v.figcaption
                   }, null, 8, ["image", "figcaption"])
                 ], 8, rd)) : (l(), C(d, {
-                  image: (x = s.currentItem) == null ? void 0 : x.image,
+                  image: (T = s.currentItem) == null ? void 0 : T.image,
                   figcaption: (M = s.currentItem) == null ? void 0 : M.figcaption,
                   key: n.index
                 }, null, 8, ["image", "figcaption"]))
@@ -7037,7 +7054,7 @@ function md(e, i, t, a, n, s) {
         }),
         _: 3
       }),
-      T(u, {
+      x(u, {
         onClick: O(s.showNextItem, ["prevent"])
       }, null, 8, ["onClick"]),
       t.showQuickLinkIcons ? (l(), o("ol", cd, [
@@ -7218,12 +7235,12 @@ function Sd(e, i, t, a, n, s) {
           onClick: i[0] || (i[0] = O((r) => n.showSystemMessage = !1, ["prevent"])),
           title: t.iconClose.tooltip
         }, [
-          T(u, {
+          x(u, {
             iconClass: t.iconClose.iconClass,
             type: t.iconClose.iconType
           }, null, 8, ["iconClass", "type"])
         ], 8, Td)) : m("", !0),
-        T(d, {
+        x(d, {
           class: "message-headline",
           headlineIcon: s.headlineIcon,
           headlineText: t.systemMessage,
@@ -7334,7 +7351,7 @@ function Ad(e, i, t, a, n, s) {
         onClick: i[0] || (i[0] = O((p) => n.fullWidth = !n.fullWidth, ["prevent"])),
         title: t.iconToggleWidth.tooltip
       }, [
-        T(u, {
+        x(u, {
           iconClass: t.iconToggleWidth.iconClass,
           type: t.iconToggleWidth.iconType
         }, null, 8, ["iconClass", "type"])
@@ -7346,7 +7363,7 @@ function Ad(e, i, t, a, n, s) {
         onClick: i[1] || (i[1] = O((p) => n.showTableData = !n.showTableData, ["prevent"])),
         title: n.showTableData ? t.iconCollapse.tooltip : t.iconExpand.tooltip
       }, [
-        T(u, {
+        x(u, {
           iconClass: n.showTableData ? t.iconCollapse.iconClass : t.iconExpand.iconClass,
           type: n.showTableData ? t.iconCollapse.iconType : t.iconExpand.iconType
         }, null, 8, ["iconClass", "type"])
@@ -7365,7 +7382,7 @@ function Ad(e, i, t, a, n, s) {
             (l(!0), o(k, null, F(t.tableData.thead, (p, b) => (l(), o("th", { key: b }, g(p), 1))), 128))
           ])
         ]),
-        T(ue, { name: "fade" }, {
+        x(ue, { name: "fade" }, {
           default: A(() => [
             ne(h("tbody", Bd, [
               (l(!0), o(k, null, F(t.tableData.tbody, (p, b) => (l(), o("tr", {
@@ -7383,7 +7400,7 @@ function Ad(e, i, t, a, n, s) {
           ]),
           _: 1
         }),
-        T(ue, { name: "fade" }, {
+        x(ue, { name: "fade" }, {
           default: A(() => [
             t.tableData.tfoot && t.tableData.tfoot.length && n.showTableData ? (l(), o("tfoot", Pd, [
               h("tr", null, [
@@ -7675,7 +7692,7 @@ function im(e, i, t, a, n, s) {
       onClick: i[0] || (i[0] = O((...r) => s.toggleColorScheme && s.toggleColorScheme(...r), ["prevent"]))
     }, [
       t.showLabel ? (l(), o("span", tm, g(s.labelText), 1)) : m("", !0),
-      T(u, {
+      x(u, {
         iconClass: s.iconClass,
         type: s.iconType,
         tooltip: t.showLabel ? "" : s.labelText
@@ -8108,18 +8125,18 @@ function _i() {
   var e = ee, i = xm(), t = Tm(), a = $i, n = Om(), s = Lm(), u = Dm(), d = tn(), r = Re(), c = qe();
   return it = function(p) {
     return new Promise(function(y, I) {
-      var v = p.data, x = p.headers, M = p.responseType, P;
+      var v = p.data, T = p.headers, M = p.responseType, j;
       function Q() {
-        p.cancelToken && p.cancelToken.unsubscribe(P), p.signal && p.signal.removeEventListener("abort", P);
+        p.cancelToken && p.cancelToken.unsubscribe(j), p.signal && p.signal.removeEventListener("abort", j);
       }
-      e.isFormData(v) && delete x["Content-Type"];
+      e.isFormData(v) && delete T["Content-Type"];
       var w = new XMLHttpRequest();
       if (p.auth) {
         var H = p.auth.username || "", D = p.auth.password ? unescape(encodeURIComponent(p.auth.password)) : "";
-        x.Authorization = "Basic " + btoa(H + ":" + D);
+        T.Authorization = "Basic " + btoa(H + ":" + D);
       }
-      var B = n(p.baseURL, p.url);
-      w.open(p.method.toUpperCase(), a(B, p.params, p.paramsSerializer), !0), w.timeout = p.timeout;
+      var P = n(p.baseURL, p.url);
+      w.open(p.method.toUpperCase(), a(P, p.params, p.paramsSerializer), !0), w.timeout = p.timeout;
       function G() {
         if (!!w) {
           var R = "getAllResponseHeaders" in w ? s(w.getAllResponseHeaders()) : null, J = !M || M === "text" || M === "json" ? w.responseText : w.response, Y = {
@@ -8152,14 +8169,14 @@ function _i() {
           w
         )), w = null;
       }, e.isStandardBrowserEnv()) {
-        var Z = (p.withCredentials || u(B)) && p.xsrfCookieName ? t.read(p.xsrfCookieName) : void 0;
-        Z && (x[p.xsrfHeaderName] = Z);
+        var Z = (p.withCredentials || u(P)) && p.xsrfCookieName ? t.read(p.xsrfCookieName) : void 0;
+        Z && (T[p.xsrfHeaderName] = Z);
       }
-      "setRequestHeader" in w && e.forEach(x, function(J, Y) {
-        typeof v > "u" && Y.toLowerCase() === "content-type" ? delete x[Y] : w.setRequestHeader(Y, J);
-      }), e.isUndefined(p.withCredentials) || (w.withCredentials = !!p.withCredentials), M && M !== "json" && (w.responseType = p.responseType), typeof p.onDownloadProgress == "function" && w.addEventListener("progress", p.onDownloadProgress), typeof p.onUploadProgress == "function" && w.upload && w.upload.addEventListener("progress", p.onUploadProgress), (p.cancelToken || p.signal) && (P = function(R) {
+      "setRequestHeader" in w && e.forEach(T, function(J, Y) {
+        typeof v > "u" && Y.toLowerCase() === "content-type" ? delete T[Y] : w.setRequestHeader(Y, J);
+      }), e.isUndefined(p.withCredentials) || (w.withCredentials = !!p.withCredentials), M && M !== "json" && (w.responseType = p.responseType), typeof p.onDownloadProgress == "function" && w.addEventListener("progress", p.onDownloadProgress), typeof p.onUploadProgress == "function" && w.upload && w.upload.addEventListener("progress", p.onUploadProgress), (p.cancelToken || p.signal) && (j = function(R) {
         !w || (I(!R || R && R.type ? new c("canceled") : R), w.abort(), w = null);
-      }, p.cancelToken && p.cancelToken.subscribe(P), p.signal && (p.signal.aborted ? P() : p.signal.addEventListener("abort", P))), v || (v = null), w.send(v);
+      }, p.cancelToken && p.cancelToken.subscribe(j), p.signal && (p.signal.aborted ? j() : p.signal.addEventListener("abort", j))), v || (v = null), w.send(v);
     });
   }, it;
 }
@@ -9010,7 +9027,7 @@ function Th(e, i, t, a, n, s) {
       }, qt(s.dragAndDropHandler)), [
         n.listOfFiles.length ? (l(), o("div", $m, [
           t.showTotalUpload && n.listOfFiles.length !== 1 ? (l(), o("div", eh, [
-            T(u, q(t.cmdHeadlineSummaryOfAllFiles, { headlineLevel: "4" }), {
+            x(u, q(t.cmdHeadlineSummaryOfAllFiles, { headlineLevel: "4" }), {
               default: A(() => [
                 z(g(e.getMessage("cmduploadform.headline.summary_of_all_files")), 1)
               ]),
@@ -9023,7 +9040,7 @@ function Th(e, i, t, a, n, s) {
                   title: e.getMessage("cmduploadform.labeltext.remove_all_files_from_list"),
                   onClick: i[0] || (i[0] = O((...f) => s.cancelUpload && s.cancelUpload(...f), ["prevent"]))
                 }, [
-                  T(r, {
+                  x(r, {
                     iconClass: t.deleteIcon.iconClass,
                     type: t.deleteIcon.iconClass
                   }, null, 8, ["iconClass", "type"])
@@ -9055,7 +9072,7 @@ function Th(e, i, t, a, n, s) {
             oh
           ])) : m("", !0),
           h("div", ah, [
-            T(u, q(t.cmdHeadlineListOfSelectedFiles, { headlineLevel: "4" }), {
+            x(u, q(t.cmdHeadlineListOfSelectedFiles, { headlineLevel: "4" }), {
               default: A(() => [
                 z(g(e.getMessage("cmduploadform.headline.list_of_selected_files")), 1)
               ]),
@@ -9071,7 +9088,7 @@ function Th(e, i, t, a, n, s) {
                   title: e.getMessage("cmduploadform.labeltext.remove_file_from_list", f.file.name),
                   onClick: O((b) => s.removeFile(p), ["prevent"])
                 }, [
-                  T(r, {
+                  x(r, {
                     iconClass: e.iconDelete.iconClass,
                     type: e.iconDelete.iconType
                   }, null, 8, ["iconClass", "type"])
@@ -9153,12 +9170,12 @@ function Th(e, i, t, a, n, s) {
               onClick: i[2] || (i[2] = O((f) => n.showListOfFileExtensions = !n.showListOfFileExtensions, ["prevent"])),
               title: e.getMessage("cmduploadform.tooltip.toggle_list_of_allowed_file_types")
             }, [
-              T(r, {
+              x(r, {
                 iconClass: n.showListOfFileExtensions ? t.iconInvisible.iconClass : t.iconVisible.iconClass,
                 type: n.showListOfFileExtensions ? t.iconInvisible.iconType : t.iconVisible.iconType
               }, null, 8, ["iconClass", "type"])
             ], 8, gh),
-            T(ue, { name: "fade" }, {
+            x(ue, { name: "fade" }, {
               default: A(() => [
                 n.showListOfFileExtensions ? (l(), o("ul", ph, [
                   (l(!0), o(k, null, F(t.allowedFileExtensions, (f, p) => (l(), o("li", {
@@ -9178,7 +9195,7 @@ function Th(e, i, t, a, n, s) {
             disabled: n.uploadInitiated,
             onClick: i[3] || (i[3] = (f) => s.selectFiles())
           }, [
-            T(r, {
+            x(r, {
               iconClass: t.iconFileUpload.iconClass,
               type: t.iconFileUpload.iconType
             }, null, 8, ["iconClass", "type"]),
@@ -9224,7 +9241,7 @@ function Th(e, i, t, a, n, s) {
           disabled: n.listOfFiles.length === 0 || t.maxTotalUploadSize > 0 && s.totalSize > t.maxTotalUploadSize || n.uploadInitiated,
           onClick: i[5] || (i[5] = (...f) => s.uploadFiles && s.uploadFiles(...f))
         }, [
-          T(r, {
+          x(r, {
             iconClass: t.iconUpload.iconClass,
             type: t.iconUpload.iconType
           }, null, 8, ["iconClass", "type"]),
@@ -9234,7 +9251,7 @@ function Th(e, i, t, a, n, s) {
           class: _(["button", { disabled: n.listOfFiles.length === 0 }]),
           onClick: i[6] || (i[6] = (...f) => s.cancel && s.cancel(...f))
         }, [
-          T(r, {
+          x(r, {
             iconClass: t.iconCancel.iconClass,
             type: t.iconCancel.iconType
           }, null, 8, ["iconClass", "type"]),
@@ -9259,20 +9276,20 @@ function Th(e, i, t, a, n, s) {
         t.enableDragAndDrop ? (l(), o(k, { key: 0 }, [
           s.fileTypeImage ? (l(), o(k, { key: 0 }, [
             h("span", null, g(e.getMessage("cmduploadform.select_image")), 1),
-            T(r, {
+            x(r, {
               iconClass: t.iconImage.iconClass,
               type: t.iconImage.iconType
             }, null, 8, ["iconClass", "type"])
           ], 64)) : (l(), o(k, { key: 1 }, [
             h("span", null, g(e.getMessage("cmduploadform.select_file")), 1),
-            T(r, {
+            x(r, {
               iconClass: t.iconFileUpload.iconClass,
               type: t.iconFileUpload.iconType
             }, null, 8, ["iconClass", "type"])
           ], 64))
         ], 64)) : (l(), o(k, { key: 1 }, [
           h("span", null, g(e.getMessage("cmduploadform.drag_and_drop_file_here")), 1),
-          T(r, {
+          x(r, {
             iconClass: t.iconDragAndDrop.iconClass,
             type: t.iconDragAndDrop.iconType
           }, null, 8, ["iconClass", "type"])
@@ -9281,7 +9298,7 @@ function Th(e, i, t, a, n, s) {
         h("small", null, g(e.getMessage("cmduploadform.allowed_file_types")) + " " + g(t.allowedFileExtensions), 1)
       ])
     ], 16)),
-    T(c, {
+    x(c, {
       element: "input",
       type: "file",
       labelText: e.getMessage("cmduploadform.labeltext.select_files"),