comand-component-library 4.2.40 → 4.2.42

package/dist/comand-component-library.js

@@ -1,7 +1,7 @@
 var El = Object.defineProperty;
 var Hl = (e, t, n) => t in e ? El(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ze = (e, t, n) => Hl(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as hi, h as Dn, resolveComponent as _e, openBlock as a, createBlock as k, normalizeClass as x, createElementBlock as r, getCurrentInstance as ql, resolveDynamicComponent as Fe, withModifiers as S, withCtx as w, withDirectives as $, createElementVNode as o, createVNode as p, createCommentVNode as m, vShow as xe, Fragment as _, toDisplayString as y, renderSlot as P, normalizeProps as j, mergeProps as I, createTextVNode as H, renderList as q, Transition as Pe, toHandlers as zt, TransitionGroup as dn, createApp as Rl, normalizeStyle as xt, guardReactiveProps as Ve, useCssVars as gi, vModelDynamic as jl, createStaticVNode as Nl, vModelText as Wt, resolveDirective as Ul, vModelSelect as zl, vModelRadio as Pt, onBeforeUpdate as Wl, onMounted as Gl, onUnmounted as Kl, reactive as Yl } from "vue";
+import { defineComponent as hi, h as Dn, resolveComponent as _e, openBlock as a, createBlock as k, normalizeClass as C, createElementBlock as r, getCurrentInstance as ql, resolveDynamicComponent as Fe, withModifiers as S, withCtx as w, withDirectives as $, createElementVNode as o, createVNode as p, createCommentVNode as m, vShow as xe, Fragment as _, toDisplayString as y, renderSlot as P, normalizeProps as j, mergeProps as I, createTextVNode as H, renderList as q, Transition as Pe, toHandlers as zt, TransitionGroup as dn, createApp as Rl, normalizeStyle as xt, guardReactiveProps as Ve, useCssVars as gi, vModelDynamic as jl, createStaticVNode as Nl, vModelText as Wt, resolveDirective as Ul, vModelSelect as zl, vModelRadio as Pt, onBeforeUpdate as Wl, onMounted as Gl, onUnmounted as Kl, reactive as Yl } from "vue";
 const et = /^[a-z0-9]+(-[a-z0-9]+)*$/, wt = (e, t, n, s = "") => {
   const i = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -1233,10 +1233,10 @@ function Jo(e, t, n, s, i, l) {
     key: 0,
     icon: n.iconClass,
     title: n.tooltip,
-    class: x(e.$attrs.class)
+    class: C(e.$attrs.class)
   }, null, 8, ["icon", "title", "class"])) : (a(), r("span", {
     key: 1,
-    class: x([n.iconClass, e.$attrs.class]),
+    class: C([n.iconClass, e.$attrs.class]),
     title: n.tooltip
   }, null, 10, Yo));
 }
