comand-component-library 4.2.86 → 4.2.88

package/dist/comand-component-library.js

@@ -1,4 +1,4 @@
-import { defineComponent as Yn, h as dn, resolveComponent as de, createBlock as x, createElementBlock as r, openBlock as a, normalizeClass as b, resolveDynamicComponent as Te, withModifiers as w, withCtx as C, renderSlot as F, withDirectives as W, createElementVNode as o, createCommentVNode as m, createVNode as f, vShow as te, Fragment as T, toDisplayString as y, getCurrentInstance as Hl, normalizeProps as A, mergeProps as S, createTextVNode as D, renderList as P, Transition as pe, vModelDynamic as ql, toHandlers as xt, TransitionGroup as At, createApp as Rl, guardReactiveProps as ce, normalizeStyle as Ke, useCssVars as Jn, createStaticVNode as jl, vModelText as Ct, resolveDirective as Ul, vModelSelect as Nl, vModelRadio as ct, onBeforeUpdate as zl, onMounted as Wl, onUnmounted as Gl, reactive as Kl } from "vue";
+import { defineComponent as Yn, h as dn, resolveComponent as de, createBlock as x, createElementBlock as r, openBlock as a, normalizeClass as b, resolveDynamicComponent as Te, withModifiers as w, withCtx as C, renderSlot as D, withDirectives as W, createElementVNode as o, createCommentVNode as m, createVNode as f, vShow as te, Fragment as T, toDisplayString as y, getCurrentInstance as Hl, normalizeProps as A, mergeProps as S, createTextVNode as F, renderList as P, Transition as pe, vModelDynamic as ql, toHandlers as xt, TransitionGroup as At, createApp as Rl, guardReactiveProps as ce, normalizeStyle as Ke, useCssVars as Jn, createStaticVNode as jl, vModelText as Ct, resolveDirective as Ul, vModelSelect as Nl, vModelRadio as ct, onBeforeUpdate as zl, onMounted as Wl, onUnmounted as Gl, reactive as Kl } from "vue";
 const Fe = /^[a-z0-9]+(-[a-z0-9]+)*$/, Qe = (e, t, n, s = "") => {
   const i = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -1586,7 +1586,7 @@ function fa(e, t, n, s, i, l) {
           [te, l.active]
         ])
       ], 64)),
-      F(e.$slots, "default", { editing: l.editing })
+      D(e.$slots, "default", { editing: l.editing })
     ]),
     _: 3
   }, 8, ["class", "onClick", "title", "data-identifier"]);
@@ -1769,7 +1769,7 @@ function ka(e, t, n, s, i, l) {
               key: 0,
               innerHTML: n.headlineText
             }, null, 8, ya)) : (a(), r("span", ba, [
-              F(e.$slots, "default")
+              D(e.$slots, "default")
             ]))
           ], 2)
         ]),
@@ -1785,7 +1785,7 @@ function ka(e, t, n, s, i, l) {
           key: 1,
           innerHTML: n.headlineText
         }, null, 8, xa)) : (a(), r("span", Ca, [
-          F(e.$slots, "default")
+          D(e.$slots, "default")
         ]))
       ]),
       _: 3
@@ -1819,16 +1819,16 @@ function ka(e, t, n, s, i, l) {
             default: C(() => [
               n.cmdIcon ? (a(), x(d, A(S({ key: 0 }, n.cmdIcon)), null, 16)) : m("", !0),
               o("span", va, y(n.preHeadlineText), 1),
-              F(e.$slots, "default", {}, () => [
-                D(y(n.headlineText), 1)
+              D(e.$slots, "default", {}, () => [
+                F(y(n.headlineText), 1)
               ])
             ]),
             _: 3
           })) : m("", !0)
         ], 64)) : n.headlineText ? (a(), x(Te(l.headlineTag), { key: 2 }, {
           default: C(() => [
-            F(e.$slots, "default", {}, () => [
-              D(y(n.headlineText), 1)
+            D(e.$slots, "default", {}, () => [
+              F(y(n.headlineText), 1)
             ])
           ]),
           _: 3
@@ -2007,8 +2007,8 @@ function _a(e, t, n, s, i, l) {
         }, null, 8, ["iconClass", "type"])
       ], 8, Sa)) : m("", !0)
     ])) : m("", !0),
-    F(e.$slots, "default", {}, () => [
-      D(y(n.tooltipText), 1)
+    D(e.$slots, "default", {}, () => [
+      F(y(n.tooltipText), 1)
     ])
   ], 2)) : m("", !0);
 }
@@ -2167,10 +2167,10 @@ function Fa(e, t, n, s, i, l) {
       "headline-level": n.cmdHeadline.headlineLevel
     }, {
       default: C(() => [
-        D(y(l.headlineRequirements), 1),
+        F(y(l.headlineRequirements), 1),
         n.labelText ? (a(), r(T, { key: 0 }, [
           t[1] || (t[1] = o("br", null, null, -1)),
-          D('"' + y(n.labelText) + '"', 1)
+          F('"' + y(n.labelText) + '"', 1)
         ], 64)) : m("", !0)
       ]),
       _: 1
@@ -3208,7 +3208,7 @@ function ks(e, t, n, s, i, l) {
         n.labelText ? (a(), r("span", {
           key: 0,
           innerHTML: n.labelText
-        }, null, 8, Ga)) : F(e.$slots, "labeltext", { key: 1 }),
+        }, null, 8, Ga)) : D(e.$slots, "labeltext", { key: 1 }),
         e.$attrs.required != null && e.$attrs.required !== !1 ? (a(), r("sup", Ka, "*")) : m("", !0)
       ]),
       (e.$attrs.required || e.inputRequirements.length) && n.showStatusIcon ? (a(), r("a", {
@@ -3317,7 +3317,7 @@ function ks(e, t, n, s, i, l) {
             o("span", { innerHTML: n.labelText }, null, 8, rs),
             e.$attrs.required ? (a(), r("sup", ds, "*")) : m("", !0)
           ], 2)) : m("", !0)
-        ], 64)) : F(e.$slots, "default", { key: 2 }) : (a(), r(T, { key: 0 }, [
+        ], 64)) : D(e.$slots, "default", { key: 2 }) : (a(), r(T, { key: 0 }, [
           o("input", S(l.elementAttributes, {
             onChange: t[12] || (t[12] = (...u) => l.onChange && l.onChange(...u)),
             onBlur: t[13] || (t[13] = (...u) => l.onBlur && l.onBlur(...u)),
@@ -3337,7 +3337,7 @@ function ks(e, t, n, s, i, l) {
               n.labelText ? (a(), r("span", {
                 key: 0,
                 innerHTML: n.labelText
-              }, null, 8, ns)) : F(e.$slots, "labeltext", { key: 1 }),
+              }, null, 8, ns)) : D(e.$slots, "labeltext", { key: 1 }),
               e.$attrs.required ? (a(), r("sup", is, "*")) : m("", !0)
             ])
           ], 2)) : m("", !0)
@@ -3425,7 +3425,7 @@ function ks(e, t, n, s, i, l) {
       type: n.nativeButton?.icon?.iconType
     }, null, 8, ["iconClass", "type"])) : m("", !0),
     n.nativeButton?.icon && n.nativeButton?.text ? (a(), r("span", vs, y(n.nativeButton.text), 1)) : (a(), r(T, { key: 2 }, [
-      D(y(n.nativeButton.text), 1)
+      F(y(n.nativeButton.text), 1)
     ], 64)),
     n.nativeButton?.icon?.show && n.nativeButton?.icon?.position === "after" ? (a(), x(d, {
       key: 3,
@@ -3621,9 +3621,9 @@ function qs(e, t, n, s, i, l) {
         }, [
           n.addressEntry.zip ? (a(), r("span", Ds, y(n.addressEntry.zip), 1)) : m("", !0),
           n.addressEntry.city ? (a(), r("span", Fs, [
-            D(y(n.addressEntry.city), 1),
+            F(y(n.addressEntry.city), 1),
             n.addressEntry.state ? (a(), r(T, { key: 0 }, [
-              D(y(n.addressEntry.state), 1)
+              F(y(n.addressEntry.state), 1)
             ], 64)) : m("", !0)
           ])) : m("", !0)
         ], 2)) : m("", !0),
@@ -3699,9 +3699,9 @@ function qs(e, t, n, s, i, l) {
           }, [
             n.addressEntry.zip ? (a(), r("span", As, y(n.addressEntry.zip), 1)) : m("", !0),
             n.addressEntry.city ? (a(), r("span", Es, [
-              D(y(n.addressEntry.city), 1),
+              F(y(n.addressEntry.city), 1),
               n.addressEntry.state ? (a(), r(T, { key: 0 }, [
-                D(" " + y(n.addressEntry.state), 1)
+                F(" " + y(n.addressEntry.state), 1)
               ], 64)) : m("", !0)
             ])) : m("", !0)
           ], 2)) : m("", !0),
