comand-component-library 4.0.54 → 4.0.56

package/dist/comand-component-library.js

@@ -1,8 +1,8 @@
 var Ri = Object.defineProperty;
 var Ni = (e, n, t) => n in e ? Ri(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var Ae = (e, n, t) => Ni(e, typeof n != "symbol" ? n + "" : n, t);
-import { defineComponent as Zn, h as fn, resolveComponent as be, openBlock as l, createBlock as C, normalizeClass as b, createElementBlock as a, getCurrentInstance as ji, resolveDynamicComponent as De, withModifiers as O, withCtx as V, withDirectives as ue, createElementVNode as f, createVNode as v, createCommentVNode as c, vShow as ye, Fragment as _, toDisplayString as g, renderSlot as A, normalizeProps as j, mergeProps as M, createTextVNode as H, renderList as q, resolveDirective as Ui, Transition as ke, toHandlers as kt, TransitionGroup as Ht, createApp as zi, Teleport as Wi, normalizeStyle as et, guardReactiveProps as xe, useCssVars as Yn, vModelDynamic as Gi, vModelText as Ji, onBeforeUpdate as Ki } from "vue";
-const He = /^[a-z0-9]+(-[a-z0-9]+)*$/, ot = (e, n, t, s = "") => {
+import { defineComponent as Zn, h as fn, resolveComponent as be, openBlock as l, createBlock as C, normalizeClass as b, createElementBlock as a, getCurrentInstance as ji, resolveDynamicComponent as De, withModifiers as O, withCtx as V, withDirectives as ue, createElementVNode as f, createVNode as v, createCommentVNode as c, vShow as ye, Fragment as _, toDisplayString as g, renderSlot as A, normalizeProps as j, mergeProps as M, createTextVNode as q, renderList as H, resolveDirective as Ui, Transition as ke, toHandlers as kt, TransitionGroup as qt, createApp as zi, Teleport as Wi, normalizeStyle as et, guardReactiveProps as xe, useCssVars as Yn, vModelDynamic as Gi, vModelText as Ji, onBeforeUpdate as Ki } from "vue";
+const qe = /^[a-z0-9]+(-[a-z0-9]+)*$/, ot = (e, n, t, s = "") => {
   const o = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (o.length < 2 || o.length > 3)
@@ -37,7 +37,7 @@ const He = /^[a-z0-9]+(-[a-z0-9]+)*$/, ot = (e, n, t, s = "") => {
     return n && !Ze(d, t) ? null : d;
   }
   return null;
-}, Ze = (e, n) => e ? !!((e.provider === "" || e.provider.match(He)) && (n && e.prefix === "" || e.prefix.match(He)) && e.name.match(He)) : !1, Xn = Object.freeze(
+}, Ze = (e, n) => e ? !!((e.provider === "" || e.provider.match(qe)) && (n && e.prefix === "" || e.prefix.match(qe)) && e.name.match(qe)) : !1, Xn = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -128,7 +128,7 @@ function $n(e) {
   const t = n.icons;
   for (const o in t) {
     const i = t[o];
-    if (!o.match(He) || typeof i.body != "string" || !gt(
+    if (!o.match(qe) || typeof i.body != "string" || !gt(
       i,
       vt
     ))
@@ -137,7 +137,7 @@ function $n(e) {
   const s = n.aliases || {};
   for (const o in s) {
     const i = s[o], r = i.parent;
-    if (!o.match(He) || typeof r != "string" || !t[r] && !s[r] || !gt(
+    if (!o.match(qe) || typeof r != "string" || !t[r] && !s[r] || !gt(
       i,
       vt
     ))
@@ -935,7 +935,7 @@ function Vo(e, n) {
   return t;
 }
 const Do = /[\s,]+/;
-function qo(e, n) {
+function Ho(e, n) {
   n.split(Do).forEach((t) => {
     switch (t.trim()) {
       case "horizontal":
@@ -947,7 +947,7 @@ function qo(e, n) {
     }
   });
 }
-function Ho(e, n = 0) {
+function qo(e, n = 0) {
   const t = e.replace(/^-?[0-9.]*/, "");
   function s(o) {
     for (; o < 0; )
@@ -1038,13 +1038,13 @@ const On = (e, n) => {
           t[S] = T === !0 || T === "true" || T === 1;
           break;
         case "flip":
-          typeof T == "string" && qo(t, T);
+          typeof T == "string" && Ho(t, T);
           break;
         case "color":
           i.color = T;
           break;
         case "rotate":
-          typeof T == "string" ? t[S] = Ho(T) : typeof T == "number" && (t[S] = T);
+          typeof T == "string" ? t[S] = qo(T) : typeof T == "number" && (t[S] = T);
           break;
         case "ariaHidden":
         case "aria-hidden":
@@ -1747,7 +1747,7 @@ function kl(e, n, t, s, o, i) {
             }, null, 8, bl),
             f("span", null, [
               A(e.$slots, "default", {}, () => [
-                H(g(t.headlineText), 1)
+                q(g(t.headlineText), 1)
               ])
             ])
           ])
@@ -1759,7 +1759,7 @@ function kl(e, n, t, s, o, i) {
         t.cmdIcon ? (l(), C(r, j(M({ key: 0 }, t.cmdIcon)), null, 16)) : c("", !0),
         f("span", null, [
           A(e.$slots, "default", {}, () => [
-            H(g(t.headlineText), 1)
+            q(g(t.headlineText), 1)
           ])
         ])
       ]),
@@ -1795,7 +1795,7 @@ function kl(e, n, t, s, o, i) {
               t.cmdIcon ? (l(), C(r, j(M({ key: 0 }, t.cmdIcon)), null, 16)) : c("", !0),
               f("span", Cl, g(t.preHeadlineText), 1),
               A(e.$slots, "default", {}, () => [
-                H(g(t.headlineText), 1)
+                q(g(t.headlineText), 1)
               ])
             ]),
             _: 3
@@ -1803,7 +1803,7 @@ function kl(e, n, t, s, o, i) {
         ], 64)) : t.headlineText ? (l(), C(De(i.headlineTag), { key: 2 }, {
           default: V(() => [
             A(e.$slots, "default", {}, () => [
-              H(g(t.headlineText), 1)
+              q(g(t.headlineText), 1)
             ])
           ]),
           _: 3
@@ -1968,7 +1968,7 @@ function Ol(e, n, t, s, o, i) {
       ], 8, Sl)) : c("", !0)
     ])) : c("", !0),
     A(e.$slots, "default", {}, () => [
-      H(g(t.tooltipText), 1)
+      q(g(t.tooltipText), 1)
     ])
   ], 2)) : c("", !0);
 }
@@ -2129,7 +2129,7 @@ function Vl(e, n, t, s, o, i) {
       "headline-level": t.cmdHeadline.headlineLevel
     }, {
       default: V(() => [
-        H(g(i.headlineRequirements), 1),
+        q(g(i.headlineRequirements), 1),
         t.labelText ? (l(), a(_, { key: 0 }, [
           Bl,
           f("em", null, g(t.labelText), 1)
@@ -2138,7 +2138,7 @@ function Vl(e, n, t, s, o, i) {
       _: 1
     }, 8, ["headline-level"])) : c("", !0),
     f("dl", null, [
-      (l(!0), a(_, null, q(t.inputRequirements, (p, x) => (l(), a(_, { key: x }, [
+      (l(!0), a(_, null, H(t.inputRequirements, (p, x) => (l(), a(_, { key: x }, [
         f("dt", {
           "aria-live": "assertive",
           class: b(p.valid(t.inputModelValue, t.inputAttributes) ? "success" : "error")
@@ -2174,7 +2174,7 @@ function Vl(e, n, t, s, o, i) {
     ], 64)) : c("", !0)
   ]);
 }
-const Dl = /* @__PURE__ */ L(Ll, [["render", Vl]]), ql = {
+const Dl = /* @__PURE__ */ L(Ll, [["render", Vl]]), Hl = {
   name: "CmdTooltipForFormElements",
   props: {
     /**
@@ -2223,7 +2223,7 @@ const Dl = /* @__PURE__ */ L(Ll, [["render", Vl]]), ql = {
     }
   }
 };
-function Hl(e, n, t, s, o, i) {
+function ql(e, n, t, s, o, i) {
   const r = Dl, d = Il;
   return l(), C(d, {
     ref: "tooltip",
@@ -2237,7 +2237,7 @@ function Hl(e, n, t, s, o, i) {
     _: 1
   }, 8, ["class", "relatedId"]);
 }
-const Gt = /* @__PURE__ */ L(ql, [["render", Hl]]), Jt = {
+const Gt = /* @__PURE__ */ L(Hl, [["render", ql]]), Jt = {
   data() {
     return {
       defaultMessageProperties: {
@@ -3089,7 +3089,7 @@ function ps(e, n, t, s, o, i) {
     }, [
       f("span", null, [
         t.labelText ? (l(), a(_, { key: 0 }, [
-          H("labelText")
+          q("labelText")
         ], 64)) : A(e.$slots, "labeltext", { key: 1 }),
         e.$attrs.required != null && e.$attrs.required !== !1 ? (l(), a("sup", Wl, "*")) : c("", !0)
       ]),
@@ -3155,7 +3155,7 @@ function ps(e, n, t, s, o, i) {
       key: 2,
       id: t.datalist.id
     }, [
-      (l(!0), a(_, null, q(t.datalist.options, (E, fe) => (l(), a("option", {
+      (l(!0), a(_, null, H(t.datalist.options, (E, fe) => (l(), a("option", {
         key: fe,
         value: E
       }, null, 8, Xl))), 128))
@@ -3180,7 +3180,7 @@ function ps(e, n, t, s, o, i) {
           class: b(["label-text", { hidden: !t.showLabel }])
         }, [
           f("span", null, [
-            H(g(t.labelText), 1),
+            q(g(t.labelText), 1),
             e.$attrs.required ? (l(), a("sup", os, "*")) : c("", !0)
           ])
         ], 2)) : c("", !0)
@@ -3201,7 +3201,7 @@ function ps(e, n, t, s, o, i) {
         }, [
           f("span", null, [
             t.labelText ? (l(), a(_, { key: 0 }, [
-              H(g(t.labelText), 1)
+              q(g(t.labelText), 1)
             ], 64)) : A(e.$slots, "labeltext", { key: 1 }),
             e.$attrs.required ? (l(), a("sup", $l, "*")) : c("", !0)
           ])
@@ -3213,7 +3213,7 @@ function ps(e, n, t, s, o, i) {
       onBlur: n[15] || (n[15] = (...E) => i.onBlur && i.onBlur(...E)),
       onChange: n[16] || (n[16] = (E) => e.$emit("update:modelValue", E.target.value))
     }), [
-      (l(!0), a(_, null, q(t.selectOptions, (E, fe) => (l(), a("option", {
+      (l(!0), a(_, null, H(t.selectOptions, (E, fe) => (l(), a("option", {
         key: fe,
         value: E.value,
         selected: E.value === t.modelValue
@@ -3279,7 +3279,7 @@ function ps(e, n, t, s, o, i) {
       type: (U = (D = t.nativeButton) == null ? void 0 : D.icon) == null ? void 0 : U.iconType
     }, null, 8, ["iconClass", "type"])) : c("", !0),
     (F = t.nativeButton) != null && F.icon && ((R = t.nativeButton) != null && R.text) ? (l(), a("span", hs, g(t.nativeButton.text), 1)) : (l(), a(_, { key: 2 }, [
-      H(g(t.nativeButton.text), 1)
+      q(g(t.nativeButton.text), 1)
     ], 64)),
     (Y = (J = t.nativeButton) == null ? void 0 : J.icon) != null && Y.show && ((le = (Z = t.nativeButton) == null ? void 0 : Z.icon) == null ? void 0 : le.position) === "after" ? (l(), C(r, {
       key: 3,
@@ -3453,7 +3453,7 @@ function Vs(e, n, t, s, o, i) {
           title: t.addressEntry.tooltip,
           "data-type": t.addressEntry.type
         }, [
-          H(g(t.addressEntry.data || t.addressEntry.href), 1)
+          q(g(t.addressEntry.data || t.addressEntry.href), 1)
         ], 8, bs)), [
           [u, t.addressEntry.href]
         ]) : (l(), a("span", {
@@ -3478,9 +3478,9 @@ function Vs(e, n, t, s, o, i) {
         }, [
           t.addressEntry.zip ? (l(), a("span", vs, g(t.addressEntry.zip), 1)) : c("", !0),
           t.addressEntry.city ? (l(), a("span", Ts, [
-            H(g(t.addressEntry.city), 1),
+            q(g(t.addressEntry.city), 1),
             t.addressEntry.state ? (l(), a(_, { key: 0 }, [
-              H(g(t.addressEntry.state), 1)
+              q(g(t.addressEntry.state), 1)
             ], 64)) : c("", !0)
           ])) : c("", !0)
         ], 2)) : c("", !0),
@@ -3556,9 +3556,9 @@ function Vs(e, n, t, s, o, i) {
           }, [
             t.addressEntry.zip ? (l(), a("span", Fs, g(t.addressEntry.zip), 1)) : c("", !0),
             t.addressEntry.city ? (l(), a("span", Bs, [
-              H(g(t.addressEntry.city), 1),
+              q(g(t.addressEntry.city), 1),
               t.addressEntry.state ? (l(), a(_, { key: 0 }, [
-                H(" " + g(t.addressEntry.state), 1)
+                q(" " + g(t.addressEntry.state), 1)
               ], 64)) : c("", !0)
             ])) : c("", !0)
           ], 2)) : c("", !0),
@@ -3573,7 +3573,7 @@ function Vs(e, n, t, s, o, i) {
     ])) : c("", !0)
   ], 64);
 }
-const Ds = /* @__PURE__ */ L(gs, [["render", Vs]]), qs = {
+const Ds = /* @__PURE__ */ L(gs, [["render", Vs]]), Hs = {
   data() {
     return {
       defaultMessageProperties: {
@@ -3592,9 +3592,9 @@ const Ds = /* @__PURE__ */ L(gs, [["render", Vs]]), qs = {
       }
     };
   }
-}, Hs = {
+}, qs = {
   name: "CmdAddressData",
-  mixins: [$, oe, qs],
+  mixins: [$, oe, Hs],
   props: {
     /**
      * activate if you want to use slot instead for given structure
@@ -3732,7 +3732,7 @@ function ua(e, n, t, s, o, i) {
               class: "button confirm small",
               onClick: n[0] || (n[0] = (...p) => i.onAddItem && i.onAddItem(...p))
             }, Ws)) : c("", !0),
-            (l(!0), a(_, null, q(t.addressData, (p, x) => (l(), C(u, {
+            (l(!0), a(_, null, H(t.addressData, (p, x) => (l(), C(u, {
               key: "x" + x,
               class: "edit-items",
               showComponentName: !1,
@@ -3753,7 +3753,7 @@ function ua(e, n, t, s, o, i) {
               _: 2
             }, 1032, ["componentProps", "componentPath"]))), 128))
           ], 64)) : (l(), a("dl", js, [
-            (l(!0), a(_, null, q(t.addressData, (p, x) => (l(), C(d, {
+            (l(!0), a(_, null, H(t.addressData, (p, x) => (l(), C(d, {
               key: x,
               addressEntry: p,
               showLabelIcons: t.showLabelIcons,
@@ -3765,7 +3765,7 @@ function ua(e, n, t, s, o, i) {
           key: 1,
           class: b(["flex-container", { vertical: !t.showIconsOnly }])
         }, [
-          (l(!0), a(_, null, q(t.addressData, (p, x) => (l(), a(_, { key: x }, [
+          (l(!0), a(_, null, H(t.addressData, (p, x) => (l(), a(_, { key: x }, [
             p.href || p.name === "address" && p.linkGoogleMaps || !t.showIconsOnly ? (l(), a("li", {
               key: 0,
               class: b({ "no-flex": t.showIconsOnly })
@@ -3783,7 +3783,7 @@ function ua(e, n, t, s, o, i) {
                     type: p.iconType
                   }, null, 8, ["iconClass", "type"])) : c("", !0)
                 ], 64)) : (l(), a(_, { key: 1 }, [
-                  H(g(p.href), 1)
+                  q(g(p.href), 1)
                 ], 64))
               ], 8, Gs)) : t.showIconsOnly ? c("", !0) : (l(), a("span", {
                 key: 1,
@@ -3813,9 +3813,9 @@ function ua(e, n, t, s, o, i) {
                     }, [
                       p.zip ? (l(), a("span", Xs, g(p.zip) + " ", 1)) : c("", !0),
                       p.city ? (l(), a("span", Qs, [
-                        H(g(p.city), 1),
+                        q(g(p.city), 1),
                         p.state ? (l(), a(_, { key: 0 }, [
-                          H(g(p.state), 1)
+                          q(g(p.state), 1)
                         ], 64)) : c("", !0)
                       ])) : c("", !0),
                       $s
@@ -3842,9 +3842,9 @@ function ua(e, n, t, s, o, i) {
                   }, [
                     p.zip ? (l(), a("span", la, g(p.zip) + " ", 1)) : c("", !0),
                     p.city ? (l(), a("span", sa, [
-                      H(g(p.city), 1),
+                      q(g(p.city), 1),
                       p.state ? (l(), a(_, { key: 0 }, [
-                        H(g(p.state), 1)
+                        q(g(p.state), 1)
                       ], 64)) : c("", !0)
                     ])) : c("", !0),
                     aa
@@ -3867,7 +3867,7 @@ function ua(e, n, t, s, o, i) {
     ], 64))
   ]);
 }
-const ma = /* @__PURE__ */ L(Hs, [["render", ua]]), fa = {
+const ma = /* @__PURE__ */ L(qs, [["render", ua]]), fa = {
   name: "CmdBackToTopButton",
   data() {
     var e;
@@ -4021,7 +4021,7 @@ function xa(e, n, t, s, o, i) {
     t.useSlot ? A(e.$slots, "default", { key: 0 }) : (l(), a(_, { key: 1 }, [
       t.cmdHeadline ? (l(), C(r, j(M({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
       f("dl", null, [
-        (l(!0), a(_, null, q(t.accountData, (u, h) => (l(), a(_, { key: h }, [
+        (l(!0), a(_, null, H(t.accountData, (u, h) => (l(), a(_, { key: h }, [
           f("dt", null, g(u.text), 1),
           t.allowCopyByClick && u.allowCopy ? (l(), a("dd", ba, [
             f("span", null, g(u.value), 1),
@@ -4176,7 +4176,7 @@ function La(e, n, t, s, o, i) {
         f("legend", {
           class: b({ hidden: !t.legend.show, "align-left": t.legend.align === "left" })
         }, g(t.legend.text), 3),
-        t.useSlot ? A(e.$slots, "default", { key: 0 }) : (l(!0), a(_, { key: 1 }, q(t.formElements, (d, u) => (l(), C(r, {
+        t.useSlot ? A(e.$slots, "default", { key: 0 }) : (l(!0), a(_, { key: 1 }, H(t.formElements, (d, u) => (l(), C(r, {
           key: u,
           element: d.element || "input",
           type: d.type || "text",
@@ -4515,10 +4515,10 @@ const Pa = {
 }, Da = {
   key: 2,
   class: "flex-container order-phone-email"
-}, qa = {
+}, Ha = {
   key: 3,
   class: "flex-container"
-}, Ha = ["innerHTML"];
+}, qa = ["innerHTML"];
 function Ra(e, n, t, s, o, i) {
   const r = G, d = ee, u = Fa;
   return l(), a("div", Aa, [
@@ -4618,7 +4618,7 @@ function Ra(e, n, t, s, o, i) {
               onValidate: i.onValidate
             }, null, 8, ["type", "labelText", "placeholder", "modelValue", "required", "name", "status", "onValidate"])) : c("", !0)
           ])) : c("", !0),
-          t.configuration.streetNo || t.configuration.streetNo || t.configuration.zip && t.configuration.city ? (l(), a("div", qa, [
+          t.configuration.streetNo || t.configuration.streetNo || t.configuration.zip && t.configuration.city ? (l(), a("div", Ha, [
             t.configuration.country ? (l(), C(d, {
               key: 0,
               element: "select",
@@ -4734,7 +4734,7 @@ function Ra(e, n, t, s, o, i) {
               f("span", {
                 ref: "dataPrivacy",
                 innerHTML: e.getMessage("basic_form.labeltext.data_privacy")
-              }, null, 8, Ha)
+              }, null, 8, qa)
             ]),
             _: 1
           }, 8, ["required", "name", "replaceInputType", "modelValue", "status", "onValidate"])) : c("", !0)
@@ -4906,7 +4906,7 @@ function Ya(e, n, t, s, o, i) {
   ], 2)) : c("", !0);
 }
 const We = /* @__PURE__ */ L(Ka, [["render", Ya]]);
-function qe(e) {
+function He(e) {
   if (e) {
     const n = e.lastIndexOf(".");
     if (n > -1)
@@ -4916,7 +4916,7 @@ function qe(e) {
 }
 function In(e, n, t, s, o) {
   const i = [];
-  if (e.size > s && i.push("file too large"), n.includes(qe(e.name)) || i.push("disallowed file extension"), i.length) {
+  if (e.size > s && i.push("file too large"), n.includes(He(e.name)) || i.push("disallowed file extension"), i.length) {
     alert(i);
     return;
   }
@@ -5603,12 +5603,12 @@ function vr(e, n, t, s, o, i) {
         onClick: O(i.showPrevItem, ["prevent"]),
         slideButtonType: "prev"
       }, null, 8, ["onClick"])) : c("", !0),
-      v(Ht, {
+      v(qt, {
         name: "slide",
         tag: "ul"
       }, {
         default: V(() => [
-          (l(!0), a(_, null, q(o.items, (p, x) => (l(), a("li", { key: x }, [
+          (l(!0), a(_, null, H(o.items, (p, x) => (l(), a("li", { key: x }, [
             e.editModeContext ? t.contentType === "image" ? (l(), C(u, {
               key: 1,
               image: p.image,
@@ -5933,10 +5933,10 @@ const Or = hi, Ir = ["aria-label"], Mr = { class: "flex-container" }, Lr = {
 }, Dr = {
   key: 3,
   class: "content"
-}, qr = {
+}, Hr = {
   key: 4,
   class: "content"
-}, Hr = {
+}, qr = {
   key: 0,
   class: "flex-container no-flex"
 }, Rr = ["title"], Nr = { key: 1 }, jr = ["title"], Ur = { key: 1 };
@@ -6017,11 +6017,11 @@ function zr(e, n, t, s, o, i) {
           v(h, {
             onClick: O(e.showNextItem, ["prevent"])
           }, null, 8, ["onClick"])
-        ])) : (l(), a("div", qr, [
+        ])) : (l(), a("div", Hr, [
           A(e.$slots, "default")
         ]))
       ], 2),
-      e.showSubmitButtons && e.fancyboxOptions.submitButtons ? (l(), a("footer", Hr, [
+      e.showSubmitButtons && e.fancyboxOptions.submitButtons ? (l(), a("footer", qr, [
         (J = e.fancyboxOptions.submitButtons) != null && J.cancel ? (l(), a("button", {
           key: 0,
           onClick: n[3] || (n[3] = (...ne) => e.cancel && e.cancel(...ne)),
@@ -6119,7 +6119,7 @@ function Zr(e, n, t, s, o, i) {
       onClick: n[0] || (n[0] = (m) => i.executeLink())
     }), null, 16),
     e.editModeContext ? c("", !0) : (l(), a("ul", Jr, [
-      (l(!0), a(_, null, q((h = t.link) == null ? void 0 : h.children, (m, p) => (l(), C(d, {
+      (l(!0), a(_, null, H((h = t.link) == null ? void 0 : h.children, (m, p) => (l(), C(d, {
         key: p,
         link: m
       }, null, 8, ["link"]))), 128))
@@ -6277,7 +6277,7 @@ function nd(e, n, t, s, o, i) {
       class: b(["flex-container", { "no-gap": !t.useGap }, "align-" + t.align, i.setStretchClass])
     }, [
       e.editModeContext ? (l(), a("li", Qr, [
-        (l(!0), a(_, null, q(t.links, (m, p) => (l(), C(u, {
+        (l(!0), a(_, null, H(t.links, (m, p) => (l(), C(u, {
           key: "x" + p,
           class: "edit-items",
           showComponentName: !1,
@@ -6302,7 +6302,7 @@ function nd(e, n, t, s, o, i) {
           class: "button confirm small",
           onClick: n[0] || (n[0] = (...m) => i.onAddItem && i.onAddItem(...m))
         }, td)) : c("", !0)
-      ])) : (l(!0), a(_, { key: 0 }, q(t.links, (m, p) => (l(), C(d, {
+      ])) : (l(!0), a(_, { key: 0 }, H(t.links, (m, p) => (l(), C(d, {
         key: p,
         class: b({ active: t.sectionAnchors && t.activeSection === p }),
         link: m
@@ -6683,11 +6683,11 @@ const ld = ["title"], sd = {
 }, Dd = {
   key: 0,
   class: "tags"
-}, qd = {
+}, Hd = {
   key: 1,
   class: "box-footer"
 };
-function Hd(e, n, t, s, o, i) {
+function qd(e, n, t, s, o, i) {
   var p, x, y, k, S, T, B, I, P, D;
   const r = G, d = z, u = _e, h = We, m = pi;
   return t.boxType === "content" ? (l(), a("div", {
@@ -6743,7 +6743,7 @@ function Hd(e, n, t, s, o, i) {
                 type: t.cmdIcon.type
               }, null, 8, ["iconClass", "type"])
             ])) : c("", !0),
-            v(Ht, { name: i.toggleTransition }, {
+            v(qt, { name: i.toggleTransition }, {
               default: V(() => [
                 t.textBody ? (l(), a("p", {
                   key: 0,
@@ -6842,7 +6842,7 @@ function Hd(e, n, t, s, o, i) {
           alt: t.user.image.alt
         }, null, 8, Sd),
         t.rowView ? c("", !0) : (l(), a("figcaption", Od, [
-          H(g(t.user.name), 1),
+          q(g(t.user.name), 1),
           t.user.age ? (l(), a("span", Id, " (" + g(t.user.age) + ")", 1)) : c("", !0)
         ]))
       ])) : (l(), a("div", Md, [
@@ -6860,9 +6860,9 @@ function Hd(e, n, t, s, o, i) {
       t.user.description ? (l(), a("p", Vd, g(t.user.description), 1)) : c("", !0)
     ]),
     t.user.tags && t.user.tags.length ? (l(), a("ul", Dd, [
-      (l(!0), a(_, null, q(t.user.tags, (U, F) => (l(), a("li", { key: F }, g(U), 1))), 128))
+      (l(!0), a(_, null, H(t.user.tags, (U, F) => (l(), a("li", { key: F }, g(U), 1))), 128))
     ])) : c("", !0),
-    t.user.links && t.user.links.length ? (l(), a("div", qd, [
+    t.user.links && t.user.links.length ? (l(), a("div", Hd, [
       v(m, {
         links: t.user.links,
         orientation: "horizontal",
@@ -6871,7 +6871,7 @@ function Hd(e, n, t, s, o, i) {
     ])) : c("", !0)
   ], 2)) : c("", !0);
 }
-const gi = /* @__PURE__ */ L(Zt, [["render", Hd]]), Yt = {
+const gi = /* @__PURE__ */ L(Zt, [["render", qd]]), Yt = {
   name: "CmdBoxWrapper",
   data() {
     return {
@@ -7175,7 +7175,7 @@ function nc(e, n, t, s, o, i) {
   const r = z, d = be("router-link");
   return l(), a("ul", Kd, [
     t.breadcrumbLabel ? (l(), a("li", Zd, g(t.breadcrumbLabel), 1)) : c("", !0),
-    (l(!0), a(_, null, q(t.breadcrumbLinks || [], (u, h) => (l(), a("li", { key: h }, [
+    (l(!0), a(_, null, H(t.breadcrumbLinks || [], (u, h) => (l(), a("li", { key: h }, [
       u.type === "href" ? (l(), a("a", {
         key: 0,
         href: u.path
@@ -7379,7 +7379,7 @@ const rc = /* @__PURE__ */ L(oc, [["render", ac]]), dc = {
       return "";
     },
     oneSlotItem() {
-      if (!this.$slots.default)
+      if (typeof this.$slots.default != "function")
         return !1;
       const e = this.$slots.default();
       return e.length === 1 && typeof e[0].type == "symbol" && Array.isArray(e[0].children) ? e[0].children.length === 1 : e.length === 1;
@@ -7597,7 +7597,7 @@ function Mc(e, n, t, s, o, i) {
                     "headline-text": (k = t.cmdBoxRequiredCookies) == null ? void 0 : k.headlineText,
                     "headline-level": (S = t.cmdBoxRequiredCookies) == null ? void 0 : S.headlineLevel
                   }, null, 8, ["headline-text", "headline-level"])) : c("", !0),
-                  (l(!0), a(_, null, q(t.cookieOptions.required.cookies || [], (D, U) => {
+                  (l(!0), a(_, null, H(t.cookieOptions.required.cookies || [], (D, U) => {
                     var F;
                     return l(), C(u, {
                       useSlots: ["header", "body"],
@@ -7621,7 +7621,7 @@ function Mc(e, n, t, s, o, i) {
                       body: V(() => [
                         D.description ? (l(), a("p", bc, g(D.description), 1)) : c("", !0),
                         D.linkDataPrivacy ? (l(), a("p", Cc, [
-                          H(g(D.linkDataPrivacy.label) + " ", 1),
+                          q(g(D.linkDataPrivacy.label) + " ", 1),
                           f("a", {
                             onClick: n[1] || (n[1] = (...R) => i.openDataPrivacy && i.openDataPrivacy(...R)),
                             href: D.linkDataPrivacy.link,
@@ -7644,7 +7644,7 @@ function Mc(e, n, t, s, o, i) {
                     "headline-text": (I = t.cmdBoxOptionalCookies) == null ? void 0 : I.headlineText,
                     "headline-level": (P = t.cmdBoxOptionalCookies) == null ? void 0 : P.headlineLevel
                   }, null, 8, ["headline-text", "headline-level"])) : c("", !0),
-                  (l(!0), a(_, null, q(t.cookieOptions.optional.cookies || [], (D, U) => {
+                  (l(!0), a(_, null, H(t.cookieOptions.optional.cookies || [], (D, U) => {
                     var F;
                     return l(), C(u, {
                       useSlots: ["header", "body"],
@@ -7668,7 +7668,7 @@ function Mc(e, n, t, s, o, i) {
                       body: V(() => [
                         D.description ? (l(), a("p", vc, g(D.description), 1)) : c("", !0),
                         D.linkDataPrivacy ? (l(), a("p", Tc, [
-                          H(g(D.linkDataPrivacy.label) + " ", 1),
+                          q(g(D.linkDataPrivacy.label) + " ", 1),
                           f("a", {
                             onClick: n[3] || (n[3] = (...R) => i.openDataPrivacy && i.openDataPrivacy(...R)),
                             href: D.linkDataPrivacy.link,
@@ -7999,10 +7999,10 @@ const Iy = /* @__PURE__ */ L(Lc, [["render", Ac]]), Ec = {
       deep: !0
     }
   }
-}, Dc = ["title", "aria-labelledby", "aria-required"], qc = {
+}, Dc = ["title", "aria-labelledby", "aria-required"], Hc = {
   key: 0,
   class: "label-text"
-}, Hc = ["id"], Rc = {
+}, qc = ["id"], Rc = {
   key: 0,
   "aria-hidden": "true"
 }, Nc = ["title", "aria-errormessage", "id"], jc = ["aria-expanded"], Uc = ["title"], zc = ["src", "alt"], Wc = {
@@ -8034,11 +8034,11 @@ function iu(e, n, t, s, o, i) {
     "aria-required": e.$attrs.required !== void 0,
     ref: "fakeselect"
   }, [
-    t.showLabel ? (l(), a("span", qc, [
+    t.showLabel ? (l(), a("span", Hc, [
       f("span", { id: e.htmlId }, [
-        H(g(t.labelText), 1),
+        q(g(t.labelText), 1),
         e.$attrs.required !== void 0 ? (l(), a("sup", Rc, "*")) : c("", !0)
-      ], 8, Hc),
+      ], 8, qc),
       (e.$attrs.required || e.inputRequirements.length) && t.showStatusIcon ? (l(), a("a", {
         key: 0,
         href: "#",
@@ -8096,7 +8096,7 @@ function iu(e, n, t, s, o, i) {
           }, null, 8, ["iconClass", "type", "title"])) : c("", !0)
         ], 40, Uc),
         t.type === "default" && o.showOptions ? (l(), a("ul", Gc, [
-          (l(!0), a(_, null, q(t.selectData, (y, k) => (l(), a("li", {
+          (l(!0), a(_, null, H(t.selectData, (y, k) => (l(), a("li", {
             key: k,
             role: "option",
             "aria-selected": y.value === t.modelValue
@@ -8137,7 +8137,7 @@ function iu(e, n, t, s, o, i) {
           class: b({ "checkbox-options": t.type === "checkboxOptions" }),
           "aria-expanded": o.showOptions
         }, [
-          (l(!0), a(_, null, q(t.selectData, (y, k) => (l(), a("li", { key: k }, [
+          (l(!0), a(_, null, H(t.selectData, (y, k) => (l(), a("li", { key: k }, [
             t.type === "checkboxOptions" ? (l(), a("label", {
               key: 0,
               for: "option-" + (k + 1),
@@ -8294,7 +8294,7 @@ function cu(e, n, t, s, o, i) {
         t.linkDeleteAllFilters.text ? (l(), a("span", ru, g(t.linkDeleteAllFilters.text), 1)) : c("", !0)
       ])
     ])) : c("", !0),
-    (l(!0), a(_, null, q(o.options, (d, u) => (l(), a("li", { key: u }, [
+    (l(!0), a(_, null, H(o.options, (d, u) => (l(), a("li", { key: u }, [
       f("a", {
         href: "#",
         onClick: O((h) => i.deleteClickedFilter(u), ["prevent"]),
@@ -8436,7 +8436,7 @@ function ku(e, n, t, s, o, i) {
   const r = G, d = _e;
   return l(), a("div", bu, [
     (u = t.cmdHeadline) != null && u.headlineText || e.editModeContext ? (l(), C(r, j(M({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
-    e.editModeContext ? t.images.length ? (l(!0), a(_, { key: 2 }, q(t.images, (h, m) => (l(), C(d, {
+    e.editModeContext ? t.images.length ? (l(!0), a(_, { key: 2 }, H(t.images, (h, m) => (l(), C(d, {
       key: m,
       class: "image-wrapper",
       image: h.image,
@@ -8449,7 +8449,7 @@ function ku(e, n, t, s, o, i) {
       class: "button confirm",
       onClick: n[0] || (n[0] = (...h) => i.onAddItem && i.onAddItem(...h))
     }, wu)) : (l(), a(_, { key: 1 }, [
-      t.useFancyboxForLargeImages ? (l(!0), a(_, { key: 0 }, q(t.images, (h, m) => (l(), a("a", {
+      t.useFancyboxForLargeImages ? (l(!0), a(_, { key: 0 }, H(t.images, (h, m) => (l(), a("a", {
         class: "image-wrapper",
         key: m,
         href: "#",
@@ -8460,7 +8460,7 @@ function ku(e, n, t, s, o, i) {
           image: h.image,
           figcaption: i.figcaption(h)
         }, null, 8, ["image", "figcaption"])
-      ], 8, Cu))), 128)) : (l(!0), a(_, { key: 1 }, q(t.images, (h, m) => (l(), a("div", {
+      ], 8, Cu))), 128)) : (l(!0), a(_, { key: 1 }, H(t.images, (h, m) => (l(), a("div", {
         key: `i${m}`,
         class: "image-wrapper"
       }, [
@@ -8729,10 +8729,10 @@ const Ly = /* @__PURE__ */ L(vu, [["render", Mu]]), Lu = {
 }, Fu = ["aria-labelledby"], Bu = { class: "label-text" }, Pu = ["id"], Au = {
   key: 0,
   "aria-hidden": "true"
-}, Eu = ["title", "aria-errormessage", "id"], Vu = ["for"], Du = ["type", "id", "name", "value", "disabled"], qu = {
+}, Eu = ["title", "aria-errormessage", "id"], Vu = ["for"], Du = ["type", "id", "name", "value", "disabled"], Hu = {
   key: 1,
   class: "label-text"
-}, Hu = {
+}, qu = {
   key: 1,
   class: "flex-container no-flex"
 };
@@ -8754,7 +8754,7 @@ function Ru(e, n, t, s, o, i) {
   }, [
     ue(f("span", Bu, [
       f("span", { id: e.htmlId }, [
-        H(g(t.labelText), 1),
+        q(g(t.labelText), 1),
         t.required ? (l(), a("sup", Au, "*")) : c("", !0)
       ], 8, Pu),
       (t.required || e.inputRequirements.length > 0) && t.showStatusIcon ? (l(), a("a", {
@@ -8785,13 +8785,13 @@ function Ru(e, n, t, s, o, i) {
     ], 512), [
       [ye, t.showLabel]
     ]),
-    t.useSlot ? (l(), a("div", Hu, [
+    t.useSlot ? (l(), a("div", qu, [
       A(e.$slots, "default")
     ])) : (l(), a("span", {
       key: 0,
       class: b(["flex-container", { "no-flex": !t.stretchHorizontally, "no-gap": t.multipleSwitch }])
     }, [
-      (l(!0), a(_, null, q(t.inputElements, (u, h) => (l(), a("label", {
+      (l(!0), a(_, null, H(t.inputElements, (u, h) => (l(), a("label", {
         key: h,
         for: u.id,
         class: b({ "toggle-switch": t.toggleSwitches })
@@ -8812,7 +8812,7 @@ function Ru(e, n, t, s, o, i) {
           iconClass: u.iconClass,
           type: u.iconType
         }, null, 8, ["iconClass", "type"])) : c("", !0),
-        u.labelText ? (l(), a("span", qu, g(u.labelText), 1)) : c("", !0)
+        u.labelText ? (l(), a("span", Hu, g(u.labelText), 1)) : c("", !0)
       ], 10, Vu))), 128))
     ], 2))
   ], 10, Fu);
@@ -9403,7 +9403,7 @@ function fm(e, n, t, s, o, i) {
             }, g(t.closeOffcanvas.text), 3)
           ])
         ])) : c("", !0),
-        (l(!0), a(_, null, q(t.navigationEntries, (u, h) => {
+        (l(!0), a(_, null, H(t.navigationEntries, (u, h) => {
           var m, p, x;
           return l(), a("li", {
             key: h,
@@ -9452,7 +9452,7 @@ function fm(e, n, t, s, o, i) {
               key: 2,
               "aria-expanded": o.openEntry ? "true" : "false"
             }, [
-              (l(!0), a(_, null, q(u.subentries, (y, k) => {
+              (l(!0), a(_, null, H(u.subentries, (y, k) => {
                 var S;
                 return l(), a("li", {
                   key: k,
@@ -9501,7 +9501,7 @@ function fm(e, n, t, s, o, i) {
                     key: 2,
                     "aria-expanded": o.openSubentry ? "true" : "false"
                   }, [
-                    (l(!0), a(_, null, q(y.subentries, (T, B) => (l(), a("li", { key: B }, [
+                    (l(!0), a(_, null, H(y.subentries, (T, B) => (l(), a("li", { key: B }, [
                       u.type === "href" ? (l(), a("a", {
                         key: 0,
                         href: T.path,
@@ -9618,7 +9618,7 @@ function bm(e, n, t, s, o, i) {
   return l(), a("ol", {
     class: b(["cmd-multistep-form-progress-bar", { "use-gap": t.useGap }])
   }, [
-    (l(!0), a(_, null, q(t.multisteps, (u, h) => (l(), a("li", {
+    (l(!0), a(_, null, H(t.multisteps, (u, h) => (l(), a("li", {
       key: h,
       class: b({ active: o.activeLink === h })
     }, [
@@ -10044,16 +10044,16 @@ function Am(e, n, t, s, o, i) {
     f("dd", null, [
       t.day.am ? (l(), a("span", Tm, [
         t.day.am.displayText ? (l(), a(_, { key: 0 }, [
-          H(g(t.day.am.displayText), 1)
+          q(g(t.day.am.displayText), 1)
         ], 64)) : (l(), a(_, { key: 1 }, [
-          H(g(i.getTime(t.day.am.fromTime, t.abbreviationTextAm)) + " " + g(t.separator) + " " + g(i.getTime(t.day.am.tillTime)), 1)
+          q(g(i.getTime(t.day.am.fromTime, t.abbreviationTextAm)) + " " + g(t.separator) + " " + g(i.getTime(t.day.am.tillTime)), 1)
         ], 64))
       ])) : c("", !0),
       t.day.pm ? (l(), a("span", Sm, [
         t.day.pm.displayText ? (l(), a(_, { key: 0 }, [
-          H(g(t.day.pm.displayText), 1)
+          q(g(t.day.pm.displayText), 1)
         ], 64)) : (l(), a(_, { key: 1 }, [
-          H(g(i.getTime(t.day.pm.fromTime, t.abbreviationTextPm)) + " " + g(t.separator) + " " + g(i.getTime(t.day.pm.tillTime)), 1)
+          q(g(i.getTime(t.day.pm.fromTime, t.abbreviationTextPm)) + " " + g(t.separator) + " " + g(i.getTime(t.day.pm.tillTime)), 1)
         ], 64))
       ])) : c("", !0)
     ])
@@ -10299,7 +10299,7 @@ const Dm = {
       });
     }
   }
-}, qm = { class: "cmd-opening-hours" }, Hm = {
+}, Hm = { class: "cmd-opening-hours" }, qm = {
   key: 2,
   class: "flex-container"
 }, Rm = { key: 3 }, Nm = /* @__PURE__ */ f("span", { class: "icon-plus" }, null, -1), jm = /* @__PURE__ */ f("span", null, "Add new entry", -1), Um = [
@@ -10312,9 +10312,9 @@ const Dm = {
 function Zm(e, n, t, s, o, i) {
   var p, x;
   const r = G, d = We, u = ee, h = Em, m = Se;
-  return l(), a("div", qm, [
+  return l(), a("div", Hm, [
     (p = t.cmdHeadline) != null && p.headlineText || e.editModeContext ? (l(), C(r, j(M({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
-    e.editing ? (l(), a("div", Hm, [
+    e.editing ? (l(), a("div", qm, [
       v(u, {
         element: "input",
         type: "text",
@@ -10341,7 +10341,7 @@ function Zm(e, n, t, s, o, i) {
         class: { closed: i.isClosed }
       }), {
         default: V(() => [
-          H(g(i.textOpenClosed), 1)
+          q(g(i.textOpenClosed), 1)
         ]),
         _: 1
       }, 16, ["linkType", "class"])) : (l(), a("span", {
@@ -10355,7 +10355,7 @@ function Zm(e, n, t, s, o, i) {
         type: "button",
         class: "button confirm small",
         onClick: n[2] || (n[2] = (...y) => i.onAddItem && i.onAddItem(...y))
-      }, Um)) : (l(!0), a(_, { key: 1 }, q(i.openingHoursFormatted, (y, k) => (l(), C(m, {
+      }, Um)) : (l(!0), a(_, { key: 1 }, H(i.openingHoursFormatted, (y, k) => (l(), C(m, {
         key: "x" + k,
         class: "edit-items",
         showComponentName: !1,
@@ -10378,7 +10378,7 @@ function Zm(e, n, t, s, o, i) {
         _: 2
       }, 1032, ["componentProps", "componentPath", "itemProvider"]))), 128))
     ], 64)) : (l(), a("dl", Rm, [
-      (l(!0), a(_, null, q(i.openingHoursFormatted, (y, k) => (l(), C(h, {
+      (l(!0), a(_, null, H(i.openingHoursFormatted, (y, k) => (l(), C(h, {
         key: k,
         day: y,
         separator: t.separator,
@@ -10543,7 +10543,7 @@ function af(e, n, t, s, o, i) {
     ], 10, $m),
     f("div", tf, [
       f("div", nf, [
-        (l(!0), a(_, null, q(t.pages, (d, u) => (l(), a("a", {
+        (l(!0), a(_, null, H(t.pages, (d, u) => (l(), a("a", {
           href: i.getHref(d),
           class: b({ disabled: o.currentPage === u + 1, button: t.linkType === "button", hidden: !t.showPageNumbers }),
           title: o.currentPage !== u + 1 ? e.getMessage("cmdpager.tooltip.go_to_page", u + 1) : e.getMessage("cmdpager.tooltip.not_possible"),
@@ -10864,17 +10864,15 @@ function yf(e, n, t, s, o, i) {
       key: 1,
       element: "input",
       type: "checkbox",
-      "toggle-switch": t.cmdFormElement.toggleSwitch,
-      labelText: t.cmdFormElement.labelText,
-      required: t.cmdFormElement.required,
+      "v-bind": t.cmdFormElement,
       modelValue: o.dataPrivacyAccepted,
       "onUpdate:modelValue": n[0] || (n[0] = (x) => o.dataPrivacyAccepted = x)
-    }, null, 8, ["toggle-switch", "labelText", "required", "modelValue"])) : c("", !0),
+    }, null, 8, ["v-bind", "modelValue"])) : c("", !0),
     i.validNetworks.length > 0 ? (l(), a("ul", {
       key: 2,
       class: b(["button-wrapper", { "no-gap": !t.useGap }])
     }, [
-      e.editModeContext ? (l(!0), a(_, { key: 1 }, q(i.validNetworks, (x, y) => (l(), C(h, {
+      e.editModeContext ? (l(!0), a(_, { key: 1 }, H(i.validNetworks, (x, y) => (l(), C(h, {
         key: "x" + y,
         class: "edit-items",
         componentName: "CmdSocialNetworksItem",
@@ -10892,7 +10890,7 @@ function yf(e, n, t, s, o, i) {
         ]),
         _: 2
       }, 1032, ["componentProps", "componentPath"]))), 128)) : (l(), a(_, { key: 0 }, [
-        (l(!0), a(_, null, q(i.validNetworks, (x, y) => (l(), C(u, {
+        (l(!0), a(_, null, H(i.validNetworks, (x, y) => (l(), C(u, {
           key: y,
           network: x,
           userMustAcceptDataPrivacy: t.userMustAcceptDataPrivacy,
@@ -10975,7 +10973,7 @@ const bf = /* @__PURE__ */ L(hf, [["render", yf]]), Cf = {
   }
 }, _f = { class: "button-wrapper" }, xf = ["title"], wf = { key: 1 };
 function kf(e, n, t, s, o, i) {
-  var d, u, h;
+  var d, u, h, m;
   const r = bf;
   return l(), a("footer", {
     class: b(["cmd-page-footer flex-container", { "small-buttons": t.useSmallButtons }])
@@ -10988,15 +10986,15 @@ function kf(e, n, t, s, o, i) {
     }, 16)) : c("", !0),
     f("div", _f, [
       A(e.$slots, "default"),
-      t.buttonPrintView.show ? (l(), a("button", {
+      (d = t.buttonPrintView) != null && d.show ? (l(), a("button", {
         key: 0,
         class: b(["button", { primary: t.buttonPrintView.primary }]),
-        title: t.buttonPrintView.text ? (d = t.buttonPrintView.icon) == null ? void 0 : d.tooltip : null,
-        onClick: n[0] || (n[0] = (...m) => i.showFancyBox && i.showFancyBox(...m))
+        title: t.buttonPrintView.text ? (u = t.buttonPrintView.icon) == null ? void 0 : u.tooltip : null,
+        onClick: n[0] || (n[0] = (...p) => i.showFancyBox && i.showFancyBox(...p))
       }, [
-        (u = t.buttonPrintView.icon) != null && u.show ? (l(), a("span", {
+        (h = t.buttonPrintView.icon) != null && h.show ? (l(), a("span", {
           key: 0,
-          class: b((h = t.buttonPrintView.icon) == null ? void 0 : h.iconClass)
+          class: b((m = t.buttonPrintView.icon) == null ? void 0 : m.iconClass)
         }, null, 2)) : c("", !0),
         t.buttonPrintView.text ? (l(), a("span", wf, g(t.buttonPrintView.text), 1)) : c("", !0)
       ], 10, xf)) : c("", !0)
@@ -11098,7 +11096,7 @@ function Pf(e, n, t, s, o, i) {
     ])
   ], 8, Mf);
 }
-const qy = /* @__PURE__ */ L(If, [["render", Pf]]), Af = {
+const Hy = /* @__PURE__ */ L(If, [["render", Pf]]), Af = {
   name: "CmdSidebar",
   data() {
     return {
@@ -11171,8 +11169,8 @@ const qy = /* @__PURE__ */ L(If, [["render", Pf]]), Af = {
 }, Df = {
   key: 2,
   class: "closed-slot-wrapper"
-}, qf = ["title"];
-function Hf(e, n, t, s, o, i) {
+}, Hf = ["title"];
+function qf(e, n, t, s, o, i) {
   var d;
   const r = G;
   return l(), a("aside", {
@@ -11198,10 +11196,10 @@ function Hf(e, n, t, s, o, i) {
       f("span", {
         class: b(i.iconClassOpenCollapse)
       }, null, 2)
-    ], 8, qf)) : c("", !0)
+    ], 8, Hf)) : c("", !0)
   ], 2);
 }
-const Hy = /* @__PURE__ */ L(Af, [["render", Hf]]), Rf = {
+const qy = /* @__PURE__ */ L(Af, [["render", qf]]), Rf = {
   name: "CmdSiteFooter",
   props: {
     /**
@@ -11948,7 +11946,7 @@ function dh(e, n, t, s, o, i) {
         slideButtonType: "prev",
         class: { disabled: o.slideshowItemEditing }
       }, i.tooltipForSlidebuttons), null, 16, ["onClick", "class"])) : c("", !0),
-      v(Ht, { name: "fade" }, {
+      v(qt, { name: "fade" }, {
         default: V(() => {
           var u, h, m, p, x, y, k, S, T, B, I, P;
           return [
@@ -11999,7 +11997,7 @@ function dh(e, n, t, s, o, i) {
         class: { disabled: o.slideshowItemEditing }
       }, i.tooltipForSlidebuttons), null, 16, ["onClick", "class"])) : c("", !0),
       t.showQuickLinkIcons ? (l(), a("ol", sh, [
-        (l(!0), a(_, null, q(t.slideshowItems, (u, h) => (l(), a("li", {
+        (l(!0), a(_, null, H(t.slideshowItems, (u, h) => (l(), a("li", {
           key: h,
           class: b({ active: h === o.index })
         }, [
@@ -12070,7 +12068,7 @@ function _h(e, n, t, s, o, i) {
   const r = be("router-link");
   return l(), a("div", gh, [
     f("ul", null, [
-      (l(!0), a(_, null, q(t.languages, (d, u) => (l(), a("li", { key: u }, [
+      (l(!0), a(_, null, H(t.languages, (d, u) => (l(), a("li", { key: u }, [
         d.link.type === "href" ? (l(), a("a", {
           key: 0,
           href: d.link.path,
@@ -12426,17 +12424,17 @@ function Bh(e, n, t, s, o, i) {
         }, g(((m = t.caption) == null ? void 0 : m.text) || ((p = t.tableData.caption) == null ? void 0 : p.text)), 3)) : c("", !0),
         f("thead", null, [
           f("tr", null, [
-            (l(!0), a(_, null, q(t.tableData.thead, (x, y) => (l(), a("th", { key: y }, g(x), 1))), 128))
+            (l(!0), a(_, null, H(t.tableData.thead, (x, y) => (l(), a("th", { key: y }, g(x), 1))), 128))
           ])
         ]),
         v(ke, { name: "fade" }, {
           default: V(() => [
             ue(f("tbody", Lh, [
-              (l(!0), a(_, null, q(t.tableData.tbody, (x, y) => (l(), a("tr", {
+              (l(!0), a(_, null, H(t.tableData.tbody, (x, y) => (l(), a("tr", {
                 class: b({ active: t.tableData.rowIndexHighlighted === y }),
                 key: y
               }, [
-                (l(!0), a(_, null, q(x, (k, S) => (l(), a("td", {
+                (l(!0), a(_, null, H(x, (k, S) => (l(), a("td", {
                   class: b({ active: t.tableData.columnIndexHighlighted === S }),
                   key: S
                 }, g(k), 3))), 128))
@@ -12451,7 +12449,7 @@ function Bh(e, n, t, s, o, i) {
           default: V(() => [
             t.tableData.tfoot && t.tableData.tfoot.length && o.showTableData ? (l(), a("tfoot", Fh, [
               f("tr", null, [
-                (l(!0), a(_, null, q(t.tableData.tfoot, (x, y) => (l(), a("td", {
+                (l(!0), a(_, null, H(t.tableData.tfoot, (x, y) => (l(), a("td", {
                   class: b({ active: t.tableData.columnIndexHighlighted === y }),
                   key: y
                 }, g(x), 3))), 128))
@@ -12489,7 +12487,7 @@ const Wy = /* @__PURE__ */ L(Sh, [["render", Bh]]), Ph = "cmd", Ah = {
   height: Vh
 };
 ti(Dh);
-const qh = {
+const Hh = {
   name: "CmdTabs",
   data() {
     return {
@@ -12551,18 +12549,18 @@ const qh = {
       this.showTab = this.activeTab;
     }
   }
-}, Hh = { class: "cmd-tabs" }, Rh = ["onClick", "title"], Nh = { key: 1 }, jh = {
+}, qh = { class: "cmd-tabs" }, Rh = ["onClick", "title"], Nh = { key: 1 }, jh = {
   key: 1,
   "aria-live": "assertive"
 }, Uh = ["innerHTML"];
 function zh(e, n, t, s, o, i) {
   const r = z, d = G;
-  return l(), a("div", Hh, [
+  return l(), a("div", qh, [
     f("ul", {
       class: b({ "stretch-tabs": t.stretchTabs }),
       role: "tablist"
     }, [
-      (l(!0), a(_, null, q(t.tabs, (u, h) => (l(), a("li", {
+      (l(!0), a(_, null, H(t.tabs, (u, h) => (l(), a("li", {
         class: b({ active: o.showTab === h }),
         key: h,
         role: "tab"
@@ -12581,7 +12579,7 @@ function zh(e, n, t, s, o, i) {
         ], 8, Rh)
       ], 2))), 128))
     ], 2),
-    t.useSlot ? (l(!0), a(_, { key: 0 }, q(t.tabs.length, (u) => ue((l(), a("div", {
+    t.useSlot ? (l(!0), a(_, { key: 0 }, H(t.tabs.length, (u) => ue((l(), a("div", {
       key: u,
       "aria-live": "assertive",
       class: b({ "no-padding": !t.useDefaultPadding })
@@ -12601,7 +12599,7 @@ function zh(e, n, t, s, o, i) {
     ]))
   ]);
 }
-const Gy = /* @__PURE__ */ L(qh, [["render", zh]]), Wh = {
+const Gy = /* @__PURE__ */ L(Hh, [["render", zh]]), Wh = {
   name: "CmdTextImageBlock",
   mixins: [$],
   data() {
@@ -13173,7 +13171,7 @@ const _p = (e, n, t, { allOwnKeys: s } = {}) => (Ge(n, (o, i) => {
 function Dp(e) {
   return !!(e && ie(e.append) && e[Symbol.toStringTag] === "FormData" && e[Symbol.iterator]);
 }
-const qp = (e) => {
+const Hp = (e) => {
   const n = new Array(10), t = (s, o) => {
     if (ft(s)) {
       if (n.indexOf(s) >= 0)
@@ -13190,7 +13188,7 @@ const qp = (e) => {
     return s;
   };
   return t(e, 0);
-}, Hp = me("AsyncFunction"), Rp = (e) => e && (ft(e) || ie(e)) && ie(e.then) && ie(e.catch), w = {
+}, qp = me("AsyncFunction"), Rp = (e) => e && (ft(e) || ie(e)) && ie(e.then) && ie(e.catch), w = {
   isArray: Ie,
   isArrayBuffer: bi,
   isBuffer: op,
@@ -13244,8 +13242,8 @@ const qp = (e) => {
   ALPHABET: vi,
   generateString: Vp,
   isSpecCompliantForm: Dp,
-  toJSONObject: qp,
-  isAsyncFn: Hp,
+  toJSONObject: Hp,
+  isAsyncFn: qp,
   isThenable: Rp
 };
 function N(e, n, t, s, o) {
@@ -13305,7 +13303,7 @@ function Pt(e) {
 function Oi(e) {
   return w.endsWith(e, "[]") ? e.slice(0, -2) : e;
 }
-function qn(e, n, t) {
+function Hn(e, n, t) {
   return e ? e.concat(n).map(function(o, i) {
     return o = Oi(o), !t && i ? "[" + o + "]" : o;
   }).join(t ? "." : "") : n;
@@ -13346,12 +13344,12 @@ function ht(e, n, t) {
         return S = Oi(S), B.forEach(function(P, D) {
           !(w.isUndefined(P) || P === null) && n.append(
             // eslint-disable-next-line no-nested-ternary
-            r === !0 ? qn([S], D, i) : r === null ? S : S + "[]",
+            r === !0 ? Hn([S], D, i) : r === null ? S : S + "[]",
             h(P)
           );
         }), !1;
     }
-    return Pt(k) ? !0 : (n.append(qn(T, S, i), h(k)), !1);
+    return Pt(k) ? !0 : (n.append(Hn(T, S, i), h(k)), !1);
   }
   const p = [], x = Object.assign(Up, {
     defaultVisitor: m,
@@ -13377,7 +13375,7 @@ function ht(e, n, t) {
     throw new TypeError("data must be an object");
   return y(e), n;
 }
-function Hn(e) {
+function qn(e) {
   const n = {
     "!": "%21",
     "'": "%27",
@@ -13400,8 +13398,8 @@ Ii.append = function(n, t) {
 };
 Ii.toString = function(n) {
   const t = n ? function(s) {
-    return n.call(this, s, Hn);
-  } : Hn;
+    return n.call(this, s, qn);
+  } : qn;
   return this._pairs.map(function(o) {
     return t(o[0]) + "=" + t(o[1]);
   }, "").join("&");
@@ -14335,7 +14333,7 @@ function Jn(e) {
     ), s.response.headers = te.from(s.response.headers))), Promise.reject(s);
   });
 }
-const qi = "1.7.2", en = {};
+const Hi = "1.7.2", en = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((e, n) => {
   en[e] = function(s) {
     return typeof s === e || "a" + (n < 1 ? "n " : " ") + e;
@@ -14344,7 +14342,7 @@ const qi = "1.7.2", en = {};
 const Kn = {};
 en.transitional = function(n, t, s) {
   function o(i, r) {
-    return "[Axios v" + qi + "] Transitional option '" + i + "'" + r + (s ? ". " + s : "");
+    return "[Axios v" + Hi + "] Transitional option '" + i + "'" + r + (s ? ". " + s : "");
   }
   return (i, r, d) => {
     if (n === !1)
@@ -14577,7 +14575,7 @@ function Og(e) {
 function Ig(e) {
   return w.isObject(e) && e.isAxiosError === !0;
 }
-const qt = {
+const Ht = {
   Continue: 100,
   SwitchingProtocols: 101,
   Processing: 102,
@@ -14642,21 +14640,21 @@ const qt = {
   NotExtended: 510,
   NetworkAuthenticationRequired: 511
 };
-Object.entries(qt).forEach(([e, n]) => {
-  qt[n] = e;
+Object.entries(Ht).forEach(([e, n]) => {
+  Ht[n] = e;
 });
-function Hi(e) {
+function qi(e) {
   const n = new we(e), t = yi(we.prototype.request, n);
   return w.extend(t, we.prototype, n, { allOwnKeys: !0 }), w.extend(t, n, null, { allOwnKeys: !0 }), t.create = function(o) {
-    return Hi(Te(e, o));
+    return qi(Te(e, o));
   }, t;
 }
-const K = Hi(Je);
+const K = qi(Je);
 K.Axios = we;
 K.CanceledError = Me;
 K.CancelToken = tn;
 K.isCancel = Bi;
-K.VERSION = qi;
+K.VERSION = Hi;
 K.toFormData = ht;
 K.AxiosError = N;
 K.Cancel = K.CanceledError;
@@ -14669,7 +14667,7 @@ K.mergeConfig = Te;
 K.AxiosHeaders = te;
 K.formToJSON = (e) => Fi(w.isHTMLForm(e) ? new FormData(e) : e);
 K.getAdapter = Di.getAdapter;
-K.HttpStatusCode = qt;
+K.HttpStatusCode = Ht;
 K.default = K;
 const Mg = {
   name: "CmdUploadForm",
@@ -15029,7 +15027,7 @@ const Mg = {
     },
     // use imported function as method (to use in template)
     getFileExtension(e) {
-      return qe(e);
+      return He(e);
     },
     selectFiles() {
       this.$refs.formElement.getDomElement().querySelector("input[type='file']").click();
@@ -15091,12 +15089,12 @@ const Mg = {
             );
             continue;
           }
-          if (!this.allowedFileExtensions.includes(qe(e[n].name))) {
+          if (!this.allowedFileExtensions.includes(He(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,
-                qe(e[n].name)
+                He(e[n].name)
               )
             );
             continue;
@@ -15108,7 +15106,7 @@ const Mg = {
               this.getMessage(
                 "cmduploadform.system_message.duplicate_file",
                 e[n].name,
-                qe(e[n].name)
+                He(e[n].name)
               )
             );
             continue;
@@ -15209,7 +15207,7 @@ const Mg = {
 }, Ag = { class: "flex-container no-flex" }, Eg = ["title"], Vg = {
   key: 0,
   class: "progressbar"
-}, Dg = ["value", "title"], qg = /* @__PURE__ */ f("hr", null, null, -1), Hg = { class: "flex-container vertical list-files-wrapper" }, Rg = { class: "list-of-files" }, Ng = ["title", "onClick"], jg = {
+}, Dg = ["value", "title"], Hg = /* @__PURE__ */ f("hr", null, null, -1), qg = { class: "flex-container vertical list-files-wrapper" }, Rg = { class: "list-of-files" }, Ng = ["title", "onClick"], jg = {
   key: 0,
   class: "progressbar"
 }, Ug = ["value", "title"], zg = ["title"], Wg = /* @__PURE__ */ f("hr", null, null, -1), Gg = { class: "upload-conditions" }, Jg = { class: "small" }, Kg = ["title"], Zg = {
@@ -15238,7 +15236,7 @@ function sy(e, n, t, s, o, i) {
       }, {
         default: V(() => [
           i.allSystemMessages.length > 1 ? (l(), a("ul", Lg, [
-            (l(!0), a(_, null, q(i.allSystemMessages, (m, p) => (l(), a("li", { key: p }, g(m), 1))), 128))
+            (l(!0), a(_, null, H(i.allSystemMessages, (m, p) => (l(), a("li", { key: p }, g(m), 1))), 128))
           ])) : c("", !0)
         ]),
         _: 1
@@ -15250,7 +15248,7 @@ function sy(e, n, t, s, o, i) {
           t.showTotalUpload && o.listOfFiles.length !== 1 ? (l(), a("div", Bg, [
             v(r, M(t.cmdHeadlineSummaryOfAllFiles, { headlineLevel: "4" }), {
               default: V(() => [
-                H(g(e.getMessage("cmduploadform.headline.summary_of_all_files")), 1)
+                q(g(e.getMessage("cmduploadform.headline.summary_of_all_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -15264,11 +15262,11 @@ function sy(e, n, t, s, o, i) {
                   v(u, j(xe(t.iconDelete)), null, 16)
                 ], 8, Eg),
                 f("span", null, [
-                  H(g(o.listOfFiles.length) + " ", 1),
+                  q(g(o.listOfFiles.length) + " ", 1),
                   t.allowMultipleFileUploads ? (l(), a(_, { key: 1 }, [
-                    H(g(e.getMessage("cmduploadform.labeltext.files_uploading")), 1)
+                    q(g(e.getMessage("cmduploadform.labeltext.files_uploading")), 1)
                   ], 64)) : (l(), a(_, { key: 0 }, [
-                    H(g(e.getMessage("cmduploadform.labeltext.file_uploading")), 1)
+                    q(g(e.getMessage("cmduploadform.labeltext.file_uploading")), 1)
                   ], 64))
                 ]),
                 f("small", {
@@ -15287,17 +15285,17 @@ function sy(e, n, t, s, o, i) {
                 ])) : c("", !0)
               ])
             ])) : c("", !0),
-            qg
+            Hg
           ])) : c("", !0),
-          f("div", Hg, [
+          f("div", qg, [
             v(r, M(t.cmdHeadlineListOfSelectedFiles, { headlineLevel: "4" }), {
               default: V(() => [
-                H(g(e.getMessage("cmduploadform.headline.list_of_selected_files")), 1)
+                q(g(e.getMessage("cmduploadform.headline.list_of_selected_files")), 1)
               ]),
               _: 1
             }, 16),
             f("ul", Rg, [
-              (l(!0), a(_, null, q(o.listOfFiles, (m, p) => (l(), a("li", {
+              (l(!0), a(_, null, H(o.listOfFiles, (m, p) => (l(), a("li", {
                 key: p,
                 class: "flex-container no-flex"
               }, [
@@ -15315,7 +15313,7 @@ function sy(e, n, t, s, o, i) {
                     { error: m.error }
                   ])
                 }, [
-                  H(g(m.file.name) + " ", 1),
+                  q(g(m.file.name) + " ", 1),
                   f("small", null, "(" + g(i.formatSize(m.file.size)) + ")", 1)
                 ], 2),
                 o.uploadInitiated && !m.error ? (l(), a("span", jg, [
@@ -15339,7 +15337,7 @@ function sy(e, n, t, s, o, i) {
         ])) : (l(), a(_, { key: 0 }, [
           t.allowMultipleFileUploads ? (l(), C(r, M({ key: 0 }, t.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
             default: V(() => [
-              H(g(i.headlineTextNoFilesToUpload), 1)
+              q(g(i.headlineTextNoFilesToUpload), 1)
             ]),
             _: 1
           }, 16)) : c("", !0)
@@ -15347,13 +15345,13 @@ function sy(e, n, t, s, o, i) {
         f("div", Gg, [
           t.allowMultipleFileUploads && o.listOfFiles.length ? (l(), C(r, M({ key: 0 }, t.cmdHeadlineSelectAdditionalFiles, { headlineLevel: "4" }), {
             default: V(() => [
-              H(g(e.getMessage("cmduploadform.headline.select_additional_files")), 1)
+              q(g(e.getMessage("cmduploadform.headline.select_additional_files")), 1)
             ]),
             _: 1
           }, 16)) : c("", !0),
           !t.allowMultipleFileUploads && o.listOfFiles.length ? (l(), C(r, M({ key: 1 }, t.cmdHeadlineSelectNewFile, { headlineLevel: "4" }), {
             default: V(() => [
-              H(g(e.getMessage("cmduploadform.headline.select_new_file")), 1)
+              q(g(e.getMessage("cmduploadform.headline.select_new_file")), 1)
             ]),
             _: 1
           }, 16)) : c("", !0),
@@ -15389,7 +15387,7 @@ function sy(e, n, t, s, o, i) {
               v(ke, { name: "fade" }, {
                 default: V(() => [
                   o.showListOfFileExtensions ? (l(), a("ul", Zg, [
-                    (l(!0), a(_, null, q(t.allowedFileExtensions, (m, p) => (l(), a("li", {
+                    (l(!0), a(_, null, H(t.allowedFileExtensions, (m, p) => (l(), a("li", {
                       key: p,
                       class: b({ error: o.errors.fileType })
                     }, g(m), 3))), 128))
@@ -15419,14 +15417,14 @@ function sy(e, n, t, s, o, i) {
           }, [
             f("span", null, g(e.getMessage("cmduploadform.or")), 1),
             f("strong", null, [
-              H(g(e.getMessage("cmduploadform.drag_and_drop")) + " ", 1),
+              q(g(e.getMessage("cmduploadform.drag_and_drop")) + " ", 1),
               t.allowMultipleFileUploads && o.listOfFiles.length ? (l(), a(_, { key: 0 }, [
-                H(g(e.getMessage("cmduploadform.additional")), 1)
+                q(g(e.getMessage("cmduploadform.additional")), 1)
               ], 64)) : c("", !0),
               !t.allowMultipleFileUploads && o.listOfFiles.length ? (l(), a(_, { key: 1 }, [
-                H(g(e.getMessage("cmduploadform.new")), 1)
+                q(g(e.getMessage("cmduploadform.new")), 1)
               ], 64)) : c("", !0),
-              H(" " + g(e.getMessage("cmduploadform.files_to_this_area")), 1)
+              q(" " + g(e.getMessage("cmduploadform.files_to_this_area")), 1)
             ])
           ], 2)) : c("", !0)
         ])
@@ -15550,13 +15548,11 @@ const Zy = /* @__PURE__ */ L(Mg, [["render", sy]]), ay = {
       default: !0
     },
     /**
-     * set class to inner component
-     *
-     * useInnerSection-property must be true
+     * set if content should be extended to full device width
      */
-    sectionClass: {
-      type: String,
-      required: !1
+    useFullDeviceWidth: {
+      type: Boolean,
+      default: !1
     },
     /**
      * activate if wrapper (and its content) should be sticky (=position remains the same if content below is scrolled)
@@ -15599,10 +15595,13 @@ const Zy = /* @__PURE__ */ L(Mg, [["render", sy]]), ay = {
     }
   },
   computed: {
-    setSectionClass() {
-      return this.sectionClass ? this.sectionClass : this.innerComponent === "header" ? "grid-container-create-columns" : this.innerComponent === "footer" ? "flex-container" : "";
-    },
     setInnerClass() {
+      if (this.useFullDeviceWidth)
+        return "full-width";
+      if (this.innerComponent === "header")
+        return "grid-container-create-columns";
+      if (this.innerComponent === "footer")
+        return "flex-container";
       if (this.containerType === "grid")
         return "grid-container-create-columns";
       if (this.containerType === "flex") {
@@ -15632,7 +15631,7 @@ function cy(e, n, t, s, o, i) {
   }, [
     t.useInnerSection ? (l(), a("section", {
       key: 0,
-      class: b(i.setSectionClass),
+      class: b(i.setInnerClass),
       id: t.anchorId
     }, [
       t.cmdHeadline ? (l(), C(r, j(M({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
@@ -15711,7 +15710,7 @@ const Xy = /* @__PURE__ */ L(uy, [["render", hy]]), py = {
 function yy(e, n, t, s, o, i) {
   const r = gi, d = Gd;
   return l(), a("div", gy, [
-    (l(!0), a(_, null, q(t.segments, (u, h) => (l(), a(_, { key: h }, [
+    (l(!0), a(_, null, H(t.segments, (u, h) => (l(), a(_, { key: h }, [
       v(d, {
         boxesPerRow: u.boxesPerRow,
         useRowViewAsDefault: u.useRowViewAsDefault,
@@ -15719,14 +15718,14 @@ function yy(e, n, t, s, o, i) {
         cmdHeadline: u.cmdHeadline
       }, {
         default: V((m) => [
-          (l(!0), a(_, null, q(u.boxes, (p, x) => (l(), C(r, M({
+          (l(!0), a(_, null, H(u.boxes, (p, x) => (l(), C(r, M({
             "use-slots": ["box-body"],
             key: x
           }, p, {
             rowView: m.rowView
           }), {
             default: V(() => [
-              H(" box " + g(p), 1)
+              q(" box " + g(p), 1)
             ]),
             _: 2
           }, 1040, ["rowView"]))), 128))
@@ -15749,7 +15748,7 @@ const Qy = /* @__PURE__ */ L(py, [["render", yy]]), by = {
 function _y(e, n, t, s, o, i) {
   const r = pi;
   return l(), a("div", Cy, [
-    (l(!0), a(_, null, q(t.segments, (d, u) => (l(), a(_, { key: u }, [
+    (l(!0), a(_, null, H(t.segments, (d, u) => (l(), a(_, { key: u }, [
       v(r, {
         links: d.links,
         orientation: d.orientation,
@@ -15829,8 +15828,8 @@ export {
   Vy as CmdPageFooter,
   Dy as CmdPageHeader,
   Ey as CmdPagination,
-  qy as CmdProgressBar,
-  Hy as CmdSidebar,
+  Hy as CmdProgressBar,
+  qy as CmdSidebar,
   Ry as CmdSiteFooter,
   Ny as CmdSiteHeader,
   jy as CmdSiteSearch,
@@ -15856,7 +15855,7 @@ export {
   $y as MultipleListsOfLinks,
   fi as createHtmlId,
   je as createUuid,
-  qe as getFileExtension,
+  He as getFileExtension,
   ct as openFancyBox,
   nb as useSequence
 };