@@ -1436,7 +1436,7 @@ const ea = {
 function ha(e, t, n, s, i, l) {
   const d = G;
   return a(), k(Fe(n.componentTag || "div"), {
-    class: x(["edit-component-wrapper", { active: l.active }]),
+    class: C(["edit-component-wrapper", { active: l.active }]),
     tabindex: "0",
     onClick: S(l.showActionButtons, ["stop"]),
     ref: "editComponent",
@@ -1451,7 +1451,7 @@ function ha(e, t, n, s, i, l) {
         }, [
           o("li", null, [
             o("a", {
-              class: x(["icon-hexagon button confirm", { disabled: !i.addHandlerProvider && !n.itemProvider && !n.allowAddComponent }]),
+              class: C(["icon-hexagon button confirm", { disabled: !i.addHandlerProvider && !n.itemProvider && !n.allowAddComponent }]),
               href: "#",
               onClick: t[0] || (t[0] = S((u) => l.addEntry(u), ["prevent"])),
               title: l.isOuterComponent ? "Add new component" : "Add new item/entry"
@@ -1463,7 +1463,7 @@ function ha(e, t, n, s, i, l) {
           ]),
           o("li", null, [
             o("a", {
-              class: x(["icon-hexagon button primary", { disabled: l.editing || !l.hasSettings }]),
+              class: C(["icon-hexagon button primary", { disabled: l.editing || !l.hasSettings }]),
               href: l.editing ? null : "#",
               onClick: t[1] || (t[1] = S((...u) => l.editSettings && l.editSettings(...u), ["prevent"])),
               title: "Edit settings of this component"
@@ -1485,7 +1485,7 @@ function ha(e, t, n, s, i, l) {
           ]),
           l.isOuterComponent ? m("", !0) : (a(), r("li", la, [
             o("a", {
-              class: x(["icon-hexagon button-cancel", { disabled: !l.editing }]),
+              class: C(["icon-hexagon button-cancel", { disabled: !l.editing }]),
               href: "#",
               onClick: t[3] || (t[3] = S((...u) => l.cancelComponent && l.cancelComponent(...u), ["prevent"])),
               title: "Cancel editing (changes will not be saved)"
@@ -1504,7 +1504,7 @@ function ha(e, t, n, s, i, l) {
               p(d, { iconClass: "icon-check" })
             ])) : (a(), r("a", {
               key: 1,
-              class: x(["icon-hexagon button", { disabled: l.editModeContext.settings.isEditing(i.componentIdentifier) }]),
+              class: C(["icon-hexagon button", { disabled: l.editModeContext.settings.isEditing(i.componentIdentifier) }]),
               href: "#",
               onClick: t[5] || (t[5] = S((...u) => l.editComponent && l.editComponent(...u), ["prevent"])),
               title: "Edit content of this component"
@@ -1525,7 +1525,7 @@ function ha(e, t, n, s, i, l) {
         }, [
           o("li", null, [
             o("a", {
-              class: x(["icon-hexagon use-icon-as-background button confirm", { disabled: !i.addHandlerProvider && !n.itemProvider && !n.allowAddComponent }]),
+              class: C(["icon-hexagon use-icon-as-background button confirm", { disabled: !i.addHandlerProvider && !n.itemProvider && !n.allowAddComponent }]),
               href: "#",
               onClick: t[6] || (t[6] = S((...u) => l.addEntry && l.addEntry(...u), ["prevent"])),
               title: l.isOuterComponent ? "Add new component" : "Add new item/entry"
@@ -1537,7 +1537,7 @@ function ha(e, t, n, s, i, l) {
           ]),
           o("li", null, [
             o("a", {
-              class: x(["icon-hexagon use-icon-as-background button primary", { disabled: l.editing || !l.hasSettings }]),
+              class: C(["icon-hexagon use-icon-as-background button primary", { disabled: l.editing || !l.hasSettings }]),
               href: l.editing ? null : "#",
               onClick: t[7] || (t[7] = S((...u) => l.editSettings && l.editSettings(...u), ["prevent"])),
               title: "Edit settings for " + n.componentName
@@ -1549,7 +1549,7 @@ function ha(e, t, n, s, i, l) {
           ]),
           o("li", null, [
             o("a", {
-              class: x(["icon-hexagon use-icon-as-background button button-delete", { disabled: l.editing || !n.allowDeleteComponent }]),
+              class: C(["icon-hexagon use-icon-as-background button button-delete", { disabled: l.editing || !n.allowDeleteComponent }]),
               href: "#",
               onClick: t[8] || (t[8] = S((...u) => l.deleteComponent && l.deleteComponent(...u), ["prevent"])),
               title: "Delete " + n.componentName + " (and its content)"
@@ -1559,7 +1559,7 @@ function ha(e, t, n, s, i, l) {
           ]),
           n.allowEditComponent ? (a(), r("li", ca, [
             o("a", {
-              class: x(["icon-hexagon use-icon-as-background button cancel", { disabled: !l.editing }]),
+              class: C(["icon-hexagon use-icon-as-background button cancel", { disabled: !l.editing }]),
               href: "#",
               onClick: t[9] || (t[9] = S((...u) => l.cancelComponent && l.cancelComponent(...u), ["prevent"])),
               title: "Cancel editing (changes will not be saved)"
@@ -1578,7 +1578,7 @@ function ha(e, t, n, s, i, l) {
               p(d, { iconClass: "icon-check" })
             ], 8, pa)) : (a(), r("a", {
               key: 1,
-              class: x(["icon-hexagon use-icon-as-background button confirm", { disabled: l.editModeContext.settings.isEditing(i.componentIdentifier) }]),
+              class: C(["icon-hexagon use-icon-as-background button confirm", { disabled: l.editModeContext.settings.isEditing(i.componentIdentifier) }]),
               href: "#",
               onClick: t[11] || (t[11] = S((...u) => l.editComponent && l.editComponent(...u), ["prevent"])),
               title: "Edit content for " + n.componentName
@@ -1735,7 +1735,7 @@ function Ta(e, t, n, s, i, l) {
   const d = G, u = te, c = qe;
   return !e.editModeContext || e.settingsContext || e.mainSidebarContext || n.headlineText ? (a(), r("div", {
     key: 0,
-    class: x(["cmd-headline", { "has-pre-headline-text": n.preHeadlineText, "has-icon": (g = n.cmdIcon) == null ? void 0 : g.iconClass }, l.headlineTextAlign])
+    class: C(["cmd-headline", { "has-pre-headline-text": n.preHeadlineText, "has-icon": (g = n.cmdIcon) == null ? void 0 : g.iconClass }, l.headlineTextAlign])
   }, [
     n.preHeadlineText ? (a(), r(_, { key: 0 }, [
       n.headlineText ? (a(), k(Fe(l.headlineTag), { key: 0 }, {
@@ -1784,7 +1784,7 @@ function Ta(e, t, n, s, i, l) {
         key: 0,
         element: "input",
         type: "text",
-        class: x(["edit-mode", "headline", "h" + n.headlineLevel, l.headlineTextAlign]),
+        class: C(["edit-mode", "headline", "h" + n.headlineLevel, l.headlineTextAlign]),
         labelText: "Headline",
         showLabel: !1,
         placeholder: "Headline",
@@ -1968,7 +1968,7 @@ function La(e, t, n, s, i, l) {
   const d = Y, u = G;
   return i.tooltipVisibility ? (a(), r("div", {
     key: 0,
-    class: x(["cmd-tooltip", n.validationStatus]),
+    class: C(["cmd-tooltip", n.validationStatus]),
     ref: "tooltip"
   }, [
     n.cmdHeadline || n.iconClose.show ? (a(), r("div", _a, [
@@ -2159,10 +2159,10 @@ function Va(e, t, n, s, i, l) {
       (a(!0), r(_, null, q(n.inputRequirements, (h, v) => (a(), r(_, { key: v }, [
         o("dt", {
           "aria-live": "assertive",
-          class: x(h.valid(n.inputModelValue, n.inputAttributes) ? "success" : "error")
+          class: C(h.valid(n.inputModelValue, n.inputAttributes) ? "success" : "error")
         }, y(h.message) + ":", 3),
         o("dd", {
-          class: x(h.valid(n.inputModelValue, n.inputAttributes) ? "success" : "error")
+          class: C(h.valid(n.inputModelValue, n.inputAttributes) ? "success" : "error")
         }, [
           p(u, {
             "aria-live": "assertive",
@@ -2184,7 +2184,7 @@ function Va(e, t, n, s, i, l) {
       }, [
         (c = n.helplink.icon) != null && c.iconClass ? (a(), k(u, {
           key: 0,
-          class: x((g = n.helplink.icon) == null ? void 0 : g.iconClass),
+          class: C((g = n.helplink.icon) == null ? void 0 : g.iconClass),
           title: (f = n.helplink.icon) == null ? void 0 : f.tooltip
         }, null, 8, ["class", "title"])) : m("", !0),
         n.helplink.text ? (a(), r("span", Fa, y(n.helplink.text), 1)) : m("", !0)
@@ -2256,7 +2256,7 @@ function Ea(e, t, n, s, i, l) {
   const d = Aa, u = Fi;
   return a(), k(u, {
     ref: "tooltip",
-    class: x(["cmd-tooltip-for-form-elements box", n.validationStatus]),
+    class: C(["cmd-tooltip-for-form-elements box", n.validationStatus]),
     relatedId: n.relatedId,
     scrollContainer: n.scrollContainerForTooltip,
     "toggle-visibility-by-click": !0
@@ -3168,7 +3168,7 @@ function Ts(e, t, n, s, i, l) {
   const d = G, u = gn;
   return n.element === "input" || n.element === "select" || n.element === "textarea" ? (a(), r("label", {
     key: 0,
-    class: x([
+    class: C([
       "cmd-form-element",
       e.validationStatus,
       e.$attrs.class,
@@ -3187,7 +3187,7 @@ function Ts(e, t, n, s, i, l) {
   }, [
     (n.labelText || e.$slots.labeltext) && e.$attrs.type !== "checkbox" && e.$attrs.type !== "radio" ? (a(), r("span", {
       key: 0,
-      class: x(["label-text", { hidden: !n.showLabel }])
+      class: C(["label-text", { hidden: !n.showLabel }])
     }, [
       o("span", null, [
         n.labelText ? (a(), r("span", {
@@ -3296,7 +3296,7 @@ function Ts(e, t, n, s, i, l) {
         ]),
         n.labelText ? (a(), r("span", {
           key: 0,
-          class: x(["label-text", { hidden: !n.showLabel }])
+          class: C(["label-text", { hidden: !n.showLabel }])
         }, [
           o("span", { innerHTML: n.labelText }, null, 8, us),
           e.$attrs.required ? (a(), r("sup", cs, "*")) : m("", !0)
@@ -3314,7 +3314,7 @@ function Ts(e, t, n, s, i, l) {
         }), null, 16, is),
         n.labelText || e.$slots.labeltext ? (a(), r("span", {
           key: 0,
-          class: x(["label-text", { hidden: !n.showLabel }])
+          class: C(["label-text", { hidden: !n.showLabel }])
         }, [
           o("span", null, [
             n.labelText ? (a(), r("span", {
@@ -3335,11 +3335,11 @@ function Ts(e, t, n, s, i, l) {
         label: re,
         key: re
       }, [
-        (a(!0), r(_, null, q(A, (ye, Te) => (a(), r("option", {
+        (a(!0), r(_, null, q(A, (ge, Te) => (a(), r("option", {
           key: Te,
-          value: ye.value,
-          selected: ye.value === n.modelValue
-        }, y(ye.text), 9, hs))), 128))
+          value: ge.value,
+          selected: ge.value === n.modelValue
+        }, y(ge.text), 9, hs))), 128))
       ], 8, fs))), 128)) : (a(!0), r(_, { key: 0 }, q(n.selectOptions, (A, re) => (a(), r("option", {
         key: re,
         value: A.value,
@@ -3357,7 +3357,7 @@ function Ts(e, t, n, s, i, l) {
     n.element === "textarea" && n.showCharactersTextarea ? (a(), r("span", ys, [
       n.textCharactersLeft ? (a(), r("span", bs, y(n.textCharactersLeft), 1)) : m("", !0),
       o("span", {
-        class: x(["characters-left", { error: l.charactersLeft === 0 }])
+        class: C(["characters-left", { error: l.charactersLeft === 0 }])
       }, y(l.charactersLeft), 3)
     ])) : n.element === "input" && e.$attrs.type === "search" ? (a(), r("span", xs, [
       n.fieldIconClass ? (a(), k(d, {
@@ -3374,7 +3374,7 @@ function Ts(e, t, n, s, i, l) {
       n.showSearchButton ? (a(), r("a", {
         key: 1,
         href: "#",
-        class: x(["button flex-none", { disabled: e.$attrs.disabled }]),
+        class: C(["button flex-none", { disabled: e.$attrs.disabled }]),
         title: n.iconSearch.tooltip,
         onClick: t[22] || (t[22] = S((...A) => l.executeSearch && l.executeSearch(...A), ["prevent"]))
       }, [
@@ -3549,7 +3549,7 @@ function js(e, t, n, s, i, l) {
   const d = G, u = te;
   return a(), r(_, null, [
     o("dt", {
-      class: x(["cmd-address-data-item", { address: n.addressEntry.name === "address" }]),
+      class: C(["cmd-address-data-item", { address: n.addressEntry.name === "address" }]),
       id: n.addressEntry.id
     }, [
       n.addressEntry.iconClass && n.showLabelIcons ? (a(), k(d, {
@@ -3562,7 +3562,7 @@ function js(e, t, n, s, i, l) {
     ], 10, _s),
     n.addressEntry.name !== "address" && (n.addressEntry.data || n.addressEntry.href) ? (a(), r("dd", {
       key: 0,
-      class: x(l.vCardClass(n.addressEntry))
+      class: C(l.vCardClass(n.addressEntry))
     }, [
       e.editing ? (a(), k(u, {
         key: 1,
@@ -3599,7 +3599,7 @@ function js(e, t, n, s, i, l) {
         ], 64)) : m("", !0),
         n.addressEntry.zip || n.addressEntry.city ? (a(), r("span", {
           key: 1,
-          class: x(n.showCityBeforeZip ? "city-zip" : "zip-city")
+          class: C(n.showCityBeforeZip ? "city-zip" : "zip-city")
         }, [
           n.addressEntry.zip ? (a(), r("span", Fs, y(n.addressEntry.zip), 1)) : m("", !0),
           n.addressEntry.city ? (a(), r("span", Vs, [
@@ -3628,7 +3628,7 @@ function js(e, t, n, s, i, l) {
             "onUpdate:modelValue": t[1] || (t[1] = (c) => i.editableAddressEntry.streetNo = c)
           }, null, 8, ["labelText", "placeholder", "modelValue"]),
           o("div", {
-            class: x([n.showCityBeforeZip ? "city-zip" : "zip-city", "input-wrapper"])
+            class: C([n.showCityBeforeZip ? "city-zip" : "zip-city", "input-wrapper"])
           }, [
             p(u, {
               element: "input",
@@ -3677,7 +3677,7 @@ function js(e, t, n, s, i, l) {
           ], 64)) : m("", !0),
           n.addressEntry.zip || n.addressEntry.city ? (a(), r("span", {
             key: 1,
-            class: x(n.showCityBeforeZip ? "city-zip" : "zip-city")
+            class: C(n.showCityBeforeZip ? "city-zip" : "zip-city")
           }, [
             n.addressEntry.zip ? (a(), r("span", Hs, y(n.addressEntry.zip), 1)) : m("", !0),
             n.addressEntry.city ? (a(), r("span", qs, [
@@ -3880,16 +3880,16 @@ function lr(e, t, n, s, i, l) {
           ]))
         ], 64)) : (a(), r("ul", {
           key: 1,
-          class: x(["flex-container", { vertical: !n.showIconsOnly }])
+          class: C(["flex-container", { vertical: !n.showIconsOnly }])
         }, [
           (a(!0), r(_, null, q(n.addressData, (h, v) => (a(), r(_, { key: v }, [
             h.href || h.name === "address" && h.linkGoogleMaps || !n.showIconsOnly ? (a(), r("li", {
               key: 0,
-              class: x({ "flex-none": n.showIconsOnly })
+              class: C({ "flex-none": n.showIconsOnly })
             }, [
               h.href ? (a(), r("a", {
                 key: 0,
-                class: x({ button: n.styleLinksAsButtons }),
+                class: C({ button: n.styleLinksAsButtons }),
                 href: l.getHref(h),
                 target: h.name === "url" ? "_blank" : null,
                 title: h.tooltip
@@ -3927,7 +3927,7 @@ function lr(e, t, n, s, i, l) {
                     ], 64)) : m("", !0),
                     h.zip || h.city ? (a(), r("span", {
                       key: 1,
-                      class: x(n.showCityBeforeZip ? "order-city-zip" : "order-zip-city")
+                      class: C(n.showCityBeforeZip ? "order-city-zip" : "order-zip-city")
                     }, [
                       h.zip ? (a(), r("span", Qs, y(h.zip) + " ", 1)) : m("", !0),
                       h.city ? (a(), r("span", Xs, [
@@ -3956,7 +3956,7 @@ function lr(e, t, n, s, i, l) {
                   ], 64)) : m("", !0),
                   h.zip || h.city ? (a(), r("span", {
                     key: 1,
-                    class: x(n.showCityBeforeZip ? "order-city-zip" : "order-zip-city")
+                    class: C(n.showCityBeforeZip ? "order-city-zip" : "order-zip-city")
                   }, [
                     h.zip ? (a(), r("span", tr, y(h.zip) + " ", 1)) : m("", !0),
                     h.city ? (a(), r("span", nr, [
@@ -4268,7 +4268,7 @@ function xr(e, t, n, s, i, l) {
     default: w(() => [
       i.showSystemMessage ? (a(), r("div", {
         key: 0,
-        class: x(["cmd-system-message", "system-message", "flex-container", "vertical", { "full-width": n.fullWidth }, n.validationStatus]),
+        class: C(["cmd-system-message", "system-message", "flex-container", "vertical", { "full-width": n.fullWidth }, n.validationStatus]),
         role: n.validationStatus === "error" ? "alert" : "dialog",
         "aria-labelledby": e.htmlId
       }, [
@@ -4481,7 +4481,7 @@ const Ue = /* @__PURE__ */ F(gr, [["render", xr]]), Cr = {
 function Fr(e, t, n, s, i, l) {
   const d = Ue, u = te;
   return a(), r("form", {
-    class: x(["cmd-form", { error: i.errorOccurred }]),
+    class: C(["cmd-form", { error: i.errorOccurred }]),
     action: n.formAction,
     "data-use-validation": n.useValidation,
     onSubmit: t[2] || (t[2] = (...c) => l.onSubmit && l.onSubmit(...c)),
@@ -4491,7 +4491,7 @@ function Fr(e, t, n, s, i, l) {
     n.useFieldset ? (a(), r(_, { key: 0 }, [
       o("fieldset", kr, [
         o("legend", {
-          class: x({ hidden: !l.legendOptions.show, "align-left": l.legendOptions.align === "left" })
+          class: C({ hidden: !l.legendOptions.show, "align-left": l.legendOptions.align === "left" })
         }, y(l.legendOptions.text), 3),
         i.systemMessage.show && i.systemMessage.message ? (a(), k(d, {
           key: 0,
@@ -4503,7 +4503,7 @@ function Fr(e, t, n, s, i, l) {
           element: c.element || "input",
           type: c.type || "text",
           name: c.name,
-          class: x(c.htmlClass),
+          class: C(c.htmlClass),
           id: c.id || l.createHtmlId(),
           modelValue: i.formValues[c.name],
           "onUpdate:modelValue": (f) => i.formValues[c.name] = f,
@@ -4526,23 +4526,23 @@ function Fr(e, t, n, s, i, l) {
           ])) : m("", !0),
           l.cancelButtonOptions !== void 0 ? (a(), r("button", {
             key: 1,
-            class: x(["button", { "stretch-on-small-devices": l.cancelButtonOptions.stretchOnSmallDevices, disabled: l.cancelButtonOptions.disabled, cancel: l.cancelButtonOptions.useDefaultStyling }]),
+            class: C(["button", { "stretch-on-small-devices": l.cancelButtonOptions.stretchOnSmallDevices, disabled: l.cancelButtonOptions.disabled, cancel: l.cancelButtonOptions.useDefaultStyling }]),
             type: "button",
             onClick: t[0] || (t[0] = (...c) => l.cancelFormSubmit && l.cancelFormSubmit(...c))
           }, [
             l.cancelButtonOptions.iconClass ? (a(), r("span", {
               key: 0,
-              class: x(l.cancelButtonOptions.iconClass)
+              class: C(l.cancelButtonOptions.iconClass)
             }, null, 2)) : m("", !0),
             l.cancelButtonOptions.text ? (a(), r("span", Sr, y(l.cancelButtonOptions.text), 1)) : m("", !0)
           ], 2)) : m("", !0),
           o("button", {
-            class: x(["button", { "stretch-on-small-devices": l.submitButtonOptions.stretchOnSmallDevices, primary: l.submitButtonOptions.primary, disabled: l.submitButtonOptions.disabled }]),
+            class: C(["button", { "stretch-on-small-devices": l.submitButtonOptions.stretchOnSmallDevices, primary: l.submitButtonOptions.primary, disabled: l.submitButtonOptions.disabled }]),
             type: l.submitButtonOptions.type
           }, [
             l.submitButtonOptions.iconClass ? (a(), r("span", {
               key: 0,
-              class: x(l.submitButtonOptions.iconClass)
+              class: C(l.submitButtonOptions.iconClass)
             }, null, 2)) : m("", !0),
             l.submitButtonOptions.text ? (a(), r("span", Or, y(l.submitButtonOptions.text), 1)) : m("", !0)
           ], 10, _r)
@@ -4555,23 +4555,23 @@ function Fr(e, t, n, s, i, l) {
         ])) : m("", !0),
         l.cancelButtonOptions !== void 0 ? (a(), r("button", {
           key: 1,
-          class: x(["button", { "stretch-on-small-devices": l.cancelButtonOptions.stretchOnSmallDevices, disabled: l.cancelButtonOptions.disabled, cancel: l.cancelButtonOptions.useDefaultStyling }]),
+          class: C(["button", { "stretch-on-small-devices": l.cancelButtonOptions.stretchOnSmallDevices, disabled: l.cancelButtonOptions.disabled, cancel: l.cancelButtonOptions.useDefaultStyling }]),
           type: "button",
           onClick: t[1] || (t[1] = (...c) => l.cancelFormSubmit && l.cancelFormSubmit(...c))
         }, [
           l.cancelButtonOptions.iconClass ? (a(), r("span", {
             key: 0,
-            class: x(l.cancelButtonOptions.iconClass)
+            class: C(l.cancelButtonOptions.iconClass)
           }, null, 2)) : m("", !0),
           l.cancelButtonOptions.text ? (a(), r("span", Br, y(l.cancelButtonOptions.text), 1)) : m("", !0)
         ], 2)) : m("", !0),
         o("button", {
-          class: x(["button", { "stretch-on-small-devices": l.submitButtonOptions.stretchOnSmallDevices, primary: l.submitButtonOptions.primary, disabled: l.submitButtonOptions.disabled }]),
+          class: C(["button", { "stretch-on-small-devices": l.submitButtonOptions.stretchOnSmallDevices, primary: l.submitButtonOptions.primary, disabled: l.submitButtonOptions.disabled }]),
           type: l.submitButtonOptions.type || "submit"
         }, [
           l.submitButtonOptions.iconClass ? (a(), r("span", {
             key: 0,
-            class: x(l.submitButtonOptions.iconClass)
+            class: C(l.submitButtonOptions.iconClass)
           }, null, 2)) : m("", !0),
           l.submitButtonOptions.text ? (a(), r("span", Mr, y(l.submitButtonOptions.text), 1)) : m("", !0)
         ], 10, Dr)
@@ -4906,14 +4906,14 @@ function zr(e, t, n, s, i, l) {
       var J, Z, Q, le, ne, ie, se, me, pe, X, fe, he;
       return [
         o("figure", {
-          class: x(["cmd-image flex-container no-gap vertical", l.textAlign])
+          class: C(["cmd-image flex-container no-gap vertical", l.textAlign])
         }, [
           (J = n.figcaption) != null && J.show && ((Z = n.figcaption) == null ? void 0 : Z.position) === "top" ? (a(), r(_, { key: 0 }, [
             R.editing ? (a(), k(d, {
               key: 0,
               element: "input",
               type: "text",
-              class: x([l.textAlign, "edit-mode"]),
+              class: C([l.textAlign, "edit-mode"]),
               required: !0,
               labelText: "Text figcaption",
               modelValue: l.editableFigcaptionText,
@@ -4958,7 +4958,7 @@ function zr(e, t, n, s, i, l) {
               key: 0,
               element: "input",
               type: "text",
-              class: x([l.textAlign, "edit-mode"]),
+              class: C([l.textAlign, "edit-mode"]),
               required: !0,
               labelText: "Text figcaption",
               showLabel: !1,
@@ -4985,7 +4985,7 @@ function zr(e, t, n, s, i, l) {
     _: 1
   }, 8, ["componentProps", "componentPath", "allowDeleteComponent", "itemProvider"])) : n.useFigureTag ? (a(), r("figure", {
     key: 1,
-    class: x(["cmd-image", l.textAlign])
+    class: C(["cmd-image", l.textAlign])
   }, [
     ((g = n.figcaption) == null ? void 0 : g.position) === "top" && ((f = n.figcaption) != null && f.text) && ((h = n.figcaption) != null && h.show) ? (a(), r("figcaption", {
       key: 0,
@@ -5083,7 +5083,7 @@ function Yr(e, t, n, s, i, l) {
     href: "#",
     onClick: t[0] || (t[0] = S(() => {
     }, ["prevent"])),
-    class: x(["cmd-slide-button", "button", "keep-behavior-on-small-devices", n.slideButtonType]),
+    class: C(["cmd-slide-button", "button", "keep-behavior-on-small-devices", n.slideButtonType]),
     title: l.getDirection.tooltip
   }, [
     p(d, {
@@ -5339,7 +5339,7 @@ function td(e, t, n, s, i, l) {
   var f;
   const d = Y, u = Lt, c = ve, g = G;
   return a(), r("div", {
-    class: x([
+    class: C([
       "cmd-thumbnail-scroller",
       {
         "gallery-scroller": n.useGalleryScroller,
@@ -5352,7 +5352,7 @@ function td(e, t, n, s, i, l) {
   }, [
     (f = n.cmdHeadline) != null && f.headlineText || e.editModeContext ? (a(), k(d, j(I({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
     o("div", {
-      class: x(["inner-thumbnail-wrapper", { box: n.styleAsBox }])
+      class: C(["inner-thumbnail-wrapper", { box: n.styleAsBox }])
     }, [
       i.showSlidebuttons ? (a(), k(u, {
         key: 0,
@@ -5382,7 +5382,7 @@ function td(e, t, n, s, i, l) {
               key: 0,
               href: n.executeOnClick === "url" ? h.url : "#",
               onClick: (b) => l.executeLink(v, b),
-              class: x([{ active: n.activeItemIndex === v }, h.id ? "item-" + h.id : ""]),
+              class: C([{ active: n.activeItemIndex === v }, h.id ? "item-" + h.id : ""]),
               title: l.tooltip,
               target: n.executeOnClick === "url" ? "_blank" : null
             }, [
@@ -5726,11 +5726,11 @@ const id = Hi, ld = ["aria-label"], od = { class: "flex-container" }, ad = {
   class: "flex-container flex-none"
 }, gd = ["title"], yd = { key: 1 }, bd = ["title"], xd = { key: 1 };
 function Cd(e, t, n, s, i, l) {
-  var h, v, b, O, T, M, B, E, D, U, W, V, R, J, Z, Q, le, ne, ie, se, me, pe, X, fe, he, A, re, ye, Te, De, Me;
+  var h, v, b, O, T, M, B, E, D, U, W, V, R, J, Z, Q, le, ne, ie, se, me, pe, X, fe, he, A, re, ge, Te, De, Me;
   const d = Y, u = G, c = ve, g = Lt, f = Ei;
   return a(), r("dialog", {
     ref: "dialog",
-    class: x(["cmd-fancybox", { "show-overlay": e.showOverlay, image: e.fancyBoxImageUrl || e.fancyBoxGallery, "image-gallery": e.fancyBoxGallery }]),
+    class: C(["cmd-fancybox", { "show-overlay": e.showOverlay, image: e.fancyBoxImageUrl || e.fancyBoxGallery, "image-gallery": e.fancyBoxGallery }]),
     "aria-label": e.ariaLabelText,
     onCancel: t[5] || (t[5] = (...de) => e.onDialogCancel && e.onDialogCancel(...de))
   }, [
@@ -5778,7 +5778,7 @@ function Cd(e, t, n, s, i, l) {
       ])) : m("", !0)
     ]),
     o("div", {
-      class: x(["outer-content-wrapper", { grayscale: e.printInGrayscale }])
+      class: C(["outer-content-wrapper", { grayscale: e.printInGrayscale }])
     }, [
       e.fancyBoxImageUrl || (Q = e.cmdImage) != null && Q.image ? (a(), r("div", ud, [
         p(c, {
@@ -5825,7 +5825,7 @@ function Cd(e, t, n, s, i, l) {
       }, [
         (re = e.fancyBoxOptionsProperties.submitButtons.confirm) != null && re.iconClass ? (a(), k(u, {
           key: 0,
-          iconClass: (ye = e.fancyBoxOptionsProperties.submitButtons.confirm) == null ? void 0 : ye.iconClass,
+          iconClass: (ge = e.fancyBoxOptionsProperties.submitButtons.confirm) == null ? void 0 : ge.iconClass,
           type: (Te = e.fancyBoxOptionsProperties.submitButtons.confirm) == null ? void 0 : Te.iconType
         }, null, 8, ["iconClass", "type"])) : m("", !0),
         (De = e.fancyBoxOptionsProperties.submitButtons.confirm) != null && De.buttonText ? (a(), r("span", xd, y((Me = e.fancyBoxOptionsProperties.submitButtons.confirm) == null ? void 0 : Me.buttonText), 1)) : m("", !0)
@@ -6160,7 +6160,7 @@ function Id(e, t, n, s, i, l) {
       class: "flex-container flex-direction-column"
     }), {
       default: w(() => {
-        var g, f, h, v, b, O, T, M, B, E, D, U, W, V, R, J, Z, Q, le, ne, ie, se, me, pe, X, fe, he, A, re, ye, Te, De, Me, de, st, je, Ke, rt, dt, ut, ct;
+        var g, f, h, v, b, O, T, M, B, E, D, U, W, V, R, J, Z, Q, le, ne, ie, se, me, pe, X, fe, he, A, re, ge, Te, De, Me, de, st, je, Ke, rt, dt, ut, ct;
         return [
           n.configuration.salutation ? (a(), r("div", Td, [
             p(u, {
@@ -6292,7 +6292,7 @@ function Id(e, t, n, s, i, l) {
               i18n: e.i18n
             }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n"])) : m("", !0),
             o("div", {
-              class: x(["input-wrapper", i.cityBeforeZip ? "order-city-zip" : "order-zip-city"])
+              class: C(["input-wrapper", i.cityBeforeZip ? "order-city-zip" : "order-zip-city"])
             }, [
               n.configuration.zip ? (a(), k(u, {
                 key: 0,
@@ -6314,7 +6314,7 @@ function Id(e, t, n, s, i, l) {
                 type: ((re = n.configuration.city) == null ? void 0 : re.type) || "text",
                 labelText: e.getMessage("basic_form.labeltext.city"),
                 placeholder: e.getMessage("basic_form.placeholder.city"),
-                required: (ye = n.configuration.city) == null ? void 0 : ye.required,
+                required: (ge = n.configuration.city) == null ? void 0 : ge.required,
                 name: (Te = n.configuration.city) == null ? void 0 : Te.name,
                 modelValue: i.formData.city.value,
                 "onUpdate:modelValue": t[10] || (t[10] = (K) => i.formData.city.value = K),
@@ -6415,13 +6415,13 @@ function Pd(e, t, n, s, i, l) {
     }, null, 8, Dd)) : m("", !0),
     (v = n.icon) != null && v.iconClass && (((b = n.icon) == null ? void 0 : b.position) === "left" || ((O = n.icon) == null ? void 0 : O.position) === "top" || !((T = n.icon) != null && T.position)) ? (a(), r("span", {
       key: 1,
-      class: x((M = n.icon) == null ? void 0 : M.iconClass),
+      class: C((M = n.icon) == null ? void 0 : M.iconClass),
       title: (B = n.icon) == null ? void 0 : B.tooltip
     }, null, 10, Md)) : m("", !0),
     n.text ? (a(), r("span", Fd, y(n.text), 1)) : m("", !0),
     (E = n.icon) != null && E.iconClass && (((D = n.icon) == null ? void 0 : D.position) === "right" || ((U = n.icon) == null ? void 0 : U.position) === "bottom") ? (a(), r("span", {
       key: 3,
-      class: x((W = n.icon) == null ? void 0 : W.iconClass),
+      class: C((W = n.icon) == null ? void 0 : W.iconClass),
       title: (V = n.icon) == null ? void 0 : V.tooltip
     }, null, 10, Vd)) : m("", !0),
     (R = n.image) != null && R.src && (((J = n.image) == null ? void 0 : J.position) === "right" || ((Z = n.image) == null ? void 0 : Z.position) === "bottom") ? (a(), r("img", {
@@ -6460,7 +6460,7 @@ const Ed = /* @__PURE__ */ F(Bd, [["render", Pd]]), Hd = {
     /**
      * set target
      *
-     * linkType must be 'href'
+     * linkType-property must be set to 'href'
      */
     target: {
       type: String,
@@ -6505,6 +6505,13 @@ const Ed = /* @__PURE__ */ F(Bd, [["render", Pd]]), Hd = {
       type: Boolean,
       default: !1
     },
+    /**
+     * activate if link/button should be disabled
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * set if path should be opened in fancybox
      */
@@ -6512,6 +6519,9 @@ const Ed = /* @__PURE__ */ F(Bd, [["render", Pd]]), Hd = {
       type: Boolean,
       default: !1
     },
+    /**
+     * set image for inner link
+     */
     image: {
       type: Object,
       required: !1
@@ -6522,15 +6532,15 @@ const Ed = /* @__PURE__ */ F(Bd, [["render", Pd]]), Hd = {
       this.$emit("click", { originalEvent: e, linkType: t });
     }
   }
-}, qd = ["href", "target", "title"], Rd = ["title"];
+}, qd = ["href", "target", "title"], Rd = ["disabled", "title"];
 function jd(e, t, n, s, i, l) {
   var c, g, f;
   const d = Ed, u = _e("router-link");
   return n.linkType === "href" ? (a(), r("a", {
     key: 0,
-    href: n.path,
+    href: n.disabled ? null : n.path,
     target: n.target,
-    class: x(["cmd-link", { button: n.styleAsButton, primary: n.primaryButton, box: n.styleAsBox, fancybox: n.fancybox }]),
+    class: C(["cmd-link", { button: n.styleAsButton, primary: n.primaryButton, disabled: n.disabled, box: n.styleAsBox, fancybox: n.fancybox }]),
     onClick: t[0] || (t[0] = S((h) => l.emitClick(h, "href"), ["prevent"])),
     title: (c = n.icon) == null ? void 0 : c.tooltip
   }, [
@@ -6546,8 +6556,8 @@ function jd(e, t, n, s, i, l) {
     }, 8, ["text", "icon", "image"])
   ], 10, qd)) : n.linkType === "router" ? (a(), k(u, {
     key: 1,
-    to: n.path,
-    class: x(["cmd-link", { button: n.styleAsButton, primary: n.primaryButton, box: n.styleAsBox, fancybox: n.fancybox }]),
+    to: n.disabled ? {} : n.path,
+    class: C(["cmd-link", { button: n.styleAsButton, primary: n.primaryButton, disabled: n.disabled, box: n.styleAsBox, fancybox: n.fancybox }]),
     onClick: t[1] || (t[1] = (h) => l.emitClick(h, "router")),
     title: (g = n.icon) == null ? void 0 : g.tooltip
   }, {
@@ -6566,8 +6576,9 @@ function jd(e, t, n, s, i, l) {
     _: 3
   }, 8, ["to", "class", "title"])) : n.linkType === "button" || n.linkType === "submit" ? (a(), r("button", {
     key: 2,
-    class: x(["cmd-link button", { primary: n.primaryButton, box: n.styleAsBox, fancybox: n.fancybox }]),
+    class: C(["cmd-link button", { primary: n.primaryButton, disabled: n.disabled, box: n.styleAsBox, fancybox: n.fancybox }]),
     type: "submit",
+    disabled: n.disabled,
     onClick: t[2] || (t[2] = (h) => l.emitClick(h, "button")),
     title: (f = n.icon) == null ? void 0 : f.tooltip
   }, [
@@ -6804,7 +6815,7 @@ function Xd(e, t, n, s, i, l) {
   var f;
   const d = Y, u = Kd, c = qe, g = ve;
   return a(), r("div", {
-    class: x([
+    class: C([
       "cmd-list",
       {
         box: n.styleAsBox,
@@ -6817,7 +6828,7 @@ function Xd(e, t, n, s, i, l) {
   }, [
     (f = n.cmdHeadline) != null && f.headlineText || e.editModeContext ? (a(), k(d, j(I({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
     o("ul", {
-      class: x(["flex-container", { "no-gap": !n.useGap }, "align-" + n.align, l.setStretchClass, { horizontal: n.orientation === "horizontal" }])
+      class: C(["flex-container", { "no-gap": !n.useGap }, "align-" + n.align, l.setStretchClass, { horizontal: n.orientation === "horizontal" }])
     }, [
       n.listType === "links" ? (a(), r(_, { key: 0 }, [
         e.editModeContext ? (a(), r("li", Jd, [
@@ -6834,7 +6845,7 @@ function Xd(e, t, n, s, i, l) {
           }, {
             default: w(() => [
               p(u, {
-                class: x({ active: n.sectionAnchors && n.activeSection === v }),
+                class: C({ active: n.sectionAnchors && n.activeSection === v }),
                 link: h
               }, null, 8, ["class", "link"])
             ]),
@@ -6851,7 +6862,7 @@ function Xd(e, t, n, s, i, l) {
           ]))) : m("", !0)
         ])) : (a(!0), r(_, { key: 0 }, q(n.items, (h, v) => (a(), k(u, {
           key: v,
-          class: x({ active: n.sectionAnchors && n.activeSection === v }),
+          class: C({ active: n.sectionAnchors && n.activeSection === v }),
           link: h,
           onClick: t[0] || (t[0] = (b) => l.emitClick(b, e.linkType))
         }, null, 8, ["class", "link"]))), 128))
@@ -7256,7 +7267,7 @@ function Au(e, t, n, s, i, l) {
   return n.boxType === "content" ? (a(), r("div", {
     key: 0,
     ref: "cmdBox",
-    class: x([
+    class: C([
       "cmd-box box content",
       {
         open: i.open,
@@ -7286,13 +7297,13 @@ function Au(e, t, n, s, i, l) {
       ])) : m("", !0)
     ], 64)),
     $(o("div", {
-      class: x(["box-body", n.boxBodyClass]),
+      class: C(["box-body", n.boxBodyClass]),
       "aria-expanded": "true",
       role: "article"
     }, [
       (B = n.useSlots) != null && B.includes("body") ? (a(), r("div", {
         key: 0,
-        class: x(["inner-box-body-wrapper", { "box-body-padding": n.useBoxBodyPadding, "allow-scroll": n.allowContentToScroll }]),
+        class: C(["inner-box-body-wrapper", { "box-body-padding": n.useBoxBodyPadding, "allow-scroll": n.allowContentToScroll }]),
         ref: "boxBody",
         style: xt(n.allowContentToScroll ? "max-height: " + i.calculatedBodyHeight : null)
       }, [
@@ -7310,7 +7321,7 @@ function Au(e, t, n, s, i, l) {
               default: w(() => [
                 n.textBody ? (a(), r("div", {
                   key: 0,
-                  class: x({
+                  class: C({
                     "cutoff-text": n.cutoffTextLines > 0,
                     "fade-last-line": n.fadeLastLine && !i.showCutOffText,
                     "show-text": i.showCutOffText
@@ -7329,12 +7340,12 @@ function Au(e, t, n, s, i, l) {
         })
       ], 6)) : (a(), r("div", {
         key: 1,
-        class: x(["inner-box-body-wrapper", { "allow-scroll": n.allowContentToScroll }])
+        class: C(["inner-box-body-wrapper", { "allow-scroll": n.allowContentToScroll }])
       }, [
         n.cmdImage ? (a(), k(c, j(I({ key: 0 }, n.cmdImage)), null, 16)) : m("", !0),
         (E = n.cmdHeadline) != null && E.headlineText && n.headlinePosition === "body" || n.textBody ? (a(), r("div", {
           key: 1,
-          class: x({ "box-body-padding": n.useBoxBodyPadding, "allow-scroll": n.allowContentToScroll })
+          class: C({ "box-body-padding": n.useBoxBodyPadding, "allow-scroll": n.allowContentToScroll })
         }, [
           n.cmdIcon !== void 0 ? (a(), r("div", ou, [
             p(u, j(Ve(n.cmdIcon)), null, 16)
@@ -7357,7 +7368,7 @@ function Au(e, t, n, s, i, l) {
     ])) : m("", !0)
   ], 2)) : n.boxType === "product" && n.product ? (a(), r("a", {
     key: 1,
-    class: x(["cmd-box box product", { "stretch-vertically": n.stretchVertically, "stretch-horizontally": n.stretchHorizontally, "row-view": n.rowView }]),
+    class: C(["cmd-box box product", { "stretch-vertically": n.stretchVertically, "stretch-horizontally": n.stretchHorizontally, "row-view": n.rowView }]),
     href: "#",
     onClick: t[2] || (t[2] = S((V) => l.clickOnProduct(n.product), ["prevent"]))
   }, [
@@ -7388,7 +7399,7 @@ function Au(e, t, n, s, i, l) {
     ])
   ], 2)) : n.boxType === "user" && n.user ? (a(), r("div", {
     key: 2,
-    class: x([
+    class: C([
       "cmd-box box user",
       n.profileType,
       {
@@ -7410,7 +7421,7 @@ function Au(e, t, n, s, i, l) {
         ]))
       ])) : (a(), r("div", Su, [
         o("span", {
-          class: x(n.defaultProfileIconClass),
+          class: C(n.defaultProfileIconClass),
           title: n.user.name
         }, null, 10, _u),
         n.rowView ? m("", !0) : (a(), r("p", Ou, y(n.user.name), 1))
@@ -7657,7 +7668,7 @@ function Ru(e, t, n, s, i, l) {
       ])) : m("", !0)
     ])) : m("", !0),
     o("div", {
-      class: x([
+      class: C([
         "inner-box-wrapper",
         n.useFlexbox ? "flex-container" : "grid-container-create-columns",
         {
@@ -7973,7 +7984,7 @@ function oc(e, t, n, s, i, l) {
     }, null, 8, ic)) : m("", !0),
     l.oneSlotItem() ? P(e.$slots, "default", { key: 2 }) : (a(), r("div", {
       key: 3,
-      class: x([l.setInnerClass, "inner-slot-wrapper"])
+      class: C([l.setInnerClass, "inner-slot-wrapper"])
     }, [
       P(e.$slots, "default", {}, () => [
         o("p", null, y(n.innerText), 1)
@@ -8165,7 +8176,7 @@ function Sc(e, t, n, s, i, l) {
                     class: "collapsible-box"
                   }, [
                     o("header", {
-                      class: x({ open: l.boxIsOpen(b.id) })
+                      class: C({ open: l.boxIsOpen(b.id) })
                     }, [
                       p(u, {
                         element: "input",
@@ -8185,7 +8196,7 @@ function Sc(e, t, n, s, i, l) {
                         title: e.getMessage("cookie_disclaimer.tooltip.toggle_box_content")
                       }, [
                         o("span", {
-                          class: x(l.boxIsOpen(b.id) ? n.iconClassBoxExpanded : n.iconClassBoxCollapsed)
+                          class: C(l.boxIsOpen(b.id) ? n.iconClassBoxExpanded : n.iconClassBoxCollapsed)
                         }, null, 2)
                       ], 8, mc)
                     ], 2),
@@ -8216,7 +8227,7 @@ function Sc(e, t, n, s, i, l) {
                     class: "collapsible-box"
                   }, [
                     o("header", {
-                      class: x({ open: l.boxIsOpen(b.id) })
+                      class: C({ open: l.boxIsOpen(b.id) })
                     }, [
                       p(u, {
                         element: "input",
@@ -8236,7 +8247,7 @@ function Sc(e, t, n, s, i, l) {
                         title: e.getMessage("cookie_disclaimer.tooltip.toggle_box_content")
                       }, [
                         o("span", {
-                          class: x(l.boxIsOpen(b.id) ? n.iconClassBoxExpanded : n.iconClassBoxCollapsed)
+                          class: C(l.boxIsOpen(b.id) ? n.iconClassBoxExpanded : n.iconClassBoxCollapsed)
                         }, null, 2)
                       ], 8, bc)
                     ], 2),
@@ -8592,7 +8603,7 @@ function $c(e, t, n, s, i, l) {
   var g, f, h, v;
   const d = G, u = gn, c = _e("router-link");
   return a(), r("div", {
-    class: x([
+    class: C([
       i.validationStatus,
       "cmd-fake-select label",
       {
@@ -8635,7 +8646,7 @@ function $c(e, t, n, s, i, l) {
       }, null, 8, ["validationStatus", "validationMessage", "relatedId", "cmdListOfRequirements", "role"])) : m("", !0)
     ])) : m("", !0),
     o("ul", {
-      class: x({ open: i.showOptions }),
+      class: C({ open: i.showOptions }),
       onClickout: t[5] || (t[5] = (...b) => l.closeOptions && l.closeOptions(...b)),
       "aria-expanded": i.showOptions
     }, [
@@ -8650,7 +8661,7 @@ function $c(e, t, n, s, i, l) {
             key: 0,
             src: l.pathFlag(l.optionCountry),
             alt: l.optionCountry,
-            class: x(["flag", l.optionCountry])
+            class: C(["flag", l.optionCountry])
           }, null, 10, Rc)) : n.type === "color" ? (a(), r("span", {
             key: 1,
             style: xt("background: " + l.optionColor)
@@ -8678,7 +8689,7 @@ function $c(e, t, n, s, i, l) {
               key: 0,
               href: "#",
               onClick: S((T) => l.selectOption(b.value), ["prevent"]),
-              class: x({ active: b.value === n.modelValue }),
+              class: C({ active: b.value === n.modelValue }),
               title: b.tooltip
             }, [
               b.iconClass ? (a(), k(d, {
@@ -8692,7 +8703,7 @@ function $c(e, t, n, s, i, l) {
               key: 1,
               to: "#",
               onClick: S((T) => l.selectOption(b.value), ["prevent"]),
-              class: x({ active: b.value === n.modelValue })
+              class: C({ active: b.value === n.modelValue })
             }, {
               default: w(() => [
                 b.iconClass ? (a(), k(d, {
@@ -8707,14 +8718,14 @@ function $c(e, t, n, s, i, l) {
           ], 8, Uc))), 128))
         ])) : n.type !== "default" && n.type !== "content" && i.showOptions ? (a(), r("ul", {
           key: 1,
-          class: x({ "checkbox-options": n.type === "checkboxOptions" }),
+          class: C({ "checkbox-options": n.type === "checkboxOptions" }),
           "aria-expanded": i.showOptions
         }, [
           (a(!0), r(_, null, q(n.selectData, (b, O) => (a(), r("li", { key: O }, [
             n.type === "checkboxOptions" ? (a(), r("label", {
               key: 0,
               for: "option-" + (O + 1),
-              class: x({ active: n.modelValue.includes(`${b.value}`) })
+              class: C({ active: n.modelValue.includes(`${b.value}`) })
             }, [
               o("input", {
                 type: "checkbox",
@@ -8728,7 +8739,7 @@ function $c(e, t, n, s, i, l) {
               key: 1,
               href: "#",
               onClick: S((T) => l.selectOption(b.value), ["prevent"]),
-              class: x({ active: b.value === n.modelValue })
+              class: C({ active: b.value === n.modelValue })
             }, [
               o("img", {
                 class: "flag",
@@ -8740,7 +8751,7 @@ function $c(e, t, n, s, i, l) {
               key: 2,
               href: "#",
               onClick: S((T) => l.selectOption(b.value), ["prevent"]),
-              class: x({ active: b.value === n.modelValue })
+              class: C({ active: b.value === n.modelValue })
             }, [
               o("span", {
                 class: "color",
@@ -8787,7 +8798,7 @@ const Ui = /* @__PURE__ */ F(Mc, [["render", $c]]), em = {
 }, tm = { class: "fixed-wrapper" }, nm = { class: "scroll-wrapper" };
 function im(e, t, n, s, i, l) {
   return a(), r("div", {
-    class: x(["cmd-flexible-scroll-container flexible-scroll-container", { "reverse-order": n.fixedContainerAtBottom }])
+    class: C(["cmd-flexible-scroll-container flexible-scroll-container", { "reverse-order": n.fixedContainerAtBottom }])
   }, [
     o("div", tm, [
       P(e.$slots, "fixed-wrapper")
@@ -9447,7 +9458,7 @@ const Om = /* @__PURE__ */ F(km, [["render", _m]]), Lm = {
 function Hm(e, t, n, s, i, l) {
   const d = G, u = gn;
   return a(), r("div", {
-    class: x([
+    class: C([
       "cmd-input-group label",
       e.validationStatus,
       {
@@ -9497,12 +9508,12 @@ function Hm(e, t, n, s, i, l) {
       P(e.$slots, "default")
     ])) : (a(), r("span", {
       key: 0,
-      class: x(["flex-container", { vertical: n.orientation === "vertical", "flex-none": !n.stretchHorizontally, "no-gap": n.multipleSwitch }])
+      class: C(["flex-container", { vertical: n.orientation === "vertical", "flex-none": !n.stretchHorizontally, "no-gap": n.multipleSwitch }])
     }, [
       (a(!0), r(_, null, q(n.inputElements, (c, g) => (a(), r("label", {
         key: g,
         for: c.id,
-        class: x({ "toggle-switch": n.toggleSwitches, colored: n.colored })
+        class: C({ "toggle-switch": n.toggleSwitches, colored: n.colored })
       }, [
         $(o("input", {
           type: n.inputTypes,
@@ -9511,7 +9522,7 @@ function Hm(e, t, n, s, i, l) {
           value: c.value,
           "onUpdate:modelValue": t[1] || (t[1] = (f) => l.inputValue = f),
           disabled: c.disabled,
-          class: x({ "replace-input-type": n.replaceInputType })
+          class: C({ "replace-input-type": n.replaceInputType })
         }, null, 10, Am), [
           [jl, l.inputValue]
         ]),
@@ -9904,7 +9915,7 @@ function tp(e, t, n, s, i, l) {
   return a(), r(_, null, [
     $(o("fieldset", Rm, [
       o("legend", {
-        class: x({ hidden: !n.legendLoginForm.show, "align-left": n.legendLoginForm.align === "left" })
+        class: C({ hidden: !n.legendLoginForm.show, "align-left": n.legendLoginForm.align === "left" })
       }, y(n.legendLoginForm.text), 3),
       n.cmdHeadlineLoginForm ? (a(), k(d, j(I({ key: 0 }, n.cmdHeadlineLoginForm)), null, 16)) : m("", !0),
       n.enableLoginWithGoogle ? (a(), r("button", {
@@ -9939,7 +9950,7 @@ function tp(e, t, n, s, i, l) {
         l.buttonLoginWithYourDataDefaultOptions.text ? (a(), r("span", Wm, y(l.buttonLoginWithYourDataDefaultOptions.text), 1)) : m("", !0)
       ], 16)),
       $(o("div", {
-        class: x(["login-fields flex-container", { vertical: n.orientation === "vertical" }])
+        class: C(["login-fields flex-container", { vertical: n.orientation === "vertical" }])
       }, [
         p(c, I({
           element: "input",
@@ -10011,7 +10022,7 @@ function tp(e, t, n, s, i, l) {
     ]),
     $(o("fieldset", Qm, [
       o("legend", {
-        class: x({ hidden: !n.legendForgotLoginForm.show, "align-left": n.legendForgotLoginForm.align === "left" })
+        class: C({ hidden: !n.legendForgotLoginForm.show, "align-left": n.legendForgotLoginForm.align === "left" })
       }, y(n.legendForgotLoginForm.text), 3),
       n.cmdHeadlineSendLoginForm ? (a(), k(d, j(I({ key: 0 }, n.cmdHeadlineSendLoginForm)), null, 16)) : m("", !0),
       p(c, I({
@@ -10197,7 +10208,7 @@ const np = /* @__PURE__ */ F(qm, [["render", tp]]), ip = {
 function gp(e, t, n, s, i, l) {
   const d = G, u = _e("router-link");
   return a(), r("div", {
-    class: x([
+    class: C([
       "cmd-main-navigation main-navigation-wrapper",
       {
         "hide-sub-navigation": !i.showSubNavigations,
@@ -10210,7 +10221,7 @@ function gp(e, t, n, s, i, l) {
   }, [
     o("nav", null, [
       o("ul", {
-        class: x({ "stretch-items": n.stretchMainItems })
+        class: C({ "stretch-items": n.stretchMainItems })
       }, [
         i.showOffcanvas ? (a(), r("li", lp, [
           o("a", {
@@ -10225,7 +10236,7 @@ function gp(e, t, n, s, i, l) {
               type: n.closeOffcanvas.iconType
             }, null, 8, ["iconClass", "type"])) : m("", !0),
             o("span", {
-              class: x({ hidden: !n.closeOffcanvas.showText })
+              class: C({ hidden: !n.closeOffcanvas.showText })
             }, y(n.closeOffcanvas.text), 3)
           ])
         ])) : m("", !0),
@@ -10233,7 +10244,7 @@ function gp(e, t, n, s, i, l) {
           var f, h, v;
           return a(), r("li", {
             key: g,
-            class: x({ active: c.active, open: i.openEntry === g, "has-subentries": (f = c == null ? void 0 : c.subentries) == null ? void 0 : f.length })
+            class: C({ active: c.active, open: i.openEntry === g, "has-subentries": (f = c == null ? void 0 : c.subentries) == null ? void 0 : f.length })
           }, [
             c.type === "href" ? (a(), r("a", {
               key: 0,
@@ -10252,7 +10263,7 @@ function gp(e, t, n, s, i, l) {
               c.text ? (a(), r("span", ap, y(c.text), 1)) : m("", !0),
               (h = c == null ? void 0 : c.subentries) != null && h.length ? (a(), r("span", {
                 key: 2,
-                class: x(["subentry-icon", n.subentriesIconClass])
+                class: C(["subentry-icon", n.subentriesIconClass])
               }, null, 2)) : m("", !0)
             ], 40, op)) : m("", !0),
             c.type === "router" ? (a(), k(u, {
@@ -10270,7 +10281,7 @@ function gp(e, t, n, s, i, l) {
                 c.text ? (a(), r("span", sp, y(c.text), 1)) : m("", !0),
                 c.subentries && c.subentries.length > 0 ? (a(), r("span", {
                   key: 2,
-                  class: x(["subentry-icon", n.subentriesIconClass])
+                  class: C(["subentry-icon", n.subentriesIconClass])
                 }, null, 2)) : m("", !0)
               ]),
               _: 2
@@ -10283,7 +10294,7 @@ function gp(e, t, n, s, i, l) {
                 var T, M;
                 return a(), r("li", {
                   key: O,
-                  class: x({ open: i.openSubentry === O, "has-subentries": (T = b == null ? void 0 : b.subentries) == null ? void 0 : T.length })
+                  class: C({ open: i.openSubentry === O, "has-subentries": (T = b == null ? void 0 : b.subentries) == null ? void 0 : T.length })
                 }, [
                   b.type === "href" ? (a(), r("a", {
                     key: 0,
@@ -10302,7 +10313,7 @@ function gp(e, t, n, s, i, l) {
                     b.text ? (a(), r("span", up, y(b.text), 1)) : m("", !0),
                     b.subentries && b.subentries.length > 0 ? (a(), r("span", {
                       key: 2,
-                      class: x(["subentry-icon", n.subentriesIconClass])
+                      class: C(["subentry-icon", n.subentriesIconClass])
                     }, null, 2)) : m("", !0)
                   ], 40, dp)) : m("", !0),
                   b.type === "router" ? (a(), k(u, {
@@ -10320,7 +10331,7 @@ function gp(e, t, n, s, i, l) {
                       b.text ? (a(), r("span", cp, y(b.text), 1)) : m("", !0),
                       b.subentries && b.subentries.length > 0 ? (a(), r("span", {
                         key: 2,
-                        class: x(["subentry-icon", n.subentriesIconClass])
+                        class: C(["subentry-icon", n.subentriesIconClass])
                       }, null, 2)) : m("", !0)
                     ]),
                     _: 2
@@ -10345,7 +10356,7 @@ function gp(e, t, n, s, i, l) {
                         B.text ? (a(), r("span", fp, y(B.text), 1)) : m("", !0),
                         B.subentries && B.subentries.length > 0 ? (a(), r("span", {
                           key: 2,
-                          class: x(["subentry-icon", n.subentriesIconClass])
+                          class: C(["subentry-icon", n.subentriesIconClass])
                         }, null, 2)) : m("", !0)
                       ], 8, pp)) : m("", !0),
                       B.type === "router" ? (a(), k(u, {
@@ -10363,7 +10374,7 @@ function gp(e, t, n, s, i, l) {
                           B.text ? (a(), r("span", hp, y(B.text), 1)) : m("", !0),
                           B.subentries && B.subentries.length > 0 ? (a(), r("span", {
                             key: 2,
-                            class: x(["subentry-icon", n.subentriesIconClass])
+                            class: C(["subentry-icon", n.subentriesIconClass])
                           }, null, 2)) : m("", !0)
                         ]),
                         _: 2
@@ -10389,7 +10400,7 @@ function gp(e, t, n, s, i, l) {
         type: n.buttonOffcanvas.iconType
       }, null, 8, ["iconClass", "type"]),
       o("span", {
-        class: x({ hidden: !n.buttonOffcanvas.showText })
+        class: C({ hidden: !n.buttonOffcanvas.showText })
       }, y(n.buttonOffcanvas.text), 3)
     ])) : m("", !0)
   ], 2);
@@ -10463,19 +10474,20 @@ const Ji = /* @__PURE__ */ F(ip, [["render", gp]]), yp = {
 function Cp(e, t, n, s, i, l) {
   const d = G, u = Re;
   return a(), r("ol", {
-    class: x(["cmd-multistep-form-progress-bar", { "use-gap": n.useGap, "full-width": n.fullWidth }])
+    class: C(["cmd-multistep-form-progress-bar", { "use-gap": n.useGap, "full-width": n.fullWidth }])
   }, [
     (a(!0), r(_, null, q(n.multisteps, (c, g) => (a(), r("li", {
       key: g,
-      class: x({ active: i.activeLink === g })
+      class: C({ active: i.activeLink === g })
     }, [
       p(u, {
         linkType: c.linkType,
-        class: x(["stretch-on-small-devices", l.activeLinkClass(c.linkTyp, g)]),
+        class: C(["stretch-on-small-devices", l.activeLinkClass(c.linkTyp, g)]),
         styleAsButton: n.usePrimaryButtons,
         primaryButton: n.usePrimaryButtons,
         path: c.path,
         title: c.tooltip,
+        disabled: c.disabled,
         onClick: (f) => l.clickedStep(f, g)
       }, {
         default: w(() => [
@@ -10488,10 +10500,10 @@ function Cp(e, t, n, s, i, l) {
           c.text ? (a(), r("span", xp, y(c.text), 1)) : m("", !0)
         ]),
         _: 2
-      }, 1032, ["linkType", "class", "styleAsButton", "primaryButton", "path", "title", "onClick"]),
+      }, 1032, ["linkType", "class", "styleAsButton", "primaryButton", "path", "title", "disabled", "onClick"]),
       g + 1 !== n.multisteps.length && n.useGap ? (a(), r("span", {
         key: 0,
-        class: x(["separator", n.separatorIconClass])
+        class: C(["separator", n.separatorIconClass])
       }, null, 2)) : m("", !0)
     ], 2))), 128))
   ], 2);
@@ -10650,7 +10662,7 @@ function Sp(e, t, n, s, i, l) {
   const d = Yi, u = te;
   return a(), r("fieldset", wp, [
     o("legend", {
-      class: x({ hidden: !n.legend.show, "align-left": n.legend.align === "left" })
+      class: C({ hidden: !n.legend.show, "align-left": n.legend.align === "left" })
     }, y(n.legend.text), 3),
     p(d, {
       inputTypes: "radio",
@@ -10853,7 +10865,7 @@ function Hp(e, t, n, s, i, l) {
           href: "#",
           onClick: t[4] || (t[4] = S((u) => l.toggleClosedStatus("am"), ["prevent"])),
           title: i.editableDay.amClosed ? "Set to open" : "Set to closed",
-          class: x(i.editableDay.amClosed ? "icon-clock" : "icon-blocked")
+          class: C(i.editableDay.amClosed ? "icon-clock" : "icon-blocked")
         }, null, 10, Vp)
       ]),
       o("div", Ap, [
@@ -10895,7 +10907,7 @@ function Hp(e, t, n, s, i, l) {
           href: "#",
           onClick: t[8] || (t[8] = S((u) => l.toggleClosedStatus("pm"), ["prevent"])),
           title: i.editableDay.pmClosed ? "Set to open" : "Set to closed",
-          class: x(i.editableDay.pmClosed ? "icon-clock" : "icon-blocked")
+          class: C(i.editableDay.pmClosed ? "icon-clock" : "icon-blocked")
         }, null, 10, Ep)
       ])
     ])
@@ -11204,7 +11216,7 @@ function Qp(e, t, n, s, i, l) {
         _: 1
       }, 16, ["linkType", "class"])) : (a(), r("span", {
         key: 1,
-        class: x({ closed: l.isClosed })
+        class: C({ closed: l.isClosed })
       }, y(l.textOpenClosed), 3))
     ], 64)) : e.editing ? (a(), r("div", zp, [
       p(c, {
@@ -11413,7 +11425,7 @@ function uf(e, t, n, s, i, l) {
   return a(), r("div", tf, [
     o("a", {
       href: l.getPreviousHref,
-      class: x(["page-change", { disabled: i.currentPage === 1, button: n.linkType === "button" }]),
+      class: C(["page-change", { disabled: i.currentPage === 1, button: n.linkType === "button" }]),
       onClick: t[0] || (t[0] = S((...u) => l.previousPage && l.previousPage(...u), ["prevent"])),
       title: n.prevLink.showText ? null : n.prevLink.text
     }, [
@@ -11427,7 +11439,7 @@ function uf(e, t, n, s, i, l) {
       o("div", af, [
         (a(!0), r(_, null, q(n.pages, (u, c) => (a(), r("a", {
           href: l.getHref(u),
-          class: x({ disabled: i.currentPage === c + 1, button: n.linkType === "button", hidden: !n.showPageNumbers }),
+          class: C({ disabled: i.currentPage === c + 1, button: n.linkType === "button", hidden: !n.showPageNumbers }),
           title: i.currentPage !== c + 1 ? e.getMessage("pagination.tooltip.go_to_page", c + 1) : e.getMessage("pagination.tooltip.not_possible"),
           key: c,
           onClick: S((g) => l.showPage(u), ["stop", "prevent"]),
@@ -11439,7 +11451,7 @@ function uf(e, t, n, s, i, l) {
     ]),
     o("a", {
       href: l.getNextHref,
-      class: x(["page-change", { disabled: i.currentPage === l.numberOfPages, button: n.linkType === "button" }]),
+      class: C(["page-change", { disabled: i.currentPage === l.numberOfPages, button: n.linkType === "button" }]),
       onClick: t[1] || (t[1] = S((...u) => l.nextPage && l.nextPage(...u), ["prevent"])),
       title: n.nextLink.showText ? null : n.nextLink.text
     }, [
@@ -11556,7 +11568,7 @@ function gf(e, t, n, s, i, l) {
   return a(), r("li", pf, [
     (a(), r("a", {
       key: n.network.path,
-      class: x(["button", n.network.buttonClass, { disabled: n.userMustAcceptDataPrivacy && !n.dataPrivacyAccepted }, "text-align-" + n.buttonTextAlign]),
+      class: C(["button", n.network.buttonClass, { disabled: n.userMustAcceptDataPrivacy && !n.dataPrivacyAccepted }, "text-align-" + n.buttonTextAlign]),
       href: l.getUrl(n.network),
       onClick: t[0] || (t[0] = (...u) => l.preventOnDisabled && l.preventOnDisabled(...u)),
       target: "_blank",
@@ -11736,7 +11748,7 @@ function xf(e, t, n, s, i, l) {
   var f, h;
   const d = Y, u = te, c = yf, g = qe;
   return a(), r("div", {
-    class: x(["cmd-social-networks", { stretch: n.stretchButtons }, l.alignment])
+    class: C(["cmd-social-networks", { stretch: n.stretchButtons }, l.alignment])
   }, [
     (f = n.cmdHeadline) != null && f.headlineText || (h = e.editModeContext) != null && h.editing ? (a(), k(d, j(I({ key: 0 }, n.cmdHeadline || {})), null, 16)) : m("", !0),
     n.userMustAcceptDataPrivacy ? (a(), k(u, I({
@@ -11749,7 +11761,7 @@ function xf(e, t, n, s, i, l) {
     }), null, 16, ["modelValue"])) : m("", !0),
     l.validNetworks.length > 0 ? (a(), r("ul", {
       key: 2,
-      class: x(["button-wrapper", { "no-gap": !n.useGap }])
+      class: C(["button-wrapper", { "no-gap": !n.useGap }])
     }, [
       e.editModeContext ? (a(!0), r(_, { key: 1 }, q(l.validNetworks, (v, b) => (a(), k(g, {
         key: "x" + b,
@@ -11882,7 +11894,7 @@ function Tf(e, t, n, s, i, l) {
   var u, c, g, f;
   const d = Zi;
   return a(), r("footer", {
-    class: x(["cmd-page-footer flex-container", { "small-buttons": n.useSmallButtons }])
+    class: C(["cmd-page-footer flex-container", { "small-buttons": n.useSmallButtons }])
   }, [
     n.cmdSocialNetworks ? (a(), k(d, j(I({ key: 0 }, n.cmdSocialNetworks)), {
       default: w(() => [
@@ -11894,14 +11906,14 @@ function Tf(e, t, n, s, i, l) {
       P(e.$slots, "default"),
       (u = l.buttonPrintViewOptions) != null && u.show ? (a(), r("button", {
         key: 0,
-        class: x(["button", { primary: l.buttonPrintViewOptions.primary }]),
+        class: C(["button", { primary: l.buttonPrintViewOptions.primary }]),
         id: "print-view-button",
         title: l.buttonPrintViewOptions.text ? (c = l.buttonPrintViewOptions.icon) == null ? void 0 : c.tooltip : null,
         onClick: t[0] || (t[0] = (...h) => l.showFancyBox && l.showFancyBox(...h))
       }, [
         (g = l.buttonPrintViewOptions.icon) != null && g.show ? (a(), r("span", {
           key: 0,
-          class: x((f = l.buttonPrintViewOptions.icon) == null ? void 0 : f.iconClass)
+          class: C((f = l.buttonPrintViewOptions.icon) == null ? void 0 : f.iconClass)
         }, null, 2)) : m("", !0),
         l.buttonPrintViewOptions.text ? (a(), r("span", wf, y(l.buttonPrintViewOptions.text), 1)) : m("", !0)
       ], 10, kf)) : m("", !0)
@@ -11992,7 +12004,7 @@ function Pf(e, t, n, s, i, l) {
     for: n.id
   }, [
     o("span", {
-      class: x(["label-text", { hidden: !n.showLabel }])
+      class: C(["label-text", { hidden: !n.showLabel }])
     }, y(n.labelText), 3),
     o("span", Ff, [
       n.showLoadingStatus ? (a(), r("span", Vf, y(i.loadingStatus) + " %", 1)) : m("", !0),
@@ -12059,7 +12071,7 @@ function Rf(e, t, n, s, i, l) {
   var u;
   const d = Y;
   return a(), r("section", {
-    class: x(["cmd-section flex-container", { box: n.styleAsBox, vertical: n.orientation === "vertical" }])
+    class: C(["cmd-section flex-container", { box: n.styleAsBox, vertical: n.orientation === "vertical" }])
   }, [
     (u = n.cmdHeadline) != null && u.headlineText ? (a(), k(d, j(I({ key: 0 }, l.cmdHeadlineProperties)), null, 16)) : m("", !0),
     n.content && !n.useSlot ? (a(), r("div", {
@@ -12146,7 +12158,7 @@ function Kf(e, t, n, s, i, l) {
   var u;
   const d = Y;
   return a(), r("aside", {
-    class: x(["cmd-sidebar", l.wrapperClass, { box: n.styledAsBox, "collapse-to-right": !n.collapseToLeft }])
+    class: C(["cmd-sidebar", l.wrapperClass, { box: n.styledAsBox, "collapse-to-right": !n.collapseToLeft }])
   }, [
     o("div", Uf, [
       (u = n.cmdHeadline) != null && u.headlineText && i.open ? (a(), k(d, I({ key: 0 }, n.cmdHeadline, {
@@ -12166,7 +12178,7 @@ function Kf(e, t, n, s, i, l) {
       onClick: t[0] || (t[0] = S((...c) => l.toggleSidebar && l.toggleSidebar(...c), ["prevent"]))
     }, [
       o("span", {
-        class: x(l.iconClassOpenCollapse)
+        class: C(l.iconClassOpenCollapse)
       }, null, 2)
     ], 8, Gf)) : m("", !0)
   ], 2);
@@ -12191,7 +12203,7 @@ const Yf = /* @__PURE__ */ F(Nf, [["render", Kf]]), Jf = {
 function Qf(e, t, n, s, i, l) {
   return a(), r("div", Zf, [
     o("footer", {
-      class: x(["flex-container", { vertical: n.orientation === "vertical" }])
+      class: C(["flex-container", { vertical: n.orientation === "vertical" }])
     }, [
       P(e.$slots, "default")
     ], 2)
@@ -12303,7 +12315,7 @@ function th(e, t, n, s, i, l) {
   const d = Ni, u = Ji;
   return a(), r("div", {
     ref: "site-header",
-    class: x([
+    class: C([
       "cmd-site-header site-header",
       {
         sticky: n.sticky,
@@ -12317,7 +12329,7 @@ function th(e, t, n, s, i, l) {
       P(e.$slots, "topheader")
     ])) : m("", !0),
     o("header", {
-      class: x([
+      class: C([
         n.useGrid ? "grid-container-create-columns" : "flex-container",
         { "has-navigation": ((f = (g = n.cmdMainNavigation) == null ? void 0 : g.navigationEntries) == null ? void 0 : f.length) && n.navigationInline || e.$slots.navigation }
       ])
@@ -12625,7 +12637,7 @@ function ch(e, t, n, s, i, l) {
   return a(), r(_, null, [
     o("fieldset", oh, [
       o("legend", {
-        class: x({ hidden: !n.legend.show, "align-left": n.legend.align === "left" })
+        class: C({ hidden: !n.legend.show, "align-left": n.legend.align === "left" })
       }, y(n.legend.text), 3),
       n.cmdHeadline ? (a(), k(d, j(I({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
       o("div", ah, [
@@ -12900,7 +12912,7 @@ const mh = /* @__PURE__ */ F(lh, [["render", ch]]), ph = {
 function bh(e, t, n, s, i, l) {
   const d = Lt, u = ve;
   return a(), r("div", {
-    class: x(["cmd-slideshow", { "full-width": i.fullWidth }])
+    class: C(["cmd-slideshow", { "full-width": i.fullWidth }])
   }, [
     o("div", {
       class: "inner-slideshow-wrapper",
@@ -12969,11 +12981,11 @@ function bh(e, t, n, s, i, l) {
       n.showQuickLinkIcons ? (a(), r("ol", hh, [
         (a(!0), r(_, null, q(n.slideshowItems, (c, g) => (a(), r("li", {
           key: g,
-          class: x({ active: g === i.index })
+          class: C({ active: g === i.index })
         }, [
           o("a", {
             href: "#",
-            class: x({ disabled: i.slideshowItemEditing }),
+            class: C({ disabled: i.slideshowItemEditing }),
             onClick: S((f) => l.showItem(g), ["prevent"]),
             "aria-label": i.index,
             title: i.slideshowItemEditing ? "Not allowed while editing!" : "Switch to image #" + (g + 1)
@@ -13079,7 +13091,7 @@ const xh = /* @__PURE__ */ F(ph, [["render", bh]]), Ch = {
 function kh(e, t, n, s, i, l) {
   const d = te, u = Re;
   return a(), r("div", {
-    class: x(["cmd-smart-search", { open: i.showListOfRecommendations, "open-list-to-top": n.openListToTop }])
+    class: C(["cmd-smart-search", { open: i.showListOfRecommendations, "open-list-to-top": n.openListToTop }])
   }, [
     p(d, I({
       element: "input",
@@ -13159,7 +13171,7 @@ function Ih(e, t, n, s, i, l) {
         u.link.type === "href" ? (a(), r("a", {
           key: 0,
           href: u.link.path,
-          class: x(["flag", u.iso2, { active: l.activeLanguage(u.iso2) }]),
+          class: C(["flag", u.iso2, { active: l.activeLanguage(u.iso2) }]),
           title: u.tooltip,
           onClick: S((g) => l.changeLanguage(u.iso2, g), ["prevent"])
         }, [
@@ -13170,7 +13182,7 @@ function Ih(e, t, n, s, i, l) {
         ], 10, _h)) : (a(), k(d, {
           key: 1,
           to: l.getRoute(u),
-          class: x(["flag", u.iso2]),
+          class: C(["flag", u.iso2]),
           title: u.tooltip,
           onClick: S((g) => l.changeLanguage(u.iso2, g), ["prevent"])
         }, {
@@ -13347,7 +13359,7 @@ const Bh = /* @__PURE__ */ F(Th, [["render", Ih]]), Dh = {
 function Rh(e, t, n, s, i, l) {
   const d = G, u = Lt;
   return a(), r("div", {
-    class: x(["cmd-table-wrapper", { collapsed: !i.showTableData, "full-width": i.fullWidth, "has-caption": l.hasCaption, "has-overflow": i.hasOverflow }])
+    class: C(["cmd-table-wrapper", { collapsed: !i.showTableData, "full-width": i.fullWidth, "has-caption": l.hasCaption, "has-overflow": i.hasOverflow }])
   }, [
     n.collapsible || n.userCanToggleWidth ? (a(), r("div", Mh, [
       n.userCanToggleWidth ? (a(), r("a", {
@@ -13387,14 +13399,14 @@ function Rh(e, t, n, s, i, l) {
       }, null, 8, ["onClick"])) : m("", !0),
       o("table", {
         ref: "table",
-        class: x({ "full-width": i.fullWidth })
+        class: C({ "full-width": i.fullWidth })
       }, [
         P(e.$slots, "table-caption", {}, () => {
           var c, g, f, h;
           return [
             (c = n.tableData.caption) != null && c.text || (g = n.caption) != null && g.text ? (a(), r("caption", {
               key: 0,
-              class: x({ hidden: l.hideCaption })
+              class: C({ hidden: l.hideCaption })
             }, y(((f = n.caption) == null ? void 0 : f.text) || ((h = n.tableData.caption) == null ? void 0 : h.text)), 3)) : m("", !0)
           ];
         }),
@@ -13415,11 +13427,11 @@ function Rh(e, t, n, s, i, l) {
             P(e.$slots, "table-body", {}, () => [
               $(o("tbody", Ph, [
                 (a(!0), r(_, null, q(n.tableData.tbody, (c, g) => (a(), r("tr", {
-                  class: x({ active: n.tableData.rowIndexHighlighted === g }),
+                  class: C({ active: n.tableData.rowIndexHighlighted === g }),
                   key: g
                 }, [
                   (a(!0), r(_, null, q(c, (f, h) => (a(), r("td", {
-                    class: x({ active: n.tableData.columnIndexHighlighted === h }),
+                    class: C({ active: n.tableData.columnIndexHighlighted === h }),
                     key: h,
                     innerHTML: f
                   }, null, 10, Eh))), 128))
@@ -13439,7 +13451,7 @@ function Rh(e, t, n, s, i, l) {
               n.tableData.tfoot && n.tableData.tfoot.length && i.showTableData ? (a(), r("tfoot", Hh, [
                 o("tr", null, [
                   (a(!0), r(_, null, q(n.tableData.tfoot, (c, g) => (a(), r("td", {
-                    class: x({ active: n.tableData.columnIndexHighlighted === g }),
+                    class: C({ active: n.tableData.columnIndexHighlighted === g }),
                     key: g,
                     innerHTML: c
                   }, null, 10, qh))), 128))
@@ -13548,11 +13560,11 @@ function $h(e, t, n, s, i, l) {
   const d = G, u = Y;
   return a(), r("div", Yh, [
     o("ul", {
-      class: x({ "stretch-tabs": n.stretchTabs }),
+      class: C({ "stretch-tabs": n.stretchTabs }),
       role: "tablist"
     }, [
       (a(!0), r(_, null, q(n.tabs, (c, g) => (a(), r("li", {
-        class: x({ active: i.showTab === g }),
+        class: C({ active: i.showTab === g }),
         key: g,
         role: "tab"
       }, [
@@ -13573,7 +13585,7 @@ function $h(e, t, n, s, i, l) {
     n.useSlot ? (a(!0), r(_, { key: 0 }, q(n.tabs.length, (c) => $((a(), r("div", {
       key: c,
       "aria-live": "assertive",
-      class: x(["tab-content-" + (c - 1), { "no-padding": !n.useDefaultPadding }])
+      class: C(["tab-content-" + (c - 1), { "no-padding": !n.useDefaultPadding }])
     }, [
       P(e.$slots, "tab-content-" + (c - 1))
     ], 2)), [
@@ -13585,7 +13597,7 @@ function $h(e, t, n, s, i, l) {
       }), null, 16, ["headlineText", "headlineLevel"])) : m("", !0),
       o("div", {
         innerHTML: n.tabs[i.showTab].htmlContent,
-        class: x({ "no-padding": !n.useDefaultPadding })
+        class: C({ "no-padding": !n.useDefaultPadding })
       }, null, 10, Xh)
     ]))
   ]);
@@ -13712,7 +13724,7 @@ function ig(e, t, n, s, i, l) {
   var g, f, h, v;
   const d = Y, u = ve, c = qe;
   return a(), r("div", {
-    class: x(["cmd-text-image-block flex-container", n.orientation])
+    class: C(["cmd-text-image-block flex-container", n.orientation])
   }, [
     ((g = n.cmdHeadline) != null && g.headlineText || e.editModeContext) && n.headlinePosition === "aboveImage" && n.orientation === "vertical" ? (a(), k(d, j(I({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
     n.cmdImage ? (a(), k(u, {
@@ -13723,7 +13735,7 @@ function ig(e, t, n, s, i, l) {
     }, null, 8, ["image", "figcaption"])) : m("", !0),
     e.editModeContext ? m("", !0) : (a(), r("div", {
       key: 2,
-      class: x(["flex-container vertical", l.setInnerClass])
+      class: C(["flex-container vertical", l.setInnerClass])
     }, [
       ((v = n.cmdHeadline) != null && v.headlineText || e.editModeContext) && (n.headlinePosition === "belowImage" || n.orientation === "horizontal") ? (a(), k(d, j(I({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
       n.htmlContent ? (a(), r("div", {
@@ -13745,7 +13757,7 @@ function ig(e, t, n, s, i, l) {
       default: w((b) => [
         b.editing ? $((a(), r("textarea", {
           key: 0,
-          class: x(["edit-mode", l.textAlign]),
+          class: C(["edit-mode", l.textAlign]),
           "onUpdate:modelValue": t[0] || (t[0] = (O) => i.editableHtmlContent = O),
           placeholder: "Paragraph"
         }, null, 2)), [
@@ -13753,7 +13765,7 @@ function ig(e, t, n, s, i, l) {
         ]) : n.htmlContent ? (a(), r("div", {
           key: 1,
           innerHTML: n.htmlContent,
-          class: x(l.textAlign)
+          class: C(l.textAlign)
         }, null, 10, ng)) : (a(), r("button", {
           key: 2,
           type: "button",
@@ -13925,7 +13937,7 @@ const lg = /* @__PURE__ */ F(eg, [["render", ig]]), og = {
 function sg(e, t, n, s, i, l) {
   const d = G, u = te;
   return a(), r("div", {
-    class: x(["cmd-toggle-dark-mode", { "styled-layout": n.useStyledLayout, "dark-mode": i.darkMode }])
+    class: C(["cmd-toggle-dark-mode", { "styled-layout": n.useStyledLayout, "dark-mode": i.darkMode }])
   }, [
     e.editing ? (a(), r(_, { key: 1 }, [
       p(u, {
@@ -13948,7 +13960,7 @@ function sg(e, t, n, s, i, l) {
       n.styledAsButton ? (a(), r("a", {
         key: 0,
         href: "#",
-        class: x(["button", { "dark-mode": i.darkMode }]),
+        class: C(["button", { "dark-mode": i.darkMode }]),
         onClick: t[0] || (t[0] = S((...c) => l.toggleColorScheme && l.toggleColorScheme(...c), ["prevent"]))
       }, [
         n.showLabel ? (a(), r("span", ag, y(l.labelText), 1)) : m("", !0),
@@ -14037,22 +14049,22 @@ const { toString: ug } = Object.prototype, { getPrototypeOf: Tn } = Object, It =
   return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
 })(/* @__PURE__ */ Object.create(null)), ke = (e) => (e = e.toLowerCase(), (t) => It(t) === e), Bt = (e) => (t) => typeof t === e, { isArray: We } = Array, lt = Bt("undefined");
 function cg(e) {
-  return e !== null && !lt(e) && e.constructor !== null && !lt(e.constructor) && ge(e.constructor.isBuffer) && e.constructor.isBuffer(e);
+  return e !== null && !lt(e) && e.constructor !== null && !lt(e.constructor) && ye(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
 const $i = ke("ArrayBuffer");
 function mg(e) {
   let t;
   return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && $i(e.buffer), t;
 }
-const pg = Bt("string"), ge = Bt("function"), el = Bt("number"), Dt = (e) => e !== null && typeof e == "object", fg = (e) => e === !0 || e === !1, yt = (e) => {
+const pg = Bt("string"), ye = Bt("function"), el = Bt("number"), Dt = (e) => e !== null && typeof e == "object", fg = (e) => e === !0 || e === !1, yt = (e) => {
   if (It(e) !== "object")
     return !1;
   const t = Tn(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
-}, hg = ke("Date"), gg = ke("File"), yg = ke("Blob"), bg = ke("FileList"), xg = (e) => Dt(e) && ge(e.pipe), Cg = (e) => {
+}, hg = ke("Date"), gg = ke("File"), yg = ke("Blob"), bg = ke("FileList"), xg = (e) => Dt(e) && ye(e.pipe), Cg = (e) => {
   let t;
-  return e && (typeof FormData == "function" && e instanceof FormData || ge(e.append) && ((t = It(e)) === "formdata" || // detect form-data instance
-  t === "object" && ge(e.toString) && e.toString() === "[object FormData]"));
+  return e && (typeof FormData == "function" && e instanceof FormData || ye(e.append) && ((t = It(e)) === "formdata" || // detect form-data instance
+  t === "object" && ye(e.toString) && e.toString() === "[object FormData]"));
 }, vg = ke("URLSearchParams"), [kg, wg, Tg, Sg] = ["ReadableStream", "Request", "Response", "Headers"].map(ke), _g = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function ot(e, t, { allOwnKeys: n = !1 } = {}) {
   if (e === null || typeof e > "u")
@@ -14088,7 +14100,7 @@ function en() {
   return t;
 }
 const Og = (e, t, n, { allOwnKeys: s } = {}) => (ot(t, (i, l) => {
-  n && ge(i) ? e[l] = Xi(i, n) : e[l] = i;
+  n && ye(i) ? e[l] = Xi(i, n) : e[l] = i;
 }, { allOwnKeys: s }), e), Lg = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Ig = (e, t, n, s) => {
   e.prototype = Object.create(t.prototype, s), e.prototype.constructor = e, Object.defineProperty(e, "super", {
     value: t.prototype
@@ -14142,10 +14154,10 @@ const Og = (e, t, n, { allOwnKeys: s } = {}) => (ot(t, (i, l) => {
   }), Object.defineProperties(e, s);
 }, qg = (e) => {
   ll(e, (t, n) => {
-    if (ge(e) && ["arguments", "caller", "callee"].indexOf(n) !== -1)
+    if (ye(e) && ["arguments", "caller", "callee"].indexOf(n) !== -1)
       return !1;
     const s = e[n];
-    if (ge(s)) {
+    if (ye(s)) {
       if (t.enumerable = !1, "writable" in t) {
         t.writable = !1;
         return;
@@ -14175,7 +14187,7 @@ const Og = (e, t, n, { allOwnKeys: s } = {}) => (ot(t, (i, l) => {
   return n;
 };
 function zg(e) {
-  return !!(e && ge(e.append) && e[Symbol.toStringTag] === "FormData" && e[Symbol.iterator]);
+  return !!(e && ye(e.append) && e[Symbol.toStringTag] === "FormData" && e[Symbol.iterator]);
 }
 const Wg = (e) => {
   const t = new Array(10), n = (s, i) => {
@@ -14194,7 +14206,7 @@ const Wg = (e) => {
     return s;
   };
   return n(e, 0);
-}, Gg = ke("AsyncFunction"), Kg = (e) => e && (Dt(e) || ge(e)) && ge(e.then) && ge(e.catch), L = {
+}, Gg = ke("AsyncFunction"), Kg = (e) => e && (Dt(e) || ye(e)) && ye(e.then) && ye(e.catch), L = {
   isArray: We,
   isArrayBuffer: $i,
   isBuffer: cg,
@@ -14214,7 +14226,7 @@ const Wg = (e) => {
   isFile: gg,
   isBlob: yg,
   isRegExp: Hg,
-  isFunction: ge,
+  isFunction: ye,
   isStream: xg,
   isURLSearchParams: vg,
   isTypedArray: Fg,
@@ -16236,10 +16248,10 @@ function cb(e, t, n, s, i, l) {
   return a(), r(_, null, [
     n.advancedMode ? (a(), r("fieldset", {
       key: 0,
-      class: x(["cmd-upload-form flex-container vertical", { "upload-initiated": i.uploadInitiated }])
+      class: C(["cmd-upload-form flex-container vertical", { "upload-initiated": i.uploadInitiated }])
     }, [
       o("legend", {
-        class: x({ hidden: !n.legend.show, "align-left": n.legend.align === "left" })
+        class: C({ hidden: !n.legend.show, "align-left": n.legend.align === "left" })
       }, y(n.legend.text), 3),
       n.cmdHeadlineFieldset ? (a(), k(d, j(I({ key: 0 }, n.cmdHeadlineFieldset)), null, 16)) : m("", !0),
       l.systemMessageStatus && l.allSystemMessages.length ? (a(), k(u, {
@@ -16284,7 +16296,7 @@ function cb(e, t, n, s, i, l) {
                   ], 64))
                 ]),
                 o("small", {
-                  class: x([
+                  class: C([
                     "text-align-right",
                     { error: n.maxTotalUploadSize > 0 && l.totalSize > n.maxTotalUploadSize }
                   ])
@@ -16321,7 +16333,7 @@ function cb(e, t, n, s, i, l) {
                   p(c, I({ ref_for: !0 }, n.iconDelete), null, 16)
                 ], 8, Ky),
                 o("span", {
-                  class: x([
+                  class: C([
                     "text-align-right",
                     f.allowedType ? "allowed" : "not-allowed",
                     { error: f.error }
@@ -16372,20 +16384,20 @@ function cb(e, t, n, s, i, l) {
           o("dl", Xy, [
             n.maxTotalUploadSize > 0 ? (a(), r(_, { key: 0 }, [
               o("dt", {
-                class: x({ error: l.totalSize > n.maxTotalUploadSize })
+                class: C({ error: l.totalSize > n.maxTotalUploadSize })
               }, y(e.getMessage("upload_form.max_total_upload_size")), 3),
               o("dd", {
-                class: x(["text-align-right", { error: l.totalSize > n.maxTotalUploadSize }])
+                class: C(["text-align-right", { error: l.totalSize > n.maxTotalUploadSize }])
               }, y(l.formatSize(n.maxTotalUploadSize)), 3)
             ], 64)) : m("", !0),
             o("dt", {
-              class: x({ error: i.errors.fileSize })
+              class: C({ error: i.errors.fileSize })
             }, y(e.getMessage("upload_form.max_file_upload_size")), 3),
             o("dd", {
-              class: x(["text-align-right", { error: i.errors.fileSize }])
+              class: C(["text-align-right", { error: i.errors.fileSize }])
             }, y(l.formatSize(n.maxFileUploadSize)), 3),
             o("dt", {
-              class: x({ error: i.errors.fileType })
+              class: C({ error: i.errors.fileType })
             }, y(e.getMessage("upload_form.allowed_file_types")), 3),
             o("dd", null, [
               o("a", {
@@ -16405,7 +16417,7 @@ function cb(e, t, n, s, i, l) {
                   i.showListOfFileExtensions ? (a(), r("ul", eb, [
                     (a(!0), r(_, null, q(n.allowedFileExtensions, (f, h) => (a(), r("li", {
                       key: h,
-                      class: x({ error: i.errors.fileType })
+                      class: C({ error: i.errors.fileType })
                     }, y(f), 3))), 128))
                   ])) : m("", !0)
                 ]),
@@ -16417,7 +16429,7 @@ function cb(e, t, n, s, i, l) {
         o("div", tb, [
           o("button", {
             type: "button",
-            class: x(["button upload primary", { disabled: i.uploadInitiated }]),
+            class: C(["button upload primary", { disabled: i.uploadInitiated }]),
             disabled: i.uploadInitiated,
             onClick: t[3] || (t[3] = (f) => l.selectFiles())
           }, [
@@ -16429,7 +16441,7 @@ function cb(e, t, n, s, i, l) {
           ], 10, nb),
           n.enableDragAndDrop ? (a(), r("p", {
             key: 0,
-            class: x(["text-drag-and-drop", { disabled: i.uploadInitiated }])
+            class: C(["text-drag-and-drop", { disabled: i.uploadInitiated }])
           }, [
             o("span", null, y(e.getMessage("upload_form.or")), 1),
             o("strong", null, [
@@ -16458,7 +16470,7 @@ function cb(e, t, n, s, i, l) {
       }, null, 8, ["labelText", "modelValue", "required", "validationMessage", "placeholder", "status"])) : m("", !0),
       o("div", ob, [
         o("button", {
-          class: x([
+          class: C([
             "button primary",
             {
               disabled: i.listOfFiles.length === 0 || n.maxTotalUploadSize > 0 && l.totalSize > n.maxTotalUploadSize || i.uploadInitiated
@@ -16471,7 +16483,7 @@ function cb(e, t, n, s, i, l) {
           i.listOfFiles.length === 1 || !n.allowMultipleFileUploads ? (a(), r("span", sb, y(e.getMessage("upload_form.buttontext.upload_file")), 1)) : (a(), r("span", rb, y(e.getMessage("upload_form.buttontext.upload_files")), 1))
         ], 10, ab),
         o("button", {
-          class: x(["button", { disabled: i.listOfFiles.length === 0 }]),
+          class: C(["button", { disabled: i.listOfFiles.length === 0 }]),
           onClick: t[6] || (t[6] = (...f) => l.cancel && l.cancel(...f))
         }, [
           p(c, j(Ve(n.iconCancel)), null, 16),
@@ -16639,18 +16651,18 @@ const mb = /* @__PURE__ */ F(Py, [["render", cb]]), pb = {
 function gb(e, t, n, s, i, l) {
   const d = Y;
   return a(), r("div", {
-    class: x(["cmd-width-limitation-wrapper", { sticky: n.sticky }]),
+    class: C(["cmd-width-limitation-wrapper", { sticky: n.sticky }]),
     ref: "width-limitation-wrapper"
   }, [
     n.useInnerSection ? (a(), r("section", {
       key: 0,
-      class: x(l.setInnerClass),
+      class: C(l.setInnerClass),
       id: n.anchorId
     }, [
       n.cmdHeadline ? (a(), k(d, j(I({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
       l.oneSlotItem() ? P(e.$slots, "default", { key: 1 }) : (a(), r("div", {
         key: 2,
-        class: x(l.setInnerClass)
+        class: C(l.setInnerClass)
       }, [
         P(e.$slots, "default")
       ], 2))
@@ -17517,13 +17529,31 @@ const wl = /* @__PURE__ */ F(Eb, [["render", Hb]]), qb = {
     };
   }
 };
-function Bv(e = !1) {
+function Dv(e = !1) {
   return e ? (/* @__PURE__ */ new Date()).toISOString() : (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
 }
-function Dv() {
+function Mv() {
   const e = /* @__PURE__ */ new Date(), t = String(e.getHours()).padStart(2, "0"), n = String(e.getMinutes()).padStart(2, "0");
   return t + ":" + n;
 }
+function Fv(e, t = "+", n = 1) {
+  const s = new Date(e);
+  if (t === "+")
+    s.setDate(s.getDate() + n);
+  else if (t === "-")
+    s.setDate(s.getDate() - n);
+  else
+    throw new Error("function 'getDate()' received invalid operator as parameter. Use '+' to add or '-' to subtract days.");
+  return s;
+}
+function Vv(e, t = "short") {
+  const n = new Date(e), s = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], i = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+  if (t === "short")
+    return s[n.getDay()];
+  if (t === "long")
+    return i[n.getDay()];
+  throw new Error("Invalid format. Use 'short' or 'long'.");
+}
 function Tl(e, t = "dmy", n = ".") {
   const s = new Date(e);
   isNaN(s) && console.error("function 'formatDate()' received an invalid date as parameter. Provide date in format 'YYYY-MM-DD'");
@@ -17661,7 +17691,7 @@ function lx(e, t, n, s, i, l) {
     var f;
     return a(), r(_, { key: g }, [
       o("div", {
-        class: x(["cmd-mail-tool-entry flex-container box", { unread: !i.mailIsRead.has(c.id) }]),
+        class: C(["cmd-mail-tool-entry flex-container box", { unread: !i.mailIsRead.has(c.id) }]),
         title: e.getMessage("mail_tool_entry.tooltip.read_this_mail")
       }, [
         o("dl", Ub, [
@@ -17710,7 +17740,7 @@ function lx(e, t, n, s, i, l) {
               title: i.mailIsRead.has(c.id) ? "Set status to unread" : "Set status to read"
             }, [
               o("span", {
-                class: x(i.mailIsRead.has(c.id) ? "icon-visible" : "icon-not-visible")
+                class: C(i.mailIsRead.has(c.id) ? "icon-visible" : "icon-not-visible")
               }, null, 2)
             ], 8, tx),
             o("a", {
@@ -17719,7 +17749,7 @@ function lx(e, t, n, s, i, l) {
               title: i.expandMail.has(c.id) ? "Collapse mail content" : "Expand mail content"
             }, [
               o("span", {
-                class: x(i.expandMail.has(c.id) ? "icon-chevron-one-stripe-up" : "icon-chevron-one-stripe-down")
+                class: C(i.expandMail.has(c.id) ? "icon-chevron-one-stripe-up" : "icon-chevron-one-stripe-down")
               }, null, 2)
             ], 8, nx)
           ])
@@ -17904,7 +17934,7 @@ function hx(e, t, n, s, i, l) {
         n.linkSortAscending.text ? (a(), r("span", mx, y(n.linkSortAscending.text), 1)) : m("", !0),
         n.linkSortAscending.iconClass ? (a(), r("span", {
           key: 1,
-          class: x(n.linkSortAscending.iconClass)
+          class: C(n.linkSortAscending.iconClass)
         }, null, 2)) : m("", !0)
       ], 8, cx)) : (a(), r("a", {
         key: 1,
@@ -17915,7 +17945,7 @@ function hx(e, t, n, s, i, l) {
         n.linkSortDescending.text ? (a(), r("span", fx, y(n.linkSortDescending.text), 1)) : m("", !0),
         n.linkSortDescending.iconClass ? (a(), r("span", {
           key: 1,
-          class: x(n.linkSortDescending.iconClass)
+          class: C(n.linkSortDescending.iconClass)
         }, null, 2)) : m("", !0)
       ], 8, px))
     ])
@@ -19032,10 +19062,39 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
     path: "#",
     text: "Summary"
   }
-], nC = {
+], nC = [
+  {
+    linkType: "router",
+    path: "#",
+    text: "Contact",
+    tooltip: "This is a tooltip for step 1"
+  },
+  {
+    linkType: "router",
+    path: "#",
+    text: "Settings"
+  },
+  {
+    linkType: "router",
+    path: "#",
+    text: "Attachments"
+  },
+  {
+    linkType: "router",
+    path: "#",
+    text: "Terms and Conditions"
+  },
+  {
+    linkType: "router",
+    path: "#",
+    text: "Summary",
+    disabled: !0
+  }
+], iC = {
   withIcon: eC,
-  withoutIcon: tC
-}, iC = "right", lC = !1, oC = !1, aC = [
+  withoutIcon: tC,
+  router: nC
+}, lC = "right", oC = !1, aC = !1, sC = [
   {
     type: "href",
     text: "href 1",
@@ -19110,11 +19169,11 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
     target: "comand-website"
   }
 ], Sl = {
-  offcanvasPosition: iC,
-  stretchMainItems: lC,
-  persistOnMobile: oC,
-  navigationEntries: aC
-}, sC = [
+  offcanvasPosition: lC,
+  stretchMainItems: oC,
+  persistOnMobile: aC,
+  navigationEntries: sC
+}, rC = [
   {
     day: "Mondays",
     am: {
@@ -19194,7 +19253,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
       tillTime: "18:00"
     }
   }
-], rC = [
+], dC = [
   {
     text: "Please select",
     value: ""
@@ -19211,7 +19270,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
     text: "Optionname 3",
     value: "3"
   }
-], dC = [
+], uC = [
   {
     image: {
       src: {
@@ -19296,7 +19355,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
       target: null
     }
   }
-], uC = [
+], cC = [
   {
     id: 1,
     displayValue: "Option #1",
@@ -19318,16 +19377,16 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
       iconClass: "icon-globe"
     }
   }
-], cC = {
+], mC = {
   labelText: "Label for inputfield (search) with smart-search:"
-}, mC = {
-  listOfRecommendations: uC,
-  cmdFormElement: cC
 }, pC = {
+  listOfRecommendations: cC,
+  cmdFormElement: mC
+}, fC = {
   toggleSwitch: !0,
   labelText: "I accept that anonymous data will be send to the platform I share this page on and accept the <a href='/content/fancybox-content.html' class='fancybox'>Data Privacy</a>!",
   required: !0
-}, fC = [
+}, hC = [
   {
     buttonClass: "social-network-facebook",
     path: "https://www.facebook.com/sharer/sharer.php?u=",
@@ -19363,10 +19422,10 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
     iconClass: "icon-instagram",
     linkText: "Share"
   }
-], hC = {
-  cmdFormElement: pC,
-  networks: fC
-}, gC = [
+], gC = {
+  cmdFormElement: fC,
+  networks: hC
+}, yC = [
   {
     text: "Tab 1",
     headlineText: "Tab 1 Headline",
@@ -19388,10 +19447,10 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
     iconClass: "cmd:linkedin",
     htmlContent: "<p>Content for Tab  3</p>"
   }
-], yC = {
+], bC = {
   show: !0,
   text: "This is a caption for a small table"
-}, bC = [
+}, xC = [
   "Table head 1",
   "Table head 2",
   "Table head 3",
@@ -19399,7 +19458,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
   "Table head 5",
   "Table head 6",
   "Table head 7"
-], xC = [
+], CC = [
   [
     "Table data 1/1",
     "Table data 1/2",
@@ -19454,7 +19513,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
     "Table data 6/6",
     "Table data 6/7"
   ]
-], CC = [
+], vC = [
   "Table foot 1",
   "Table foot 2",
   "Table foot 3",
@@ -19462,15 +19521,15 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
   "Table foot 5",
   "Table foot 6",
   "Table foot 7"
-], vC = {
-  caption: yC,
-  thead: bC,
-  tbody: xC,
-  tfoot: CC
-}, kC = {
+], kC = {
+  caption: bC,
+  thead: xC,
+  tbody: CC,
+  tfoot: vC
+}, wC = {
   show: !1,
   text: "This is a caption for a large table"
-}, wC = 3, TC = 4, SC = [
+}, TC = 3, SC = 4, _C = [
   "Table head 1",
   "Table head 2",
   "Table head 3",
@@ -19486,7 +19545,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
   "Table head 13",
   "Table head 15",
   "Table head 14"
-], _C = [
+], OC = [
   [
     "Table data 1/1",
     "Table data 1/2",
@@ -19589,7 +19648,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
     "Table data 6/14",
     "Table data 6/15"
   ]
-], OC = [
+], LC = [
   "Table foot 1",
   "Table foot 2",
   "Table foot 3",
@@ -19605,14 +19664,14 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
   "Table foot 13",
   "Table foot 14",
   "Table foot 15"
-], LC = {
-  caption: kC,
-  rowIndexHighlighted: wC,
-  columnIndexHighlighted: TC,
-  thead: SC,
-  tbody: _C,
-  tfoot: OC
-}, IC = [
+], IC = {
+  caption: wC,
+  rowIndexHighlighted: TC,
+  columnIndexHighlighted: SC,
+  thead: _C,
+  tbody: OC,
+  tfoot: LC
+}, BC = [
   {
     image: {
       url: "#",
@@ -19726,7 +19785,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
       textAlign: "center"
     }
   }
-], BC = [
+], DC = [
   {
     id: 1,
     iconClass: "icon-home",
@@ -19768,7 +19827,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
     text: "Item 8 with URL",
     url: "http://www.comand-cms.com"
   }
-], DC = [
+], MC = [
   {
     text: "Afghanistan",
     value: "af"
@@ -20549,16 +20608,16 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
     text: "Zimbabwe",
     value: "zw"
   }
-], MC = "comand-component-library", FC = "4.2.40", VC = "GPL-3.0-only", AC = "CoManD-UI", PC = "module", EC = {
+], FC = "comand-component-library", VC = "4.2.42", AC = "GPL-3.0-only", PC = "CoManD-UI", EC = "module", HC = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
   "build-lib": "vite build && gulp",
   preview: "vite preview"
-}, HC = [
+}, qC = [
   "dist",
   "src"
-], qC = {
+], RC = {
   ".": "./dist/comand-component-library.js",
   "./css.js": "./src/css.js",
   "./style.css": "./dist/style.css",
@@ -20568,16 +20627,16 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
   "./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"
-}, RC = {
+}, jC = {
   "clickout-event": "^1.1.2",
-  "comand-frontend-framework": "^4.2.61",
+  "comand-frontend-framework": "^4.2.67",
   "comand-ui-iconfonts": "^1.0.19",
   "core-js": "^3.20.1",
   prismjs: "^1.27.0",
   vue: "^3.2.31",
   "vue-router": "^4.0.12",
   vuex: "^4.0.2"
-}, jC = {
+}, NC = {
   "@iconify/vue": "^4.0.0",
   "@vitejs/plugin-vue": "^5.1.1",
   "@vue/test-utils": "^2.0.0-0",
@@ -20587,19 +20646,19 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
   "unplugin-vue-components": "^0.24.0",
   vite: "^5.4.11",
   "vue-jest": "^5.0.0-0"
-}, NC = {
-  name: MC,
-  version: FC,
-  license: VC,
-  author: AC,
+}, UC = {
+  name: FC,
+  version: VC,
+  license: AC,
+  author: PC,
   private: !1,
-  type: PC,
-  scripts: EC,
-  files: HC,
-  exports: qC,
-  dependencies: RC,
-  devDependencies: jC
-}, UC = [
+  type: EC,
+  scripts: HC,
+  files: qC,
+  exports: RC,
+  dependencies: jC,
+  devDependencies: NC
+}, zC = [
   "AddressData",
   "AdvancedFormElements",
   "BankAccountData",
@@ -20646,7 +20705,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
   "Tooltip",
   "UploadForm",
   "WidthLimitationWrapper"
-], zC = {
+], WC = {
   data() {
     return {
       cmdAddressDataSettingsData: {
@@ -21524,9 +21583,9 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
       }
     };
   }
-}, fi = "/media/images/content-images/landscape-medium.jpg", WC = "/media/images/demo-images/small/landscape-01.jpg", GC = "/media/images/demo-images/small/landscape-02.jpg", KC = "/media/images/demo-images/small/landscape-03.jpg", YC = {
+}, fi = "/media/images/content-images/landscape-medium.jpg", GC = "/media/images/demo-images/small/landscape-01.jpg", KC = "/media/images/demo-images/small/landscape-02.jpg", YC = "/media/images/demo-images/small/landscape-03.jpg", JC = {
   name: "App",
-  mixins: [zC],
+  mixins: [WC],
   components: {
     PageOverview: wl
   },
@@ -21543,7 +21602,7 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
       selectedLanguage: "none",
       fancyBoxCookieDisclaimer: !1,
       componentNameForContainer: "CmdHeadline",
-      listOfComponents: UC,
+      listOfComponents: zC,
       activeEntry: "CmdAddressData",
       basicFormData: {},
       componentControls: {},
@@ -21688,21 +21747,21 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
       switchLanguage: Zx,
       listData: Gx,
       listOfTagsData: Kx,
-      multistepsData: nC,
+      multistepsData: iC,
       mailToolData: $x,
       navigationData: Sl,
-      openingHoursData: sC,
-      selectOptionsData: rC,
-      slideshowData: dC,
-      smartSearchData: mC,
-      socialNetworksData: hC,
-      tableDataSmall: vC,
-      tableDataLarge: LC,
-      tabsData: gC,
-      thumbnailScrollerImagesData: IC,
-      thumbnailScrollerTextData: BC,
-      allCountriesData: DC,
-      packageJson: NC
+      openingHoursData: rC,
+      selectOptionsData: dC,
+      slideshowData: uC,
+      smartSearchData: pC,
+      socialNetworksData: gC,
+      tableDataSmall: kC,
+      tableDataLarge: IC,
+      tabsData: yC,
+      thumbnailScrollerImagesData: BC,
+      thumbnailScrollerTextData: DC,
+      allCountriesData: MC,
+      packageJson: UC
     };
   },
   mounted() {
@@ -21907,125 +21966,125 @@ const xx = /* @__PURE__ */ F(yx, [["render", bx]]), Cx = [
       });
     }
   }
-}, JC = ["id"], ZC = { for: "select-template" }, QC = { class: "input-wrapper" }, XC = { for: "default-color-scheme" }, $C = { for: "light-mode" }, e1 = { for: "dark-mode" }, t1 = ["href", "onClick"], n1 = { class: "box-footer comand-versions" }, i1 = { class: "closed-sidebar" }, l1 = {
+}, ZC = ["id"], QC = { for: "select-template" }, XC = { class: "input-wrapper" }, $C = { for: "default-color-scheme" }, e1 = { for: "light-mode" }, t1 = { for: "dark-mode" }, n1 = ["href", "onClick"], i1 = { class: "box-footer comand-versions" }, l1 = { class: "closed-sidebar" }, o1 = {
   key: 1,
   id: "content"
-}, o1 = {
+}, a1 = {
   class: "headline-demopage",
   id: "section-address-data"
-}, a1 = { class: "flex-container" }, s1 = { class: "flex-container" }, r1 = { class: "list-status" }, d1 = { class: "error" }, u1 = { class: "flex-container" }, c1 = { class: "headline-demopage" }, m1 = { class: "flex-container" }, p1 = { class: "flex-container" }, f1 = { class: "flex-container" }, h1 = { class: "flex-container" }, g1 = { class: "flex-container" }, y1 = { class: "headline-demopage" }, b1 = { class: "flex-container" }, x1 = { class: "flex-container flex-none" }, C1 = {
+}, s1 = { class: "flex-container" }, r1 = { class: "flex-container" }, d1 = { class: "list-status" }, u1 = { class: "error" }, c1 = { class: "flex-container" }, m1 = { class: "headline-demopage" }, p1 = { class: "flex-container" }, f1 = { class: "flex-container" }, h1 = { class: "flex-container" }, g1 = { class: "flex-container" }, y1 = { class: "flex-container" }, b1 = { class: "headline-demopage" }, x1 = { class: "flex-container" }, C1 = { class: "flex-container flex-none" }, v1 = {
   class: "inline",
   for: "range-value"
-}, v1 = ["disabled"], k1 = { for: "range-slider" }, w1 = ["disabled"], T1 = { class: "label inline" }, S1 = { class: "flex-container flex-none" }, _1 = { class: "label inline" }, O1 = { class: "flex-container flex-none" }, L1 = { class: "label inline" }, I1 = { class: "flex-container flex-none" }, B1 = { class: "label inline" }, D1 = { class: "flex-container flex-none" }, M1 = {
+}, k1 = ["disabled"], w1 = { for: "range-slider" }, T1 = ["disabled"], S1 = { class: "label inline" }, _1 = { class: "flex-container flex-none" }, O1 = { class: "label inline" }, L1 = { class: "flex-container flex-none" }, I1 = { class: "label inline" }, B1 = { class: "flex-container flex-none" }, D1 = { class: "label inline" }, M1 = { class: "flex-container flex-none" }, F1 = {
   class: "headline-demopage",
   id: "section-input-group"
-}, F1 = { class: "flex-container" }, V1 = { class: "button-wrapper flex-none" }, A1 = ["disabled"], P1 = {
+}, V1 = { class: "flex-container" }, A1 = { class: "button-wrapper flex-none" }, P1 = ["disabled"], E1 = {
   class: "headline-demopage",
   id: "section-bank-account-data"
-}, E1 = {
+}, H1 = {
   class: "headline-demopage",
   id: "section-basic-form"
-}, H1 = { class: "headline-demopage" }, q1 = { class: "navigation" }, R1 = { class: "grid-container-create-columns" }, j1 = {
+}, q1 = { class: "headline-demopage" }, R1 = { class: "navigation" }, j1 = { class: "grid-container-create-columns" }, N1 = {
   class: "headline-demopage",
   id: "section-breadcrumbs"
-}, N1 = {
+}, U1 = {
   class: "headline-demopage",
   id: "section-company-logo"
-}, U1 = {
+}, z1 = {
   class: "headline-demopage",
   id: "section-container"
-}, z1 = {
+}, W1 = {
   class: "headline-demopage",
   id: "section-headlines"
-}, W1 = {
+}, G1 = {
   class: "headline-demopage",
   id: "section-image"
-}, G1 = { class: "flex-container" }, K1 = {
+}, K1 = { class: "flex-container" }, Y1 = {
   class: "headline-demopage",
   id: "section-image-gallery"
-}, Y1 = {
+}, J1 = {
   class: "headline-demopage",
   id: "section-link"
-}, J1 = { class: "output" }, Z1 = {
+}, Z1 = { class: "output" }, Q1 = {
   class: "headline-demopage",
   id: "section-list"
-}, Q1 = { class: "output" }, X1 = {
+}, X1 = { class: "output" }, $1 = {
   class: "headline-demopage",
   id: "section-login-form"
-}, $1 = {
+}, ev = {
   class: "headline-demopage",
   id: "section-main-navigation"
-}, ev = {
+}, tv = {
   class: "headline-demopage",
   id: "section-multistep-form-progress-bar"
-}, tv = {
+}, nv = {
   class: "headline-demopage",
   id: "section-newsletter-subscription"
-}, nv = {
+}, iv = {
   class: "headline-demopage",
   id: "section-opening-hours"
-}, iv = {
+}, lv = {
   class: "headline-demopage",
   id: "section-page-footer"
-}, lv = {
+}, ov = {
   class: "headline-demopage",
   id: "section-page-header"
-}, ov = {
+}, av = {
   class: "headline-demopage",
   id: "section-pagination"
-}, av = {
+}, sv = {
   class: "headline-demopage",
   id: "section-section"
-}, sv = {
+}, rv = {
   class: "headline-demopage",
   id: "section-site-header"
-}, rv = {
+}, dv = {
   class: "headline-demopage",
   id: "section-site-search"
-}, dv = {
+}, uv = {
   class: "headline-demopage",
   id: "section-slideshow"
-}, uv = {
+}, cv = {
   class: "headline-demopage",
   id: "section-social-networks"
-}, cv = {
+}, mv = {
   class: "headline-demopage",
   id: "section-system-message"
-}, mv = {
+}, pv = {
   class: "headline-demopage",
   id: "section-tables"
-}, pv = {
+}, fv = {
   class: "headline-demopage",
   id: "section-tabs"
-}, fv = {
+}, hv = {
   class: "headline-demopage",
   id: "section-text-image-block"
-}, hv = { class: "flex-container" }, gv = {
+}, gv = { class: "flex-container" }, yv = {
   class: "headline-demopage",
   id: "section-thumbnail-scroller"
-}, yv = { class: "inline-size" }, bv = {
+}, bv = { class: "inline-size" }, xv = {
   class: "headline-demopage",
   id: "section-toggle-dark-mode"
-}, xv = {
+}, Cv = {
   class: "headline-demopage",
   id: "section-tooltip"
-}, Cv = {
+}, vv = {
   class: "headline-demopage",
   id: "section-upload-form"
-}, vv = {
+}, kv = {
   class: "headline-demopage",
   id: "section-width-limitation-wrapper"
-}, kv = {
+}, wv = {
   key: 2,
   id: "content"
 };
-function wv(e, t, n, s, i, l) {
-  const d = kn, u = Ri, c = Yf, g = Cn, f = Ni, h = nh, v = vl, b = Ai, O = zi, T = te, M = wh, B = Ui, E = Ef, D = Yi, U = Pi, W = rr, V = hr, R = qi, J = ji, Z = ac, Q = lm, le = Ki, ne = Y, ie = G, se = ve, me = vm, pe = Om, X = Re, fe = np, he = xx, A = Ji, re = _e("router-view"), ye = vp, Te = _p, De = Xp, Me = Sf, de = Bf, st = cf, je = jf, Ke = Xf, rt = mh, dt = xh, ut = Zi, ct = Bh, K = Ue, In = jh, Ol = Qi, Vt = lg, Ll = Ei, Il = rg, At = Fi, Bl = mb, Dl = wl, Ml = Bc, Fl = _c, Vl = vd, Al = xb, Pl = Ul("fancybox");
+function Tv(e, t, n, s, i, l) {
+  const d = kn, u = Ri, c = Yf, g = Cn, f = Ni, h = nh, v = vl, b = Ai, O = zi, T = te, M = wh, B = Ui, E = Ef, D = Yi, U = Pi, W = rr, V = hr, R = qi, J = ji, Z = ac, Q = lm, le = Ki, ne = Y, ie = G, se = ve, me = vm, pe = Om, X = Re, fe = np, he = xx, A = Ji, re = _e("router-view"), ge = vp, Te = _p, De = Xp, Me = Sf, de = Bf, st = cf, je = jf, Ke = Xf, rt = mh, dt = xh, ut = Zi, ct = Bh, K = Ue, In = jh, Ol = Qi, Vt = lg, Ll = Ei, Il = rg, At = Fi, Bl = mb, Dl = wl, Ml = Bc, Fl = _c, Vl = vd, Al = xb, Pl = Ul("fancybox");
   return $((a(), r("div", {
     class: "page-wrapper",
     id: l.templateId
   }, [
-    t[300] || (t[300] = o("a", { id: "anchor-back-to-top" }, null, -1)),
+    t[302] || (t[302] = o("a", { id: "anchor-back-to-top" }, null, -1)),
     i.showLeftSidebar ? (a(), k(c, {
       key: 0,
       cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -22040,21 +22099,21 @@ function wv(e, t, n, s, i, l) {
           openBoxesByDefault: i.openBoxes,
           useGap: !1
         }, {
-          default: w((C) => [
+          default: w((x) => [
             p(d, {
               "use-slots": ["body"],
               collapsible: !0,
               cmdHeadline: { headlineText: "Template Settings", headlineLevel: 4, cmdIcon: { iconClass: "icon-settings-template" } },
-              openCollapsedBox: C.boxIsOpen(0),
-              onToggleCollapse: (z) => C.boxToggled(0, z)
+              openCollapsedBox: x.boxIsOpen(0),
+              onToggleCollapse: (z) => x.boxToggled(0, z)
             }, {
               body: w(() => [
-                o("label", ZC, [
-                  t[127] || (t[127] = o("span", null, "Select template", -1)),
+                o("label", QC, [
+                  t[128] || (t[128] = o("span", null, "Select template", -1)),
                   $(o("select", {
                     id: "select-template",
                     "onUpdate:modelValue": t[0] || (t[0] = (z) => i.selectedTemplate = z)
-                  }, t[126] || (t[126] = [
+                  }, t[127] || (t[127] = [
                     o("option", { value: "blank" }, "Blank/Unstyled", -1),
                     o("option", { value: "business" }, "Business", -1),
                     o("option", { value: "casual" }, "Casual", -1),
@@ -22065,9 +22124,9 @@ function wv(e, t, n, s, i, l) {
                   ])
                 ]),
                 o("div", null, [
-                  t[131] || (t[131] = o("span", null, "Color Scheme", -1)),
-                  o("div", QC, [
-                    o("label", XC, [
+                  t[132] || (t[132] = o("span", null, "Color Scheme", -1)),
+                  o("div", XC, [
+                    o("label", $C, [
                       $(o("input", {
                         type: "radio",
                         id: "default-color-scheme",
@@ -22077,9 +22136,9 @@ function wv(e, t, n, s, i, l) {
                       }, null, 512), [
                         [Pt, i.colorScheme]
                       ]),
-                      t[128] || (t[128] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
+                      t[129] || (t[129] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
                     ]),
-                    o("label", $C, [
+                    o("label", e1, [
                       $(o("input", {
                         type: "radio",
                         id: "light-mode",
@@ -22089,9 +22148,9 @@ function wv(e, t, n, s, i, l) {
                       }, null, 512), [
                         [Pt, i.colorScheme]
                       ]),
-                      t[129] || (t[129] = o("span", { class: "label-text" }, "Light Mode", -1))
+                      t[130] || (t[130] = o("span", { class: "label-text" }, "Light Mode", -1))
                     ]),
-                    o("label", e1, [
+                    o("label", t1, [
                       $(o("input", {
                         type: "radio",
                         id: "dark-mode",
@@ -22101,7 +22160,7 @@ function wv(e, t, n, s, i, l) {
                       }, null, 512), [
                         [Pt, i.colorScheme]
                       ]),
-                      t[130] || (t[130] = o("span", { class: "label-text" }, "Dark Mode", -1))
+                      t[131] || (t[131] = o("span", { class: "label-text" }, "Dark Mode", -1))
                     ])
                   ])
                 ])
@@ -22112,21 +22171,21 @@ function wv(e, t, n, s, i, l) {
               "use-slots": ["body"],
               collapsible: !0,
               cmdHeadline: { headlineText: "Components", headlineLevel: 4, cmdIcon: { iconClass: "icon-settings-component" } },
-              openCollapsedBox: C.boxIsOpen(1),
-              onToggleCollapse: (z) => C.boxToggled(1, z),
+              openCollapsedBox: x.boxIsOpen(1),
+              onToggleCollapse: (z) => x.boxToggled(1, z),
               id: "list-of-components"
             }, {
               body: w(() => [
                 o("ul", null, [
                   (a(!0), r(_, null, q(i.listOfComponents, (z, Se) => (a(), r("li", {
                     key: Se,
-                    class: x({ active: i.activeEntry === "Cmd" + z })
+                    class: C({ active: i.activeEntry === "Cmd" + z })
                   }, [
                     o("a", {
                       href: l.sectionName(z),
                       onClick: (Ne) => l.updateSettingsSidebar(l.componentNameWithPrefix(z)),
                       title: "Go to component"
-                    }, y(l.readableComponentName(z)), 9, t1)
+                    }, y(l.readableComponentName(z)), 9, n1)
                   ], 2))), 128))
                 ])
               ]),
@@ -22136,8 +22195,8 @@ function wv(e, t, n, s, i, l) {
               "use-slots": ["body"],
               collapsible: !0,
               cmdHeadline: { headlineText: "Page-Templates", headlineLevel: 4, cmdIcon: { iconClass: "icon-file-settings" } },
-              openCollapsedBox: C.boxIsOpen(2),
-              onToggleCollapse: (z) => C.boxToggled(2, z)
+              openCollapsedBox: x.boxIsOpen(2),
+              onToggleCollapse: (z) => x.boxToggled(2, z)
             }, {
               body: w(() => [
                 o("ul", null, [
@@ -22148,7 +22207,7 @@ function wv(e, t, n, s, i, l) {
                     }, " Contact Information ")
                   ]),
                   o("li", null, [
-                    t[132] || (t[132] = H(" Multiple Lists Of Links ")),
+                    t[133] || (t[133] = H(" Multiple Lists Of Links ")),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -22165,7 +22224,7 @@ function wv(e, t, n, s, i, l) {
                     ])
                   ]),
                   o("li", null, [
-                    t[133] || (t[133] = H(" Multiple Box Wrapper ")),
+                    t[134] || (t[134] = H(" Multiple Box Wrapper ")),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -22188,43 +22247,43 @@ function wv(e, t, n, s, i, l) {
           ]),
           _: 1
         }, 8, ["openBoxesByDefault"]),
-        o("dl", n1, [
-          t[134] || (t[134] = o("dt", null, "Frontend-Framework Version:", -1)),
+        o("dl", i1, [
+          t[135] || (t[135] = o("dt", null, "Frontend-Framework Version:", -1)),
           o("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
-          t[135] || (t[135] = o("dt", null, "Component-Library Version:", -1)),
+          t[136] || (t[136] = o("dt", null, "Component-Library Version:", -1)),
           o("dd", null, y(i.packageJson.version), 1)
         ])
       ]),
       closed: w(() => [
-        o("div", i1, [
+        o("div", l1, [
           o("a", {
             href: "#",
             class: "button primary",
             title: "Open Template Selection",
-            onClick: t[9] || (t[9] = S((C) => l.openBox(0), ["prevent"]))
-          }, t[136] || (t[136] = [
+            onClick: t[9] || (t[9] = S((x) => l.openBox(0), ["prevent"]))
+          }, t[137] || (t[137] = [
             o("span", { class: "icon-settings-template" }, null, -1)
           ])),
           o("a", {
             href: "#",
             class: "button primary",
             title: "Open Components Overview",
-            onClick: t[10] || (t[10] = S((C) => l.openBox(1), ["prevent"]))
-          }, t[137] || (t[137] = [
+            onClick: t[10] || (t[10] = S((x) => l.openBox(1), ["prevent"]))
+          }, t[138] || (t[138] = [
             o("span", { class: "icon-settings-component" }, null, -1)
           ])),
           o("a", {
             href: "#",
             class: "button primary",
             title: "Open Page-Templates",
-            onClick: t[11] || (t[11] = S((C) => l.openBox(2), ["prevent"]))
-          }, t[138] || (t[138] = [
+            onClick: t[11] || (t[11] = S((x) => l.openBox(2), ["prevent"]))
+          }, t[139] || (t[139] = [
             o("span", { class: "icon-file-settings" }, null, -1)
           ])),
           o("a", {
             href: "#",
-            onClick: t[12] || (t[12] = S((C) => i.showLeftSidebar = !1, ["prevent"]))
-          }, t[139] || (t[139] = [
+            onClick: t[12] || (t[12] = S((x) => i.showLeftSidebar = !1, ["prevent"]))
+          }, t[140] || (t[140] = [
             o("span", null, "Hide sidebar", -1)
           ]))
         ])
@@ -22244,25 +22303,25 @@ function wv(e, t, n, s, i, l) {
       ]),
       _: 1
     }),
-    i.componentView ? (a(), r("main", l1, [
+    i.componentView ? (a(), r("main", o1, [
       p(v, null, {
-        default: w(() => t[140] || (t[140] = [
+        default: w(() => t[141] || (t[141] = [
           o("h1", { class: "headline-demopage" }, "Components Overview", -1)
         ])),
         _: 1
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", o1, [
-            t[141] || (t[141] = o("span", null, "Address Data", -1)),
+          o("h2", a1, [
+            t[142] || (t[142] = o("span", null, "Address Data", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[13] || (t[13] = S((C) => l.openSettingsSidebar("CmdAddressData"), ["prevent"]))
+              onClick: t[13] || (t[13] = S((x) => l.openSettingsSidebar("CmdAddressData"), ["prevent"]))
             })
           ]),
-          o("div", a1, [
+          o("div", s1, [
             p(b, I({
               ref: "CmdAddressData",
               addressData: i.addressData
@@ -22273,60 +22332,60 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[181] || (t[181] = o("h2", {
+          t[182] || (t[182] = o("h2", {
             class: "headline-demopage",
             id: "section-advanced-form-elements"
           }, "Advanced Form Elements", -1)),
-          t[182] || (t[182] = o("h3", null, [
+          t[183] || (t[183] = o("h3", null, [
             o("span", null, "Form elements status:")
           ], -1)),
-          o("div", s1, [
-            o("ul", r1, [
+          o("div", r1, [
+            o("ul", d1, [
               o("li", null, [
                 o("a", {
                   href: "#",
-                  onClick: t[14] || (t[14] = S((C) => l.setStatus("", !1), ["prevent"])),
-                  class: x({ active: i.validationStatus === "" && i.disabledStatus === !1 }),
+                  onClick: t[14] || (t[14] = S((x) => l.setStatus("", !1), ["prevent"])),
+                  class: C({ active: i.validationStatus === "" && i.disabledStatus === !1 }),
                   id: "status-default"
                 }, " Default ", 2)
               ]),
-              o("li", d1, [
+              o("li", u1, [
                 o("a", {
                   href: "#",
-                  onClick: t[15] || (t[15] = S((C) => l.setStatus("error", !1), ["prevent"])),
-                  class: x({ active: i.validationStatus === "error" }),
+                  onClick: t[15] || (t[15] = S((x) => l.setStatus("error", !1), ["prevent"])),
+                  class: C({ active: i.validationStatus === "error" }),
                   id: "status-error"
                 }, " Error ", 2)
               ]),
               o("li", null, [
                 o("a", {
                   href: "#",
-                  onClick: t[16] || (t[16] = S((C) => l.setStatus("warning", !1), ["prevent"])),
-                  class: x({ active: i.validationStatus === "warning" }),
+                  onClick: t[16] || (t[16] = S((x) => l.setStatus("warning", !1), ["prevent"])),
+                  class: C({ active: i.validationStatus === "warning" }),
                   id: "status-warning"
                 }, " Warning ", 2)
               ]),
               o("li", null, [
                 o("a", {
                   href: "#",
-                  onClick: t[17] || (t[17] = S((C) => l.setStatus("success", !1), ["prevent"])),
-                  class: x({ active: i.validationStatus === "success" }),
+                  onClick: t[17] || (t[17] = S((x) => l.setStatus("success", !1), ["prevent"])),
+                  class: C({ active: i.validationStatus === "success" }),
                   id: "status-success"
                 }, " Success ", 2)
               ]),
               o("li", null, [
                 o("a", {
                   href: "#",
-                  onClick: t[18] || (t[18] = S((C) => l.setStatus("info", !1), ["prevent"])),
-                  class: x({ active: i.validationStatus === "info" }),
+                  onClick: t[18] || (t[18] = S((x) => l.setStatus("info", !1), ["prevent"])),
+                  class: C({ active: i.validationStatus === "info" }),
                   id: "status-info"
                 }, " Info ", 2)
               ]),
               o("li", null, [
                 o("a", {
                   href: "#",
-                  onClick: t[19] || (t[19] = S((C) => l.setStatus("", !0), ["prevent"])),
-                  class: x({ active: i.disabledStatus === !0 }),
+                  onClick: t[19] || (t[19] = S((x) => l.setStatus("", !0), ["prevent"])),
+                  class: C({ active: i.disabledStatus === !0 }),
                   id: "status-disabled"
                 }, " Disabled ", 2)
               ])
@@ -22334,7 +22393,7 @@ function wv(e, t, n, s, i, l) {
           ]),
           p(O, {
             modelValue: i.fakeSelectFilters,
-            "onUpdate:modelValue": t[20] || (t[20] = (C) => i.fakeSelectFilters = C),
+            "onUpdate:modelValue": t[20] || (t[20] = (x) => i.fakeSelectFilters = x),
             selectedOptionsName: l.getOptionName
           }, null, 8, ["modelValue", "selectedOptionsName"]),
           p(U, {
@@ -22343,22 +22402,22 @@ function wv(e, t, n, s, i, l) {
             novalidate: "novalidate"
           }, {
             default: w(() => [
-              o("fieldset", u1, [
-                t[161] || (t[161] = o("legend", null, "Legend", -1)),
-                o("h2", c1, [
-                  t[142] || (t[142] = o("span", null, "Form Element-Component", -1)),
+              o("fieldset", c1, [
+                t[162] || (t[162] = o("legend", null, "Legend", -1)),
+                o("h2", m1, [
+                  t[143] || (t[143] = o("span", null, "Form Element-Component", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
                     title: "Open Component Settings",
-                    onClick: t[21] || (t[21] = S((C) => l.openSettingsSidebar("CmdFormElement"), ["prevent"]))
+                    onClick: t[21] || (t[21] = S((x) => l.openSettingsSidebar("CmdFormElement"), ["prevent"]))
                   })
                 ]),
                 p(T, I({ ref: "CmdFormElement" }, e.cmdFormElementSettingsData, {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }), null, 16, ["status", "disabled"]),
-                o("div", m1, [
+                o("div", p1, [
                   p(T, {
                     labelText: "Input for datalist:",
                     element: "input",
@@ -22370,7 +22429,7 @@ function wv(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip"
                   }, null, 8, ["status", "disabled", "datalist"])
                 ]),
-                o("div", p1, [
+                o("div", f1, [
                   p(T, I({
                     labelText: "Input (type search (without search-button)):",
                     element: "input",
@@ -22392,8 +22451,8 @@ function wv(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip"
                   }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
                 ]),
-                t[162] || (t[162] = o("h3", null, "Inputfields in Columns", -1)),
-                o("div", f1, [
+                t[163] || (t[163] = o("h3", null, "Inputfields in Columns", -1)),
+                o("div", h1, [
                   p(T, {
                     element: "input",
                     type: "text",
@@ -22401,12 +22460,12 @@ function wv(e, t, n, s, i, l) {
                     id: "inputfield1",
                     placeholder: "This is placeholder text",
                     modelValue: i.inputField1,
-                    "onUpdate:modelValue": t[22] || (t[22] = (C) => i.inputField1 = C),
+                    "onUpdate:modelValue": t[22] || (t[22] = (x) => i.inputField1 = x),
                     tooltipText: "This is a tooltip!",
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, {
-                    labeltext: w(() => t[143] || (t[143] = [
+                    labeltext: w(() => t[144] || (t[144] = [
                       o("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1)
                     ])),
                     _: 1
@@ -22420,7 +22479,7 @@ function wv(e, t, n, s, i, l) {
                     id: "inputfield-required",
                     placeholder: "This is placeholder text",
                     modelValue: i.inputFieldRequired,
-                    "onUpdate:modelValue": t[23] || (t[23] = (C) => i.inputFieldRequired = C),
+                    "onUpdate:modelValue": t[23] || (t[23] = (x) => i.inputFieldRequired = x),
                     tooltipText: "This is a tooltip!",
                     status: i.validationStatus,
                     disabled: i.disabledStatus
@@ -22433,13 +22492,13 @@ function wv(e, t, n, s, i, l) {
                     placeholder: "This is placeholder text",
                     pattern: "/\\d/",
                     modelValue: i.inputFieldPattern,
-                    "onUpdate:modelValue": t[24] || (t[24] = (C) => i.inputFieldPattern = C),
+                    "onUpdate:modelValue": t[24] || (t[24] = (x) => i.inputFieldPattern = x),
                     tooltipText: "This is a tooltip!",
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, null, 8, ["modelValue", "status", "disabled"])
                 ]),
-                o("div", h1, [
+                o("div", g1, [
                   p(T, {
                     labelText: "Label for emailfield (with icon):",
                     element: "input",
@@ -22450,7 +22509,7 @@ function wv(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip!",
                     maxlength: "100",
                     modelValue: i.inputMail,
-                    "onUpdate:modelValue": t[25] || (t[25] = (C) => i.inputMail = C),
+                    "onUpdate:modelValue": t[25] || (t[25] = (x) => i.inputMail = x),
                     status: i.validationStatus,
                     disabled: i.disabledStatus,
                     required: !0
@@ -22465,7 +22524,7 @@ function wv(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip!",
                     maxlength: "100",
                     modelValue: i.inputUsername,
-                    "onUpdate:modelValue": t[26] || (t[26] = (C) => i.inputUsername = C),
+                    "onUpdate:modelValue": t[26] || (t[26] = (x) => i.inputUsername = x),
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, null, 8, ["modelValue", "status", "disabled"]),
@@ -22481,7 +22540,7 @@ function wv(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip!",
                     customRequirements: i.customRequirements,
                     modelValue: i.inputPassword,
-                    "onUpdate:modelValue": t[27] || (t[27] = (C) => i.inputPassword = C),
+                    "onUpdate:modelValue": t[27] || (t[27] = (x) => i.inputPassword = x),
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, null, 8, ["customRequirements", "modelValue", "status", "disabled"])
@@ -22497,7 +22556,7 @@ function wv(e, t, n, s, i, l) {
                   max: "9",
                   style: { width: "4rem" },
                   modelValue: i.inputNumber,
-                  "onUpdate:modelValue": t[28] || (t[28] = (C) => i.inputNumber = C),
+                  "onUpdate:modelValue": t[28] || (t[28] = (x) => i.inputNumber = x),
                   customRequirements: [i.customRequirements[2]],
                   status: i.validationStatus,
                   disabled: i.disabledStatus
@@ -22512,7 +22571,7 @@ function wv(e, t, n, s, i, l) {
                   min: "0",
                   max: "9",
                   modelValue: i.inputNumber,
-                  "onUpdate:modelValue": t[29] || (t[29] = (C) => i.inputNumber = C),
+                  "onUpdate:modelValue": t[29] || (t[29] = (x) => i.inputNumber = x),
                   customRequirements: [i.customRequirements[2]],
                   status: i.validationStatus,
                   disabled: i.disabledStatus
@@ -22524,12 +22583,12 @@ function wv(e, t, n, s, i, l) {
                   type: "date",
                   id: "inputfield-date",
                   modelValue: i.inputDate,
-                  "onUpdate:modelValue": t[30] || (t[30] = (C) => i.inputDate = C),
+                  "onUpdate:modelValue": t[30] || (t[30] = (x) => i.inputDate = x),
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[163] || (t[163] = o("h3", null, "Searchfields", -1)),
-                o("div", g1, [
+                t[164] || (t[164] = o("h3", null, "Searchfields", -1)),
+                o("div", y1, [
                   p(T, {
                     element: "input",
                     labelText: "Label for inputfield (search) without search-button:",
@@ -22537,7 +22596,7 @@ function wv(e, t, n, s, i, l) {
                     id: "inputfield-search-without-searchbutton",
                     placeholder: "Keyword(s)",
                     modelValue: i.inputSearch,
-                    "onUpdate:modelValue": t[31] || (t[31] = (C) => i.inputSearch = C),
+                    "onUpdate:modelValue": t[31] || (t[31] = (x) => i.inputSearch = x),
                     showSearchButton: !1,
                     status: i.validationStatus,
                     disabled: i.disabledStatus
@@ -22549,7 +22608,7 @@ function wv(e, t, n, s, i, l) {
                     id: "inputfield-search-with-searchbutton",
                     placeholder: "Keyword(s)",
                     modelValue: i.inputSearch,
-                    "onUpdate:modelValue": t[32] || (t[32] = (C) => i.inputSearch = C),
+                    "onUpdate:modelValue": t[32] || (t[32] = (x) => i.inputSearch = x),
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, null, 8, ["modelValue", "status", "disabled"]),
@@ -22558,7 +22617,7 @@ function wv(e, t, n, s, i, l) {
                     cmdFormElement: i.smartSearchData.cmdFormElement,
                     openListToTop: !0,
                     modelValue: i.smartSearchObject,
-                    "onUpdate:modelValue": t[33] || (t[33] = (C) => i.smartSearchObject = C),
+                    "onUpdate:modelValue": t[33] || (t[33] = (x) => i.smartSearchObject = x),
                     disabled: i.disabledStatus
                   }, null, 8, ["listOfRecommendations", "cmdFormElement", "modelValue", "disabled"]),
                   p(M, {
@@ -22566,11 +22625,11 @@ function wv(e, t, n, s, i, l) {
                     cmdFormElement: i.smartSearchData.cmdFormElement,
                     openListToTop: !0,
                     modelValue: i.smartSearchString,
-                    "onUpdate:modelValue": t[34] || (t[34] = (C) => i.smartSearchString = C),
+                    "onUpdate:modelValue": t[34] || (t[34] = (x) => i.smartSearchString = x),
                     disabled: i.disabledStatus
                   }, null, 8, ["listOfRecommendations", "cmdFormElement", "modelValue", "disabled"])
                 ]),
-                t[164] || (t[164] = o("h3", null, "Textarea", -1)),
+                t[165] || (t[165] = o("h3", null, "Textarea", -1)),
                 p(T, {
                   element: "textarea",
                   labelText: "Label for textarea:",
@@ -22580,25 +22639,25 @@ function wv(e, t, n, s, i, l) {
                   placeholder: "Type in your message",
                   required: !0,
                   modelValue: i.textarea,
-                  "onUpdate:modelValue": t[35] || (t[35] = (C) => i.textarea = C),
+                  "onUpdate:modelValue": t[35] || (t[35] = (x) => i.textarea = x),
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[165] || (t[165] = o("hr", null, null, -1)),
-                o("h3", y1, [
-                  t[144] || (t[144] = o("span", null, "Fake Selects", -1)),
+                t[166] || (t[166] = o("hr", null, null, -1)),
+                o("h3", b1, [
+                  t[145] || (t[145] = o("span", null, "Fake Selects", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
                     title: "Open Component Settings",
-                    onClick: t[36] || (t[36] = S((C) => l.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
+                    onClick: t[36] || (t[36] = S((x) => l.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
                   })
                 ]),
-                o("div", b1, [
+                o("div", x1, [
                   p(B, I({ ref: "CmdFakeSelect" }, e.cmdFakeSelectSettingsData, {
                     selectData: i.fakeSelectOptionsData,
                     modelValue: i.fakeSelectDefault,
-                    "onUpdate:modelValue": t[37] || (t[37] = (C) => i.fakeSelectDefault = C)
+                    "onUpdate:modelValue": t[37] || (t[37] = (x) => i.fakeSelectDefault = x)
                   }), null, 16, ["selectData", "modelValue"]),
                   p(B, {
                     labelText: "Selectbox with checkboxes:",
@@ -22606,7 +22665,7 @@ function wv(e, t, n, s, i, l) {
                     disabled: i.disabledStatus,
                     selectData: i.fakeSelectOptionsData,
                     modelValue: i.fakeSelectCheckbox,
-                    "onUpdate:modelValue": t[38] || (t[38] = (C) => i.fakeSelectCheckbox = C),
+                    "onUpdate:modelValue": t[38] || (t[38] = (x) => i.fakeSelectCheckbox = x),
                     defaultOptionName: "Options:",
                     required: !0,
                     id: "selectbox-with-checkboxes",
@@ -22619,7 +22678,7 @@ function wv(e, t, n, s, i, l) {
                     disabled: i.disabledStatus,
                     selectData: i.fakeSelectFilterOptionsData,
                     modelValue: i.fakeSelectFilters,
-                    "onUpdate:modelValue": t[39] || (t[39] = (C) => i.fakeSelectFilters = C),
+                    "onUpdate:modelValue": t[39] || (t[39] = (x) => i.fakeSelectFilters = x),
                     defaultOptionName: "Filters:",
                     id: "selectbox-with-filters",
                     type: "checkboxOptions",
@@ -22632,7 +22691,7 @@ function wv(e, t, n, s, i, l) {
                     pathFlags: "https://comand-ui.com/samples/images/flags",
                     selectData: i.fakeSelectCountriesData,
                     modelValue: i.selectedCountryWithFlag,
-                    "onUpdate:modelValue": t[40] || (t[40] = (C) => i.selectedCountryWithFlag = C),
+                    "onUpdate:modelValue": t[40] || (t[40] = (x) => i.selectedCountryWithFlag = x),
                     defaultOptionName: "Select country:",
                     type: "country"
                   }, null, 8, ["status", "disabled", "selectData", "modelValue"]),
@@ -22643,7 +22702,7 @@ function wv(e, t, n, s, i, l) {
                     disabled: i.disabledStatus,
                     selectOptions: i.allCountriesData,
                     modelValue: i.selectedCountry,
-                    "onUpdate:modelValue": t[41] || (t[41] = (C) => i.selectedCountry = C),
+                    "onUpdate:modelValue": t[41] || (t[41] = (x) => i.selectedCountry = x),
                     groupSelectOptionsByInitialLetters: !0,
                     "max-height": "10rem",
                     defaultOptionName: "Select country:"
@@ -22654,67 +22713,67 @@ function wv(e, t, n, s, i, l) {
                     disabled: i.disabledStatus,
                     selectData: i.fakeSelectColorsData,
                     modelValue: i.selectedColor,
-                    "onUpdate:modelValue": t[42] || (t[42] = (C) => i.selectedColor = C),
+                    "onUpdate:modelValue": t[42] || (t[42] = (x) => i.selectedColor = x),
                     required: "required",
                     type: "color"
                   }, null, 8, ["status", "disabled", "selectData", "modelValue"])
                 ]),
-                t[166] || (t[166] = o("hr", null, null, -1)),
-                t[167] || (t[167] = o("h2", null, "Progress Bar [native]", -1)),
+                t[167] || (t[167] = o("hr", null, null, -1)),
+                t[168] || (t[168] = o("h2", null, "Progress Bar [native]", -1)),
                 p(E, {
                   labelText: "Progress Bar (with optional output):",
                   id: "progress-bar2",
                   max: "100"
                 }),
-                t[168] || (t[168] = o("h2", null, "Slider [native]", -1)),
+                t[169] || (t[169] = o("h2", null, "Slider [native]", -1)),
                 o("div", {
-                  class: x(["label", i.validationStatus])
+                  class: C(["label", i.validationStatus])
                 }, [
-                  t[147] || (t[147] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
-                  o("span", x1, [
-                    o("label", C1, [
-                      t[145] || (t[145] = o("span", { class: "label-text" }, [
+                  t[148] || (t[148] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
+                  o("span", C1, [
+                    o("label", v1, [
+                      t[146] || (t[146] = o("span", { class: "label-text" }, [
                         o("span", null, "Range Value:")
                       ], -1)),
                       $(o("input", {
                         type: "number",
-                        class: x(i.validationStatus),
-                        "onUpdate:modelValue": t[43] || (t[43] = (C) => i.rangeValue = C),
+                        class: C(i.validationStatus),
+                        "onUpdate:modelValue": t[43] || (t[43] = (x) => i.rangeValue = x),
                         disabled: i.disabledStatus,
                         min: "0",
                         max: "100",
                         id: "range-value"
-                      }, null, 10, v1), [
+                      }, null, 10, k1), [
                         [Wt, i.rangeValue]
                       ])
                     ]),
-                    o("label", k1, [
-                      t[146] || (t[146] = o("span", { class: "label-text hidden" }, [
+                    o("label", w1, [
+                      t[147] || (t[147] = o("span", { class: "label-text hidden" }, [
                         o("span", null, "Range Value")
                       ], -1)),
                       $(o("input", {
                         type: "range",
                         class: "range-slider",
                         id: "range-slider",
-                        "onUpdate:modelValue": t[44] || (t[44] = (C) => i.rangeValue = C),
+                        "onUpdate:modelValue": t[44] || (t[44] = (x) => i.rangeValue = x),
                         disabled: i.disabledStatus,
                         min: "0",
                         max: "100"
-                      }, null, 8, w1), [
+                      }, null, 8, T1), [
                         [Wt, i.rangeValue]
                       ])
                     ])
                   ])
                 ], 2),
-                t[169] || (t[169] = o("hr", null, null, -1)),
-                t[170] || (t[170] = o("h2", null, "Toggle-Switches", -1)),
-                t[171] || (t[171] = o("h3", null, "Switches without switch-labels", -1)),
+                t[170] || (t[170] = o("hr", null, null, -1)),
+                t[171] || (t[171] = o("h2", null, "Toggle-Switches", -1)),
+                t[172] || (t[172] = o("h3", null, "Switches without switch-labels", -1)),
                 p(T, {
                   element: "input",
                   type: "checkbox",
                   id: "toggle-switch-checkbox",
                   modelValue: i.switchButtonCheckboxToggleSwitch,
-                  "onUpdate:modelValue": t[45] || (t[45] = (C) => i.switchButtonCheckboxToggleSwitch = C),
+                  "onUpdate:modelValue": t[45] || (t[45] = (x) => i.switchButtonCheckboxToggleSwitch = x),
                   labelText: "Labeltext for Toggle-Switch without Switch-Label",
                   toggleSwitch: !0,
                   status: i.validationStatus,
@@ -22726,20 +22785,20 @@ function wv(e, t, n, s, i, l) {
                   type: "checkbox",
                   id: "toggle-switch-checkbox-colored",
                   modelValue: i.switchButtonCheckboxToggleSwitchColored,
-                  "onUpdate:modelValue": t[46] || (t[46] = (C) => i.switchButtonCheckboxToggleSwitchColored = C),
+                  "onUpdate:modelValue": t[46] || (t[46] = (x) => i.switchButtonCheckboxToggleSwitchColored = x),
                   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[172] || (t[172] = o("h3", null, "Switches with switch-labels", -1)),
+                t[173] || (t[173] = o("h3", null, "Switches with switch-labels", -1)),
                 p(T, {
                   element: "input",
                   type: "checkbox",
                   id: "toggle-switch-checkbox-switch-label",
                   modelValue: i.switchButtonCheckbox,
-                  "onUpdate:modelValue": t[47] || (t[47] = (C) => i.switchButtonCheckbox = C),
+                  "onUpdate:modelValue": t[47] || (t[47] = (x) => i.switchButtonCheckbox = x),
                   labelText: "Labeltext for Toggle-Switch with Switch-Label",
                   inputValue: "checkbox1",
                   onLabel: "Label on",
@@ -22753,7 +22812,7 @@ function wv(e, t, n, s, i, l) {
                   type: "checkbox",
                   id: "toggle-switch-checkbox-switch-label-colored",
                   modelValue: i.switchButtonCheckbox,
-                  "onUpdate:modelValue": t[48] || (t[48] = (C) => i.switchButtonCheckbox = C),
+                  "onUpdate:modelValue": t[48] || (t[48] = (x) => i.switchButtonCheckbox = x),
                   inputValue: "checkbox2",
                   labelText: "Labeltext for Toggle-Switch (Checkbox, colored)",
                   onLabel: "Label on",
@@ -22769,7 +22828,7 @@ function wv(e, t, n, s, i, l) {
                   name: "radiogroup",
                   id: "toggle-switch-radio1",
                   modelValue: i.switchButtonRadio,
-                  "onUpdate:modelValue": t[49] || (t[49] = (C) => i.switchButtonRadio = C),
+                  "onUpdate:modelValue": t[49] || (t[49] = (x) => i.switchButtonRadio = x),
                   onLabel: "Label on",
                   offLabel: "Label off",
                   colored: !0,
@@ -22785,7 +22844,7 @@ function wv(e, t, n, s, i, l) {
                   name: "radiogroup",
                   id: "toggle-switch-radio2",
                   modelValue: i.switchButtonRadio,
-                  "onUpdate:modelValue": t[50] || (t[50] = (C) => i.switchButtonRadio = C),
+                  "onUpdate:modelValue": t[50] || (t[50] = (x) => i.switchButtonRadio = x),
                   onLabel: "Label on",
                   offLabel: "Label off",
                   colored: !0,
@@ -22802,29 +22861,29 @@ function wv(e, t, n, s, i, l) {
                   required: "required",
                   id: "checkbox-required-with-boolean",
                   modelValue: i.checkboxRequiredValue,
-                  "onUpdate:modelValue": t[51] || (t[51] = (C) => i.checkboxRequiredValue = C),
+                  "onUpdate:modelValue": t[51] || (t[51] = (x) => i.checkboxRequiredValue = x),
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 o("p", null, [
                   H(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
-                  t[148] || (t[148] = o("br", null, null, -1)),
-                  H(" checkbox with boolean: " + y(i.checkboxValue), 1),
                   t[149] || (t[149] = o("br", null, null, -1)),
+                  H(" checkbox with boolean: " + y(i.checkboxValue), 1),
+                  t[150] || (t[150] = o("br", null, null, -1)),
                   H(" checkboxes with values: " + y(i.checkboxValues), 1)
                 ]),
-                t[173] || (t[173] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
-                t[174] || (t[174] = o("h3", null, "Checkboxes [native]", -1)),
-                o("div", T1, [
-                  t[151] || (t[151] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
-                  o("div", S1, [
+                t[174] || (t[174] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
+                t[175] || (t[175] = o("h3", null, "Checkboxes [native]", -1)),
+                o("div", S1, [
+                  t[152] || (t[152] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
+                  o("div", _1, [
                     p(T, {
                       element: "input",
                       labelText: "Label for checkbox with boolean",
                       type: "checkbox",
                       id: "checkbox-with-boolean",
                       modelValue: i.checkboxValue,
-                      "onUpdate:modelValue": t[52] || (t[52] = (C) => i.checkboxValue = C),
+                      "onUpdate:modelValue": t[52] || (t[52] = (x) => i.checkboxValue = x),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
@@ -22832,7 +22891,7 @@ function wv(e, t, n, s, i, l) {
                       element: "input",
                       labelText: "Label for checkbox with value",
                       modelValue: i.checkboxValues,
-                      "onUpdate:modelValue": t[53] || (t[53] = (C) => i.checkboxValues = C),
+                      "onUpdate:modelValue": t[53] || (t[53] = (x) => i.checkboxValues = x),
                       inputValue: "checkboxValue1",
                       type: "checkbox",
                       id: "checkbox-with-value-1",
@@ -22843,7 +22902,7 @@ function wv(e, t, n, s, i, l) {
                       element: "input",
                       labelText: "Label for checkbox with value",
                       modelValue: i.checkboxValues,
-                      "onUpdate:modelValue": t[54] || (t[54] = (C) => i.checkboxValues = C),
+                      "onUpdate:modelValue": t[54] || (t[54] = (x) => i.checkboxValues = x),
                       inputValue: "checkboxValue2",
                       type: "checkbox",
                       id: "checkbox-with-value-2",
@@ -22853,14 +22912,14 @@ function wv(e, t, n, s, i, l) {
                     p(T, {
                       element: "input",
                       modelValue: i.checkboxValues,
-                      "onUpdate:modelValue": t[55] || (t[55] = (C) => i.checkboxValues = C),
+                      "onUpdate:modelValue": t[55] || (t[55] = (x) => i.checkboxValues = x),
                       inputValue: "checkboxValue3",
                       type: "checkbox",
                       id: "checkbox-with-value-3",
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, {
-                      labeltext: w(() => t[150] || (t[150] = [
+                      labeltext: w(() => t[151] || (t[151] = [
                         H(" Labeltext with "),
                         o("a", { href: "#" }, "link", -1),
                         H(" given by slot ")
@@ -22869,10 +22928,10 @@ function wv(e, t, n, s, i, l) {
                     }, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                t[175] || (t[175] = o("h3", null, "Checkboxes (replaced)", -1)),
-                o("div", _1, [
-                  t[152] || (t[152] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
-                  o("div", O1, [
+                t[176] || (t[176] = o("h3", null, "Checkboxes (replaced)", -1)),
+                o("div", O1, [
+                  t[153] || (t[153] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
+                  o("div", L1, [
                     p(T, {
                       element: "input",
                       labelText: "Label for replaced checkbox",
@@ -22880,7 +22939,7 @@ function wv(e, t, n, s, i, l) {
                       replaceInputType: !0,
                       id: "inputfield9",
                       modelValue: i.replacedCheckboxValue,
-                      "onUpdate:modelValue": t[56] || (t[56] = (C) => i.replacedCheckboxValue = C),
+                      "onUpdate:modelValue": t[56] || (t[56] = (x) => i.replacedCheckboxValue = x),
                       inputValue: "checkboxValue1",
                       status: i.validationStatus,
                       disabled: i.disabledStatus
@@ -22889,7 +22948,7 @@ function wv(e, t, n, s, i, l) {
                       element: "input",
                       labelText: "Label for replaced checkbox",
                       modelValue: i.replacedCheckboxValue,
-                      "onUpdate:modelValue": t[57] || (t[57] = (C) => i.replacedCheckboxValue = C),
+                      "onUpdate:modelValue": t[57] || (t[57] = (x) => i.replacedCheckboxValue = x),
                       inputValue: "checkboxValue2",
                       type: "checkbox",
                       replaceInputType: !0,
@@ -22899,10 +22958,10 @@ function wv(e, t, n, s, i, l) {
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                t[176] || (t[176] = o("h3", null, "Radiobuttons [native]", -1)),
-                o("div", L1, [
-                  t[153] || (t[153] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
-                  o("div", I1, [
+                t[177] || (t[177] = o("h3", null, "Radiobuttons [native]", -1)),
+                o("div", I1, [
+                  t[154] || (t[154] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
+                  o("div", B1, [
                     p(T, {
                       element: "input",
                       labelText: "Label for native radiobutton",
@@ -22911,7 +22970,7 @@ function wv(e, t, n, s, i, l) {
                       name: "radiogroup",
                       inputValue: "radiobuttonValue1",
                       modelValue: i.radiobuttonValue,
-                      "onUpdate:modelValue": t[58] || (t[58] = (C) => i.radiobuttonValue = C),
+                      "onUpdate:modelValue": t[58] || (t[58] = (x) => i.radiobuttonValue = x),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
@@ -22923,17 +22982,17 @@ function wv(e, t, n, s, i, l) {
                       name: "radiogroup",
                       inputValue: "radiobuttonValue2",
                       modelValue: i.radiobuttonValue,
-                      "onUpdate:modelValue": t[59] || (t[59] = (C) => i.radiobuttonValue = C),
+                      "onUpdate:modelValue": t[59] || (t[59] = (x) => i.radiobuttonValue = x),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
                 o("p", null, " Radiobuttons with values: " + y(i.radiobuttonValue), 1),
-                t[177] || (t[177] = o("h3", null, "Radiobuttons (replaced)", -1)),
-                o("div", B1, [
-                  t[154] || (t[154] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
-                  o("div", D1, [
+                t[178] || (t[178] = o("h3", null, "Radiobuttons (replaced)", -1)),
+                o("div", D1, [
+                  t[155] || (t[155] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
+                  o("div", M1, [
                     p(T, {
                       element: "input",
                       labelText: "Label for replaced radiobutton",
@@ -22943,7 +23002,7 @@ function wv(e, t, n, s, i, l) {
                       name: "replaced-radiogroup",
                       inputValue: "radiobuttonValue1",
                       modelValue: i.replacedRadiobuttonValue,
-                      "onUpdate:modelValue": t[60] || (t[60] = (C) => i.replacedRadiobuttonValue = C),
+                      "onUpdate:modelValue": t[60] || (t[60] = (x) => i.replacedRadiobuttonValue = x),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
@@ -22956,26 +23015,26 @@ function wv(e, t, n, s, i, l) {
                       name: "replaced-radiogroup",
                       inputValue: "radiobuttonValue2",
                       modelValue: i.replacedRadiobuttonValue,
-                      "onUpdate:modelValue": t[61] || (t[61] = (C) => i.replacedRadiobuttonValue = C),
+                      "onUpdate:modelValue": t[61] || (t[61] = (x) => i.replacedRadiobuttonValue = x),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                o("h3", M1, [
-                  t[155] || (t[155] = H(" Input-Group ")),
+                o("h3", F1, [
+                  t[156] || (t[156] = H(" Input-Group ")),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
                     title: "Open Component Settings",
-                    onClick: t[62] || (t[62] = S((C) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
+                    onClick: t[62] || (t[62] = S((x) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
                   })
                 ]),
                 p(D, I({ ref: "CmdInputGroup" }, e.cmdInputGroupSettingsData, {
                   labelText: "Grouplabel for radio-group given by property:",
                   inputElements: l.idForReplacedInputsInInputGroup("radio-group"),
                   modelValue: i.inputGroup,
-                  "onUpdate:modelValue": t[65] || (t[65] = (C) => i.inputGroup = C)
+                  "onUpdate:modelValue": t[65] || (t[65] = (x) => i.inputGroup = x)
                 }), {
                   default: w(() => [
                     p(T, {
@@ -22986,7 +23045,7 @@ function wv(e, t, n, s, i, l) {
                       name: "radiogroup2",
                       inputValue: "radiobuttonValue1",
                       modelValue: i.inputGroup,
-                      "onUpdate:modelValue": t[63] || (t[63] = (C) => i.inputGroup = C),
+                      "onUpdate:modelValue": t[63] || (t[63] = (x) => i.inputGroup = x),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
@@ -22998,7 +23057,7 @@ function wv(e, t, n, s, i, l) {
                       name: "radiogroup2",
                       inputValue: "radiobuttonValue2",
                       modelValue: i.inputGroup,
-                      "onUpdate:modelValue": t[64] || (t[64] = (C) => i.inputGroup = C),
+                      "onUpdate:modelValue": t[64] || (t[64] = (x) => i.inputGroup = x),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"])
@@ -23006,18 +23065,18 @@ function wv(e, t, n, s, i, l) {
                   _: 1
                 }, 16, ["inputElements", "modelValue"]),
                 o("dl", null, [
-                  t[156] || (t[156] = o("dt", null, "Selected value:", -1)),
+                  t[157] || (t[157] = o("dt", null, "Selected value:", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroup), 1)
                   ])
                 ]),
-                t[178] || (t[178] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
+                t[179] || (t[179] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
                 p(D, {
                   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[66] || (t[66] = (C) => i.inputGroupValueToggleSwitchCheckbox = C),
+                  "onUpdate:modelValue": t[66] || (t[66] = (x) => i.inputGroupValueToggleSwitchCheckbox = x),
                   toggleSwitches: !0,
                   colored: !0,
                   required: "required",
@@ -23025,7 +23084,7 @@ function wv(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[157] || (t[157] = o("dt", null, "Selected value(s):", -1)),
+                  t[158] || (t[158] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValueToggleSwitchCheckbox), 1)
                   ])
@@ -23035,14 +23094,14 @@ function wv(e, t, n, s, i, l) {
                   inputElements: l.idForReplacedInputsInInputGroup("radio-group-toggle-switch"),
                   inputTypes: "radio",
                   modelValue: i.inputGroupValueToggleSwitchRadio,
-                  "onUpdate:modelValue": t[67] || (t[67] = (C) => i.inputGroupValueToggleSwitchRadio = C),
+                  "onUpdate:modelValue": t[67] || (t[67] = (x) => i.inputGroupValueToggleSwitchRadio = x),
                   toggleSwitches: !0,
                   required: "required",
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[158] || (t[158] = o("dt", null, "Selected value(s):", -1)),
+                  t[159] || (t[159] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValueToggleSwitchRadio), 1)
                   ])
@@ -23053,12 +23112,12 @@ function wv(e, t, n, s, i, l) {
                   inputTypes: "radio",
                   multipleSwitch: !0,
                   modelValue: i.inputGroupValue3,
-                  "onUpdate:modelValue": t[68] || (t[68] = (C) => i.inputGroupValue3 = C),
+                  "onUpdate:modelValue": t[68] || (t[68] = (x) => i.inputGroupValue3 = x),
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[159] || (t[159] = o("dt", null, "Selected value(s):", -1)),
+                  t[160] || (t[160] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValue3), 1)
                   ])
@@ -23070,21 +23129,21 @@ function wv(e, t, n, s, i, l) {
                   multipleSwitch: !0,
                   required: !0,
                   modelValue: i.inputGroupValue4,
-                  "onUpdate:modelValue": t[69] || (t[69] = (C) => i.inputGroupValue4 = C),
+                  "onUpdate:modelValue": t[69] || (t[69] = (x) => i.inputGroupValue4 = x),
                   stretchHorizontally: !0,
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[160] || (t[160] = o("dt", null, "Selected value(s):", -1)),
+                  t[161] || (t[161] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValue4), 1)
                   ])
                 ])
               ]),
-              o("div", F1, [
-                t[180] || (t[180] = o("small", null, "(values will not be submitted with the form!)", -1)),
-                o("div", V1, [
+              o("div", V1, [
+                t[181] || (t[181] = o("small", null, "(values will not be submitted with the form!)", -1)),
+                o("div", A1, [
                   p(T, {
                     element: "button",
                     nativeButton: { text: "Submit-button from component" },
@@ -23097,10 +23156,10 @@ function wv(e, t, n, s, i, l) {
                     class: "button",
                     type: "submit",
                     disabled: i.disabledStatus
-                  }, t[179] || (t[179] = [
+                  }, t[180] || (t[180] = [
                     o("span", { class: "icon-check" }, null, -1),
                     o("span", null, "Native submit-button", -1)
-                  ]), 8, A1)
+                  ]), 8, P1)
                 ])
               ])
             ]),
@@ -23115,13 +23174,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", P1, [
-            t[183] || (t[183] = o("span", null, "Bank Account Data", -1)),
+          o("h2", E1, [
+            t[184] || (t[184] = o("span", null, "Bank Account Data", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[70] || (t[70] = S((C) => l.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
+              onClick: t[70] || (t[70] = S((x) => l.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
             })
           ]),
           p(V, I({ "account-data": i.bankAccountData }, e.cmdBankAccountDataSettingsData, { ref: "CmdBankAccountData" }), null, 16, ["account-data"])
@@ -23130,13 +23189,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", E1, [
-            t[184] || (t[184] = o("span", null, "Basic Form", -1)),
+          o("h2", H1, [
+            t[185] || (t[185] = o("span", null, "Basic Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[71] || (t[71] = S((C) => l.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
+              onClick: t[71] || (t[71] = S((x) => l.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
             })
           ]),
           p(R, {
@@ -23152,9 +23211,9 @@ function wv(e, t, n, s, i, l) {
             }
           }, null, 512),
           o("dl", null, [
-            t[185] || (t[185] = o("dt", null, "originalEvent", -1)),
+            t[186] || (t[186] = o("dt", null, "originalEvent", -1)),
             o("dd", null, y(i.basicFormData.originalEvent), 1),
-            t[186] || (t[186] = o("dt", null, "formdata", -1)),
+            t[187] || (t[187] = o("dt", null, "formdata", -1)),
             o("dd", null, y(i.basicFormData.formData), 1)
           ])
         ]),
@@ -23162,14 +23221,14 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, { anchorId: "section-boxes" }, {
         default: w(() => [
-          t[205] || (t[205] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
-          o("h3", H1, [
-            t[187] || (t[187] = o("span", null, "Default Box", -1)),
+          t[206] || (t[206] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
+          o("h3", q1, [
+            t[188] || (t[188] = o("span", null, "Default Box", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[72] || (t[72] = S((C) => l.openSettingsSidebar("CmdBox"), ["prevent"]))
+              onClick: t[72] || (t[72] = S((x) => l.openSettingsSidebar("CmdBox"), ["prevent"]))
             })
           ]),
           p(d, I({ ref: "CmdBox" }, e.cmdBoxSettingsData, {
@@ -23178,17 +23237,17 @@ function wv(e, t, n, s, i, l) {
             "cmd-headline": { headlineText: "Headline for box", headlineLevel: 4 },
             stretchVertically: !0
           }), {
-            header: w(() => t[188] || (t[188] = [
+            header: w(() => t[189] || (t[189] = [
               o("h4", null, " Texts given by slots ", -1)
             ])),
-            body: w(() => t[189] || (t[189] = [
+            body: w(() => t[190] || (t[190] = [
               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: w(() => t[190] || (t[190] = [
+            footer: w(() => t[191] || (t[191] = [
               o("p", null, " Footer content ", -1)
             ])),
             _: 1
@@ -23199,10 +23258,10 @@ function wv(e, t, n, s, i, l) {
             useGap: !0
           }, {
             default: w(() => [
-              (a(), r(_, null, q(14, (C) => p(d, {
-                key: C,
+              (a(), r(_, null, q(14, (x) => p(d, {
+                key: x,
                 textBody: "Content",
-                "cmd-headline": { headlineText: "Headline " + C, headlineLevel: 4 }
+                "cmd-headline": { headlineText: "Headline " + x, headlineLevel: 4 }
               }, null, 8, ["cmd-headline"])), 64))
             ]),
             _: 1
@@ -23218,7 +23277,7 @@ function wv(e, t, n, s, i, l) {
                 useSlots: ["body"],
                 "cutoff-text-lines": 4
               }, {
-                body: w(() => t[191] || (t[191] = [
+                body: w(() => t[192] || (t[192] = [
                   H(" 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
@@ -23227,17 +23286,17 @@ function wv(e, t, n, s, i, l) {
                 useSlots: ["header", "body", "footer"],
                 allowContentToScroll: !0
               }, {
-                header: w(() => t[192] || (t[192] = [
+                header: w(() => t[193] || (t[193] = [
                   o("h4", null, " Texts given by slots ", -1)
                 ])),
-                body: w(() => t[193] || (t[193] = [
+                body: w(() => t[194] || (t[194] = [
                   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: w(() => t[194] || (t[194] = [
+                footer: w(() => t[195] || (t[195] = [
                   o("p", null, " Footer content ", -1)
                 ])),
                 _: 1
@@ -23247,7 +23306,7 @@ function wv(e, t, n, s, i, l) {
                 useBoxBodyPadding: !1,
                 collapsible: !0
               }, {
-                header: w(() => t[195] || (t[195] = [
+                header: w(() => t[196] || (t[196] = [
                   o("h4", null, " Box with inputs ", -1)
                 ])),
                 body: w(() => [
@@ -23271,7 +23330,7 @@ function wv(e, t, n, s, i, l) {
                     _: 1
                   })
                 ]),
-                footer: w(() => t[196] || (t[196] = [
+                footer: w(() => t[197] || (t[197] = [
                   o("p", null, " footer content ", -1)
                 ])),
                 _: 1
@@ -23280,11 +23339,11 @@ function wv(e, t, n, s, i, l) {
                 useSlots: ["header", "body"],
                 useBoxBodyPadding: !1
               }, {
-                header: w(() => t[197] || (t[197] = [
+                header: w(() => t[198] || (t[198] = [
                   o("h4", null, " Box with links ", -1)
                 ])),
                 body: w(() => [
-                  o("ul", q1, [
+                  o("ul", R1, [
                     o("li", null, [
                       o("a", {
                         href: "#",
@@ -23315,7 +23374,7 @@ function wv(e, t, n, s, i, l) {
                     ])
                   ])
                 ]),
-                footer: w(() => t[198] || (t[198] = [
+                footer: w(() => t[199] || (t[199] = [
                   o("p", null, " footer content ", -1)
                 ])),
                 _: 1
@@ -23326,10 +23385,10 @@ function wv(e, t, n, s, i, l) {
                 cmdHeadline: { headlineText: "Collapsible box", headlineLevel: 4 },
                 collapsible: !0
               }, {
-                header: w(() => t[199] || (t[199] = [
+                header: w(() => t[200] || (t[200] = [
                   o("h4", null, " Collapsible box with image ", -1)
                 ])),
-                body: w(() => t[200] || (t[200] = [
+                body: w(() => t[201] || (t[201] = [
                   o("img", {
                     src: fi,
                     alt: "Alternative text"
@@ -23341,10 +23400,10 @@ function wv(e, t, n, s, i, l) {
                 useSlots: ["header", "body", "footer"],
                 useBoxBodyPadding: !1
               }, {
-                header: w(() => t[201] || (t[201] = [
+                header: w(() => t[202] || (t[202] = [
                   o("h4", null, " Box with image, content and link ", -1)
                 ])),
-                body: w(() => t[202] || (t[202] = [
+                body: w(() => t[203] || (t[203] = [
                   o("img", {
                     src: fi,
                     alt: "Alternative text"
@@ -23354,7 +23413,7 @@ function wv(e, t, n, s, i, l) {
                     o("p", null, "Image, custom-headline and this text for the component are given by slot")
                   ], -1)
                 ])),
-                footer: w(() => t[203] || (t[203] = [
+                footer: w(() => t[204] || (t[204] = [
                   o("p", null, [
                     o("a", { href: "#" }, "Read more…")
                   ], -1)
@@ -23387,43 +23446,43 @@ function wv(e, t, n, s, i, l) {
             ]),
             _: 1
           }),
-          t[206] || (t[206] = o("h3", null, "Product boxes", -1)),
-          o("div", R1, [
-            (a(!0), r(_, null, q(i.boxProductData, (C, z) => (a(), r("div", {
+          t[207] || (t[207] = o("h3", null, "Product boxes", -1)),
+          o("div", j1, [
+            (a(!0), r(_, null, q(i.boxProductData, (x, z) => (a(), r("div", {
               class: "grid-small-item",
               key: z
             }, [
               p(d, {
                 boxType: "product",
-                product: C,
+                product: x,
                 cmdHeadline: { headlineLevel: 4 }
               }, null, 8, ["product"])
             ]))), 128))
           ]),
-          t[207] || (t[207] = o("h3", null, "User boxes", -1)),
+          t[208] || (t[208] = o("h3", null, "User boxes", -1)),
           p(u, {
             boxesPerRow: [5, 2, 1],
             useRowViewAsDefault: !0,
             useGap: !0
           }, {
-            default: w((C) => [
+            default: w((x) => [
               (a(!0), r(_, null, q(i.boxUserData.length, (z) => (a(), k(d, {
                 key: z,
                 boxType: "user",
                 user: i.boxUserData[z - 1],
                 cmdHeadline: { headlineLevel: 5 },
-                rowView: C.rowView
+                rowView: x.rowView
               }, null, 8, ["user", "rowView"]))), 128))
             ]),
             _: 1
           }),
           o("h3", null, [
-            t[204] || (t[204] = o("span", null, "Boxes in BoxWrapper (collapsible)", -1)),
+            t[205] || (t[205] = o("span", null, "Boxes in BoxWrapper (collapsible)", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[77] || (t[77] = S((C) => l.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
+              onClick: t[77] || (t[77] = S((x) => l.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
             })
           ]),
           p(u, {
@@ -23435,19 +23494,19 @@ function wv(e, t, n, s, i, l) {
             "stretch-boxes-vertically": !0,
             useGap: !0
           }, {
-            default: w((C) => [
+            default: w((x) => [
               (a(!0), r(_, null, q(i.boxProductData.length, (z) => (a(), k(d, {
                 key: z,
                 boxType: "content",
                 collapsible: !0,
                 useSlots: ["body"],
                 cmdHeadline: { headlineText: "Box " + z, headlineLevel: 5 },
-                rowView: C.rowView,
-                openCollapsedBox: C.boxIsOpen(z - 1),
-                onToggleCollapse: (Se) => C.boxToggled(z - 1, Se)
+                rowView: x.rowView,
+                openCollapsedBox: x.boxIsOpen(z - 1),
+                onToggleCollapse: (Se) => x.boxToggled(z - 1, Se)
               }, {
                 body: w(() => [
-                  H(y(C.currentOpenBox) + "Content " + y(z), 1)
+                  H(y(x.currentOpenBox) + "Content " + y(z), 1)
                 ]),
                 _: 2
               }, 1032, ["cmdHeadline", "rowView", "openCollapsedBox", "onToggleCollapse"]))), 128))
@@ -23459,13 +23518,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, { "inner-component": "div" }, {
         default: w(() => [
-          o("h2", j1, [
-            t[208] || (t[208] = o("span", null, "Breadcrumbs", -1)),
+          o("h2", N1, [
+            t[209] || (t[209] = o("span", null, "Breadcrumbs", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[78] || (t[78] = S((C) => l.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
+              onClick: t[78] || (t[78] = S((x) => l.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
             })
           ]),
           p(J, I({
@@ -23478,13 +23537,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", N1, [
-            t[209] || (t[209] = o("span", null, "Company Logo", -1)),
+          o("h2", U1, [
+            t[210] || (t[210] = o("span", null, "Company Logo", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[79] || (t[79] = S((C) => l.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
+              onClick: t[79] || (t[79] = S((x) => l.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
             })
           ]),
           p(f, I({
@@ -23496,21 +23555,21 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", U1, [
-            t[210] || (t[210] = o("span", null, "Container", -1)),
+          o("h2", z1, [
+            t[211] || (t[211] = o("span", null, "Container", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[80] || (t[80] = S((C) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
+              onClick: t[80] || (t[80] = S((x) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
             })
           ]),
-          t[212] || (t[212] = o("h3", null, "Default Container", -1)),
+          t[213] || (t[213] = o("h3", null, "Default Container", -1)),
           p(Z, I({
             style: { border: "1px dotted gray" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData), null, 16),
-          t[213] || (t[213] = o("h3", null, "Container with default-text", -1)),
+          t[214] || (t[214] = o("h3", null, "Container with default-text", -1)),
           p(Z, {
             style: { border: "1px dotted gray" },
             ref: "CmdContainer",
@@ -23518,19 +23577,19 @@ function wv(e, t, n, s, i, l) {
             containerType: "flex",
             contentOrientation: "horizontal"
           }, null, 512),
-          t[214] || (t[214] = o("h3", null, "Container with vertical slots", -1)),
+          t[215] || (t[215] = o("h3", null, "Container with vertical slots", -1)),
           p(Z, I({
             style: { border: "1px dotted gray" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData), {
-            default: w(() => t[211] || (t[211] = [
+            default: w(() => t[212] || (t[212] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
             ])),
             _: 1
           }, 16),
-          t[215] || (t[215] = o("h3", null, "Container with horizontal slots", -1)),
+          t[216] || (t[216] = o("h3", null, "Container with horizontal slots", -1)),
           p(Z, I({
             style: { border: "1px dotted gray" },
             ref: "CmdContainer"
@@ -23555,15 +23614,15 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[217] || (t[217] = o("h2", {
+          t[218] || (t[218] = o("h2", {
             class: "headline-demopage",
             id: "section-cookie-disclaimer"
           }, "Cookie Disclaimer", -1)),
           o("a", {
             class: "button",
             href: "#",
-            onClick: t[81] || (t[81] = S((C) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
-          }, t[216] || (t[216] = [
+            onClick: t[81] || (t[81] = S((x) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
+          }, t[217] || (t[217] = [
             o("span", null, "Open Cookie Disclaimer", -1)
           ]))
         ]),
@@ -23571,11 +23630,11 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[218] || (t[218] = o("h2", {
+          t[219] || (t[219] = o("h2", {
             class: "headline-demopage",
             id: "section-forms"
           }, "Forms", -1)),
-          t[219] || (t[219] = o("h3", null, "Form elements given by data", -1)),
+          t[220] || (t[220] = o("h3", null, "Form elements given by data", -1)),
           p(U, {
             useFieldset: !0,
             useSlot: !1,
@@ -23584,7 +23643,7 @@ function wv(e, t, n, s, i, l) {
             formElements: i.formElementsData,
             onSubmit: l.doConsoleLog
           }, null, 8, ["formElements", "onSubmit"]),
-          t[220] || (t[220] = o("h3", null, "Form elements given by slot", -1)),
+          t[221] || (t[221] = o("h3", null, "Form elements given by slot", -1)),
           p(U, {
             "use-fieldset": !0,
             id: "form-component",
@@ -23622,52 +23681,52 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[224] || (t[224] = o("h2", {
+          t[225] || (t[225] = o("h2", {
             class: "headline-demopage",
             id: "section-fancybox"
           }, "Fancybox", -1)),
-          t[225] || (t[225] = o("h3", null, "FancyBox with text", -1)),
+          t[226] || (t[226] = o("h3", null, "FancyBox with text", -1)),
           o("a", {
             href: "#",
-            onClick: t[82] || (t[82] = S((C) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
+            onClick: t[82] || (t[82] = S((x) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
           }, "Open FancyBox with text"),
-          t[226] || (t[226] = o("h3", null, "FancyBox with large image given by url", -1)),
+          t[227] || (t[227] = o("h3", null, "FancyBox with large image given by url", -1)),
           o("a", {
             href: "#",
-            onClick: t[83] || (t[83] = S((C) => l.showFancyBox("url", "/media/images/demo-images/large/landscape-01.jpg", "FancyBox with large image given by url"), ["prevent"])),
+            onClick: t[83] || (t[83] = S((x) => 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[221] || (t[221] = [
+          }, t[222] || (t[222] = [
             o("img", {
-              src: WC,
+              src: GC,
               alt: "Alternative text"
             }, null, -1)
           ])),
-          t[227] || (t[227] = o("h3", null, "FancyBox with large image given by property", -1)),
+          t[228] || (t[228] = o("h3", null, "FancyBox with large image given by property", -1)),
           o("a", {
             href: "#",
-            onClick: t[84] || (t[84] = S((C) => l.showFancyBox("image", { large: "/media/images/demo-images/large/landscape-02.jpg" }, "FancyBox with large image given by property"), ["prevent"])),
+            onClick: t[84] || (t[84] = S((x) => 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[222] || (t[222] = [
+          }, t[223] || (t[223] = [
             o("img", {
-              src: GC,
+              src: KC,
               alt: "Alternative text"
             }, null, -1)
           ])),
-          t[228] || (t[228] = o("h3", null, "FancyBox with image as object give by property", -1)),
+          t[229] || (t[229] = o("h3", null, "FancyBox with image as object give by property", -1)),
           o("a", {
             href: "#",
-            onClick: t[85] || (t[85] = S((C) => l.showFancyBox("image", {
+            onClick: t[85] || (t[85] = S((x) => 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[223] || (t[223] = [
+          }, t[224] || (t[224] = [
             o("img", {
-              src: KC,
+              src: YC,
               alt: "Alternative text"
             }, null, -1)
           ]))
@@ -23676,18 +23735,18 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[231] || (t[231] = o("h2", {
+          t[232] || (t[232] = o("h2", {
             class: "headline-demopage",
             id: "section-flexible-scroll-container"
           }, "Flexible Scroll-Container", -1)),
           p(Q, { style: { border: "1px dotted gray" } }, {
-            "fixed-wrapper": w(() => t[229] || (t[229] = [
+            "fixed-wrapper": w(() => t[230] || (t[230] = [
               o("div", {
                 class: "default-padding",
                 style: { border: "1px dotted gray" }
               }, " Fixed content ", -1)
             ])),
-            "scroll-wrapper": w(() => t[230] || (t[230] = [
+            "scroll-wrapper": w(() => t[231] || (t[231] = [
               o("div", {
                 class: "default-padding",
                 style: { border: "1px dotted gray" }
@@ -23727,7 +23786,7 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[232] || (t[232] = o("h2", {
+          t[233] || (t[233] = o("h2", {
             class: "headline-demopage",
             id: "section-google-maps"
           }, "Google Maps™", -1)),
@@ -23739,13 +23798,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", z1, [
-            t[233] || (t[233] = o("span", null, "Headlines", -1)),
+          o("h2", W1, [
+            t[234] || (t[234] = o("span", null, "Headlines", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[86] || (t[86] = S((C) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
+              onClick: t[86] || (t[86] = S((x) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
             })
           ]),
           p(ne, I({ ref: "CmdHeadline" }, e.cmdHeadlineSettingsData), null, 16),
@@ -23764,7 +23823,7 @@ function wv(e, t, n, s, i, l) {
             ref: "CmdHeadline",
             headlineLevel: "3"
           }, {
-            default: w(() => t[234] || (t[234] = [
+            default: w(() => t[235] || (t[235] = [
               H(" Headline text"),
               o("br", null, null, -1),
               H(" with html-content given by slot ")
@@ -23776,29 +23835,29 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[240] || (t[240] = o("h2", {
+          t[241] || (t[241] = o("h2", {
             class: "headline-demopage",
             id: "section-icons"
           }, "Icons", -1)),
           o("ul", null, [
             o("li", null, [
-              t[235] || (t[235] = o("span", null, "Icon from local iconfont", -1)),
+              t[236] || (t[236] = o("span", null, "Icon from local iconfont", -1)),
               p(ie, { iconClass: "icon-home" })
             ]),
             o("li", null, [
-              t[236] || (t[236] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
+              t[237] || (t[237] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
               p(ie, { iconClass: "icomoon-free:home" })
             ]),
             o("li", null, [
-              t[237] || (t[237] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
+              t[238] || (t[238] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
               p(ie, { iconClass: "bi:house-fill" })
             ]),
             o("li", null, [
-              t[238] || (t[238] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
+              t[239] || (t[239] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
               p(ie, { iconClass: "mdi:home" })
             ]),
             o("li", null, [
-              t[239] || (t[239] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
+              t[240] || (t[240] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
               p(ie, { iconClass: "fa6-solid:house-chimney" })
             ])
           ])
@@ -23807,16 +23866,16 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", W1, [
-            t[241] || (t[241] = o("span", null, "Image", -1)),
+          o("h2", G1, [
+            t[242] || (t[242] = o("span", null, "Image", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[87] || (t[87] = S((C) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
+              onClick: t[87] || (t[87] = S((x) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
             })
           ]),
-          o("div", G1, [
+          o("div", K1, [
             p(se, I({
               ref: "CmdImage",
               image: i.imageData[0].image,
@@ -23832,13 +23891,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", K1, [
-            t[242] || (t[242] = o("span", null, "Image-Gallery", -1)),
+          o("h2", Y1, [
+            t[243] || (t[243] = o("span", null, "Image-Gallery", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[88] || (t[88] = S((C) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
+              onClick: t[88] || (t[88] = S((x) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
             })
           ]),
           p(me, I({
@@ -23850,7 +23909,7 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[243] || (t[243] = o("h2", {
+          t[244] || (t[244] = o("h2", {
             class: "headline-demopage",
             id: "section-image-zoom"
           }, " Image-Zoom ", -1)),
@@ -23863,10 +23922,10 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => {
-          var C, z, Se, Ne, Ye, Je;
+          var x, z, Se, Ne, Ye, Je;
           return [
-            o("h2", Y1, [
-              t[244] || (t[244] = o("span", null, "Link", -1)),
+            o("h2", J1, [
+              t[245] || (t[245] = o("span", null, "Link", -1)),
               o("a", {
                 href: "#",
                 class: "button small icon-cog",
@@ -23933,12 +23992,12 @@ function wv(e, t, n, s, i, l) {
               fancybox: !0,
               icon: { iconClass: "icon-chevron-one-stripe-right", position: "right", tooltip: "Tooltip for hyperlink" }
             })) : m("", !0),
-            o("dl", J1, [
-              t[245] || (t[245] = o("dt", null, "Event:", -1)),
-              o("dd", null, y((z = (C = i.outputCmdLink) == null ? void 0 : C.event) == null ? void 0 : z.originalEvent.originalEvent), 1),
-              t[246] || (t[246] = o("dt", null, "Target:", -1)),
+            o("dl", Z1, [
+              t[246] || (t[246] = o("dt", null, "Event:", -1)),
+              o("dd", null, y((z = (x = i.outputCmdLink) == null ? void 0 : x.event) == null ? void 0 : z.originalEvent.originalEvent), 1),
+              t[247] || (t[247] = o("dt", null, "Target:", -1)),
               o("dd", null, y((Ne = (Se = i.outputCmdLink) == null ? void 0 : Se.event) == null ? void 0 : Ne.originalEvent.target), 1),
-              t[247] || (t[247] = o("dt", null, "LinkType:", -1)),
+              t[248] || (t[248] = o("dt", null, "LinkType:", -1)),
               o("dd", null, y((Je = (Ye = i.outputCmdLink) == null ? void 0 : Ye.event) == null ? void 0 : Je.originalEvent.linkType), 1)
             ])
           ];
@@ -23947,10 +24006,10 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => {
-          var C, z, Se, Ne, Ye, Je;
+          var x, z, Se, Ne, Ye, Je;
           return [
-            o("h2", Z1, [
-              t[248] || (t[248] = o("span", null, "List", -1)),
+            o("h2", Q1, [
+              t[249] || (t[249] = o("span", null, "List", -1)),
               o("a", {
                 href: "#",
                 class: "button small icon-cog",
@@ -23966,12 +24025,12 @@ function wv(e, t, n, s, i, l) {
               listType: "links",
               onClick: l.cmdLinkOutput
             }), null, 16, ["items", "onClick"]),
-            o("dl", Q1, [
-              t[249] || (t[249] = o("dt", null, "Event:", -1)),
-              o("dd", null, y((z = (C = i.outputCmdLink) == null ? void 0 : C.event) == null ? void 0 : z.originalEvent), 1),
-              t[250] || (t[250] = o("dt", null, "Target:", -1)),
+            o("dl", X1, [
+              t[250] || (t[250] = o("dt", null, "Event:", -1)),
+              o("dd", null, y((z = (x = i.outputCmdLink) == null ? void 0 : x.event) == null ? void 0 : z.originalEvent), 1),
+              t[251] || (t[251] = o("dt", null, "Target:", -1)),
               o("dd", null, y((Ne = (Se = i.outputCmdLink) == null ? void 0 : Se.event) == null ? void 0 : Ne.originalEvent.target), 1),
-              t[251] || (t[251] = o("dt", null, "LinkType:", -1)),
+              t[252] || (t[252] = o("dt", null, "LinkType:", -1)),
               o("dd", null, y((Je = (Ye = i.outputCmdLink) == null ? void 0 : Ye.event) == null ? void 0 : Je.linkType), 1)
             ]),
             p(g, {
@@ -23992,20 +24051,20 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", X1, [
-            t[252] || (t[252] = o("span", null, "Login Form", -1)),
+          o("h2", $1, [
+            t[253] || (t[253] = o("span", null, "Login Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[92] || (t[92] = S((C) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
+              onClick: t[92] || (t[92] = S((x) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
             })
           ]),
           p(U, { "use-fieldset": !1 }, {
             default: w(() => [
               p(fe, I({ ref: "CmdLoginForm" }, e.cmdLoginFormSettingsData, {
                 modelValue: i.loginData,
-                "onUpdate:modelValue": t[93] || (t[93] = (C) => i.loginData = C)
+                "onUpdate:modelValue": t[93] || (t[93] = (x) => i.loginData = x)
               }), null, 16, ["modelValue"])
             ]),
             _: 1
@@ -24016,7 +24075,7 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[253] || (t[253] = o("h2", {
+          t[254] || (t[254] = o("h2", {
             class: "headline-demopage",
             id: "section-mail-tool"
           }, [
@@ -24032,13 +24091,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", $1, [
-            t[254] || (t[254] = o("span", null, "Main Navigation", -1)),
+          o("h2", ev, [
+            t[255] || (t[255] = o("span", null, "Main Navigation", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[94] || (t[94] = S((C) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
+              onClick: t[94] || (t[94] = S((x) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
             })
           ]),
           p(A, I({ ref: "CmdMainNavigation" }, e.cmdMainNavigationSettingsData, { navigationEntries: l.navigationDataModified }), null, 16, ["navigationEntries"]),
@@ -24048,21 +24107,28 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", ev, [
-            t[255] || (t[255] = o("span", null, "Multistepform-Progressbar", -1)),
+          o("h2", tv, [
+            t[256] || (t[256] = o("span", null, "Multistepform-Progressbar", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[95] || (t[95] = S((C) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
+              onClick: t[95] || (t[95] = S((x) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
             })
           ]),
-          t[256] || (t[256] = o("h3", null, "Steps with icons", -1)),
-          p(ye, I({
+          t[257] || (t[257] = o("h3", null, "Steps with icons", -1)),
+          p(ge, I({
             ref: "CmdMultistepFormProgressBar",
             multisteps: i.multistepsData.withIcon
           }, e.cmdMultistepFormProgressBarSettingsData, {
-            onClick: t[96] || (t[96] = (C) => i.showPageMultistep = C.index + 1)
+            onClick: t[96] || (t[96] = (x) => i.showPageMultistep = x.index + 1)
+          }), null, 16, ["multisteps"]),
+          t[258] || (t[258] = o("h3", null, "Router", -1)),
+          p(ge, I({
+            ref: "CmdMultistepFormProgressBar",
+            multisteps: i.multistepsData.router
+          }, e.cmdMultistepFormProgressBarSettingsData, {
+            onClick: t[97] || (t[97] = (x) => i.showPageMultistep = x.index + 1)
           }), null, 16, ["multisteps"]),
           o("div", null, [
             o("p", null, "Page " + y(i.showPageMultistep), 1)
@@ -24072,20 +24138,20 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", tv, [
-            t[257] || (t[257] = o("span", null, "Newsletter Subscription", -1)),
+          o("h2", nv, [
+            t[259] || (t[259] = o("span", null, "Newsletter Subscription", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[97] || (t[97] = S((C) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
+              onClick: t[98] || (t[98] = S((x) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
             })
           ]),
           p(U, { "use-fieldset": !1 }, {
             default: w(() => [
               p(Te, I({ ref: "CmdNewsletterSubscription" }, e.cmdNewsletterSubscriptionSettingsData, {
                 modelValue: i.newsletter,
-                "onUpdate:modelValue": t[98] || (t[98] = (C) => i.newsletter = C),
+                "onUpdate:modelValue": t[99] || (t[99] = (x) => i.newsletter = x),
                 onButtonClick: l.submitNewsletterRegistration
               }), null, 16, ["modelValue", "onButtonClick"])
             ]),
@@ -24096,13 +24162,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", nv, [
-            t[258] || (t[258] = o("span", null, "Opening Hours", -1)),
+          o("h2", iv, [
+            t[260] || (t[260] = o("span", null, "Opening Hours", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[99] || (t[99] = S((C) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
+              onClick: t[100] || (t[100] = S((x) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
             })
           ]),
           p(De, I({ ref: "CmdOpeningHours" }, e.cmdOpeningHoursSettingsData, {
@@ -24115,20 +24181,20 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", iv, [
-            t[259] || (t[259] = o("span", null, "Page Footer", -1)),
+          o("h2", lv, [
+            t[261] || (t[261] = o("span", null, "Page Footer", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[100] || (t[100] = S((C) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
+              onClick: t[101] || (t[101] = S((x) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
             })
           ]),
           p(Me, I({ ref: "CmdPageFooter" }, e.cmdPageFooterSettingsData, {
             "button-print-view": { text: "Print this page" },
             cmdSocialNetworks: i.socialNetworksData
           }), {
-            default: w(() => t[260] || (t[260] = [
+            default: w(() => t[262] || (t[262] = [
               o("button", {
                 class: "button primary",
                 title: "Button given by slot"
@@ -24144,13 +24210,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", lv, [
-            t[261] || (t[261] = o("span", null, "Page Header", -1)),
+          o("h2", ov, [
+            t[263] || (t[263] = o("span", null, "Page Header", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[101] || (t[101] = S((C) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
+              onClick: t[102] || (t[102] = S((x) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
             })
           ]),
           p(de, {
@@ -24158,7 +24224,7 @@ function wv(e, t, n, s, i, l) {
             cmdBreadcrumbs: i.breadcrumbsData,
             cmdHeadline: { headlineText: "Main headline for page", headlineLevel: 1 }
           }, {
-            default: w(() => t[262] || (t[262] = [
+            default: w(() => t[264] || (t[264] = [
               o("a", {
                 href: "#",
                 title: "Link given by slot"
@@ -24174,54 +24240,54 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", ov, [
-            t[263] || (t[263] = o("span", null, "Pagination", -1)),
+          o("h2", av, [
+            t[265] || (t[265] = o("span", null, "Pagination", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[102] || (t[102] = S((C) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
+              onClick: t[103] || (t[103] = S((x) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
             })
           ]),
           o("div", null, [
             o("p", null, "Page " + y(i.showPagePager), 1)
           ]),
           p(st, I({ ref: "CmdPagination" }, e.cmdPaginationSettingsData, {
-            onClick: t[103] || (t[103] = (C) => i.showPagePager = C)
+            onClick: t[104] || (t[104] = (x) => i.showPagePager = x)
           }), null, 16)
         ]),
         _: 1
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", av, [
-            t[264] || (t[264] = o("span", null, "Section", -1)),
+          o("h2", sv, [
+            t[266] || (t[266] = o("span", null, "Section", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[104] || (t[104] = S((C) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
+              onClick: t[105] || (t[105] = S((x) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
             })
           ]),
-          t[267] || (t[267] = o("h3", null, "Section with content provided by properties", -1)),
+          t[269] || (t[269] = o("h3", null, "Section with content provided by properties", -1)),
           p(je, {
             cmdHeadline: { headlineText: "Headline for section provided by property", headlineLevel: 4 },
             content: "Content for section provided by property."
           }),
-          t[268] || (t[268] = o("h3", null, "Section with content provided by slot", -1)),
+          t[270] || (t[270] = o("h3", null, "Section with content provided by slot", -1)),
           p(je, { useSlot: !0 }, {
-            default: w(() => t[265] || (t[265] = [
+            default: w(() => t[267] || (t[267] = [
               o("h4", null, "Headline for section provided by slot", -1),
               o("p", null, "Content for section provided by slot.", -1)
             ])),
             _: 1
           }),
-          t[269] || (t[269] = o("h3", null, "Section styled as box", -1)),
+          t[271] || (t[271] = o("h3", null, "Section styled as box", -1)),
           p(je, {
             useSlot: !0,
             styleAsBox: !0
           }, {
-            default: w(() => t[266] || (t[266] = [
+            default: w(() => t[268] || (t[268] = [
               o("h4", null, "Headline for section styled as box", -1),
               o("p", null, "Content for section styled as box.", -1)
             ])),
@@ -24232,7 +24298,7 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[270] || (t[270] = o("h2", {
+          t[272] || (t[272] = o("h2", {
             class: "headline-demopage",
             id: "section-site-footer"
           }, "Site Footer", -1)),
@@ -24253,13 +24319,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", sv, [
-            t[271] || (t[271] = o("span", null, "Site Header", -1)),
+          o("h2", rv, [
+            t[273] || (t[273] = o("span", null, "Site Header", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[105] || (t[105] = S((C) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
+              onClick: t[106] || (t[106] = S((x) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
             })
           ]),
           p(h, I({ ref: "CmdSiteHeader" }, e.cmdSiteHeaderSettingsData, { cmdCompanyLogo: i.companyLogoData }), {
@@ -24277,24 +24343,24 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", rv, [
-            t[272] || (t[272] = o("span", null, "Site Search", -1)),
+          o("h2", dv, [
+            t[274] || (t[274] = o("span", null, "Site Search", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[106] || (t[106] = S((C) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
+              onClick: t[107] || (t[107] = S((x) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
             })
           ]),
           p(rt, I({ ref: "CmdSiteSearch" }, e.cmdSiteSearchSettingsData, {
             modelValueInput1: i.siteSearchInput1,
-            "onUpdate:modelValueInput1": t[107] || (t[107] = (C) => i.siteSearchInput1 = C),
+            "onUpdate:modelValueInput1": t[108] || (t[108] = (x) => i.siteSearchInput1 = x),
             modelValueInput2: i.siteSearchInput2,
-            "onUpdate:modelValueInput2": t[108] || (t[108] = (C) => i.siteSearchInput2 = C),
+            "onUpdate:modelValueInput2": t[109] || (t[109] = (x) => i.siteSearchInput2 = x),
             modelValueRadius: i.radius,
-            "onUpdate:modelValueRadius": t[109] || (t[109] = (C) => i.radius = C),
+            "onUpdate:modelValueRadius": t[110] || (t[110] = (x) => i.radius = x),
             modelValueSearchFilters: i.filters,
-            "onUpdate:modelValueSearchFilters": t[110] || (t[110] = (C) => i.filters = C),
+            "onUpdate:modelValueSearchFilters": t[111] || (t[111] = (x) => i.filters = x),
             onSearch: l.siteSearchOutput,
             cmdFakeSelect: i.siteSearchFilters
           }), null, 16, ["modelValueInput1", "modelValueInput2", "modelValueRadius", "modelValueSearchFilters", "onSearch", "cmdFakeSelect"])
@@ -24303,17 +24369,17 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", dv, [
-            t[273] || (t[273] = o("span", null, "Slideshow", -1)),
+          o("h2", uv, [
+            t[275] || (t[275] = o("span", null, "Slideshow", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[111] || (t[111] = S((C) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
+              onClick: t[112] || (t[112] = S((x) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
             })
           ]),
           p(dt, I({ ref: "CmdSlideshow" }, e.cmdSlideshowSettingsData, { "slideshow-items": i.slideshowData }), {
-            default: w(() => t[274] || (t[274] = [
+            default: w(() => t[276] || (t[276] = [
               H("Slot-Content ")
             ])),
             _: 1
@@ -24323,13 +24389,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", uv, [
-            t[275] || (t[275] = o("span", null, "Social Networks", -1)),
+          o("h2", cv, [
+            t[277] || (t[277] = o("span", null, "Social Networks", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[112] || (t[112] = S((C) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
+              onClick: t[113] || (t[113] = S((x) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
             })
           ]),
           p(ut, I({ ref: "CmdSocialNetworks" }, { ...e.cmdSocialNetworksSettingsData, ...i.socialNetworksData }), null, 16)
@@ -24338,7 +24404,7 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          t[276] || (t[276] = o("h2", {
+          t[278] || (t[278] = o("h2", {
             class: "headline-demopage",
             id: "section-switch-language"
           }, "Switch Language", -1)),
@@ -24353,17 +24419,17 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", cv, [
-            t[277] || (t[277] = o("span", null, "System Message", -1)),
+          o("h2", mv, [
+            t[279] || (t[279] = o("span", null, "System Message", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[113] || (t[113] = S((C) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
+              onClick: t[114] || (t[114] = S((x) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
             })
           ]),
           p(K, I({ ref: "CmdSystemMessage" }, e.cmdSystemMessageSettingsData, { iconMessage: { iconClass: "icon-error-circle", show: !0 } }), {
-            default: w(() => t[278] || (t[278] = [
+            default: w(() => t[280] || (t[280] = [
               o("ul", null, [
                 o("li", null, "Error #1"),
                 o("li", null, "Error #2"),
@@ -24377,18 +24443,18 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", mv, [
-            t[279] || (t[279] = o("span", null, "Tables", -1)),
+          o("h2", pv, [
+            t[281] || (t[281] = o("span", null, "Tables", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[114] || (t[114] = S((C) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
+              onClick: t[115] || (t[115] = S((x) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
             })
           ]),
-          t[280] || (t[280] = o("h3", null, "Table as wide as its content (with caption)", -1)),
+          t[282] || (t[282] = o("h3", null, "Table as wide as its content (with caption)", -1)),
           p(In, I({ ref: "CmdTable" }, e.cmdTableSettingsData, { "table-data": i.tableDataLarge }), null, 16, ["table-data"]),
-          t[281] || (t[281] = o("h3", null, "Table as wide as possible", -1)),
+          t[283] || (t[283] = o("h3", null, "Table as wide as possible", -1)),
           p(In, {
             collapsible: !0,
             fullWidthOnDefault: !1,
@@ -24400,25 +24466,25 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", pv, [
-            t[282] || (t[282] = o("span", null, "Tabs", -1)),
+          o("h2", fv, [
+            t[284] || (t[284] = o("span", null, "Tabs", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[115] || (t[115] = S((C) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
+              onClick: t[116] || (t[116] = S((x) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
             })
           ]),
           p(Ol, I({ ref: "CmdTabs" }, e.cmdTabsSettingsData, { tabs: i.tabsData }), {
-            "tab-content-0": w(() => t[283] || (t[283] = [
+            "tab-content-0": w(() => t[285] || (t[285] = [
               o("h4", null, "Tab 1 headline", -1),
               o("p", null, "Slot-Content Tab 1", -1)
             ])),
-            "tab-content-1": w(() => t[284] || (t[284] = [
+            "tab-content-1": w(() => t[286] || (t[286] = [
               o("h4", null, "Tab 2 headline", -1),
               o("p", null, "Slot-Content Tab 2", -1)
             ])),
-            "tab-content-2": w(() => t[285] || (t[285] = [
+            "tab-content-2": w(() => t[287] || (t[287] = [
               o("h4", null, "Tab 3 headline", -1),
               o("p", null, "Slot-Content Tab 3", -1)
             ])),
@@ -24429,16 +24495,16 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", fv, [
-            t[286] || (t[286] = o("span", null, "Text-Image-Block", -1)),
+          o("h2", hv, [
+            t[288] || (t[288] = o("span", null, "Text-Image-Block", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[116] || (t[116] = S((C) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
+              onClick: t[117] || (t[117] = S((x) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
             })
           ]),
-          o("div", hv, [
+          o("div", gv, [
             p(Vt, {
               cmdHeadline: { headlineText: "Text-Image-Block (with html-text)", headlineLevel: 3 },
               htmlContent: "<p>This text is given as html-text and show below an optional image.</p>"
@@ -24483,20 +24549,20 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", gv, [
-            t[287] || (t[287] = o("span", null, "Thumbnail-Scroller", -1)),
+          o("h2", yv, [
+            t[289] || (t[289] = o("span", null, "Thumbnail-Scroller", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[117] || (t[117] = S((C) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
+              onClick: t[118] || (t[118] = S((x) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
             })
           ]),
           o("p", null, " date (YMD/default): " + y(l.formatDate("2025-01-28", "", "-")), 1),
           o("p", null, " date (DMY): " + y(l.formatDate("2025-01-28", "dmy")), 1),
           o("p", null, " date (MDY): " + y(l.formatDate("2025-01-28", "mdy", "/")), 1),
           o("p", null, " date (invalid)): " + y(l.formatDate("invalid")), 1),
-          o("div", yv, [
+          o("div", bv, [
             p(Ll, I({ ref: "CmdThumbnailScroller" }, e.cmdThumbnailScrollerSettingsData, { thumbnailScrollerItems: l.thumbnailScrollerData }), null, 16, ["thumbnailScrollerItems"])
           ])
         ]),
@@ -24504,13 +24570,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", bv, [
-            t[288] || (t[288] = o("span", null, "Toggle Dark-Mode", -1)),
+          o("h2", xv, [
+            t[290] || (t[290] = o("span", null, "Toggle Dark-Mode", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[118] || (t[118] = S((C) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
+              onClick: t[119] || (t[119] = S((x) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
             })
           ]),
           p(Il, I({ ref: "CmdToggleDarkMode" }, e.cmdToggleDarkModeSettingsData), null, 16)
@@ -24519,33 +24585,33 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", xv, [
-            t[289] || (t[289] = o("span", null, "Tooltip", -1)),
+          o("h2", Cv, [
+            t[291] || (t[291] = o("span", null, "Tooltip", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[119] || (t[119] = S((C) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
+              onClick: t[120] || (t[120] = S((x) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
             })
           ]),
           o("p", null, [
             o("a", {
               href: "#",
-              onClick: t[120] || (t[120] = S(() => {
+              onClick: t[121] || (t[121] = S(() => {
               }, ["prevent"])),
               id: "show-on-hover"
             }, "Show tooltip on hover!"),
-            t[290] || (t[290] = o("br", null, null, -1)),
+            t[292] || (t[292] = o("br", null, null, -1)),
             o("a", {
               href: "#",
-              onClick: t[121] || (t[121] = S(() => {
+              onClick: t[122] || (t[122] = S(() => {
               }, ["prevent"])),
               id: "show-with-delay"
             }, "Show tooltip on hover with delay!"),
-            t[291] || (t[291] = o("br", null, null, -1)),
+            t[293] || (t[293] = o("br", null, null, -1)),
             o("a", {
               href: "#",
-              onClick: t[122] || (t[122] = S(() => {
+              onClick: t[123] || (t[123] = S(() => {
               }, ["prevent"])),
               id: "show-on-click",
               title: "Native tooltip"
@@ -24555,7 +24621,7 @@ function wv(e, t, n, s, i, l) {
             ref: "CmdTooltip",
             "related-id": "show-on-hover"
           }, e.cmdTooltipSettingsData), {
-            default: w(() => t[292] || (t[292] = [
+            default: w(() => t[294] || (t[294] = [
               H(" Tooltip on hover ")
             ])),
             _: 1
@@ -24564,7 +24630,7 @@ function wv(e, t, n, s, i, l) {
             "delay-to-show-tooltip": 2e3,
             "related-id": "show-with-delay"
           }, {
-            default: w(() => t[293] || (t[293] = [
+            default: w(() => t[295] || (t[295] = [
               H(" Tooltip on hover with delay ")
             ])),
             _: 1
@@ -24574,7 +24640,7 @@ function wv(e, t, n, s, i, l) {
             "toggle-visibility-by-click": !0,
             allowEscapeKey: !0
           }, {
-            default: w(() => t[294] || (t[294] = [
+            default: w(() => t[296] || (t[296] = [
               H(" Tooltip on click ")
             ])),
             _: 1
@@ -24584,13 +24650,13 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", Cv, [
-            t[295] || (t[295] = o("span", null, "Upload-Form", -1)),
+          o("h2", vv, [
+            t[297] || (t[297] = o("span", null, "Upload-Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[123] || (t[123] = S((C) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
+              onClick: t[124] || (t[124] = S((x) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
             })
           ]),
           p(Bl, I({ ref: "CmdUploadForm" }, e.cmdUploadFormSettingsData), null, 16)
@@ -24599,20 +24665,20 @@ function wv(e, t, n, s, i, l) {
       }),
       p(v, null, {
         default: w(() => [
-          o("h2", vv, [
-            t[296] || (t[296] = o("span", null, "Width Limitation Wrapper", -1)),
+          o("h2", kv, [
+            t[298] || (t[298] = o("span", null, "Width Limitation Wrapper", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[124] || (t[124] = S((C) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
+              onClick: t[125] || (t[125] = S((x) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
             })
           ]),
           p(v, I({
             style: { border: "1px dotted gray" },
             ref: "CmdWidthLimitationWrapper"
           }, e.cmdWidthLimitationWrapperSettingsData), {
-            default: w(() => t[297] || (t[297] = [
+            default: w(() => t[299] || (t[299] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
@@ -24622,9 +24688,9 @@ function wv(e, t, n, s, i, l) {
         ]),
         _: 1
       })
-    ])) : (a(), r("main", kv, [
+    ])) : (a(), r("main", wv, [
       p(v, null, {
-        default: w(() => t[298] || (t[298] = [
+        default: w(() => t[300] || (t[300] = [
           o("h1", { class: "headline-demopage" }, "Page Overview", -1)
         ])),
         _: 1
@@ -24632,7 +24698,7 @@ function wv(e, t, n, s, i, l) {
       p(Dl)
     ])),
     p(Ke, null, {
-      default: w(() => t[299] || (t[299] = [
+      default: w(() => t[301] || (t[301] = [
         H(" Slot-Content for Site-Footer ")
       ])),
       _: 1
@@ -24650,7 +24716,7 @@ function wv(e, t, n, s, i, l) {
           cookieOptions: i.cookieDisclaimerData,
           onCloseCookieDisclaimer: l.closeCookieDisclaimer,
           modelValue: i.acceptedCookies,
-          "onUpdate:modelValue": t[125] || (t[125] = (C) => i.acceptedCookies = C),
+          "onUpdate:modelValue": t[126] || (t[126] = (x) => i.acceptedCookies = x),
           cmdHeadlineCookieDisclaimer: { show: !1 },
           privacyText: "By browsing this website you accept the usage and saving of anonymous data!"
         }, null, 8, ["cookieOptions", "onCloseCookieDisclaimer", "modelValue"])
@@ -24675,11 +24741,11 @@ function wv(e, t, n, s, i, l) {
       ]),
       _: 1
     }, 8, ["openSidebar", "onToggleSidebar"])) : m("", !0)
-  ], 8, JC)), [
+  ], 8, ZC)), [
     [Pl]
   ]);
 }
-const Mv = /* @__PURE__ */ F(YC, [["render", wv]]), Fv = {
+const Av = /* @__PURE__ */ F(JC, [["render", Tv]]), Pv = {
   // el = real dom-element
   mounted(e) {
     if (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A")
@@ -24689,7 +24755,7 @@ const Mv = /* @__PURE__ */ F(YC, [["render", wv]]), Fv = {
       t ? t.focus() : console.warn("No input-element for focus-directive on element " + e.tagName + " found!");
     }
   }
-}, Vv = {
+}, Ev = {
   // el = real dom-element
   // binding.value = value of v-directive
   mounted(e, t) {
@@ -24705,8 +24771,8 @@ function _l(e) {
       n.preventDefault(), we({ url: e[t].href });
     }), e[t].dataset.cmdFancyBoxHandlerRegistered = "true");
 }
-const pt = new MutationObserver(Tv);
-function Tv(e) {
+const pt = new MutationObserver(Sv);
+function Sv(e) {
   const t = [];
   for (let n = 0; n < e.length; n++)
     if (e[n].type === "attributes")
@@ -24717,7 +24783,7 @@ function Tv(e) {
     }
   t.length > 0 && _l(t);
 }
-const Av = (e) => {
+const Hv = (e) => {
   const t = e.querySelectorAll(".fancybox");
   _l(t), pt == null || pt.disconnect(), pt.observe(e, {
     subtree: !0,
@@ -24729,16 +24795,16 @@ const Av = (e) => {
     characterData: !1
   });
 };
-function Pv(e) {
+function qv(e) {
   return e ? e.slice(0, 1).toUpperCase() + e.slice(1) : "";
 }
-function Ev(e) {
+function Rv(e) {
   return e ? e.charAt(0).toLowerCase() + e.slice(1) : "";
 }
-function Hv(...e) {
+function jv(...e) {
   return e.filter((t) => typeof t == "string").map((t) => t.trim()).filter((t) => t.length > 0).join(" ");
 }
-function qv() {
+function Nv() {
   const e = {};
   Wl(s);
   function t(i = "defaultSequence") {
@@ -24753,19 +24819,19 @@ function qv() {
   }
   return { nextSequenceValue: t, currentSequenceValue: n, resetSequence: s };
 }
-function Sv(e, t, n) {
+function _v(e, t, n) {
   Gl(() => e.addEventListener(t, n)), Kl(() => e.removeEventListener(t, n));
 }
 function rn(e) {
   return e.offsetParent ? e.offsetTop + rn(e.offsetParent) : e.offsetTop;
 }
-function _v(e) {
+function Ov(e) {
   return e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [];
 }
-function Ov(e, t) {
+function Lv(e, t) {
   if (!t.length) {
     const n = e();
-    _v(n).map((s, i) => {
+    Ov(n).map((s, i) => {
       const l = {
         offsetTop: rn(s)
       };
@@ -24773,16 +24839,16 @@ function Ov(e, t) {
     }).forEach((s) => t.push(s));
   }
 }
-function Rv(e, t = 0) {
+function Uv(e, t = 0) {
   const n = [], s = Yl({
     activeItem: t,
     reset() {
       this.activeItem = 0, n.length = 0;
     }
   });
-  return Sv(window, "scroll", () => {
+  return _v(window, "scroll", () => {
     const i = window.scrollY;
-    Ov(e, n);
+    Lv(e, n);
     for (let l = 0, d = n.length; l < d; l++)
       if (i < n[l].offsetTop + n[l].height / 2) {
         s.activeItem = l;
@@ -24846,28 +24912,30 @@ export {
   gn as CmdTooltipForFormElements,
   mb as CmdUploadForm,
   vl as CmdWidthLimitationWrapper,
-  Mv as ComponentLibrary,
+  Av as ComponentLibrary,
   Mb as ContactInformation,
-  Av as DirFancybox,
-  Fv as DirFocus,
-  Vv as DirTelephone,
+  Hv as DirFancybox,
+  Pv as DirFocus,
+  Ev as DirTelephone,
   qe as EditComponentWrapper,
   ce as I18n,
   wb as MultipleBoxWrapper,
   Ob as MultipleListsOfLinks,
-  Pv as capitalizeFirstLetter,
+  qv as capitalizeFirstLetter,
   Vi as createHtmlId,
   it as createUuid,
-  Bv as currentDate,
-  Dv as currentTime,
+  Dv as currentDate,
+  Mv as currentTime,
   Tl as formatDate,
   Rb as formatTime,
-  Hv as fullName,
+  jv as fullName,
   Gi as getCookieDisclaimerCookie,
+  Fv as getDate,
   $e as getFileExtension,
-  Ev as lowercaseFirstLetter,
+  Vv as getWeekday,
+  Rv as lowercaseFirstLetter,
   we as openFancyBox,
   mm as setCookieDisclaimerCookie,
-  Rv as useScrollspy,
-  qv as useSequence
+  Uv as useScrollspy,
+  Nv as useSequence
 };