@@ -3861,7 +3861,7 @@ const Rs = /* @__PURE__ */ B(ws, [["render", qs]]), js = {
 function tr(e, t, n, s, i, l) {
   const d = U, c = Rs, u = Ce, h = R;
   return a(), r("div", Us, [
-    n.useSlot ? F(e.$slots, "default", { key: 0 }) : (a(), r(T, { key: 1 }, [
+    n.useSlot ? D(e.$slots, "default", { key: 0 }) : (a(), r(T, { key: 1 }, [
       n.cmdHeadline?.headlineText || e.editModeContext ? (a(), x(d, A(S({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
       o("address", Ns, [
         n.showLabels && (n.showLabelTexts || n.showLabelIcons) && !n.showIconsOnly ? (a(), r(T, { key: 0 }, [
@@ -3930,7 +3930,7 @@ function tr(e, t, n, s, i, l) {
                     type: p.iconType
                   }, null, 8, ["iconClass", "type"])) : m("", !0)
                 ], 64)) : (a(), r(T, { key: 1 }, [
-                  D(y(p.href), 1)
+                  F(y(p.href), 1)
                 ], 64))
               ], 10, zs)) : n.showIconsOnly ? m("", !0) : (a(), r("span", {
                 key: 1,
@@ -3960,9 +3960,9 @@ function tr(e, t, n, s, i, l) {
                     }, [
                       p.zip ? (a(), r("span", Ys, y(p.zip) + " ", 1)) : m("", !0),
                       p.city ? (a(), r("span", Js, [
-                        D(y(p.city), 1),
+                        F(y(p.city), 1),
                         p.state ? (a(), r(T, { key: 0 }, [
-                          D(y(p.state), 1)
+                          F(y(p.state), 1)
                         ], 64)) : m("", !0)
                       ])) : m("", !0),
                       t[3] || (t[3] = o("br", null, null, -1))
@@ -3989,9 +3989,9 @@ function tr(e, t, n, s, i, l) {
                   }, [
                     p.zip ? (a(), r("span", Xs, y(p.zip) + " ", 1)) : m("", !0),
                     p.city ? (a(), r("span", $s, [
-                      D(y(p.city), 1),
+                      F(y(p.city), 1),
                       p.state ? (a(), r(T, { key: 0 }, [
-                        D(y(p.state), 1)
+                        F(y(p.state), 1)
                       ], 64)) : m("", !0)
                     ])) : m("", !0),
                     t[7] || (t[7] = o("br", null, null, -1))
@@ -4168,7 +4168,7 @@ const or = /* @__PURE__ */ B(nr, [["render", lr]]), ar = {
 function cr(e, t, n, s, i, l) {
   const d = U, c = R;
   return a(), r("div", sr, [
-    n.useSlot ? F(e.$slots, "default", { key: 0 }) : (a(), r(T, { key: 1 }, [
+    n.useSlot ? D(e.$slots, "default", { key: 0 }) : (a(), r(T, { key: 1 }, [
       n.cmdHeadline ? (a(), x(d, A(S({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
       o("dl", null, [
         (a(!0), r(T, null, P(n.accountData, (u, h) => (a(), r(T, { key: h }, [
@@ -4431,7 +4431,7 @@ function wr(e, t, n, s, i, l) {
   }, [
     W(o("span", hr, [
       o("span", { id: e.htmlId }, [
-        D(y(n.labelText), 1),
+        F(y(n.labelText), 1),
         n.required ? (a(), r("sup", yr, "*")) : m("", !0)
       ], 8, gr),
       (n.required || e.inputRequirements.length > 0) && n.showStatusIcon ? (a(), r("a", {
@@ -4463,7 +4463,7 @@ function wr(e, t, n, s, i, l) {
       [te, n.showLabel]
     ]),
     n.useSlot ? (a(), r("div", kr, [
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ])) : (a(), r("span", {
       key: 0,
       class: b(["flex-container", { vertical: n.orientation === "vertical", "flex-items-flex-none": !n.stretchHorizontally, "no-gap": n.multipleSwitch }])
@@ -4639,7 +4639,7 @@ function Or(e, t, n, s, i, l) {
         role: n.validationStatus === "error" ? "alert" : "dialog",
         "aria-labelledby": e.htmlId
       }, [
-        F(e.$slots, "default", {}, () => [
+        D(e.$slots, "default", {}, () => [
           f(d, {
             class: "message-headline",
             cmdIcon: l.headlineIcon,
@@ -4927,7 +4927,7 @@ function Ur(e, t, n, s, i, l) {
           validationStatus: i.systemMessage.validationStatus,
           systemMessage: i.systemMessage.message
         }, null, 8, ["validationStatus", "systemMessage"])) : m("", !0),
-        n.useSlot ? F(e.$slots, "default", { key: 2 }) : (a(!0), r(T, { key: 3 }, P(n.formElements, (p, v) => (a(), r(T, { key: v }, [
+        n.useSlot ? D(e.$slots, "default", { key: 2 }) : (a(!0), r(T, { key: 3 }, P(n.formElements, (p, v) => (a(), r(T, { key: v }, [
           !p.component || p.component === "CmdFormElement" ? (a(), x(u, {
             key: v,
             element: p.element || "input",
@@ -4998,7 +4998,7 @@ function Ur(e, t, n, s, i, l) {
         l.submitButtonOptions.show && (l.submitButtonOptions.position === "insideFieldset" || l.submitButtonOptions.position === null) ? (a(), r("div", Fr, [
           n.mandatoryText ? (a(), r("small", Mr, [
             t[3] || (t[3] = o("sup", null, "*", -1)),
-            D(y(n.mandatoryText), 1)
+            F(y(n.mandatoryText), 1)
           ])) : m("", !0),
           l.cancelButtonOptions.show ? (a(), r("button", {
             key: 1,
@@ -5027,7 +5027,7 @@ function Ur(e, t, n, s, i, l) {
       l.submitButtonOptions.show && l.submitButtonOptions.position === "belowFieldset" ? (a(), r("div", Er, [
         n.mandatoryText ? (a(), r("small", Hr, [
           t[4] || (t[4] = o("sup", null, "*", -1)),
-          D(y(n.mandatoryText), 1)
+          F(y(n.mandatoryText), 1)
         ])) : m("", !0),
         l.cancelButtonOptions.show ? (a(), r("button", {
           key: 1,
@@ -5053,8 +5053,8 @@ function Ur(e, t, n, s, i, l) {
           l.submitButtonOptions.text ? (a(), r("span", jr, y(l.submitButtonOptions.text), 1)) : m("", !0)
         ], 10, Rr)) : m("", !0)
       ])) : m("", !0),
-      F(e.$slots, "button-row")
-    ], 64)) : F(e.$slots, "default", { key: 1 })
+      D(e.$slots, "button-row")
+    ], 64)) : D(e.$slots, "default", { key: 1 })
   ], 42, Ir);
 }
 const hi = /* @__PURE__ */ B(Lr, [["render", Ur]]), Nr = {
@@ -6272,7 +6272,7 @@ function Id(e, t, n, s, i, l) {
           onClick: w(e.showNextItem, ["prevent"])
         }, null, 8, ["onClick"])
       ])) : (a(), r("div", wd, [
-        F(e.$slots, "default")
+        D(e.$slots, "default")
       ]))
     ], 2),
     e.showSubmitButtons && e.fancyBoxOptionsProperties.submitButtons ? (a(), r("footer", Td, [
@@ -6652,7 +6652,7 @@ function Hd(e, t, n, s, i, l) {
             i18n: e.i18n
           }, null, 8, ["labelText", "name", "replaceInputType", "modelValue", "i18n"])
         ])) : m("", !0),
-        F(e.$slots, "top"),
+        D(e.$slots, "top"),
         n.configuration.lastName || n.configuration.firstName ? (a(), r("div", Pd, [
           n.configuration.lastName ? (a(), x(c, {
             key: 0,
@@ -6817,7 +6817,7 @@ function Hd(e, t, n, s, i, l) {
           i18n: e.i18n,
           showStatusIcon: !1
         }, null, 8, ["element", "labelText", "placeholder", "required", "name", "textCharactersLeft", "maxlength", "modelValue", "status", "i18n"])) : m("", !0),
-        F(e.$slots, "bottom"),
+        D(e.$slots, "bottom"),
         n.configuration.acceptPrivacy ? (a(), x(c, {
           key: 5,
           element: "input",
@@ -6893,7 +6893,7 @@ function Wd(e, t, n, s, i, l) {
       src: e.img?.src,
       alt: n.image?.alt
     }, null, 8, zd)) : m("", !0),
-    F(e.$slots, "default")
+    D(e.$slots, "default")
   ], 64);
 }
 const Gd = /* @__PURE__ */ B(qd, [["render", Wd]]), Kd = {
@@ -7016,7 +7016,7 @@ function Zd(e, t, n, s, i, l) {
       image: n.image
     }, {
       default: C(() => [
-        F(e.$slots, "default")
+        D(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["text", "icon", "image"])
@@ -7035,7 +7035,7 @@ function Zd(e, t, n, s, i, l) {
         image: n.image
       }, {
         default: C(() => [
-          F(e.$slots, "default")
+          D(e.$slots, "default")
         ]),
         _: 3
       }, 8, ["text", "icon", "image"])
@@ -7055,7 +7055,7 @@ function Zd(e, t, n, s, i, l) {
       image: n.image
     }, {
       default: C(() => [
-        F(e.$slots, "default")
+        D(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["text", "icon", "image"])
@@ -7129,7 +7129,7 @@ function Xd(e, t, n, s, i, l) {
     class: b(["cmd-tag tag", n.highlightLevel]),
     ref: "tag"
   }, [
-    F(e.$slots, "default", {}, () => [
+    D(e.$slots, "default", {}, () => [
       o("span", null, y(n.tagText), 1),
       n.removeTagByClick ? (a(), r("a", {
         key: 0,
@@ -7466,7 +7466,7 @@ function pu(e, t, n, s, i, l) {
           class: b(["flex-container", { "no-gap": !n.useGap }, "align-" + n.align, l.setStretchClass, { horizontal: n.orientation === "horizontal" }])
         }, {
           default: C(() => [
-            n.listContentType === "links" ? F(e.$slots, "default", { key: 0 }, () => [
+            n.listContentType === "links" ? D(e.$slots, "default", { key: 0 }, () => [
               e.editModeContext ? (a(), r("li", au, [
                 (a(!0), r(T, null, P(e.links, (I, L) => (a(), x(u, {
                   key: "x" + L,
@@ -7503,7 +7503,7 @@ function pu(e, t, n, s, i, l) {
                 onClick: t[0] || (t[0] = (O) => l.emitClick(O, e.linkType))
               }, null, 8, ["class", "link"]))), 128))
             ]) : m("", !0),
-            n.listContentType === "images" ? F(e.$slots, "default", { key: 1 }, () => [
+            n.listContentType === "images" ? D(e.$slots, "default", { key: 1 }, () => [
               (a(!0), r(T, null, P(n.items, (I, L) => (a(), r("li", { key: L }, [
                 I.image.url ? (a(), r("a", {
                   key: 0,
@@ -7516,7 +7516,7 @@ function pu(e, t, n, s, i, l) {
                 }, I), null, 16))
               ]))), 128))
             ]) : m("", !0),
-            n.listContentType === "tags" ? F(e.$slots, "default", { key: 2 }, () => [
+            n.listContentType === "tags" ? D(e.$slots, "default", { key: 2 }, () => [
               (a(!0), r(T, null, P(i.listOfTagItems, (I, L) => (a(), r("li", { key: L }, [
                 f(p, {
                   tagText: I,
@@ -7542,7 +7542,7 @@ function pu(e, t, n, s, i, l) {
                 key: 0,
                 ref_for: !0
               }, I.descriptionData.cmdLink), null, 16)) : (a(), r(T, { key: 1 }, [
-                D(y(I.descriptionData.text), 1)
+                F(y(I.descriptionData.text), 1)
               ], 64))
             ]),
             n.alignDescriptionTermRight ? (a(), r("dt", cu, [
@@ -7973,14 +7973,14 @@ function Ku(e, t, n, s, i, l) {
       title: i.open ? n.iconOpen.tooltip : n.iconClosed.tooltip,
       onClick: t[0] || (t[0] = w((...v) => l.toggleContentVisibility && l.toggleContentVisibility(...v), ["prevent"]))
     }, [
-      n.useSlots?.includes("header") ? F(e.$slots, "header", { key: 0 }) : n.cmdHeadline?.headlineText && n.headlinePosition === "header" ? (a(), x(d, A(S({ key: 1 }, n.cmdHeadline)), null, 16)) : m("", !0),
+      n.useSlots?.includes("header") ? D(e.$slots, "header", { key: 0 }) : n.cmdHeadline?.headlineText && n.headlinePosition === "header" ? (a(), x(d, A(S({ key: 1 }, n.cmdHeadline)), null, 16)) : m("", !0),
       f(c, {
         iconClass: i.open ? n.iconOpen.iconClass : n.iconClosed.iconClass,
         type: i.open ? n.iconOpen.iconType : n.iconClosed.iconType
       }, null, 8, ["iconClass", "type"])
     ], 8, gu)) : (a(), r(T, { key: 1 }, [
       n.useSlots?.includes("header") || n.cmdHeadline?.headlineText && n.headlinePosition === "header" ? (a(), r("div", yu, [
-        n.useSlots?.includes("header") ? F(e.$slots, "header", { key: 0 }) : m("", !0),
+        n.useSlots?.includes("header") ? D(e.$slots, "header", { key: 0 }) : m("", !0),
         n.cmdHeadline?.headlineText && n.headlinePosition === "header" ? (a(), x(d, A(S({ key: 1 }, n.cmdHeadline)), null, 16)) : m("", !0)
       ])) : m("", !0)
     ], 64)),
@@ -7995,7 +7995,7 @@ function Ku(e, t, n, s, i, l) {
         ref: "boxBody",
         style: Ke(n.allowContentToScroll ? "max-height: " + i.calculatedBodyHeight : null)
       }, [
-        F(e.$slots, "body", {}, () => [
+        D(e.$slots, "body", {}, () => [
           n.cmdHeadline?.headlineText && n.headlinePosition === "body" ? (a(), x(d, A(S({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
           n.cmdIcon !== void 0 ? (a(), r("div", bu, [
             f(c, {
@@ -8049,7 +8049,7 @@ function Ku(e, t, n, s, i, l) {
       f(h, A(ce(n.cmdLink)), null, 16)
     ])) : m("", !0),
     n.useSlots?.includes("footer") ? (a(), r("div", wu, [
-      F(e.$slots, "footer")
+      D(e.$slots, "footer")
     ])) : m("", !0)
   ], 2)) : n.boxType === "product" && n.product ? (a(), r("a", {
     key: 1,
@@ -8095,7 +8095,7 @@ function Ku(e, t, n, s, i, l) {
           alt: n.user.image.alt
         }, null, 8, Pu),
         n.rowView ? m("", !0) : (a(), r("figcaption", Vu, [
-          D(y(n.user.name) + " ", 1),
+          F(y(n.user.name) + " ", 1),
           n.user.age ? (a(), r("span", Au, " (" + y(n.user.age) + ") ", 1)) : m("", !0)
         ]))
       ])) : (a(), r(T, { key: 1 }, [
@@ -8107,7 +8107,7 @@ function Ku(e, t, n, s, i, l) {
           }, null, 8, ["iconClass", "type", "title"])
         ]),
         n.rowView ? m("", !0) : (a(), r("p", Hu, [
-          D(y(n.user.name) + " ", 1),
+          F(y(n.user.name) + " ", 1),
           n.user.age ? (a(), r("span", qu, " (" + y(n.user.age) + ") ", 1)) : m("", !0)
         ]))
       ], 64))
@@ -8363,7 +8363,7 @@ function Xu(e, t, n, s, i, l) {
         }
       ])
     }, [
-      F(e.$slots, "default", {
+      D(e.$slots, "default", {
         collapsingBoxesOpen: i.collapsingBoxesOpen,
         boxToggled: l.boxToggled,
         boxIsOpen: l.boxIsOpen,
@@ -8534,14 +8534,14 @@ function fc(e, t, n, s, i, l) {
     ], 8, uc)) : m("", !0),
     n.preformatted ? (a(), r("pre", cc, [
       o("code", mc, [
-        t[1] || (t[1] = D(`
+        t[1] || (t[1] = F(`
             `, -1)),
-        F(e.$slots, "default"),
-        t[2] || (t[2] = D(`
+        D(e.$slots, "default"),
+        t[2] || (t[2] = F(`
         `, -1))
       ], 512)
     ])) : (a(), r("code", pc, [
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ], 512))
   ], 2);
 }
@@ -8766,7 +8766,7 @@ function kc(e, t, n, s, i, l) {
     o("div", {
       class: b(l.htmlClasses)
     }, [
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ], 2)
   ]);
 }
@@ -8933,13 +8933,13 @@ function Uc(e, t, n, s, i, l) {
   return a(), x(pe, { name: n.transition }, {
     default: C(() => [
       o("div", _c, [
-        n.useSlot ? F(e.$slots, "default", { key: 0 }) : (a(), r("div", Oc, [
+        n.useSlot ? D(e.$slots, "default", { key: 0 }) : (a(), r("div", Oc, [
           n.cmdHeadlineCookieDisclaimer?.show && n.cmdHeadlineCookieDisclaimer?.headlineText && n.cmdHeadlineCookieDisclaimer?.headlineLevel ? (a(), x(d, {
             key: 0,
             headlineText: n.cmdHeadlineCookieDisclaimer.headlineText,
             headlineLevel: n.cmdHeadlineCookieDisclaimer.headlineLevel
           }, null, 8, ["headlineText", "headlineLevel"])) : m("", !0),
-          F(e.$slots, "cookie-options", {}, () => [
+          D(e.$slots, "cookie-options", {}, () => [
             n.cookieOptions?.required ? (a(), r("div", Lc, [
               l.defaultCmdBoxRequiredCookies().showHeadline && l.defaultCmdBoxRequiredCookies().headlineText ? (a(), x(d, {
                 key: 0,
@@ -8978,7 +8978,7 @@ function Uc(e, t, n, s, i, l) {
                 W(o("div", Bc, [
                   u.description ? (a(), r("p", Dc, y(u.description), 1)) : m("", !0),
                   u.linkDataPrivacy ? (a(), r("p", Fc, [
-                    D(y(u.linkDataPrivacy.label) + " ", 1),
+                    F(y(u.linkDataPrivacy.label) + " ", 1),
                     o("a", {
                       onClick: t[1] || (t[1] = (...p) => l.openDataPrivacy && l.openDataPrivacy(...p)),
                       href: u.linkDataPrivacy.link,
@@ -9029,7 +9029,7 @@ function Uc(e, t, n, s, i, l) {
                 W(o("div", Ac, [
                   u.description ? (a(), r("p", Ec, y(u.description), 1)) : m("", !0),
                   u.linkDataPrivacy ? (a(), r("p", Hc, [
-                    D(y(u.linkDataPrivacy.label) + " ", 1),
+                    F(y(u.linkDataPrivacy.label) + " ", 1),
                     o("a", {
                       onClick: t[3] || (t[3] = (...p) => l.openDataPrivacy && l.openDataPrivacy(...p)),
                       href: u.linkDataPrivacy.link,
@@ -9388,7 +9388,7 @@ function gm(e, t, n, s, i, l) {
   }, [
     n.showLabel ? (a(), r("span", Qc, [
       o("span", { id: e.htmlId }, [
-        D(y(n.labelText), 1),
+        F(y(n.labelText), 1),
         e.$attrs.required !== void 0 ? (a(), r("sup", $c, "*")) : m("", !0)
       ], 8, Xc),
       (e.$attrs.required || e.inputRequirements.length) && n.showStatusIcon ? (a(), r("a", {
@@ -9545,7 +9545,7 @@ function gm(e, t, n, s, i, l) {
               o("span", null, y(l.selectAllOptionsText), 1)
             ])
           ])) : m("", !0)
-        ], 10, dm)) : n.type === "content" && i.showOptions ? F(e.$slots, "default", { key: 2 }) : m("", !0)
+        ], 10, dm)) : n.type === "content" && i.showOptions ? D(e.$slots, "default", { key: 2 }) : m("", !0)
       ])
     ], 42, tm)
   ], 10, Zc);
@@ -9569,10 +9569,10 @@ function Cm(e, t, n, s, i, l) {
     class: b(["cmd-flexible-scroll-container flexible-scroll-container", { "reverse-order": n.fixedContainerAtBottom }])
   }, [
     o("div", bm, [
-      F(e.$slots, "fixed-wrapper")
+      D(e.$slots, "fixed-wrapper")
     ]),
     o("div", xm, [
-      F(e.$slots, "scroll-wrapper")
+      D(e.$slots, "scroll-wrapper")
     ])
   ], 2);
 }
@@ -10437,7 +10437,7 @@ function sp(e, t, n, s, i, l) {
       ], 2), [
         [te, i.showLogin]
       ]),
-      F(e.$slots, "login"),
+      D(e.$slots, "login"),
       o("div", Xm, [
         n.linkForgotPassword || n.linkCreateAccount ? (a(), r("div", $m, [
           n.linkForgotPassword ? (a(), r("a", {
@@ -10498,7 +10498,7 @@ function sp(e, t, n, s, i, l) {
         modelValue: i.sendLoginMail,
         "onUpdate:modelValue": t[9] || (t[9] = (p) => i.sendLoginMail = p)
       }, l.cmdFormElementSendLoginOptions), null, 16, ["modelValue"]),
-      F(e.$slots, "send-login"),
+      D(e.$slots, "send-login"),
       o("div", lp, [
         o("a", {
           href: "#",
@@ -10979,7 +10979,7 @@ const Li = /* @__PURE__ */ B(dp, [["render", kp]]), wp = {
 function Mp(e, t, n, s, i, l) {
   const d = R;
   return a(), r("div", Sp, [
-    F(e.$slots, "default", {}, () => [
+    D(e.$slots, "default", {}, () => [
       o("a", {
         href: l.getPreviousHref,
         class: b(["page-change", { disabled: i.currentPage === 1, button: n.linkType === "button" }]),
@@ -11324,7 +11324,7 @@ const Bi = /* @__PURE__ */ B(Pp, [["render", Ep]]), Hp = {
 function Rp(e, t, n, s, i, l) {
   const d = Bi, c = ve, u = Ii;
   return a(), r("div", qp, [
-    F(e.$slots, "progress-bar", {
+    D(e.$slots, "progress-bar", {
       setCurrentPage: l.setCurrentPage,
       numberOfPages: l.numberOfPages
     }, () => [
@@ -11345,17 +11345,18 @@ function Rp(e, t, n, s, i, l) {
         systemMessage: l.getSystemMessage(h),
         validationStatus: "error"
       }, null, 8, ["systemMessage"])) : m("", !0),
-      F(e.$slots, "page-" + h, {
+      D(e.$slots, "page-" + h, {
         setErrorOnPage: (v) => l.setErrorOnPage(h, v),
         removeErrorOnPage: () => l.removeErrorOnPage(h),
         atleastOneStepWithError: l.atleastOneStepWithError,
         formDataForPage: l.formDataForPage(h),
         updateFormDataForPage: (v) => l.updateFormDataForPage(h, v)
-      })
+      }),
+      D(e.$slots, "last-step")
     ], 2)), [
       [te, h === i.currentPage]
     ])), 128)),
-    F(e.$slots, "pagination", {
+    D(e.$slots, "pagination", {
       currentPage: i.currentPage,
       setPrevPage: l.setPrevPage,
       setNextPage: l.setNextPage,
@@ -11367,7 +11368,7 @@ function Rp(e, t, n, s, i, l) {
         activePage: i.currentPage,
         numberOfPages: l.numberOfPages
       }, l.cmdPaginationProperties, {
-        onClick: t[1] || (t[1] = (h) => l.setCurrentPage(h.page))
+        onClick: t[1] || (t[1] = (h) => l.setCurrentPage(h.step))
       }), null, 16, ["activePage", "numberOfPages"])) : m("", !0)
     ])
   ]);
@@ -11780,16 +11781,16 @@ function of(e, t, n, s, i, l) {
     o("dd", null, [
       n.day.am ? (a(), r("span", Jp, [
         n.day.am.displayText ? (a(), r(T, { key: 0 }, [
-          D(y(n.day.am.displayText), 1)
+          F(y(n.day.am.displayText), 1)
         ], 64)) : (a(), r(T, { key: 1 }, [
-          D(y(l.getTime(n.day.am.fromTime, n.abbreviationTextAm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.am.tillTime)), 1)
+          F(y(l.getTime(n.day.am.fromTime, n.abbreviationTextAm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.am.tillTime)), 1)
         ], 64))
       ])) : m("", !0),
       n.day.pm ? (a(), r("span", Zp, [
         n.day.pm.displayText ? (a(), r(T, { key: 0 }, [
-          D(y(n.day.pm.displayText), 1)
+          F(y(n.day.pm.displayText), 1)
         ], 64)) : (a(), r(T, { key: 1 }, [
-          D(y(l.getTime(n.day.pm.fromTime, n.abbreviationTextPm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.pm.tillTime)), 1)
+          F(y(l.getTime(n.day.pm.fromTime, n.abbreviationTextPm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.pm.tillTime)), 1)
         ], 64))
       ])) : m("", !0)
     ])
@@ -12074,7 +12075,7 @@ function bf(e, t, n, s, i, l) {
         class: { closed: l.isClosed }
       }), {
         default: C(() => [
-          D(y(l.textOpenClosed), 1)
+          F(y(l.textOpenClosed), 1)
         ]),
         _: 1
       }, 16, ["linkType", "class"])) : (a(), r("span", {
@@ -12497,7 +12498,7 @@ function Of(e, t, n, s, i, l) {
           page: n.page,
           appendPage: n.appendPage
         }, null, 8, ["network", "userMustAcceptDataPrivacy", "buttonTextAlign", "dataPrivacyAccepted", "page", "appendPage"]))), 128)),
-        F(e.$slots, "default")
+        D(e.$slots, "default")
       ], 64))
     ], 2)) : (a(), r("button", {
       key: 3,
@@ -12603,12 +12604,12 @@ function Ff(e, t, n, s, i, l) {
   }, [
     n.cmdSocialNetworks ? (a(), x(d, A(S({ key: 0 }, n.cmdSocialNetworks)), {
       default: C(() => [
-        F(e.$slots, "cmd-social-networks")
+        D(e.$slots, "cmd-social-networks")
       ]),
       _: 3
     }, 16)) : m("", !0),
     o("div", If, [
-      F(e.$slots, "default"),
+      D(e.$slots, "default"),
       l.buttonPrintViewOptions?.show ? (a(), r("button", {
         key: 0,
         class: b(["button", { primary: l.buttonPrintViewOptions.primary }]),
@@ -12657,7 +12658,7 @@ function Ef(e, t, n, s, i, l) {
       n.cmdBreadcrumbs ? (a(), x(d, A(S({ key: 0 }, n.cmdBreadcrumbs)), null, 16)) : m("", !0),
       n.cmdHeadline.headlineText ? (a(), x(c, A(S({ key: 1 }, n.cmdHeadline)), null, 16)) : m("", !0)
     ])) : m("", !0),
-    e.$slots.default ? F(e.$slots, "default", { key: 1 }) : m("", !0)
+    e.$slots.default ? D(e.$slots, "default", { key: 1 }) : m("", !0)
   ])) : m("", !0);
 }
 const Hf = /* @__PURE__ */ B(Pf, [["render", Ef]]), qf = {
@@ -12781,7 +12782,7 @@ function Yf(e, t, n, s, i, l) {
     n.content && !n.useSlot ? (a(), r("div", {
       key: 1,
       innerHTML: n.content
-    }, null, 8, Kf)) : F(e.$slots, "default", { key: 2 })
+    }, null, 8, Kf)) : D(e.$slots, "default", { key: 2 })
   ], 2);
 }
 const Jf = /* @__PURE__ */ B(Gf, [["render", Yf]]), Zf = {
@@ -12869,9 +12870,9 @@ function th(e, t, n, s, i, l) {
         class: "sidebar-main-headline"
       }), null, 16, ["headlineLevel"])) : m("", !0),
       i.open ? (a(), r("div", Xf, [
-        F(e.$slots, "open", { openBoxStatus: i.open })
+        D(e.$slots, "open", { openBoxStatus: i.open })
       ])) : (a(), r("div", $f, [
-        F(e.$slots, "closed", { openBoxStatus: i.open })
+        D(e.$slots, "closed", { openBoxStatus: i.open })
       ]))
     ]),
     n.collapsible ? (a(), r("a", {
@@ -12908,7 +12909,7 @@ function oh(e, t, n, s, i, l) {
     o("footer", {
       class: b(["flex-container", { vertical: n.orientation === "vertical" }])
     }, [
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ], 2)
   ]);
 }
@@ -13028,7 +13029,7 @@ function dh(e, t, n, s, i, l) {
     role: "banner"
   }, [
     e.$slots.topheader ? (a(), r("div", rh, [
-      F(e.$slots, "topheader")
+      D(e.$slots, "topheader")
     ])) : m("", !0),
     o("header", {
       class: b([
@@ -13037,9 +13038,9 @@ function dh(e, t, n, s, i, l) {
       ])
     }, [
       e.$slots.logo || e.$slots.header || e.$slots.navigation ? (a(), r(T, { key: 0 }, [
-        F(e.$slots, "logo"),
-        F(e.$slots, "header"),
-        F(e.$slots, "navigation")
+        D(e.$slots, "logo"),
+        D(e.$slots, "header"),
+        D(e.$slots, "navigation")
       ], 64)) : m("", !0),
       n.cmdCompanyLogo || n.cmdMainNavigation?.navigationEntries?.length ? (a(), r(T, { key: 1 }, [
         n.cmdCompanyLogo ? (a(), x(d, S({ key: 0 }, n.cmdCompanyLogo, { onImageLoaded: l.onImageLoaded }), null, 16, ["onImageLoaded"])) : m("", !0),
@@ -13647,7 +13648,7 @@ function _h(e, t, n, s, i, l) {
               key: i.index,
               style: Ke("background-image: url(" + l.currentItem.image.srcLarge + ")")
             }, [
-              F(e.$slots, "item" + i.currentSlotItem)
+              D(e.$slots, "item" + i.currentSlotItem)
             ], 4)) : (a(), r(T, { key: 0 }, [
               e.editModeContext ? n.slideshowItems.length ? (a(), x(c, {
                 key: 1,
@@ -13844,7 +13845,7 @@ function Bh(e, t, n, s, i, l) {
           onClick: (p) => l.optionSelected(u)
         }), {
           default: C(() => [
-            F(e.$slots, "default")
+            D(e.$slots, "default")
           ]),
           _: 3
         }, 16, ["onClick"])
@@ -14136,13 +14137,13 @@ function Yh(e, t, n, s, i, l) {
         ref: "table",
         class: b({ "full-width": i.fullWidth })
       }, [
-        F(e.$slots, "table-caption", {}, () => [
+        D(e.$slots, "table-caption", {}, () => [
           n.tableData.caption?.text || n.caption?.text ? (a(), r("caption", {
             key: 0,
             class: b({ hidden: l.hideCaption })
           }, y(n.caption?.text || n.tableData.caption?.text), 3)) : m("", !0)
         ]),
-        F(e.$slots, "table-head", {}, () => [
+        D(e.$slots, "table-head", {}, () => [
           o("thead", null, [
             o("tr", null, [
               (a(!0), r(T, null, P(n.tableData.thead, (u, h) => (a(), r("th", {
@@ -14154,7 +14155,7 @@ function Yh(e, t, n, s, i, l) {
         ]),
         f(pe, { name: n.transition }, {
           default: C(() => [
-            F(e.$slots, "table-body", {}, () => [
+            D(e.$slots, "table-body", {}, () => [
               W(o("tbody", zh, [
                 (a(!0), r(T, null, P(n.tableData.tbody, (u, h) => (a(), r("tr", {
                   class: b({ active: n.tableData.rowIndexHighlighted === h }),
@@ -14175,7 +14176,7 @@ function Yh(e, t, n, s, i, l) {
         }, 8, ["name"]),
         f(pe, { name: n.transition }, {
           default: C(() => [
-            F(e.$slots, "table-foot", {}, () => [
+            D(e.$slots, "table-foot", {}, () => [
               n.tableData.tfoot && n.tableData.tfoot.length && i.showTableData ? (a(), r("tfoot", Gh, [
                 o("tr", null, [
                   (a(!0), r(T, null, P(n.tableData.tfoot, (u, h) => (a(), r("td", {
@@ -14319,7 +14320,7 @@ function ag(e, t, n, s, i, l) {
       "aria-live": "assertive",
       class: b(["tab-content-" + (u - 1), { "no-padding": !n.useDefaultPadding }])
     }, [
-      F(e.$slots, "tab-content-" + (u - 1))
+      D(e.$slots, "tab-content-" + (u - 1))
     ], 2)), [
       [te, i.showTab === u - 1]
     ])), 128)) : (a(), r("div", lg, [
@@ -14473,7 +14474,7 @@ function ug(e, t, n, s, i, l) {
         key: 1,
         innerHTML: n.htmlContent
       }, null, 8, rg)) : m("", !0),
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ], 2)),
     e.editModeContext ? (a(), x(u, {
       key: 3,
@@ -17031,7 +17032,7 @@ function xb(e, t, n, s, i, l) {
           n.showTotalUpload && i.listOfFiles.length !== 1 ? (a(), r("div", Ky, [
             f(d, S(n.cmdHeadlineSummaryOfAllFiles, { headlineLevel: "4" }), {
               default: C(() => [
-                D(y(e.getMessage("upload_form.headline.summary_of_all_files")), 1)
+                F(y(e.getMessage("upload_form.headline.summary_of_all_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -17045,11 +17046,11 @@ function xb(e, t, n, s, i, l) {
                   f(u, A(ce(n.iconDelete)), null, 16)
                 ], 8, Zy),
                 o("span", null, [
-                  D(y(i.listOfFiles.length) + " ", 1),
+                  F(y(i.listOfFiles.length) + " ", 1),
                   n.allowMultipleFileUploads ? (a(), r(T, { key: 1 }, [
-                    D(y(e.getMessage("upload_form.labeltext.files_uploading")), 1)
+                    F(y(e.getMessage("upload_form.labeltext.files_uploading")), 1)
                   ], 64)) : (a(), r(T, { key: 0 }, [
-                    D(y(e.getMessage("upload_form.labeltext.file_uploading")), 1)
+                    F(y(e.getMessage("upload_form.labeltext.file_uploading")), 1)
                   ], 64))
                 ]),
                 o("small", {
@@ -17073,7 +17074,7 @@ function xb(e, t, n, s, i, l) {
           o("div", $y, [
             f(d, S(n.cmdHeadlineListOfSelectedFiles, { headlineLevel: "4" }), {
               default: C(() => [
-                D(y(e.getMessage("upload_form.headline.list_of_selected_files")), 1)
+                F(y(e.getMessage("upload_form.headline.list_of_selected_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -17096,7 +17097,7 @@ function xb(e, t, n, s, i, l) {
                     { error: p.error }
                   ])
                 }, [
-                  D(y(p.file.name) + " ", 1),
+                  F(y(p.file.name) + " ", 1),
                   o("small", null, "(" + y(l.formatSize(p.file.size)) + ")", 1)
                 ], 2),
                 i.uploadInitiated && !p.error ? (a(), r("span", nb, [
@@ -17120,7 +17121,7 @@ function xb(e, t, n, s, i, l) {
         ])) : (a(), r(T, { key: 0 }, [
           n.allowMultipleFileUploads ? (a(), x(d, S({ key: 0 }, n.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
             default: C(() => [
-              D(y(l.headlineTextNoFilesToUpload), 1)
+              F(y(l.headlineTextNoFilesToUpload), 1)
             ]),
             _: 1
           }, 16)) : m("", !0)
@@ -17128,13 +17129,13 @@ function xb(e, t, n, s, i, l) {
         o("div", ob, [
           n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), x(d, S({ key: 0 }, n.cmdHeadlineSelectAdditionalFiles, { headlineLevel: "4" }), {
             default: C(() => [
-              D(y(e.getMessage("upload_form.headline.select_additional_files")), 1)
+              F(y(e.getMessage("upload_form.headline.select_additional_files")), 1)
             ]),
             _: 1
           }, 16)) : m("", !0),
           !n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), x(d, S({ key: 1 }, n.cmdHeadlineSelectNewFile, { headlineLevel: "4" }), {
             default: C(() => [
-              D(y(e.getMessage("upload_form.headline.select_new_file")), 1)
+              F(y(e.getMessage("upload_form.headline.select_new_file")), 1)
             ]),
             _: 1
           }, 16)) : m("", !0),
@@ -17200,14 +17201,14 @@ function xb(e, t, n, s, i, l) {
           }, [
             o("span", null, y(e.getMessage("upload_form.or")), 1),
             o("strong", null, [
-              D(y(e.getMessage("upload_form.drag_and_drop")) + " ", 1),
+              F(y(e.getMessage("upload_form.drag_and_drop")) + " ", 1),
               n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), r(T, { key: 0 }, [
-                D(y(e.getMessage("upload_form.additional")), 1)
+                F(y(e.getMessage("upload_form.additional")), 1)
               ], 64)) : m("", !0),
               !n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), r(T, { key: 1 }, [
-                D(y(e.getMessage("upload_form.new")), 1)
+                F(y(e.getMessage("upload_form.new")), 1)
               ], 64)) : m("", !0),
-              D(" " + y(e.getMessage("upload_form.files_to_this_area")), 1)
+              F(" " + y(e.getMessage("upload_form.files_to_this_area")), 1)
             ])
           ], 2)) : m("", !0)
         ])
@@ -17259,7 +17260,7 @@ function xb(e, t, n, s, i, l) {
           title: l.totalBytesUploaded
         }, null, 8, bb)
       ])) : m("", !0),
-      F(e.$slots, "default", {}, () => [
+      D(e.$slots, "default", {}, () => [
         n.enableDragAndDrop ? (a(), r(T, { key: 1 }, [
           o("span", null, y(e.getMessage("upload_form.drag_and_drop_file_here")), 1),
           f(u, {
@@ -17415,18 +17416,18 @@ function Tb(e, t, n, s, i, l) {
       id: n.anchorId
     }, [
       n.cmdHeadline ? (a(), x(d, A(S({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
-      l.oneSlotItem() ? F(e.$slots, "default", { key: 1 }) : (a(), r("div", {
+      l.oneSlotItem() ? D(e.$slots, "default", { key: 1 }) : (a(), r("div", {
         key: 2,
         class: b(l.setInnerClass)
       }, [
-        F(e.$slots, "default")
+        D(e.$slots, "default")
       ], 2))
     ], 10, kb)) : (a(), r(T, { key: 1 }, [
       n.anchorId ? (a(), r("a", {
         key: 0,
         id: n.anchorId
       }, null, 8, wb)) : m("", !0),
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ], 64))
   ], 2);
 }
@@ -17568,14 +17569,14 @@ function Bb(e, t, n, s, i, l) {
             rowView: p.rowView
           }), {
             default: C(() => [
-              D(" box " + y(v), 1)
+              F(" box " + y(v), 1)
             ]),
             _: 2
           }, 1040, ["rowView"]))), 128))
         ]),
         _: 2
       }, 1040),
-      F(e.$slots, "multiple-box-wrapper-slot-${index}")
+      D(e.$slots, "multiple-box-wrapper-slot-${index}")
     ], 64))), 128))
   ]);
 }
@@ -17598,7 +17599,7 @@ function Pb(e, t, n, s, i, l) {
         largeIcons: c.largeIcons,
         cmdHeadline: c.headline
       }, null, 8, ["links", "orientation", "largeIcons", "cmdHeadline"]),
-      F(e.$slots, "multiple-lists-of-links-slot-${index}")
+      D(e.$slots, "multiple-lists-of-links-slot-${index}")
     ], 64))), 128))
   ]);
 }
@@ -17646,7 +17647,7 @@ function qb(e, t, n, s, i, l) {
     o("div", Hb, [
       n.cmdAddressData ? (a(), x(c, A(S({ key: 0 }, n.cmdAddressData)), null, 16)) : m("", !0),
       n.cmdGoogleMaps ? (a(), x(u, A(S({ key: 1 }, n.cmdGoogleMaps)), null, 16)) : m("", !0),
-      F(e.$slots, "additional-info")
+      D(e.$slots, "additional-info")
     ])
   ]));
 }
@@ -18226,7 +18227,7 @@ function Gb(e, t, n, s, i, l) {
           cmdGoogleMaps: {}
         }, {
           "additional-info": C(() => [...t[0] || (t[0] = [
-            D(" Additional information given by slot ", -1)
+            F(" Additional information given by slot ", -1)
           ])]),
           _: 1
         }, 8, ["cmdBasicForm"])
@@ -20853,7 +20854,7 @@ const Dx = /* @__PURE__ */ B(Ix, [["render", Bx]]), Fx = [
     text: "Zimbabwe",
     value: "zw"
   }
-], JC = "comand-component-library", ZC = "4.2.86", QC = "GPL-3.0-only", XC = "CoManD-UI", $C = "module", e1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, t1 = ["dist", "src"], n1 = { ".": "./dist/comand-component-library.js", "./css.js": "./src/css.js", "./comand-component-library.css": "./dist/comand-component-library.css", "./variables.scss": "./src/assets/styles/variables.scss", "./export-example-data.js": "./src/assets/data/export-example-data.js", "./countries.json": "./src/assets/lists-of-data/countries.json", "./currencies.json": "./src/assets/lists-of-data/currencies.json", "./dial-codes.json": "./src/assets/lists-of-data/dial-codes.json", "./us-cities.json": "./src/assets/lists-of-data/us-cities.json" }, i1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.23", "comand-ui-iconfonts": "^1.0.19", "core-js": "^3.20.1", prismjs: "^1.27.0", vue: "^3.5.25", "vue-router": "^4.0.12", vuex: "^4.0.2" }, l1 = { "@iconify/vue": "^4.0.0", "@vitejs/plugin-vue": "^6.0.2", "@vue/test-utils": "^2.0.0-0", axios: "^1.7.2", gulp: "^4.0.2", sass: "^1.54.9", "unplugin-vue-components": "^0.24.0", vite: "^7.2.4", "vue-jest": "^5.0.0-0" }, o1 = {
+], JC = "comand-component-library", ZC = "4.2.88", QC = "GPL-3.0-only", XC = "CoManD-UI", $C = "module", e1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, t1 = ["dist", "src"], n1 = { ".": "./dist/comand-component-library.js", "./css.js": "./src/css.js", "./comand-component-library.css": "./dist/comand-component-library.css", "./variables.scss": "./src/assets/styles/variables.scss", "./export-example-data.js": "./src/assets/data/export-example-data.js", "./countries.json": "./src/assets/lists-of-data/countries.json", "./currencies.json": "./src/assets/lists-of-data/currencies.json", "./dial-codes.json": "./src/assets/lists-of-data/dial-codes.json", "./us-cities.json": "./src/assets/lists-of-data/us-cities.json" }, i1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.23", "comand-ui-iconfonts": "^1.0.19", "core-js": "^3.20.1", prismjs: "^1.27.0", vue: "^3.5.25", "vue-router": "^4.0.12", vuex: "^4.0.2" }, l1 = { "@iconify/vue": "^4.0.0", "@vitejs/plugin-vue": "^6.0.2", "@vue/test-utils": "^2.0.0-0", axios: "^1.7.2", gulp: "^4.0.2", sass: "^1.54.9", "unplugin-vue-components": "^0.24.0", vite: "^7.2.4", "vue-jest": "^5.0.0-0" }, o1 = {
   name: JC,
   version: ZC,
   license: QC,
@@ -22512,7 +22513,7 @@ function ak(e, t, n, s, i, l) {
     class: "page-wrapper",
     id: l.templateId
   }, [
-    t[331] || (t[331] = o("a", { id: "anchor-back-to-top" }, null, -1)),
+    t[332] || (t[332] = o("a", { id: "anchor-back-to-top" }, null, -1)),
     i.showLeftSidebar ? (a(), x(u, {
       key: 0,
       cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -22537,11 +22538,11 @@ function ak(e, t, n, s, i, l) {
             }, {
               body: C(() => [
                 o("label", p1, [
-                  t[134] || (t[134] = o("span", null, "Select template", -1)),
+                  t[135] || (t[135] = o("span", null, "Select template", -1)),
                   W(o("select", {
                     id: "select-template",
                     "onUpdate:modelValue": t[0] || (t[0] = (M) => i.selectedTemplate = M)
-                  }, [...t[133] || (t[133] = [
+                  }, [...t[134] || (t[134] = [
                     o("option", { value: "blank" }, "Blank/Unstyled", -1),
                     o("option", { value: "material-web" }, "Material-Web", -1),
                     o("option", { value: "tailwind" }, "Tailwind", -1)
@@ -22550,7 +22551,7 @@ function ak(e, t, n, s, i, l) {
                   ])
                 ]),
                 o("div", null, [
-                  t[138] || (t[138] = o("span", null, "Color Scheme", -1)),
+                  t[139] || (t[139] = o("span", null, "Color Scheme", -1)),
                   o("div", f1, [
                     o("label", h1, [
                       W(o("input", {
@@ -22562,7 +22563,7 @@ function ak(e, t, n, s, i, l) {
                       }, null, 512), [
                         [ct, i.colorScheme]
                       ]),
-                      t[135] || (t[135] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
+                      t[136] || (t[136] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
                     ]),
                     o("label", g1, [
                       W(o("input", {
@@ -22574,7 +22575,7 @@ function ak(e, t, n, s, i, l) {
                       }, null, 512), [
                         [ct, i.colorScheme]
                       ]),
-                      t[136] || (t[136] = o("span", { class: "label-text" }, "Light Mode", -1))
+                      t[137] || (t[137] = o("span", { class: "label-text" }, "Light Mode", -1))
                     ]),
                     o("label", y1, [
                       W(o("input", {
@@ -22586,7 +22587,7 @@ function ak(e, t, n, s, i, l) {
                       }, null, 512), [
                         [ct, i.colorScheme]
                       ]),
-                      t[137] || (t[137] = o("span", { class: "label-text" }, "Dark Mode", -1))
+                      t[138] || (t[138] = o("span", { class: "label-text" }, "Dark Mode", -1))
                     ])
                   ])
                 ])
@@ -22633,7 +22634,7 @@ function ak(e, t, n, s, i, l) {
                     }, " Contact Information ")
                   ]),
                   o("li", null, [
-                    t[139] || (t[139] = D(" Multiple Lists Of Links ", -1)),
+                    t[140] || (t[140] = F(" Multiple Lists Of Links ", -1)),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -22650,7 +22651,7 @@ function ak(e, t, n, s, i, l) {
                     ])
                   ]),
                   o("li", null, [
-                    t[140] || (t[140] = D(" Multiple Box Wrapper ", -1)),
+                    t[141] || (t[141] = F(" Multiple Box Wrapper ", -1)),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -22674,9 +22675,9 @@ function ak(e, t, n, s, i, l) {
           _: 1
         }, 8, ["openBoxesByDefault"]),
         o("dl", x1, [
-          t[141] || (t[141] = o("dt", null, "Frontend-Framework Version:", -1)),
+          t[142] || (t[142] = o("dt", null, "Frontend-Framework Version:", -1)),
           o("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
-          t[142] || (t[142] = o("dt", null, "Component-Library Version:", -1)),
+          t[143] || (t[143] = o("dt", null, "Component-Library Version:", -1)),
           o("dd", null, y(i.packageJson.version), 1)
         ])
       ]),
@@ -22687,7 +22688,7 @@ function ak(e, t, n, s, i, l) {
             class: "button primary",
             title: "Open Template Selection",
             onClick: t[9] || (t[9] = w((g) => l.openBox(0), ["prevent"]))
-          }, [...t[143] || (t[143] = [
+          }, [...t[144] || (t[144] = [
             o("span", { class: "icon-settings-template" }, null, -1)
           ])]),
           o("a", {
@@ -22695,7 +22696,7 @@ function ak(e, t, n, s, i, l) {
             class: "button primary",
             title: "Open Components Overview",
             onClick: t[10] || (t[10] = w((g) => l.openBox(1), ["prevent"]))
-          }, [...t[144] || (t[144] = [
+          }, [...t[145] || (t[145] = [
             o("span", { class: "icon-settings-component" }, null, -1)
           ])]),
           o("a", {
@@ -22703,13 +22704,13 @@ function ak(e, t, n, s, i, l) {
             class: "button primary",
             title: "Open Page-Templates",
             onClick: t[11] || (t[11] = w((g) => l.openBox(2), ["prevent"]))
-          }, [...t[145] || (t[145] = [
+          }, [...t[146] || (t[146] = [
             o("span", { class: "icon-file-settings" }, null, -1)
           ])]),
           o("a", {
             href: "#",
             onClick: t[12] || (t[12] = w((g) => i.showLeftSidebar = !1, ["prevent"]))
-          }, [...t[146] || (t[146] = [
+          }, [...t[147] || (t[147] = [
             o("span", null, "Hide sidebar", -1)
           ])])
         ])
@@ -22731,7 +22732,7 @@ function ak(e, t, n, s, i, l) {
     }),
     i.componentView ? (a(), r("main", v1, [
       f(k, null, {
-        default: C(() => [...t[147] || (t[147] = [
+        default: C(() => [...t[148] || (t[148] = [
           o("h1", { class: "headline-demopage" }, "Components Overview", -1)
         ])]),
         _: 1
@@ -22739,7 +22740,7 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", k1, [
-            t[148] || (t[148] = o("span", null, "Address Data", -1)),
+            t[149] || (t[149] = o("span", null, "Address Data", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22758,11 +22759,11 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[188] || (t[188] = o("h2", {
+          t[189] || (t[189] = o("h2", {
             class: "headline-demopage",
             id: "section-advanced-form-elements"
           }, "Advanced Form Elements", -1)),
-          t[189] || (t[189] = o("h3", null, [
+          t[190] || (t[190] = o("h3", null, [
             o("span", null, "Form elements status:")
           ], -1)),
           o("div", T1, [
@@ -22829,9 +22830,9 @@ function ak(e, t, n, s, i, l) {
           }, {
             default: C(() => [
               o("fieldset", O1, [
-                t[168] || (t[168] = o("legend", null, "Legend", -1)),
+                t[169] || (t[169] = o("legend", null, "Legend", -1)),
                 o("h2", L1, [
-                  t[149] || (t[149] = o("span", null, "Form Element-Component", -1)),
+                  t[150] || (t[150] = o("span", null, "Form Element-Component", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -22877,7 +22878,7 @@ function ak(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip"
                   }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
                 ]),
-                t[169] || (t[169] = o("h3", null, "Inputfields in Columns", -1)),
+                t[170] || (t[170] = o("h3", null, "Inputfields in Columns", -1)),
                 o("div", D1, [
                   f(O, {
                     element: "input",
@@ -22891,7 +22892,7 @@ function ak(e, t, n, s, i, l) {
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, {
-                    labeltext: C(() => [...t[150] || (t[150] = [
+                    labeltext: C(() => [...t[151] || (t[151] = [
                       o("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1)
                     ])]),
                     _: 1
@@ -23013,7 +23014,7 @@ function ak(e, t, n, s, i, l) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[170] || (t[170] = o("h3", null, "Searchfields", -1)),
+                t[171] || (t[171] = o("h3", null, "Searchfields", -1)),
                 o("div", M1, [
                   f(O, {
                     element: "input",
@@ -23055,7 +23056,7 @@ function ak(e, t, n, s, i, l) {
                     disabled: i.disabledStatus
                   }, null, 8, ["listOfRecommendations", "cmdFormElement", "modelValue", "disabled"])
                 ]),
-                t[171] || (t[171] = o("h3", null, "Textarea", -1)),
+                t[172] || (t[172] = o("h3", null, "Textarea", -1)),
                 f(O, {
                   element: "textarea",
                   labelText: "Label for textarea:",
@@ -23069,9 +23070,9 @@ function ak(e, t, n, s, i, l) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[172] || (t[172] = o("hr", null, null, -1)),
+                t[173] || (t[173] = o("hr", null, null, -1)),
                 o("h3", P1, [
-                  t[151] || (t[151] = o("span", null, "Fake Selects", -1)),
+                  t[152] || (t[152] = o("span", null, "Fake Selects", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -23144,21 +23145,21 @@ function ak(e, t, n, s, i, l) {
                     type: "color"
                   }, null, 8, ["status", "disabled", "selectData", "modelValue"])
                 ]),
-                t[173] || (t[173] = o("hr", null, null, -1)),
-                t[174] || (t[174] = o("h2", null, "Progress Bar [native]", -1)),
+                t[174] || (t[174] = o("hr", null, null, -1)),
+                t[175] || (t[175] = o("h2", null, "Progress Bar [native]", -1)),
                 f(N, {
                   labelText: "Progress Bar (with optional output):",
                   id: "progress-bar2",
                   max: "100"
                 }),
-                t[175] || (t[175] = o("h2", null, "Slider [native]", -1)),
+                t[176] || (t[176] = o("h2", null, "Slider [native]", -1)),
                 o("div", {
                   class: b(["label", i.validationStatus])
                 }, [
-                  t[154] || (t[154] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
+                  t[155] || (t[155] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
                   o("span", A1, [
                     o("label", E1, [
-                      t[152] || (t[152] = o("span", { class: "label-text" }, [
+                      t[153] || (t[153] = o("span", { class: "label-text" }, [
                         o("span", null, "Range Value:")
                       ], -1)),
                       W(o("input", {
@@ -23174,7 +23175,7 @@ function ak(e, t, n, s, i, l) {
                       ])
                     ]),
                     o("label", q1, [
-                      t[153] || (t[153] = o("span", { class: "label-text hidden" }, [
+                      t[154] || (t[154] = o("span", { class: "label-text hidden" }, [
                         o("span", null, "Range Value")
                       ], -1)),
                       W(o("input", {
@@ -23191,16 +23192,27 @@ function ak(e, t, n, s, i, l) {
                     ])
                   ])
                 ], 2),
-                t[176] || (t[176] = o("hr", null, null, -1)),
-                t[177] || (t[177] = o("h2", null, "Toggle-Switches", -1)),
-                t[178] || (t[178] = o("h3", null, "Switches without switch-labels", -1)),
+                t[177] || (t[177] = o("hr", null, null, -1)),
+                t[178] || (t[178] = o("h2", null, "Toggle-Switches", -1)),
+                t[179] || (t[179] = o("h3", null, "Switches without switch-labels", -1)),
                 f(O, {
                   element: "input",
                   type: "checkbox",
                   id: "toggle-switch-checkbox",
                   modelValue: i.switchButtonCheckboxToggleSwitch,
                   "onUpdate:modelValue": t[45] || (t[45] = (g) => i.switchButtonCheckboxToggleSwitch = g),
-                  labelText: "Labeltext for Toggle-Switch without Switch-Label",
+                  labelText: "Labeltext for Toggle-Switch without Switch-Label (not required)",
+                  toggleSwitch: !0,
+                  status: i.validationStatus,
+                  disabled: i.disabledStatus
+                }, null, 8, ["modelValue", "status", "disabled"]),
+                f(O, {
+                  element: "input",
+                  type: "checkbox",
+                  id: "toggle-switch-checkbox-required",
+                  modelValue: i.switchButtonCheckboxToggleSwitch,
+                  "onUpdate:modelValue": t[46] || (t[46] = (g) => i.switchButtonCheckboxToggleSwitch = g),
+                  labelText: "Labeltext for Toggle-Switch without Switch-Label (required)",
                   toggleSwitch: !0,
                   status: i.validationStatus,
                   disabled: i.disabledStatus,
@@ -23211,20 +23223,20 @@ function ak(e, t, n, s, i, l) {
                   type: "checkbox",
                   id: "toggle-switch-checkbox-colored",
                   modelValue: i.switchButtonCheckboxToggleSwitchColored,
-                  "onUpdate:modelValue": t[46] || (t[46] = (g) => i.switchButtonCheckboxToggleSwitchColored = g),
+                  "onUpdate:modelValue": t[47] || (t[47] = (g) => i.switchButtonCheckboxToggleSwitchColored = g),
                   labelText: "Labeltext for colored Toggle-Switch without Switch-Label",
                   toggleSwitch: !0,
                   colored: !0,
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[179] || (t[179] = o("h3", null, "Switches with switch-labels", -1)),
+                t[180] || (t[180] = o("h3", null, "Switches with switch-labels", -1)),
                 f(O, {
                   element: "input",
                   type: "checkbox",
                   id: "toggle-switch-checkbox-switch-label",
                   modelValue: i.switchButtonCheckbox,
-                  "onUpdate:modelValue": t[47] || (t[47] = (g) => i.switchButtonCheckbox = g),
+                  "onUpdate:modelValue": t[48] || (t[48] = (g) => i.switchButtonCheckbox = g),
                   labelText: "Labeltext for Toggle-Switch with Switch-Label",
                   inputValue: "checkbox1",
                   onLabel: "Label on",
@@ -23238,7 +23250,7 @@ function ak(e, t, n, s, i, l) {
                   type: "checkbox",
                   id: "toggle-switch-checkbox-switch-label-colored",
                   modelValue: i.switchButtonCheckbox,
-                  "onUpdate:modelValue": t[48] || (t[48] = (g) => i.switchButtonCheckbox = g),
+                  "onUpdate:modelValue": t[49] || (t[49] = (g) => i.switchButtonCheckbox = g),
                   inputValue: "checkbox2",
                   labelText: "Labeltext for Toggle-Switch (Checkbox, colored)",
                   onLabel: "Label on",
@@ -23254,7 +23266,7 @@ function ak(e, t, n, s, i, l) {
                   name: "radiogroup",
                   id: "toggle-switch-radio1",
                   modelValue: i.switchButtonRadio,
-                  "onUpdate:modelValue": t[49] || (t[49] = (g) => i.switchButtonRadio = g),
+                  "onUpdate:modelValue": t[50] || (t[50] = (g) => i.switchButtonRadio = g),
                   onLabel: "Label on",
                   offLabel: "Label off",
                   colored: !0,
@@ -23270,7 +23282,7 @@ function ak(e, t, n, s, i, l) {
                   name: "radiogroup",
                   id: "toggle-switch-radio2",
                   modelValue: i.switchButtonRadio,
-                  "onUpdate:modelValue": t[50] || (t[50] = (g) => i.switchButtonRadio = g),
+                  "onUpdate:modelValue": t[51] || (t[51] = (g) => i.switchButtonRadio = g),
                   onLabel: "Label on",
                   offLabel: "Label off",
                   colored: !0,
@@ -23287,21 +23299,21 @@ function ak(e, t, n, s, i, l) {
                   required: "required",
                   id: "checkbox-required-with-boolean",
                   modelValue: i.checkboxRequiredValue,
-                  "onUpdate:modelValue": t[51] || (t[51] = (g) => i.checkboxRequiredValue = g),
+                  "onUpdate:modelValue": t[52] || (t[52] = (g) => i.checkboxRequiredValue = g),
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 o("p", null, [
-                  D(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
-                  t[155] || (t[155] = o("br", null, null, -1)),
-                  D(" checkbox with boolean: " + y(i.checkboxValue), 1),
+                  F(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
                   t[156] || (t[156] = o("br", null, null, -1)),
-                  D(" checkboxes with values: " + y(i.checkboxValues), 1)
+                  F(" checkbox with boolean: " + y(i.checkboxValue), 1),
+                  t[157] || (t[157] = o("br", null, null, -1)),
+                  F(" checkboxes with values: " + y(i.checkboxValues), 1)
                 ]),
-                t[180] || (t[180] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
-                t[181] || (t[181] = o("h3", null, "Checkboxes [native]", -1)),
+                t[181] || (t[181] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
+                t[182] || (t[182] = o("h3", null, "Checkboxes [native]", -1)),
                 o("div", j1, [
-                  t[158] || (t[158] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
+                  t[159] || (t[159] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
                   o("div", U1, [
                     f(O, {
                       element: "input",
@@ -23309,7 +23321,7 @@ function ak(e, t, n, s, i, l) {
                       type: "checkbox",
                       id: "checkbox-with-boolean",
                       modelValue: i.checkboxValue,
-                      "onUpdate:modelValue": t[52] || (t[52] = (g) => i.checkboxValue = g),
+                      "onUpdate:modelValue": t[53] || (t[53] = (g) => i.checkboxValue = g),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
@@ -23317,7 +23329,7 @@ function ak(e, t, n, s, i, l) {
                       element: "input",
                       labelText: "Label for checkbox with value",
                       modelValue: i.checkboxValues,
-                      "onUpdate:modelValue": t[53] || (t[53] = (g) => i.checkboxValues = g),
+                      "onUpdate:modelValue": t[54] || (t[54] = (g) => i.checkboxValues = g),
                       inputValue: "checkboxValue1",
                       type: "checkbox",
                       id: "checkbox-with-value-1",
@@ -23328,7 +23340,7 @@ function ak(e, t, n, s, i, l) {
                       element: "input",
                       labelText: "Label for checkbox with value",
                       modelValue: i.checkboxValues,
-                      "onUpdate:modelValue": t[54] || (t[54] = (g) => i.checkboxValues = g),
+                      "onUpdate:modelValue": t[55] || (t[55] = (g) => i.checkboxValues = g),
                       inputValue: "checkboxValue2",
                       type: "checkbox",
                       id: "checkbox-with-value-2",
@@ -23338,25 +23350,25 @@ function ak(e, t, n, s, i, l) {
                     f(O, {
                       element: "input",
                       modelValue: i.checkboxValues,
-                      "onUpdate:modelValue": t[55] || (t[55] = (g) => i.checkboxValues = g),
+                      "onUpdate:modelValue": t[56] || (t[56] = (g) => i.checkboxValues = g),
                       inputValue: "checkboxValue3",
                       type: "checkbox",
                       id: "checkbox-with-value-3",
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, {
-                      labeltext: C(() => [...t[157] || (t[157] = [
-                        D(" Labeltext with ", -1),
+                      labeltext: C(() => [...t[158] || (t[158] = [
+                        F(" Labeltext with ", -1),
                         o("a", { href: "#" }, "link", -1),
-                        D(" given by slot ", -1)
+                        F(" given by slot ", -1)
                       ])]),
                       _: 1
                     }, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                t[182] || (t[182] = o("h3", null, "Checkboxes (replaced)", -1)),
+                t[183] || (t[183] = o("h3", null, "Checkboxes (replaced)", -1)),
                 o("div", N1, [
-                  t[159] || (t[159] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
+                  t[160] || (t[160] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
                   o("div", z1, [
                     f(O, {
                       element: "input",
@@ -23365,7 +23377,7 @@ function ak(e, t, n, s, i, l) {
                       replaceInputType: !0,
                       id: "inputfield9",
                       modelValue: i.replacedCheckboxValue,
-                      "onUpdate:modelValue": t[56] || (t[56] = (g) => i.replacedCheckboxValue = g),
+                      "onUpdate:modelValue": t[57] || (t[57] = (g) => i.replacedCheckboxValue = g),
                       inputValue: "checkboxValue1",
                       status: i.validationStatus,
                       disabled: i.disabledStatus
@@ -23374,7 +23386,7 @@ function ak(e, t, n, s, i, l) {
                       element: "input",
                       labelText: "Label for replaced checkbox",
                       modelValue: i.replacedCheckboxValue,
-                      "onUpdate:modelValue": t[57] || (t[57] = (g) => i.replacedCheckboxValue = g),
+                      "onUpdate:modelValue": t[58] || (t[58] = (g) => i.replacedCheckboxValue = g),
                       inputValue: "checkboxValue2",
                       type: "checkbox",
                       replaceInputType: !0,
@@ -23384,9 +23396,9 @@ function ak(e, t, n, s, i, l) {
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                t[183] || (t[183] = o("h3", null, "Radiobuttons [native]", -1)),
+                t[184] || (t[184] = o("h3", null, "Radiobuttons [native]", -1)),
                 o("div", W1, [
-                  t[160] || (t[160] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
+                  t[161] || (t[161] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
                   o("div", G1, [
                     f(O, {
                       element: "input",
@@ -23396,7 +23408,7 @@ function ak(e, t, n, s, i, l) {
                       name: "radiogroup",
                       inputValue: "radiobuttonValue1",
                       modelValue: i.radiobuttonValue,
-                      "onUpdate:modelValue": t[58] || (t[58] = (g) => i.radiobuttonValue = g),
+                      "onUpdate:modelValue": t[59] || (t[59] = (g) => i.radiobuttonValue = g),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
@@ -23408,16 +23420,16 @@ function ak(e, t, n, s, i, l) {
                       name: "radiogroup",
                       inputValue: "radiobuttonValue2",
                       modelValue: i.radiobuttonValue,
-                      "onUpdate:modelValue": t[59] || (t[59] = (g) => i.radiobuttonValue = g),
+                      "onUpdate:modelValue": t[60] || (t[60] = (g) => i.radiobuttonValue = g),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
                 o("p", null, " Radiobuttons with values: " + y(i.radiobuttonValue), 1),
-                t[184] || (t[184] = o("h3", null, "Radiobuttons (replaced)", -1)),
+                t[185] || (t[185] = o("h3", null, "Radiobuttons (replaced)", -1)),
                 o("div", K1, [
-                  t[161] || (t[161] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
+                  t[162] || (t[162] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
                   o("div", Y1, [
                     f(O, {
                       element: "input",
@@ -23428,7 +23440,7 @@ function ak(e, t, n, s, i, l) {
                       name: "replaced-radiogroup",
                       inputValue: "radiobuttonValue1",
                       modelValue: i.replacedRadiobuttonValue,
-                      "onUpdate:modelValue": t[60] || (t[60] = (g) => i.replacedRadiobuttonValue = g),
+                      "onUpdate:modelValue": t[61] || (t[61] = (g) => i.replacedRadiobuttonValue = g),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
@@ -23441,40 +23453,40 @@ function ak(e, t, n, s, i, l) {
                       name: "replaced-radiogroup",
                       inputValue: "radiobuttonValue2",
                       modelValue: i.replacedRadiobuttonValue,
-                      "onUpdate:modelValue": t[61] || (t[61] = (g) => i.replacedRadiobuttonValue = g),
+                      "onUpdate:modelValue": t[62] || (t[62] = (g) => i.replacedRadiobuttonValue = g),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
                 o("h3", J1, [
-                  t[162] || (t[162] = D(" Input-Group ", -1)),
+                  t[163] || (t[163] = F(" Input-Group ", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
                     title: "Open Component Settings",
-                    onClick: t[62] || (t[62] = w((g) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
+                    onClick: t[63] || (t[63] = w((g) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
                   })
                 ]),
                 f(j, S({ ref: "CmdInputGroup" }, e.cmdInputGroupSettingsData, {
                   labelText: "Grouplabel for radio-group given by property:",
                   inputElements: l.idForReplacedInputsInInputGroup("radio-group"),
                   modelValue: i.inputGroup,
-                  "onUpdate:modelValue": t[63] || (t[63] = (g) => i.inputGroup = g)
+                  "onUpdate:modelValue": t[64] || (t[64] = (g) => i.inputGroup = g)
                 }), null, 16, ["inputElements", "modelValue"]),
                 o("dl", null, [
-                  t[163] || (t[163] = o("dt", null, "Selected value:", -1)),
+                  t[164] || (t[164] = o("dt", null, "Selected value:", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroup), 1)
                   ])
                 ]),
-                t[185] || (t[185] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
+                t[186] || (t[186] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
                 f(j, {
                   labelText: "Grouplabel for checkbox-group styled as toggle-switches (colored):",
                   inputElements: l.idForReplacedInputsInInputGroup("checkbox-group-toggle-switch"),
                   inputTypes: "checkbox",
                   modelValue: i.inputGroupValueToggleSwitchCheckbox,
-                  "onUpdate:modelValue": t[64] || (t[64] = (g) => i.inputGroupValueToggleSwitchCheckbox = g),
+                  "onUpdate:modelValue": t[65] || (t[65] = (g) => i.inputGroupValueToggleSwitchCheckbox = g),
                   toggleSwitches: !0,
                   colored: !0,
                   required: "required",
@@ -23482,7 +23494,7 @@ function ak(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[164] || (t[164] = o("dt", null, "Selected value(s):", -1)),
+                  t[165] || (t[165] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValueToggleSwitchCheckbox), 1)
                   ])
@@ -23492,14 +23504,14 @@ function ak(e, t, n, s, i, l) {
                   inputElements: l.idForReplacedInputsInInputGroup("radio-group-toggle-switch"),
                   inputTypes: "radio",
                   modelValue: i.inputGroupValueToggleSwitchRadio,
-                  "onUpdate:modelValue": t[65] || (t[65] = (g) => i.inputGroupValueToggleSwitchRadio = g),
+                  "onUpdate:modelValue": t[66] || (t[66] = (g) => i.inputGroupValueToggleSwitchRadio = g),
                   toggleSwitches: !0,
                   required: "required",
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[165] || (t[165] = o("dt", null, "Selected value(s):", -1)),
+                  t[166] || (t[166] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValueToggleSwitchRadio), 1)
                   ])
@@ -23510,12 +23522,12 @@ function ak(e, t, n, s, i, l) {
                   inputTypes: "radio",
                   multipleSwitch: !0,
                   modelValue: i.inputGroupValue3,
-                  "onUpdate:modelValue": t[66] || (t[66] = (g) => i.inputGroupValue3 = g),
+                  "onUpdate:modelValue": t[67] || (t[67] = (g) => i.inputGroupValue3 = g),
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[166] || (t[166] = o("dt", null, "Selected value(s):", -1)),
+                  t[167] || (t[167] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValue3), 1)
                   ])
@@ -23527,20 +23539,20 @@ function ak(e, t, n, s, i, l) {
                   multipleSwitch: !0,
                   required: !0,
                   modelValue: i.inputGroupValue4,
-                  "onUpdate:modelValue": t[67] || (t[67] = (g) => i.inputGroupValue4 = g),
+                  "onUpdate:modelValue": t[68] || (t[68] = (g) => i.inputGroupValue4 = g),
                   stretchHorizontally: !0,
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[167] || (t[167] = o("dt", null, "Selected value(s):", -1)),
+                  t[168] || (t[168] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValue4), 1)
                   ])
                 ])
               ]),
               o("div", Z1, [
-                t[187] || (t[187] = o("small", null, "(values will not be submitted with the form!)", -1)),
+                t[188] || (t[188] = o("small", null, "(values will not be submitted with the form!)", -1)),
                 o("div", Q1, [
                   f(O, {
                     element: "button",
@@ -23554,7 +23566,7 @@ function ak(e, t, n, s, i, l) {
                     class: "button",
                     type: "submit",
                     disabled: i.disabledStatus
-                  }, [...t[186] || (t[186] = [
+                  }, [...t[187] || (t[187] = [
                     o("span", { class: "icon-check" }, null, -1),
                     o("span", null, "Native submit-button", -1)
                   ])], 8, X1)
@@ -23573,12 +23585,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", $1, [
-            t[190] || (t[190] = o("span", null, "Bank Account Data", -1)),
+            t[191] || (t[191] = o("span", null, "Bank Account Data", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[68] || (t[68] = w((g) => l.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
+              onClick: t[69] || (t[69] = w((g) => l.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
             })
           ]),
           f(H, S({ "account-data": i.bankAccountData }, e.cmdBankAccountDataSettingsData, { ref: "CmdBankAccountData" }), null, 16, ["account-data"])
@@ -23588,12 +23600,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", ev, [
-            t[191] || (t[191] = o("span", null, "Basic Form", -1)),
+            t[192] || (t[192] = o("span", null, "Basic Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[69] || (t[69] = w((g) => l.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
+              onClick: t[70] || (t[70] = w((g) => l.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
             })
           ]),
           f(z, {
@@ -23609,9 +23621,9 @@ function ak(e, t, n, s, i, l) {
             }
           }, null, 512),
           o("dl", null, [
-            t[192] || (t[192] = o("dt", null, "originalEvent", -1)),
+            t[193] || (t[193] = o("dt", null, "originalEvent", -1)),
             o("dd", null, y(i.basicFormData.originalEvent), 1),
-            t[193] || (t[193] = o("dt", null, "formdata", -1)),
+            t[194] || (t[194] = o("dt", null, "formdata", -1)),
             o("dd", null, y(i.basicFormData.formData), 1)
           ])
         ]),
@@ -23619,14 +23631,14 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, { anchorId: "section-boxes" }, {
         default: C(() => [
-          t[212] || (t[212] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
+          t[213] || (t[213] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
           o("h3", tv, [
-            t[194] || (t[194] = o("span", null, "Default Box", -1)),
+            t[195] || (t[195] = o("span", null, "Default Box", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[70] || (t[70] = w((g) => l.openSettingsSidebar("CmdBox"), ["prevent"]))
+              onClick: t[71] || (t[71] = w((g) => l.openSettingsSidebar("CmdBox"), ["prevent"]))
             })
           ]),
           f(d, S({ ref: "CmdBox" }, e.cmdBoxSettingsData, {
@@ -23635,17 +23647,17 @@ function ak(e, t, n, s, i, l) {
             "cmd-headline": { headlineText: "Headline for box", headlineLevel: 4 },
             stretchVertically: !0
           }), {
-            header: C(() => [...t[195] || (t[195] = [
+            header: C(() => [...t[196] || (t[196] = [
               o("h4", null, " Texts given by slots ", -1)
             ])]),
-            body: C(() => [...t[196] || (t[196] = [
+            body: C(() => [...t[197] || (t[197] = [
               o("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1),
               o("p", null, [
                 o("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
               ], -1),
               o("p", null, "Additionally 'allowContentToScroll' is active, which enables (as far as a max-height is defined) the content of this box to scroll", -1)
             ])]),
-            footer: C(() => [...t[197] || (t[197] = [
+            footer: C(() => [...t[198] || (t[198] = [
               o("p", null, " Footer content ", -1)
             ])]),
             _: 1
@@ -23675,8 +23687,8 @@ function ak(e, t, n, s, i, l) {
                 useSlots: ["body"],
                 "cutoff-text-lines": 4
               }, {
-                body: C(() => [...t[198] || (t[198] = [
-                  D(" This is a long text that is cutoff after a specific number of lines that can be defined by the property 'cutoffTextLines' and be toggled by a link below. ", -1)
+                body: C(() => [...t[199] || (t[199] = [
+                  F(" This is a long text that is cutoff after a specific number of lines that can be defined by the property 'cutoffTextLines' and be toggled by a link below. ", -1)
                 ])]),
                 _: 1
               }),
@@ -23684,17 +23696,17 @@ function ak(e, t, n, s, i, l) {
                 useSlots: ["header", "body", "footer"],
                 allowContentToScroll: !0
               }, {
-                header: C(() => [...t[199] || (t[199] = [
+                header: C(() => [...t[200] || (t[200] = [
                   o("h4", null, " Texts given by slots ", -1)
                 ])]),
-                body: C(() => [...t[200] || (t[200] = [
+                body: C(() => [...t[201] || (t[201] = [
                   o("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1),
                   o("p", null, [
                     o("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
                   ], -1),
                   o("p", null, "Additionally 'allowContentToScroll' is active, which enables (as far as a max-height is defined) the content of this box to scroll", -1)
                 ])]),
-                footer: C(() => [...t[201] || (t[201] = [
+                footer: C(() => [...t[202] || (t[202] = [
                   o("p", null, " Footer content ", -1)
                 ])]),
                 _: 1
@@ -23704,7 +23716,7 @@ function ak(e, t, n, s, i, l) {
                 useBoxBodyPadding: !1,
                 collapsible: !0
               }, {
-                header: C(() => [...t[202] || (t[202] = [
+                header: C(() => [...t[203] || (t[203] = [
                   o("h4", null, " Box with inputs ", -1)
                 ])]),
                 body: C(() => [
@@ -23728,7 +23740,7 @@ function ak(e, t, n, s, i, l) {
                     _: 1
                   })
                 ]),
-                footer: C(() => [...t[203] || (t[203] = [
+                footer: C(() => [...t[204] || (t[204] = [
                   o("p", null, " footer content ", -1)
                 ])]),
                 _: 1
@@ -23737,7 +23749,7 @@ function ak(e, t, n, s, i, l) {
                 useSlots: ["header", "body"],
                 useBoxBodyPadding: !1
               }, {
-                header: C(() => [...t[204] || (t[204] = [
+                header: C(() => [...t[205] || (t[205] = [
                   o("h4", null, " Box with links ", -1)
                 ])]),
                 body: C(() => [
@@ -23745,34 +23757,34 @@ function ak(e, t, n, s, i, l) {
                     o("li", null, [
                       o("a", {
                         href: "#",
-                        onClick: t[71] || (t[71] = w(() => {
+                        onClick: t[72] || (t[72] = w(() => {
                         }, ["prevent"]))
                       }, "Link name 1")
                     ]),
                     o("li", null, [
                       o("a", {
                         href: "#",
-                        onClick: t[72] || (t[72] = w(() => {
+                        onClick: t[73] || (t[73] = w(() => {
                         }, ["prevent"]))
                       }, "Link name 2")
                     ]),
                     o("li", null, [
                       o("a", {
                         href: "#",
-                        onClick: t[73] || (t[73] = w(() => {
+                        onClick: t[74] || (t[74] = w(() => {
                         }, ["prevent"]))
                       }, "Link name 3")
                     ]),
                     o("li", null, [
                       o("a", {
                         href: "#",
-                        onClick: t[74] || (t[74] = w(() => {
+                        onClick: t[75] || (t[75] = w(() => {
                         }, ["prevent"]))
                       }, "Link name 4")
                     ])
                   ])
                 ]),
-                footer: C(() => [...t[205] || (t[205] = [
+                footer: C(() => [...t[206] || (t[206] = [
                   o("p", null, " footer content ", -1)
                 ])]),
                 _: 1
@@ -23783,10 +23795,10 @@ function ak(e, t, n, s, i, l) {
                 cmdHeadline: { headlineText: "Collapsible box", headlineLevel: 4 },
                 collapsible: !0
               }, {
-                header: C(() => [...t[206] || (t[206] = [
+                header: C(() => [...t[207] || (t[207] = [
                   o("h4", null, " Collapsible box with image ", -1)
                 ])]),
-                body: C(() => [...t[207] || (t[207] = [
+                body: C(() => [...t[208] || (t[208] = [
                   o("img", {
                     src: Gn,
                     alt: "Alternative text"
@@ -23798,10 +23810,10 @@ function ak(e, t, n, s, i, l) {
                 useSlots: ["header", "body", "footer"],
                 useBoxBodyPadding: !1
               }, {
-                header: C(() => [...t[208] || (t[208] = [
+                header: C(() => [...t[209] || (t[209] = [
                   o("h4", null, " Box with image, content and link ", -1)
                 ])]),
-                body: C(() => [...t[209] || (t[209] = [
+                body: C(() => [...t[210] || (t[210] = [
                   o("img", {
                     src: Gn,
                     alt: "Alternative text"
@@ -23811,7 +23823,7 @@ function ak(e, t, n, s, i, l) {
                     o("p", null, "Image, custom-headline and this text for the component are given by slot")
                   ], -1)
                 ])]),
-                footer: C(() => [...t[210] || (t[210] = [
+                footer: C(() => [...t[211] || (t[211] = [
                   o("p", null, [
                     o("a", { href: "#" }, "Read more…")
                   ], -1)
@@ -23844,7 +23856,7 @@ function ak(e, t, n, s, i, l) {
             ]),
             _: 1
           }),
-          t[213] || (t[213] = o("h3", null, "Product boxes", -1)),
+          t[214] || (t[214] = o("h3", null, "Product boxes", -1)),
           f(c, {
             boxesPerRow: [5, 2, 1],
             useRowViewAsDefault: !0,
@@ -23861,7 +23873,7 @@ function ak(e, t, n, s, i, l) {
             ]),
             _: 1
           }),
-          t[214] || (t[214] = o("h3", null, "User boxes", -1)),
+          t[215] || (t[215] = o("h3", null, "User boxes", -1)),
           f(c, {
             boxesPerRow: [5, 2, 1],
             useRowViewAsDefault: !0,
@@ -23879,12 +23891,12 @@ function ak(e, t, n, s, i, l) {
             _: 1
           }),
           o("h3", null, [
-            t[211] || (t[211] = o("span", null, "Boxes in BoxWrapper (collapsible)", -1)),
+            t[212] || (t[212] = o("span", null, "Boxes in BoxWrapper (collapsible)", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[75] || (t[75] = w((g) => l.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
+              onClick: t[76] || (t[76] = w((g) => l.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
             })
           ]),
           f(c, {
@@ -23908,7 +23920,7 @@ function ak(e, t, n, s, i, l) {
                 onToggleCollapse: (we) => g.boxToggled(M - 1, we)
               }, {
                 body: C(() => [
-                  D(y(g.currentOpenBox) + "Content " + y(M), 1)
+                  F(y(g.currentOpenBox) + "Content " + y(M), 1)
                 ]),
                 _: 2
               }, 1032, ["cmdHeadline", "rowView", "openCollapsedBox", "onToggleCollapse"]))), 128))
@@ -23921,12 +23933,12 @@ function ak(e, t, n, s, i, l) {
       f(k, { "inner-component": "div" }, {
         default: C(() => [
           o("h2", iv, [
-            t[215] || (t[215] = o("span", null, "Breadcrumbs", -1)),
+            t[216] || (t[216] = o("span", null, "Breadcrumbs", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[76] || (t[76] = w((g) => l.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
+              onClick: t[77] || (t[77] = w((g) => l.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
             })
           ]),
           f(se, S({
@@ -23940,17 +23952,17 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", lv, [
-            t[216] || (t[216] = o("span", null, "Code Output", -1)),
+            t[217] || (t[217] = o("span", null, "Code Output", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[77] || (t[77] = w((g) => l.openSettingsSidebar("CmdCodeOutput"), ["prevent"]))
+              onClick: t[78] || (t[78] = w((g) => l.openSettingsSidebar("CmdCodeOutput"), ["prevent"]))
             })
           ]),
           f(ke, S({ ref: "CmdCodeOutput" }, e.cmdCodeOutputSettingsData), {
             default: C(() => [
-              D(y(i.cmdCodeOutputSlotContent), 1)
+              F(y(i.cmdCodeOutputSlotContent), 1)
             ]),
             _: 1
           }, 16)
@@ -23960,12 +23972,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", ov, [
-            t[217] || (t[217] = o("span", null, "Company Logo", -1)),
+            t[218] || (t[218] = o("span", null, "Company Logo", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[78] || (t[78] = w((g) => l.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
+              onClick: t[79] || (t[79] = w((g) => l.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
             })
           ]),
           f(p, S({
@@ -23978,27 +23990,27 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", av, [
-            t[218] || (t[218] = o("span", null, "Containers", -1)),
+            t[219] || (t[219] = o("span", null, "Containers", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[79] || (t[79] = w((g) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
+              onClick: t[80] || (t[80] = w((g) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
             })
           ]),
-          t[223] || (t[223] = o("h3", null, 'Container (type "default")', -1)),
+          t[224] || (t[224] = o("h3", null, 'Container (type "default")', -1)),
           f($, S({
             style: { border: "1px dashed var(--color-gray-30)" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData), {
-            default: C(() => [...t[219] || (t[219] = [
+            default: C(() => [...t[220] || (t[220] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
             ])]),
             _: 1
           }, 16),
-          t[224] || (t[224] = o("h3", null, 'Container (type "flex", horizontal)', -1)),
+          t[225] || (t[225] = o("h3", null, 'Container (type "flex", horizontal)', -1)),
           f($, S({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdContainer"
@@ -24006,14 +24018,14 @@ function ak(e, t, n, s, i, l) {
             containerType: "flex",
             contentOrientation: "horizontal"
           }), {
-            default: C(() => [...t[220] || (t[220] = [
+            default: C(() => [...t[221] || (t[221] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
             ])]),
             _: 1
           }, 16),
-          t[225] || (t[225] = o("h3", null, 'Container (type "flex", vertical)', -1)),
+          t[226] || (t[226] = o("h3", null, 'Container (type "flex", vertical)', -1)),
           f($, S({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdContainer"
@@ -24021,19 +24033,19 @@ function ak(e, t, n, s, i, l) {
             containerType: "flex",
             contentOrientation: "vertical"
           }), {
-            default: C(() => [...t[221] || (t[221] = [
+            default: C(() => [...t[222] || (t[222] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
             ])]),
             _: 1
           }, 16),
-          t[226] || (t[226] = o("h3", null, "Container with horizontal slots", -1)),
+          t[227] || (t[227] = o("h3", null, "Container with horizontal slots", -1)),
           f($, S({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData, { containerType: "grid" }), {
-            default: C(() => [...t[222] || (t[222] = [
+            default: C(() => [...t[223] || (t[223] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
@@ -24048,15 +24060,15 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[228] || (t[228] = o("h2", {
+          t[229] || (t[229] = o("h2", {
             class: "headline-demopage",
             id: "section-cookie-disclaimer"
           }, "Cookie Disclaimer", -1)),
           o("a", {
             class: "button",
             href: "#",
-            onClick: t[80] || (t[80] = w((g) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
-          }, [...t[227] || (t[227] = [
+            onClick: t[81] || (t[81] = w((g) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
+          }, [...t[228] || (t[228] = [
             o("span", null, "Open Cookie Disclaimer", -1)
           ])])
         ]),
@@ -24064,11 +24076,11 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[229] || (t[229] = o("h2", {
+          t[230] || (t[230] = o("h2", {
             class: "headline-demopage",
             id: "section-forms"
           }, "Forms", -1)),
-          t[230] || (t[230] = o("h3", null, "Form elements given by data", -1)),
+          t[231] || (t[231] = o("h3", null, "Form elements given by data", -1)),
           f(Y, {
             useFieldset: !0,
             useSlot: !1,
@@ -24077,9 +24089,9 @@ function ak(e, t, n, s, i, l) {
             formElements: i.formElementsData,
             onSubmit: l.doConsoleLog,
             modelValue: i.cmdFormData,
-            "onUpdate:modelValue": t[81] || (t[81] = (g) => i.cmdFormData = g)
+            "onUpdate:modelValue": t[82] || (t[82] = (g) => i.cmdFormData = g)
           }, null, 8, ["formElements", "onSubmit", "modelValue"]),
-          t[231] || (t[231] = o("h3", null, "Form elements given by slot", -1)),
+          t[232] || (t[232] = o("h3", null, "Form elements given by slot", -1)),
           f(Y, {
             "use-fieldset": !0,
             id: "form-component",
@@ -24117,50 +24129,50 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[235] || (t[235] = o("h2", {
+          t[236] || (t[236] = o("h2", {
             class: "headline-demopage",
             id: "section-fancybox"
           }, "Fancybox", -1)),
-          t[236] || (t[236] = o("h3", null, "FancyBox with text", -1)),
+          t[237] || (t[237] = o("h3", null, "FancyBox with text", -1)),
           o("a", {
             href: "#",
-            onClick: t[82] || (t[82] = w((g) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
+            onClick: t[83] || (t[83] = w((g) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
           }, "Open FancyBox with text"),
-          t[237] || (t[237] = o("h3", null, "FancyBox with large image given by url", -1)),
+          t[238] || (t[238] = o("h3", null, "FancyBox with large image given by url", -1)),
           o("a", {
             href: "#",
-            onClick: t[83] || (t[83] = w((g) => l.showFancyBox("url", "/media/images/demo-images/large/landscape-01.jpg", "FancyBox with large image given by url"), ["prevent"])),
+            onClick: t[84] || (t[84] = w((g) => l.showFancyBox("url", "/media/images/demo-images/large/landscape-01.jpg", "FancyBox with large image given by url"), ["prevent"])),
             title: "Open FancyBox with large image given by url",
             style: { "align-self": "flex-start" }
-          }, [...t[232] || (t[232] = [
+          }, [...t[233] || (t[233] = [
             o("img", {
               src: r1,
               alt: "Alternative text"
             }, null, -1)
           ])]),
-          t[238] || (t[238] = o("h3", null, "FancyBox with large image given by property", -1)),
+          t[239] || (t[239] = o("h3", null, "FancyBox with large image given by property", -1)),
           o("a", {
             href: "#",
-            onClick: t[84] || (t[84] = w((g) => l.showFancyBox("image", { large: "/media/images/demo-images/large/landscape-02.jpg" }, "FancyBox with large image given by property"), ["prevent"])),
+            onClick: t[85] || (t[85] = w((g) => l.showFancyBox("image", { large: "/media/images/demo-images/large/landscape-02.jpg" }, "FancyBox with large image given by property"), ["prevent"])),
             title: "Open FancyBox with large image given by property",
             style: { "align-self": "flex-start" }
-          }, [...t[233] || (t[233] = [
+          }, [...t[234] || (t[234] = [
             o("img", {
               src: d1,
               alt: "Alternative text"
             }, null, -1)
           ])]),
-          t[239] || (t[239] = o("h3", null, "FancyBox with image as object give by property", -1)),
+          t[240] || (t[240] = o("h3", null, "FancyBox with image as object give by property", -1)),
           o("a", {
             href: "#",
-            onClick: t[85] || (t[85] = w((g) => l.showFancyBox("image", {
+            onClick: t[86] || (t[86] = w((g) => l.showFancyBox("image", {
               small: "/media/images/demo-images/medium/landscape-03.jpg",
               medium: "/media/images/demo-images/medium/landscape-03.jpg",
               large: "/media/images/demo-images/large/landscape-03.jpg"
             }, "FancyBox with large image given by property"), ["prevent"])),
             title: "Open FancyBox with large image given by property",
             style: { "align-self": "flex-start" }
-          }, [...t[234] || (t[234] = [
+          }, [...t[235] || (t[235] = [
             o("img", {
               src: u1,
               alt: "Alternative text"
@@ -24171,18 +24183,18 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[242] || (t[242] = o("h2", {
+          t[243] || (t[243] = o("h2", {
             class: "headline-demopage",
             id: "section-flexible-scroll-container"
           }, "Flexible Scroll-Container", -1)),
           f(dl, { style: { border: "1px  dashed var(--color-gray-30)" } }, {
-            "fixed-wrapper": C(() => [...t[240] || (t[240] = [
+            "fixed-wrapper": C(() => [...t[241] || (t[241] = [
               o("div", {
                 class: "default-padding",
                 style: { border: "1px  dashed var(--color-gray-30)" }
               }, " Fixed content ", -1)
             ])]),
-            "scroll-wrapper": C(() => [...t[241] || (t[241] = [
+            "scroll-wrapper": C(() => [...t[242] || (t[242] = [
               o("div", {
                 class: "default-padding",
                 style: { border: "1px  dashed var(--color-gray-30)" }
@@ -24222,7 +24234,7 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[243] || (t[243] = o("h2", {
+          t[244] || (t[244] = o("h2", {
             class: "headline-demopage",
             id: "section-google-maps"
           }, "Google Maps™", -1)),
@@ -24235,12 +24247,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", sv, [
-            t[244] || (t[244] = o("span", null, "Headlines", -1)),
+            t[245] || (t[245] = o("span", null, "Headlines", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[86] || (t[86] = w((g) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
+              onClick: t[87] || (t[87] = w((g) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
             })
           ]),
           f(Re, S({ ref: "CmdHeadline" }, e.cmdHeadlineSettingsData), null, 16),
@@ -24258,10 +24270,10 @@ function ak(e, t, n, s, i, l) {
             ref: "CmdHeadline",
             headlineLevel: "3"
           }, {
-            default: C(() => [...t[245] || (t[245] = [
-              D(" Headline text", -1),
+            default: C(() => [...t[246] || (t[246] = [
+              F(" Headline text", -1),
               o("br", null, null, -1),
-              D(" with html-content given by slot ", -1)
+              F(" with html-content given by slot ", -1)
             ])]),
             _: 1
           }, 512)
@@ -24270,29 +24282,29 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[251] || (t[251] = o("h2", {
+          t[252] || (t[252] = o("h2", {
             class: "headline-demopage",
             id: "section-icons"
           }, "Icons", -1)),
           o("ul", null, [
             o("li", null, [
-              t[246] || (t[246] = o("span", null, "Icon from local iconfont", -1)),
+              t[247] || (t[247] = o("span", null, "Icon from local iconfont", -1)),
               f(Le, { iconClass: "icon-home" })
             ]),
             o("li", null, [
-              t[247] || (t[247] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
+              t[248] || (t[248] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
               f(Le, { iconClass: "icomoon-free:home" })
             ]),
             o("li", null, [
-              t[248] || (t[248] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
+              t[249] || (t[249] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
               f(Le, { iconClass: "bi:house-fill" })
             ]),
             o("li", null, [
-              t[249] || (t[249] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
+              t[250] || (t[250] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
               f(Le, { iconClass: "mdi:home" })
             ]),
             o("li", null, [
-              t[250] || (t[250] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
+              t[251] || (t[251] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
               f(Le, { iconClass: "fa6-solid:house-chimney" })
             ])
           ])
@@ -24302,12 +24314,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", rv, [
-            t[252] || (t[252] = o("span", null, "Image", -1)),
+            t[253] || (t[253] = o("span", null, "Image", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[87] || (t[87] = w((g) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
+              onClick: t[88] || (t[88] = w((g) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
             })
           ]),
           o("div", dv, [
@@ -24327,12 +24339,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", uv, [
-            t[253] || (t[253] = o("span", null, "Image-Gallery", -1)),
+            t[254] || (t[254] = o("span", null, "Image-Gallery", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[88] || (t[88] = w((g) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
+              onClick: t[89] || (t[89] = w((g) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
             })
           ]),
           f(cl, S({
@@ -24344,7 +24356,7 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[254] || (t[254] = o("h2", {
+          t[255] || (t[255] = o("h2", {
             class: "headline-demopage",
             id: "section-image-zoom"
           }, " Image-Zoom ", -1)),
@@ -24358,12 +24370,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", cv, [
-            t[255] || (t[255] = o("span", null, "Link", -1)),
+            t[256] || (t[256] = o("span", null, "Link", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[89] || (t[89] = w((g) => l.openSettingsSidebar("CmdLink"), ["prevent"]))
+              onClick: t[90] || (t[90] = w((g) => l.openSettingsSidebar("CmdLink"), ["prevent"]))
             })
           ]),
           f(ee, S({
@@ -24415,7 +24427,7 @@ function ak(e, t, n, s, i, l) {
             text: "Add link",
             primaryButton: !0,
             icon: { iconClass: "icon-link", position: "right" },
-            onClick: t[90] || (t[90] = (g) => i.showCmdLink = !0)
+            onClick: t[91] || (t[91] = (g) => i.showCmdLink = !0)
           }),
           i.showCmdLink ? (a(), x(ee, {
             key: 0,
@@ -24426,11 +24438,11 @@ function ak(e, t, n, s, i, l) {
             icon: { iconClass: "icon-chevron-one-stripe-right", position: "right", tooltip: "Tooltip for hyperlink" }
           })) : m("", !0),
           o("dl", mv, [
-            t[256] || (t[256] = o("dt", null, "Event:", -1)),
+            t[257] || (t[257] = o("dt", null, "Event:", -1)),
             o("dd", null, y(i.outputCmdLink?.event?.originalEvent.originalEvent), 1),
-            t[257] || (t[257] = o("dt", null, "Target:", -1)),
+            t[258] || (t[258] = o("dt", null, "Target:", -1)),
             o("dd", null, y(i.outputCmdLink?.event?.originalEvent.target), 1),
-            t[258] || (t[258] = o("dt", null, "LinkType:", -1)),
+            t[259] || (t[259] = o("dt", null, "LinkType:", -1)),
             o("dd", null, y(i.outputCmdLink?.event?.originalEvent.linkType), 1)
           ])
         ]),
@@ -24439,12 +24451,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", pv, [
-            t[259] || (t[259] = o("span", null, "List", -1)),
+            t[260] || (t[260] = o("span", null, "List", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[91] || (t[91] = w((g) => l.openSettingsSidebar("CmdList"), ["prevent"]))
+              onClick: t[92] || (t[92] = w((g) => l.openSettingsSidebar("CmdList"), ["prevent"]))
             })
           ]),
           f(h, S({
@@ -24456,11 +24468,11 @@ function ak(e, t, n, s, i, l) {
             onClick: l.cmdLinkOutput
           }), null, 16, ["items", "onClick"]),
           o("dl", fv, [
-            t[260] || (t[260] = o("dt", null, "Event:", -1)),
+            t[261] || (t[261] = o("dt", null, "Event:", -1)),
             o("dd", null, y(i.outputCmdLink?.event?.originalEvent), 1),
-            t[261] || (t[261] = o("dt", null, "Target:", -1)),
+            t[262] || (t[262] = o("dt", null, "Target:", -1)),
             o("dd", null, y(i.outputCmdLink?.event?.originalEvent.target), 1),
-            t[262] || (t[262] = o("dt", null, "LinkType:", -1)),
+            t[263] || (t[263] = o("dt", null, "LinkType:", -1)),
             o("dd", null, y(i.outputCmdLink?.event?.linkType), 1)
           ]),
           f(h, {
@@ -24498,7 +24510,7 @@ function ak(e, t, n, s, i, l) {
               highlightLevel: "tertiary"
             }, null, 8, ["items"])
           ]),
-          t[263] || (t[263] = o("h3", null, "Description Lists", -1)),
+          t[264] || (t[264] = o("h3", null, "Description Lists", -1)),
           o("div", gv, [
             f(h, {
               listType: "description",
@@ -24523,19 +24535,19 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", yv, [
-            t[264] || (t[264] = o("span", null, "Login Form", -1)),
+            t[265] || (t[265] = o("span", null, "Login Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[92] || (t[92] = w((g) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
+              onClick: t[93] || (t[93] = w((g) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
             })
           ]),
           f(Y, { "use-fieldset": !1 }, {
             default: C(() => [
               f(pl, S({ ref: "CmdLoginForm" }, e.cmdLoginFormSettingsData, {
                 modelValue: i.loginData,
-                "onUpdate:modelValue": t[93] || (t[93] = (g) => i.loginData = g)
+                "onUpdate:modelValue": t[94] || (t[94] = (g) => i.loginData = g)
               }), null, 16, ["modelValue"])
             ]),
             _: 1
@@ -24546,7 +24558,7 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[265] || (t[265] = o("h2", {
+          t[266] || (t[266] = o("h2", {
             class: "headline-demopage",
             id: "section-mail-tool"
           }, [
@@ -24563,12 +24575,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", bv, [
-            t[266] || (t[266] = o("span", null, "Main Navigation", -1)),
+            t[267] || (t[267] = o("span", null, "Main Navigation", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[94] || (t[94] = w((g) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
+              onClick: t[95] || (t[95] = w((g) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
             })
           ]),
           f(hl, S({ ref: "CmdMainNavigation" }, e.cmdMainNavigationSettingsData, { navigationEntries: l.navigationDataModified }), null, 16, ["navigationEntries"]),
@@ -24579,27 +24591,27 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", xv, [
-            t[267] || (t[267] = o("span", null, "Multistepform-Progressbar", -1)),
+            t[268] || (t[268] = o("span", null, "Multistepform-Progressbar", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[95] || (t[95] = w((g) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
+              onClick: t[96] || (t[96] = w((g) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
             })
           ]),
-          t[268] || (t[268] = o("h3", null, "Steps with icons", -1)),
+          t[269] || (t[269] = o("h3", null, "Steps with icons", -1)),
           f(ln, S({
             ref: "CmdMultistepFormProgressBar",
             multisteps: i.multistepsData.withIcon
           }, e.cmdMultistepFormProgressBarSettingsData, {
-            onClick: t[96] || (t[96] = (g) => i.showPageMultistep = g.index + 1)
+            onClick: t[97] || (t[97] = (g) => i.showPageMultistep = g.index + 1)
           }), null, 16, ["multisteps"]),
-          t[269] || (t[269] = o("h3", null, "Router", -1)),
+          t[270] || (t[270] = o("h3", null, "Router", -1)),
           f(ln, S({
             ref: "CmdMultistepFormProgressBar",
             multisteps: i.multistepsData.router
           }, e.cmdMultistepFormProgressBarSettingsData, {
-            onClick: t[97] || (t[97] = (g) => i.showPageMultistep = g.index + 1)
+            onClick: t[98] || (t[98] = (g) => i.showPageMultistep = g.index + 1)
           }), null, 16, ["multisteps"]),
           o("div", null, [
             o("p", null, "Page " + y(i.showPageMultistep), 1)
@@ -24610,18 +24622,18 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Cv, [
-            t[270] || (t[270] = o("span", null, "Multistepform-Wrapper", -1)),
+            t[271] || (t[271] = o("span", null, "Multistepform-Wrapper", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[98] || (t[98] = w((g) => l.openSettingsSidebar("CmdMultistepFormWrapper"), ["prevent"]))
+              onClick: t[99] || (t[99] = w((g) => l.openSettingsSidebar("CmdMultistepFormWrapper"), ["prevent"]))
             })
           ]),
-          t[283] || (t[283] = o("h3", null, "Data provided by property", -1)),
+          t[284] || (t[284] = o("h3", null, "Data provided by property", -1)),
           f(on, null, {
             "page-1": C((g) => [
-              t[271] || (t[271] = o("h3", null, "Page 1 - all fields required", -1)),
+              t[272] || (t[272] = o("h3", null, "Page 1 - all fields required", -1)),
               f(Y, {
                 formElements: i.multistepFormWrapperPage1Data,
                 useSlot: !1,
@@ -24634,14 +24646,14 @@ function ak(e, t, n, s, i, l) {
                 href: "#",
                 onClick: w((M) => g.setErrorOnPage("This is an error!"), ["prevent"])
               }, "Set Error", 8, vv),
-              t[272] || (t[272] = o("br", null, null, -1)),
+              t[273] || (t[273] = o("br", null, null, -1)),
               o("a", {
                 href: "#",
                 onClick: w(g.removeErrorOnPage, ["prevent"])
               }, "Remove Error", 8, kv)
             ]),
             "page-2": C((g) => [
-              t[273] || (t[273] = o("h3", null, "Page 2 - 2/2 fields required (in slot)", -1)),
+              t[274] || (t[274] = o("h3", null, "Page 2 - 2/2 fields required (in slot)", -1)),
               f(Y, {
                 submitButton: { show: !1 },
                 cmdHeadline: { headlineText: "Form-Elements in Slot", headlineLevel: 3 }
@@ -24680,7 +24692,7 @@ function ak(e, t, n, s, i, l) {
               }, "Set Error", 8, wv)
             ]),
             "page-3": C((g) => [
-              t[274] || (t[274] = o("h3", null, "Page 3 - no fields required", -1)),
+              t[275] || (t[275] = o("h3", null, "Page 3 - no fields required", -1)),
               f(Y, {
                 onValidationStatusChange: (M) => l.toggleSystemMessage(M, g),
                 submitButton: { show: !1 },
@@ -24724,14 +24736,14 @@ function ak(e, t, n, s, i, l) {
               }, 1032, ["onValidationStatusChange", "modelValue", "onUpdate:modelValue"])
             ]),
             "page-4": C((g) => [
-              t[276] || (t[276] = o("h3", null, "Page 4", -1)),
+              t[277] || (t[277] = o("h3", null, "Page 4", -1)),
               f(Y, {
                 cmdHeadline: { headlineText: "Confirmation", headlineLevel: 3 },
                 submitButton: { disabled: g.atleastOneStepWithError },
                 cancelButton: { show: !1 }
               }, {
                 default: C(() => [
-                  t[275] || (t[275] = o("p", null, "Please confirm that all data ou provided is legit.", -1)),
+                  t[276] || (t[276] = o("p", null, "Please confirm that all data ou provided is legit.", -1)),
                   f(O, {
                     element: "input",
                     type: "checkbox",
@@ -24746,17 +24758,17 @@ function ak(e, t, n, s, i, l) {
                 ]),
                 _: 2
               }, 1032, ["submitButton"]),
-              D(" props.atleastOneStepWithError: " + y(g.atleastOneStepWithError), 1)
+              F(" props.atleastOneStepWithError: " + y(g.atleastOneStepWithError), 1)
             ]),
             default: C(() => [
-              t[277] || (t[277] = o("template", null, [
+              t[278] || (t[278] = o("template", null, [
                 o("h3", null, "Page 5 - Confirmation"),
                 o("p", null, "Thank you for sending your request!")
               ], -1))
             ]),
             _: 1
           }),
-          t[284] || (t[284] = o("h3", null, "Data provided by slot", -1)),
+          t[285] || (t[285] = o("h3", null, "Data provided by slot", -1)),
           f(on, null, {
             "progress-bar": C((g) => [
               o("ul", Sv, [
@@ -24769,7 +24781,7 @@ function ak(e, t, n, s, i, l) {
               ])
             ]),
             "page-1": C((g) => [
-              t[278] || (t[278] = D(" Content Page 1 ", -1)),
+              t[279] || (t[279] = F(" Content Page 1 ", -1)),
               g.hasError ? (a(), r("span", Ov, "Error")) : m("", !0),
               o("a", {
                 href: "#",
@@ -24777,7 +24789,7 @@ function ak(e, t, n, s, i, l) {
               }, "Set Error", 8, Lv)
             ]),
             "page-2": C((g) => [
-              t[279] || (t[279] = D(" Content Page 2 ", -1)),
+              t[280] || (t[280] = F(" Content Page 2 ", -1)),
               g.hasError ? (a(), r("span", Iv, "Error")) : m("", !0),
               o("a", {
                 href: "#",
@@ -24785,15 +24797,15 @@ function ak(e, t, n, s, i, l) {
               }, "Set Error", 8, Bv)
             ]),
             "page-3": C((g) => [
-              t[280] || (t[280] = D(" Content Page 3 ", -1)),
+              t[281] || (t[281] = F(" Content Page 3 ", -1)),
               g.hasError ? (a(), r("span", Dv, "Error")) : m("", !0)
             ]),
             "page-4": C((g) => [
-              t[281] || (t[281] = D(" Content Page 4 ", -1)),
+              t[282] || (t[282] = F(" Content Page 4 ", -1)),
               g.hasError ? (a(), r("span", Fv, "Error")) : m("", !0)
             ]),
             "page-5": C((g) => [
-              t[282] || (t[282] = D(" Content Page 5 ", -1)),
+              t[283] || (t[283] = F(" Content Page 5 ", -1)),
               g.hasError ? (a(), r("span", Mv, "Error")) : m("", !0)
             ]),
             pagination: C((g) => [
@@ -24830,7 +24842,7 @@ function ak(e, t, n, s, i, l) {
                   onClick: g.setPrevPage,
                   disabled: g.disabledPrevLink
                 }, null, 8, ["onClick", "disabled"]),
-                D(" props.disabledPrevLink: " + y(g.disabledPrevLink), 1)
+                F(" props.disabledPrevLink: " + y(g.disabledPrevLink), 1)
               ])
             ]),
             _: 1
@@ -24841,19 +24853,19 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Vv, [
-            t[285] || (t[285] = o("span", null, "Newsletter Subscription", -1)),
+            t[286] || (t[286] = o("span", null, "Newsletter Subscription", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[99] || (t[99] = w((g) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
+              onClick: t[100] || (t[100] = w((g) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
             })
           ]),
           f(Y, { "use-fieldset": !1 }, {
             default: C(() => [
               f(yl, S({ ref: "CmdNewsletterSubscription" }, e.cmdNewsletterSubscriptionSettingsData, {
                 modelValue: i.newsletter,
-                "onUpdate:modelValue": t[100] || (t[100] = (g) => i.newsletter = g),
+                "onUpdate:modelValue": t[101] || (t[101] = (g) => i.newsletter = g),
                 onButtonClick: l.submitNewsletterRegistration
               }), null, 16, ["modelValue", "onButtonClick"])
             ]),
@@ -24865,12 +24877,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Av, [
-            t[286] || (t[286] = o("span", null, "Opening Hours", -1)),
+            t[287] || (t[287] = o("span", null, "Opening Hours", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[101] || (t[101] = w((g) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
+              onClick: t[102] || (t[102] = w((g) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
             })
           ]),
           f(bl, S({ ref: "CmdOpeningHours" }, e.cmdOpeningHoursSettingsData, {
@@ -24884,19 +24896,19 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Ev, [
-            t[287] || (t[287] = o("span", null, "Page Footer", -1)),
+            t[288] || (t[288] = o("span", null, "Page Footer", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[102] || (t[102] = w((g) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
+              onClick: t[103] || (t[103] = w((g) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
             })
           ]),
           f(xl, S({ ref: "CmdPageFooter" }, e.cmdPageFooterSettingsData, {
             "button-print-view": { text: "Print this page" },
             cmdSocialNetworks: i.socialNetworksData
           }), {
-            default: C(() => [...t[288] || (t[288] = [
+            default: C(() => [...t[289] || (t[289] = [
               o("button", {
                 class: "button primary",
                 title: "Button given by slot"
@@ -24913,12 +24925,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Hv, [
-            t[289] || (t[289] = o("span", null, "Page Header", -1)),
+            t[290] || (t[290] = o("span", null, "Page Header", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[103] || (t[103] = w((g) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
+              onClick: t[104] || (t[104] = w((g) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
             })
           ]),
           f(Cl, {
@@ -24926,7 +24938,7 @@ function ak(e, t, n, s, i, l) {
             cmdBreadcrumbs: i.breadcrumbsData,
             cmdHeadline: { headlineText: "Main headline for page", headlineLevel: 1 }
           }, {
-            default: C(() => [...t[290] || (t[290] = [
+            default: C(() => [...t[291] || (t[291] = [
               o("a", {
                 href: "#",
                 title: "Link given by slot"
@@ -24943,19 +24955,19 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", qv, [
-            t[291] || (t[291] = o("span", null, "Pagination", -1)),
+            t[292] || (t[292] = o("span", null, "Pagination", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[104] || (t[104] = w((g) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
+              onClick: t[105] || (t[105] = w((g) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
             })
           ]),
           o("div", null, [
             o("p", null, "Page " + y(i.showPagePager), 1)
           ]),
           f(vl, S({ ref: "CmdPagination" }, e.cmdPaginationSettingsData, {
-            onClick: t[105] || (t[105] = (g) => i.showPagePager = g)
+            onClick: t[106] || (t[106] = (g) => i.showPagePager = g)
           }), null, 16)
         ]),
         _: 1
@@ -24963,12 +24975,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Rv, [
-            t[292] || (t[292] = o("span", null, "Paragraph", -1)),
+            t[293] || (t[293] = o("span", null, "Paragraph", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[106] || (t[106] = w((g) => l.openSettingsSidebar("CmdParagraph"), ["prevent"]))
+              onClick: t[107] || (t[107] = w((g) => l.openSettingsSidebar("CmdParagraph"), ["prevent"]))
             })
           ]),
           f(kl, S({ ref: "CmdParagraph" }, e.cmdParagraphSettingsData), null, 16)
@@ -24978,33 +24990,33 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", jv, [
-            t[293] || (t[293] = o("span", null, "Section", -1)),
+            t[294] || (t[294] = o("span", null, "Section", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[107] || (t[107] = w((g) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
+              onClick: t[108] || (t[108] = w((g) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
             })
           ]),
-          t[296] || (t[296] = o("h3", null, "Section with content provided by properties", -1)),
+          t[297] || (t[297] = o("h3", null, "Section with content provided by properties", -1)),
           f(rt, {
             cmdHeadline: { headlineText: "Headline for section provided by property", headlineLevel: 4 },
             content: "Content for section provided by property."
           }),
-          t[297] || (t[297] = o("h3", null, "Section with content provided by slot", -1)),
+          t[298] || (t[298] = o("h3", null, "Section with content provided by slot", -1)),
           f(rt, { useSlot: !0 }, {
-            default: C(() => [...t[294] || (t[294] = [
+            default: C(() => [...t[295] || (t[295] = [
               o("h4", null, "Headline for section provided by slot", -1),
               o("p", null, "Content for section provided by slot.", -1)
             ])]),
             _: 1
           }),
-          t[298] || (t[298] = o("h3", null, "Section styled as box", -1)),
+          t[299] || (t[299] = o("h3", null, "Section styled as box", -1)),
           f(rt, {
             useSlot: !0,
             styleAsBox: !0
           }, {
-            default: C(() => [...t[295] || (t[295] = [
+            default: C(() => [...t[296] || (t[296] = [
               o("h4", null, "Headline for section styled as box", -1),
               o("p", null, "Content for section styled as box.", -1)
             ])]),
@@ -25015,7 +25027,7 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[299] || (t[299] = o("h2", {
+          t[300] || (t[300] = o("h2", {
             class: "headline-demopage",
             id: "section-site-footer"
           }, "Site Footer", -1)),
@@ -25037,12 +25049,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Uv, [
-            t[300] || (t[300] = o("span", null, "Site Header", -1)),
+            t[301] || (t[301] = o("span", null, "Site Header", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[108] || (t[108] = w((g) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
+              onClick: t[109] || (t[109] = w((g) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
             })
           ]),
           f(v, S({ ref: "CmdSiteHeader" }, e.cmdSiteHeaderSettingsData, { cmdCompanyLogo: i.companyLogoData }), {
@@ -25061,23 +25073,23 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Nv, [
-            t[301] || (t[301] = o("span", null, "Site Search", -1)),
+            t[302] || (t[302] = o("span", null, "Site Search", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[109] || (t[109] = w((g) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
+              onClick: t[110] || (t[110] = w((g) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
             })
           ]),
           f(wl, S({ ref: "CmdSiteSearch" }, e.cmdSiteSearchSettingsData, {
             modelValueInput1: i.siteSearchInput1,
-            "onUpdate:modelValueInput1": t[110] || (t[110] = (g) => i.siteSearchInput1 = g),
+            "onUpdate:modelValueInput1": t[111] || (t[111] = (g) => i.siteSearchInput1 = g),
             modelValueInput2: i.siteSearchInput2,
-            "onUpdate:modelValueInput2": t[111] || (t[111] = (g) => i.siteSearchInput2 = g),
+            "onUpdate:modelValueInput2": t[112] || (t[112] = (g) => i.siteSearchInput2 = g),
             modelValueRadius: i.radius,
-            "onUpdate:modelValueRadius": t[112] || (t[112] = (g) => i.radius = g),
+            "onUpdate:modelValueRadius": t[113] || (t[113] = (g) => i.radius = g),
             modelValueSearchFilters: i.filters,
-            "onUpdate:modelValueSearchFilters": t[113] || (t[113] = (g) => i.filters = g),
+            "onUpdate:modelValueSearchFilters": t[114] || (t[114] = (g) => i.filters = g),
             onSearch: l.siteSearchOutput,
             cmdFakeSelect: i.siteSearchFilters
           }), null, 16, ["modelValueInput1", "modelValueInput2", "modelValueRadius", "modelValueSearchFilters", "onSearch", "cmdFakeSelect"])
@@ -25087,17 +25099,17 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", zv, [
-            t[302] || (t[302] = o("span", null, "Slideshow", -1)),
+            t[303] || (t[303] = o("span", null, "Slideshow", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[114] || (t[114] = w((g) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
+              onClick: t[115] || (t[115] = w((g) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
             })
           ]),
           f(Tl, S({ ref: "CmdSlideshow" }, e.cmdSlideshowSettingsData, { "slideshow-items": i.slideshowData }), {
-            default: C(() => [...t[303] || (t[303] = [
-              D(" Slot-Content ", -1)
+            default: C(() => [...t[304] || (t[304] = [
+              F(" Slot-Content ", -1)
             ])]),
             _: 1
           }, 16, ["slideshow-items"])
@@ -25107,25 +25119,25 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Wv, [
-            t[304] || (t[304] = o("span", null, "Smart Search", -1)),
+            t[305] || (t[305] = o("span", null, "Smart Search", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[115] || (t[115] = w((g) => l.openSettingsSidebar("CmdSmartSearch"), ["prevent"]))
+              onClick: t[116] || (t[116] = w((g) => l.openSettingsSidebar("CmdSmartSearch"), ["prevent"]))
             })
           ]),
-          D(" smartSearchString: " + y(i.smartSearchString) + " ", 1),
+          F(" smartSearchString: " + y(i.smartSearchString) + " ", 1),
           f(V, S({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
             listOfRecommendations: i.smartSearchData.listOfRecommendations,
             modelValue: i.smartSearchString,
-            "onUpdate:modelValue": t[116] || (t[116] = (g) => i.smartSearchString = g)
+            "onUpdate:modelValue": t[117] || (t[117] = (g) => i.smartSearchString = g)
           }), null, 16, ["listOfRecommendations", "modelValue"]),
-          D(" smartSearchObject: " + y(i.smartSearchObject) + " ", 1),
+          F(" smartSearchObject: " + y(i.smartSearchObject) + " ", 1),
           f(V, S({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
             listOfRecommendations: i.smartSearchData.listOfRecommendations,
             modelValue: i.smartSearchObject,
-            "onUpdate:modelValue": t[117] || (t[117] = (g) => i.smartSearchObject = g)
+            "onUpdate:modelValue": t[118] || (t[118] = (g) => i.smartSearchObject = g)
           }), null, 16, ["listOfRecommendations", "modelValue"])
         ]),
         _: 1
@@ -25133,12 +25145,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Gv, [
-            t[305] || (t[305] = o("span", null, "Social Networks", -1)),
+            t[306] || (t[306] = o("span", null, "Social Networks", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[118] || (t[118] = w((g) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
+              onClick: t[119] || (t[119] = w((g) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
             })
           ]),
           f(Sl, S({ ref: "CmdSocialNetworks" }, { ...e.cmdSocialNetworksSettingsData, ...i.socialNetworksData }), null, 16)
@@ -25147,7 +25159,7 @@ function ak(e, t, n, s, i, l) {
       }),
       f(k, null, {
         default: C(() => [
-          t[306] || (t[306] = o("h2", {
+          t[307] || (t[307] = o("h2", {
             class: "headline-demopage",
             id: "section-switch-language"
           }, "Switch Language", -1)),
@@ -25163,12 +25175,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Kv, [
-            t[307] || (t[307] = o("span", null, "System Message", -1)),
+            t[308] || (t[308] = o("span", null, "System Message", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[119] || (t[119] = w((g) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
+              onClick: t[120] || (t[120] = w((g) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
             })
           ]),
           f(sn, S({ ref: "CmdSystemMessage" }, e.cmdSystemMessageSettingsData, { iconClose: { iconClass: "icon-error-circle", show: !0 } }), null, 16),
@@ -25176,7 +25188,7 @@ function ak(e, t, n, s, i, l) {
             validationStatus: "warning",
             iconClose: { show: !1 }
           }, {
-            default: C(() => [...t[308] || (t[308] = [
+            default: C(() => [...t[309] || (t[309] = [
               o("p", null, "This is a system message with slot-content. (that cannot be closed)", -1)
             ])]),
             _: 1
@@ -25187,17 +25199,17 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Yv, [
-            t[309] || (t[309] = o("span", null, "Tables", -1)),
+            t[310] || (t[310] = o("span", null, "Tables", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[120] || (t[120] = w((g) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
+              onClick: t[121] || (t[121] = w((g) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
             })
           ]),
-          t[310] || (t[310] = o("h3", null, "Table as wide as its content (with caption)", -1)),
+          t[311] || (t[311] = o("h3", null, "Table as wide as its content (with caption)", -1)),
           f(rn, S({ ref: "CmdTable" }, e.cmdTableSettingsData, { "table-data": i.tableDataLarge }), null, 16, ["table-data"]),
-          t[311] || (t[311] = o("h3", null, "Table as wide as possible", -1)),
+          t[312] || (t[312] = o("h3", null, "Table as wide as possible", -1)),
           f(rn, {
             collapsible: !0,
             fullWidthOnDefault: !1,
@@ -25210,24 +25222,24 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Jv, [
-            t[312] || (t[312] = o("span", null, "Tabs", -1)),
+            t[313] || (t[313] = o("span", null, "Tabs", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[121] || (t[121] = w((g) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
+              onClick: t[122] || (t[122] = w((g) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
             })
           ]),
           f(Ol, S({ ref: "CmdTabs" }, e.cmdTabsSettingsData, { tabs: i.tabsData }), {
-            "tab-content-0": C(() => [...t[313] || (t[313] = [
+            "tab-content-0": C(() => [...t[314] || (t[314] = [
               o("h4", null, "Tab 1 headline", -1),
               o("p", null, "Slot-Content Tab 1", -1)
             ])]),
-            "tab-content-1": C(() => [...t[314] || (t[314] = [
+            "tab-content-1": C(() => [...t[315] || (t[315] = [
               o("h4", null, "Tab 2 headline", -1),
               o("p", null, "Slot-Content Tab 2", -1)
             ])]),
-            "tab-content-2": C(() => [...t[315] || (t[315] = [
+            "tab-content-2": C(() => [...t[316] || (t[316] = [
               o("h4", null, "Tab 3 headline", -1),
               o("p", null, "Slot-Content Tab 3", -1)
             ])]),
@@ -25239,12 +25251,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Zv, [
-            t[316] || (t[316] = o("span", null, "Tag", -1)),
+            t[317] || (t[317] = o("span", null, "Tag", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[122] || (t[122] = w((g) => l.openSettingsSidebar("CmdTag"), ["prevent"]))
+              onClick: t[123] || (t[123] = w((g) => l.openSettingsSidebar("CmdTag"), ["prevent"]))
             })
           ]),
           f(Ll, S({ ref: "CmdTag" }, e.cmdTagSettingsData), null, 16)
@@ -25254,12 +25266,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", Qv, [
-            t[317] || (t[317] = o("span", null, "Text-Image-Block", -1)),
+            t[318] || (t[318] = o("span", null, "Text-Image-Block", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[123] || (t[123] = w((g) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
+              onClick: t[124] || (t[124] = w((g) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
             })
           ]),
           o("div", Xv, [
@@ -25308,12 +25320,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", $v, [
-            t[318] || (t[318] = o("span", null, "Thumbnail-Scroller", -1)),
+            t[319] || (t[319] = o("span", null, "Thumbnail-Scroller", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[124] || (t[124] = w((g) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
+              onClick: t[125] || (t[125] = w((g) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
             })
           ]),
           o("p", null, " date (YMD/default): " + y(l.formatDate("2025-01-28", "", "-")), 1),
@@ -25329,12 +25341,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", tk, [
-            t[319] || (t[319] = o("span", null, "Toggle Dark-Mode", -1)),
+            t[320] || (t[320] = o("span", null, "Toggle Dark-Mode", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[125] || (t[125] = w((g) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
+              onClick: t[126] || (t[126] = w((g) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
             })
           ]),
           f(Bl, S({ ref: "CmdToggleDarkMode" }, e.cmdToggleDarkModeSettingsData), null, 16)
@@ -25344,32 +25356,32 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", nk, [
-            t[320] || (t[320] = o("span", null, "Tooltip", -1)),
+            t[321] || (t[321] = o("span", null, "Tooltip", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[126] || (t[126] = w((g) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
+              onClick: t[127] || (t[127] = w((g) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
             })
           ]),
           o("p", null, [
             o("a", {
               href: "#",
-              onClick: t[127] || (t[127] = w(() => {
+              onClick: t[128] || (t[128] = w(() => {
               }, ["prevent"])),
               id: "show-on-hover"
             }, "Show tooltip on hover!"),
-            t[321] || (t[321] = o("br", null, null, -1)),
+            t[322] || (t[322] = o("br", null, null, -1)),
             o("a", {
               href: "#",
-              onClick: t[128] || (t[128] = w(() => {
+              onClick: t[129] || (t[129] = w(() => {
               }, ["prevent"])),
               id: "show-with-delay"
             }, "Show tooltip on hover with delay!"),
-            t[322] || (t[322] = o("br", null, null, -1)),
+            t[323] || (t[323] = o("br", null, null, -1)),
             o("a", {
               href: "#",
-              onClick: t[129] || (t[129] = w(() => {
+              onClick: t[130] || (t[130] = w(() => {
               }, ["prevent"])),
               id: "show-on-click",
               title: "Native tooltip"
@@ -25379,8 +25391,8 @@ function ak(e, t, n, s, i, l) {
             ref: "CmdTooltip",
             "related-id": "show-on-hover"
           }, e.cmdTooltipSettingsData), {
-            default: C(() => [...t[323] || (t[323] = [
-              D(" Tooltip on hover ", -1)
+            default: C(() => [...t[324] || (t[324] = [
+              F(" Tooltip on hover ", -1)
             ])]),
             _: 1
           }, 16),
@@ -25388,8 +25400,8 @@ function ak(e, t, n, s, i, l) {
             "delay-to-show-tooltip": 2e3,
             "related-id": "show-with-delay"
           }, {
-            default: C(() => [...t[324] || (t[324] = [
-              D(" Tooltip on hover with delay ", -1)
+            default: C(() => [...t[325] || (t[325] = [
+              F(" Tooltip on hover with delay ", -1)
             ])]),
             _: 1
           }),
@@ -25398,8 +25410,8 @@ function ak(e, t, n, s, i, l) {
             "toggle-visibility-by-click": !0,
             allowEscapeKey: !0
           }, {
-            default: C(() => [...t[325] || (t[325] = [
-              D(" Tooltip on click ", -1)
+            default: C(() => [...t[326] || (t[326] = [
+              F(" Tooltip on click ", -1)
             ])]),
             _: 1
           })
@@ -25409,12 +25421,12 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", ik, [
-            t[326] || (t[326] = o("span", null, "Upload-Form", -1)),
+            t[327] || (t[327] = o("span", null, "Upload-Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[130] || (t[130] = w((g) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
+              onClick: t[131] || (t[131] = w((g) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
             })
           ]),
           f(Dl, S({ ref: "CmdUploadForm" }, e.cmdUploadFormSettingsData), null, 16)
@@ -25424,19 +25436,19 @@ function ak(e, t, n, s, i, l) {
       f(k, null, {
         default: C(() => [
           o("h2", lk, [
-            t[327] || (t[327] = o("span", null, "Width Limitation Wrapper", -1)),
+            t[328] || (t[328] = o("span", null, "Width Limitation Wrapper", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[131] || (t[131] = w((g) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
+              onClick: t[132] || (t[132] = w((g) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
             })
           ]),
           f(k, S({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdWidthLimitationWrapper"
           }, e.cmdWidthLimitationWrapperSettingsData), {
-            default: C(() => [...t[328] || (t[328] = [
+            default: C(() => [...t[329] || (t[329] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
@@ -25448,7 +25460,7 @@ function ak(e, t, n, s, i, l) {
       })
     ])) : (a(), r("main", ok, [
       f(k, null, {
-        default: C(() => [...t[329] || (t[329] = [
+        default: C(() => [...t[330] || (t[330] = [
           o("h1", { class: "headline-demopage" }, "Page Overview", -1)
         ])]),
         _: 1
@@ -25456,8 +25468,8 @@ function ak(e, t, n, s, i, l) {
       f(Fl)
     ])),
     f(an, null, {
-      default: C(() => [...t[330] || (t[330] = [
-        D(" Slot-Content for Site-Footer ", -1)
+      default: C(() => [...t[331] || (t[331] = [
+        F(" Slot-Content for Site-Footer ", -1)
       ])]),
       _: 1
     }),
@@ -25474,7 +25486,7 @@ function ak(e, t, n, s, i, l) {
           cookieOptions: i.cookieDisclaimerData,
           onCloseCookieDisclaimer: l.closeCookieDisclaimer,
           modelValue: i.acceptedCookies,
-          "onUpdate:modelValue": t[132] || (t[132] = (g) => i.acceptedCookies = g),
+          "onUpdate:modelValue": t[133] || (t[133] = (g) => i.acceptedCookies = g),
           cmdHeadlineCookieDisclaimer: { show: !1 },
           privacyText: "By browsing this website you accept the usage and saving of anonymous data!"
         }, null, 8, ["cookieOptions", "onCloseCookieDisclaimer", "modelValue"])