comand-component-library 4.2.90 → 4.2.92

package/dist/comand-component-library.js

@@ -1,4 +1,4 @@
-import { defineComponent as Jn, h as un, resolveComponent as de, createBlock as C, createElementBlock as r, openBlock as a, normalizeClass as x, resolveDynamicComponent as Te, withModifiers as k, withCtx as v, renderSlot as D, withDirectives as z, createElementVNode as o, createCommentVNode as m, createVNode as f, vShow as $, Fragment as w, toDisplayString as y, getCurrentInstance as Hl, normalizeProps as A, mergeProps as T, createTextVNode as F, renderList as P, Transition as pe, vModelDynamic as ql, normalizeStyle as Ke, toHandlers as Ct, TransitionGroup as Et, createApp as Rl, guardReactiveProps as ce, useCssVars as Zn, createStaticVNode as jl, vModelText as vt, resolveDirective as Ul, vModelSelect as Nl, vModelRadio as mt, onBeforeUpdate as zl, onMounted as Wl, onUnmounted as Gl, reactive as Kl } from "vue";
+import { defineComponent as Jn, h as un, resolveComponent as de, createBlock as C, createElementBlock as r, openBlock as a, normalizeClass as x, resolveDynamicComponent as Te, withModifiers as k, withCtx as v, renderSlot as D, withDirectives as z, createElementVNode as o, createCommentVNode as m, createVNode as f, vShow as $, Fragment as w, toDisplayString as g, getCurrentInstance as Hl, normalizeProps as A, mergeProps as T, createTextVNode as F, renderList as P, Transition as pe, vModelDynamic as ql, normalizeStyle as Ke, toHandlers as Ct, TransitionGroup as Et, createApp as Rl, guardReactiveProps as ce, useCssVars as Zn, createStaticVNode as jl, vModelText as vt, resolveDirective as Ul, vModelSelect as Nl, vModelRadio as mt, onBeforeUpdate as zl, onMounted as Wl, onUnmounted as Gl, reactive as Kl } from "vue";
 const Fe = /^[a-z0-9]+(-[a-z0-9]+)*$/, Qe = (e, t, n, s = "") => {
   const i = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -1512,7 +1512,7 @@ function fa(e, t, n, s, i, l) {
           [$, l.active]
         ])
       ])) : (a(), r(w, { key: 1 }, [
-        l.isOuterComponent ? (a(), r("p", oa, y(n.componentName), 1)) : m("", !0),
+        l.isOuterComponent ? (a(), r("p", oa, g(n.componentName), 1)) : m("", !0),
         z(o("ul", {
           class: "flex-container flex-items-flex-none action-buttons",
           "data-component": n.componentName,
@@ -1818,9 +1818,9 @@ function ka(e, t, n, s, i, l) {
           n.headlineText ? (a(), C(Te(l.headlineTag), { key: 0 }, {
             default: v(() => [
               n.cmdIcon ? (a(), C(d, A(T({ key: 0 }, n.cmdIcon)), null, 16)) : m("", !0),
-              o("span", va, y(n.preHeadlineText), 1),
+              o("span", va, g(n.preHeadlineText), 1),
               D(e.$slots, "default", {}, () => [
-                F(y(n.headlineText), 1)
+                F(g(n.headlineText), 1)
               ])
             ]),
             _: 3
@@ -1828,7 +1828,7 @@ function ka(e, t, n, s, i, l) {
         ], 64)) : n.headlineText ? (a(), C(Te(l.headlineTag), { key: 2 }, {
           default: v(() => [
             D(e.$slots, "default", {}, () => [
-              F(y(n.headlineText), 1)
+              F(g(n.headlineText), 1)
             ])
           ]),
           _: 3
@@ -2008,7 +2008,7 @@ function _a(e, t, n, s, i, l) {
       ], 8, Sa)) : m("", !0)
     ])) : m("", !0),
     D(e.$slots, "default", {}, () => [
-      F(y(n.tooltipText), 1)
+      F(g(n.tooltipText), 1)
     ])
   ], 2)) : m("", !0);
 }
@@ -2167,10 +2167,10 @@ function Fa(e, t, n, s, i, l) {
       "headline-level": n.cmdHeadline.headlineLevel
     }, {
       default: v(() => [
-        F(y(l.headlineRequirements), 1),
+        F(g(l.headlineRequirements), 1),
         n.labelText ? (a(), r(w, { key: 0 }, [
           t[1] || (t[1] = o("br", null, null, -1)),
-          F('"' + y(n.labelText) + '"', 1)
+          F('"' + g(n.labelText) + '"', 1)
         ], 64)) : m("", !0)
       ]),
       _: 1
@@ -2180,7 +2180,7 @@ function Fa(e, t, n, s, i, l) {
         o("dt", {
           "aria-live": "assertive",
           class: x(u.valid(n.inputModelValue, n.inputAttributes) ? "success" : "error")
-        }, y(u.message) + ":", 3),
+        }, g(u.message) + ":", 3),
         o("dd", {
           class: x(u.valid(n.inputModelValue, n.inputAttributes) ? "success" : "error")
         }, [
@@ -2207,7 +2207,7 @@ function Fa(e, t, n, s, i, l) {
           class: x(n.helplink.icon?.iconClass),
           title: n.helplink.icon?.tooltip
         }, null, 8, ["class", "title"])) : m("", !0),
-        n.helplink.text ? (a(), r("span", Da, y(n.helplink.text), 1)) : m("", !0)
+        n.helplink.text ? (a(), r("span", Da, g(n.helplink.text), 1)) : m("", !0)
       ], 8, Ba)) : m("", !0)
     ], 64)) : m("", !0)
   ]);
@@ -3298,17 +3298,17 @@ function ks(e, t, n, s, i, l) {
         n.onLabel && n.offLabel ? n.onLabel && n.offLabel ? (a(), r(w, { key: 1 }, [
           o("span", ls, [
             o("input", T(l.elementAttributes, {
-              onChange: t[15] || (t[15] = (...u) => l.onChange && l.onChange(...u)),
-              onBlur: t[16] || (t[16] = (...u) => l.onBlur && l.onBlur(...u)),
+              onChange: t[14] || (t[14] = (...u) => l.onChange && l.onChange(...u)),
+              onBlur: t[15] || (t[15] = (...u) => l.onBlur && l.onBlur(...u)),
               checked: l.isChecked,
               value: n.inputValue,
-              class: { inputClass: n.inputClass, validationStatus: e.validationStatus },
+              class: [n.inputClass, e.validationStatus],
               id: e.htmlId,
               disabled: e.$attrs.disabled,
               "aria-invalid": e.validationStatus === "error"
             }), null, 16, os),
-            o("span", as, y(n.onLabel), 1),
-            o("span", ss, y(n.offLabel), 1)
+            o("span", as, g(n.onLabel), 1),
+            o("span", ss, g(n.offLabel), 1)
           ]),
           n.labelText ? (a(), r("span", {
             key: 0,
@@ -3321,7 +3321,6 @@ function ks(e, t, n, s, i, l) {
           o("input", T(l.elementAttributes, {
             onChange: t[12] || (t[12] = (...u) => l.onChange && l.onChange(...u)),
             onBlur: t[13] || (t[13] = (...u) => l.onBlur && l.onBlur(...u)),
-            onInput: t[14] || (t[14] = (...u) => l.onInput && l.onInput(...u)),
             checked: l.isChecked,
             value: n.inputValue,
             class: [n.inputClass, e.validationStatus, l.toggleSwitchIconClass, { "replace-input-type": n.replaceInputType }],
@@ -3346,8 +3345,8 @@ function ks(e, t, n, s, i, l) {
     ], 64)) : m("", !0),
     n.element === "select" ? (a(), r("select", T({ key: 2 }, l.elementAttributes, {
       id: e.htmlId,
-      onBlur: t[17] || (t[17] = (...u) => l.onBlur && l.onBlur(...u)),
-      onChange: t[18] || (t[18] = (...u) => l.onChange && l.onChange(...u))
+      onBlur: t[16] || (t[16] = (...u) => l.onBlur && l.onBlur(...u)),
+      onChange: t[17] || (t[17] = (...u) => l.onChange && l.onChange(...u))
     }), [
       n.groupSelectOptionsByInitialLetters ? (a(!0), r(w, { key: 1 }, P(l.initialLetters, (u, h) => (a(), r("optgroup", {
         label: h,
@@ -3357,26 +3356,26 @@ function ks(e, t, n, s, i, l) {
           key: b,
           value: p.value,
           selected: p.value === n.modelValue
-        }, y(p.text), 9, ps))), 128))
+        }, g(p.text), 9, ps))), 128))
       ], 8, ms))), 128)) : (a(!0), r(w, { key: 0 }, P(n.selectOptions, (u, h) => (a(), r("option", {
         key: h,
         value: u.value,
         selected: u.value === n.modelValue
-      }, y(u.text), 9, cs))), 128))
+      }, g(u.text), 9, cs))), 128))
     ], 16, us)) : m("", !0),
     n.element === "textarea" ? (a(), r("textarea", T({ key: 3 }, l.elementAttributes, {
       id: e.htmlId,
       value: n.modelValue,
       maxlength: l.getMaxLength(),
-      onInput: t[19] || (t[19] = (...u) => l.onInput && l.onInput(...u)),
-      onFocus: t[20] || (t[20] = (u) => e.tooltip = !0),
-      onBlur: t[21] || (t[21] = (...u) => l.onBlur && l.onBlur(...u))
+      onInput: t[18] || (t[18] = (...u) => l.onInput && l.onInput(...u)),
+      onFocus: t[19] || (t[19] = (u) => e.tooltip = !0),
+      onBlur: t[20] || (t[20] = (...u) => l.onBlur && l.onBlur(...u))
     }), null, 16, fs)) : m("", !0),
     n.element === "textarea" && n.showCharactersTextarea ? (a(), r("span", hs, [
-      n.textCharactersLeft ? (a(), r("span", gs, y(n.textCharactersLeft), 1)) : m("", !0),
+      n.textCharactersLeft ? (a(), r("span", gs, g(n.textCharactersLeft), 1)) : m("", !0),
       o("span", {
         class: x(["characters-left", { error: l.charactersLeft === 0 }])
-      }, y(l.charactersLeft), 3)
+      }, g(l.charactersLeft), 3)
     ])) : n.element === "input" && e.$attrs.type === "search" ? (a(), r("span", ys, [
       n.fieldIconClass ? (a(), C(d, {
         key: 0,
@@ -3385,7 +3384,7 @@ function ks(e, t, n, s, i, l) {
       }, null, 8, ["iconClass"])) : m("", !0),
       o("input", T(l.elementAttributes, {
         id: e.htmlId,
-        onInput: t[22] || (t[22] = (...u) => l.onInput && l.onInput(...u)),
+        onInput: t[21] || (t[21] = (...u) => l.onInput && l.onInput(...u)),
         maxlength: l.getMaxLength(),
         value: n.modelValue
       }), null, 16, bs),
@@ -3394,7 +3393,7 @@ function ks(e, t, n, s, i, l) {
         href: "#",
         class: x(["button flex-none", { disabled: e.$attrs.disabled }]),
         title: n.iconSearch.tooltip,
-        onClick: t[23] || (t[23] = k((...u) => l.executeSearch && l.executeSearch(...u), ["prevent"]))
+        onClick: t[22] || (t[22] = k((...u) => l.executeSearch && l.executeSearch(...u), ["prevent"]))
       }, [
         f(d, {
           iconClass: n.iconSearch.iconClass
@@ -3404,7 +3403,7 @@ function ks(e, t, n, s, i, l) {
         key: 2,
         class: "deleteicon",
         href: "#",
-        onClick: t[24] || (t[24] = k((...u) => l.deleteInput && l.deleteInput(...u), ["prevent"])),
+        onClick: t[23] || (t[23] = k((...u) => l.deleteInput && l.deleteInput(...u), ["prevent"])),
         title: n.iconDelete?.tooltip
       }, [
         f(d, {
@@ -3417,15 +3416,15 @@ function ks(e, t, n, s, i, l) {
     key: 1,
     class: "button"
   }, l.buttonAttrs, {
-    onClick: t[25] || (t[25] = (...u) => l.submit && l.submit(...u))
+    onClick: t[24] || (t[24] = (...u) => l.submit && l.submit(...u))
   }), [
     n.nativeButton?.icon?.show && (n.nativeButton?.icon?.position === "before" || !n.nativeButton?.icon?.position) ? (a(), C(d, {
       key: 0,
       iconClass: n.nativeButton?.icon?.iconClass,
       type: n.nativeButton?.icon?.iconType
     }, null, 8, ["iconClass", "type"])) : m("", !0),
-    n.nativeButton?.icon && n.nativeButton?.text ? (a(), r("span", vs, y(n.nativeButton.text), 1)) : (a(), r(w, { key: 2 }, [
-      F(y(n.nativeButton.text), 1)
+    n.nativeButton?.icon && n.nativeButton?.text ? (a(), r("span", vs, g(n.nativeButton.text), 1)) : (a(), r(w, { key: 2 }, [
+      F(g(n.nativeButton.text), 1)
     ], 64)),
     n.nativeButton?.icon?.show && n.nativeButton?.icon?.position === "after" ? (a(), C(d, {
       key: 3,
@@ -3576,7 +3575,7 @@ function qs(e, t, n, s, i, l) {
         type: n.addressEntry.iconType,
         tooltip: n.addressEntry.labelText
       }, null, 8, ["iconClass", "type", "tooltip"])) : m("", !0),
-      n.showLabelTexts ? (a(), r("span", Ss, y(n.addressEntry.labelText), 1)) : m("", !0)
+      n.showLabelTexts ? (a(), r("span", Ss, g(n.addressEntry.labelText), 1)) : m("", !0)
     ], 10, Ts),
     n.addressEntry.name !== "address" && (n.addressEntry.data || n.addressEntry.href) ? (a(), r("dd", {
       key: 0,
@@ -3599,7 +3598,7 @@ function qs(e, t, n, s, i, l) {
           target: n.addressEntry.name === "url" ? "_blank" : null,
           title: n.addressEntry.tooltip,
           "data-type": n.addressEntry.name
-        }, y(n.addressEntry.data || n.addressEntry.href), 9, _s)) : (a(), r("span", {
+        }, g(n.addressEntry.data || n.addressEntry.href), 9, _s)) : (a(), r("span", {
           key: 1,
           innerHTML: n.addressEntry.data
         }, null, 8, Os))
@@ -3612,27 +3611,27 @@ function qs(e, t, n, s, i, l) {
         title: n.addressEntry.tooltip
       }, [
         n.addressEntry.streetNo ? (a(), r(w, { key: 0 }, [
-          o("span", Bs, y(n.addressEntry.streetNo), 1),
+          o("span", Bs, g(n.addressEntry.streetNo), 1),
           t[6] || (t[6] = o("br", null, null, -1))
         ], 64)) : m("", !0),
         n.addressEntry.zip || n.addressEntry.city ? (a(), r("span", {
           key: 1,
           class: x(n.showCityBeforeZip ? "city-zip" : "zip-city")
         }, [
-          n.addressEntry.zip ? (a(), r("span", Ds, y(n.addressEntry.zip), 1)) : m("", !0),
+          n.addressEntry.zip ? (a(), r("span", Ds, g(n.addressEntry.zip), 1)) : m("", !0),
           n.addressEntry.city ? (a(), r("span", Fs, [
-            F(y(n.addressEntry.city), 1),
+            F(g(n.addressEntry.city), 1),
             n.addressEntry.state ? (a(), r(w, { key: 0 }, [
-              F(y(n.addressEntry.state), 1)
+              F(g(n.addressEntry.state), 1)
             ], 64)) : m("", !0)
           ])) : m("", !0)
         ], 2)) : m("", !0),
         t[7] || (t[7] = o("br", null, null, -1)),
         n.addressEntry.miscInfo ? (a(), r(w, { key: 2 }, [
-          o("span", null, y(n.addressEntry.miscInfo), 1),
+          o("span", null, g(n.addressEntry.miscInfo), 1),
           n.addressEntry.country ? (a(), r("br", Ms)) : m("", !0)
         ], 64)) : m("", !0),
-        n.addressEntry.country ? (a(), r("span", Ps, y(n.addressEntry.country), 1)) : m("", !0)
+        n.addressEntry.country ? (a(), r("span", Ps, g(n.addressEntry.country), 1)) : m("", !0)
       ], 8, Is)) : (a(), r(w, { key: 1 }, [
         e.editing ? (a(), r(w, { key: 1 }, [
           f(c, {
@@ -3690,27 +3689,27 @@ function qs(e, t, n, s, i, l) {
           }, null, 8, ["labelText", "modelValue"])
         ], 64)) : (a(), r(w, { key: 0 }, [
           n.addressEntry.streetNo ? (a(), r(w, { key: 0 }, [
-            o("span", Vs, y(n.addressEntry.streetNo), 1),
+            o("span", Vs, g(n.addressEntry.streetNo), 1),
             t[8] || (t[8] = o("br", null, null, -1))
           ], 64)) : m("", !0),
           n.addressEntry.zip || n.addressEntry.city ? (a(), r("span", {
             key: 1,
             class: x(n.showCityBeforeZip ? "city-zip" : "zip-city")
           }, [
-            n.addressEntry.zip ? (a(), r("span", As, y(n.addressEntry.zip), 1)) : m("", !0),
+            n.addressEntry.zip ? (a(), r("span", As, g(n.addressEntry.zip), 1)) : m("", !0),
             n.addressEntry.city ? (a(), r("span", Es, [
-              F(y(n.addressEntry.city), 1),
+              F(g(n.addressEntry.city), 1),
               n.addressEntry.state ? (a(), r(w, { key: 0 }, [
-                F(" " + y(n.addressEntry.state), 1)
+                F(" " + g(n.addressEntry.state), 1)
               ], 64)) : m("", !0)
             ])) : m("", !0)
           ], 2)) : m("", !0),
           t[10] || (t[10] = o("br", null, null, -1)),
           n.addressEntry.miscInfo ? (a(), r(w, { key: 2 }, [
-            o("span", null, y(n.addressEntry.miscInfo), 1),
+            o("span", null, g(n.addressEntry.miscInfo), 1),
             t[9] || (t[9] = o("br", null, null, -1))
           ], 64)) : m("", !0),
-          n.addressEntry.country ? (a(), r("span", Hs, y(n.addressEntry.country), 1)) : m("", !0)
+          n.addressEntry.country ? (a(), r("span", Hs, g(n.addressEntry.country), 1)) : m("", !0)
         ], 64))
       ], 64))
     ])) : m("", !0)
@@ -3930,7 +3929,7 @@ function tr(e, t, n, s, i, l) {
                     type: p.iconType
                   }, null, 8, ["iconClass", "type"])) : m("", !0)
                 ], 64)) : (a(), r(w, { key: 1 }, [
-                  F(y(p.href), 1)
+                  F(g(p.href), 1)
                 ], 64))
               ], 10, zs)) : n.showIconsOnly ? m("", !0) : (a(), r("span", {
                 key: 1,
@@ -3951,60 +3950,60 @@ function tr(e, t, n, s, i, l) {
                     }, null, 8, ["iconClass", "type"])) : m("", !0)
                   ], 64)) : (a(), r(w, { key: 1 }, [
                     p.streetNo ? (a(), r(w, { key: 0 }, [
-                      o("span", Ks, y(p.streetNo), 1),
+                      o("span", Ks, g(p.streetNo), 1),
                       t[2] || (t[2] = o("br", null, null, -1))
                     ], 64)) : m("", !0),
                     p.zip || p.city ? (a(), r("span", {
                       key: 1,
                       class: x(n.showCityBeforeZip ? "order-city-zip" : "order-zip-city")
                     }, [
-                      p.zip ? (a(), r("span", Ys, y(p.zip) + " ", 1)) : m("", !0),
+                      p.zip ? (a(), r("span", Ys, g(p.zip) + " ", 1)) : m("", !0),
                       p.city ? (a(), r("span", Js, [
-                        F(y(p.city), 1),
+                        F(g(p.city), 1),
                         p.state ? (a(), r(w, { key: 0 }, [
-                          F(y(p.state), 1)
+                          F(g(p.state), 1)
                         ], 64)) : m("", !0)
                       ])) : m("", !0),
                       t[3] || (t[3] = o("br", null, null, -1))
                     ], 2)) : m("", !0),
                     p.pobox ? (a(), r(w, { key: 2 }, [
-                      o("span", null, y(p.pobox), 1),
+                      o("span", null, g(p.pobox), 1),
                       t[4] || (t[4] = o("br", null, null, -1))
                     ], 64)) : m("", !0),
                     p.miscInfo ? (a(), r(w, { key: 3 }, [
-                      o("span", null, y(p.miscInfo), 1),
+                      o("span", null, g(p.miscInfo), 1),
                       t[5] || (t[5] = o("br", null, null, -1))
                     ], 64)) : m("", !0),
-                    p.country ? (a(), r("span", Zs, y(p.country), 1)) : m("", !0)
+                    p.country ? (a(), r("span", Zs, g(p.country), 1)) : m("", !0)
                   ], 64))
                 ], 8, Gs)) : m("", !0),
                 !p.linkGoogleMaps && !n.showIconsOnly ? (a(), r(w, { key: 1 }, [
                   p.streetNo ? (a(), r(w, { key: 0 }, [
-                    o("span", Qs, y(p.streetNo), 1),
+                    o("span", Qs, g(p.streetNo), 1),
                     t[6] || (t[6] = o("br", null, null, -1))
                   ], 64)) : m("", !0),
                   p.zip || p.city ? (a(), r("span", {
                     key: 1,
                     class: x(n.showCityBeforeZip ? "order-city-zip" : "order-zip-city")
                   }, [
-                    p.zip ? (a(), r("span", Xs, y(p.zip) + " ", 1)) : m("", !0),
+                    p.zip ? (a(), r("span", Xs, g(p.zip) + " ", 1)) : m("", !0),
                     p.city ? (a(), r("span", $s, [
-                      F(y(p.city), 1),
+                      F(g(p.city), 1),
                       p.state ? (a(), r(w, { key: 0 }, [
-                        F(y(p.state), 1)
+                        F(g(p.state), 1)
                       ], 64)) : m("", !0)
                     ])) : m("", !0),
                     t[7] || (t[7] = o("br", null, null, -1))
                   ], 2)) : m("", !0),
                   p.pobox ? (a(), r(w, { key: 2 }, [
-                    o("span", null, y(p.pobox), 1),
+                    o("span", null, g(p.pobox), 1),
                     t[8] || (t[8] = o("br", null, null, -1))
                   ], 64)) : m("", !0),
                   p.miscInfo ? (a(), r(w, { key: 3 }, [
-                    o("span", null, y(p.miscInfo), 1),
+                    o("span", null, g(p.miscInfo), 1),
                     t[9] || (t[9] = o("br", null, null, -1))
                   ], 64)) : m("", !0),
-                  p.country ? (a(), r("span", er, y(p.country), 1)) : m("", !0)
+                  p.country ? (a(), r("span", er, g(p.country), 1)) : m("", !0)
                 ], 64)) : m("", !0)
               ], 64)) : m("", !0)
             ], 2)) : m("", !0)
@@ -4172,9 +4171,9 @@ function cr(e, t, n, s, i, l) {
       n.cmdHeadline ? (a(), C(d, A(T({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
       o("dl", null, [
         (a(!0), r(w, null, P(n.accountData, (u, h) => (a(), r(w, { key: h }, [
-          o("dt", null, y(u.text), 1),
+          o("dt", null, g(u.text), 1),
           n.allowCopyByClick && u.allowCopy ? (a(), r("dd", rr, [
-            o("span", null, y(u.value), 1),
+            o("span", null, g(u.value), 1),
             o("a", {
               href: "#",
               onClick: k((p) => l.copyToClipboard(u.value), ["prevent"]),
@@ -4185,10 +4184,10 @@ function cr(e, t, n, s, i, l) {
                 type: n.cmdIcon.iconType
               }, null, 8, ["iconClass", "type"])
             ], 8, dr)
-          ])) : (a(), r("dd", { key: h }, y(u.value), 1))
+          ])) : (a(), r("dd", { key: h }, g(u.value), 1))
         ], 64))), 128))
       ]),
-      n.additionalInformation ? (a(), r("p", ur, y(n.additionalInformation), 1)) : m("", !0)
+      n.additionalInformation ? (a(), r("p", ur, g(n.additionalInformation), 1)) : m("", !0)
     ], 64))
   ]);
 }
@@ -4431,7 +4430,7 @@ function wr(e, t, n, s, i, l) {
   }, [
     z(o("span", hr, [
       o("span", { id: e.htmlId }, [
-        F(y(n.labelText), 1),
+        F(g(n.labelText), 1),
         n.required ? (a(), r("sup", yr, "*")) : m("", !0)
       ], 8, gr),
       (n.required || e.inputRequirements.length > 0) && n.showStatusIcon ? (a(), r("a", {
@@ -4489,7 +4488,7 @@ function wr(e, t, n, s, i, l) {
           iconClass: u.iconClass,
           type: u.iconType
         }, null, 8, ["iconClass", "type"])) : m("", !0),
-        u.labelText ? (a(), r("span", vr, y(u.labelText), 1)) : m("", !0)
+        u.labelText ? (a(), r("span", vr, g(u.labelText), 1)) : m("", !0)
       ], 10, xr))), 128))
     ], 2))
   ], 10, fr);
@@ -4802,7 +4801,7 @@ function Gr(e, t, n, s, i, l) {
   }, [
     n.showLabel ? (a(), r("span", Or, [
       o("span", { id: e.htmlId }, [
-        F(y(n.labelText), 1),
+        F(g(n.labelText), 1),
         e.$attrs.required !== void 0 ? (a(), r("sup", Ir, "*")) : m("", !0)
       ], 8, Lr),
       (e.$attrs.required || e.inputRequirements.length) && n.showStatusIcon ? (a(), r("a", {
@@ -4853,7 +4852,7 @@ function Gr(e, t, n, s, i, l) {
             type: l.optionIcon?.iconType,
             iconClass: l.optionIcon?.iconClass
           }, null, 8, ["type", "iconClass"])) : m("", !0),
-          l.optionName ? (a(), r("span", Pr, y(l.optionName), 1)) : m("", !0),
+          l.optionName ? (a(), r("span", Pr, g(l.optionName), 1)) : m("", !0),
           n.iconDropdown ? (a(), C(d, {
             key: 4,
             iconClass: n.iconDropdown.iconClass,
@@ -4879,7 +4878,7 @@ function Gr(e, t, n, s, i, l) {
                 iconClass: h.iconClass,
                 type: h.iconType
               }, null, 8, ["iconClass", "type"])) : m("", !0),
-              h.text ? (a(), r("span", Hr, y(h.text), 1)) : m("", !0)
+              h.text ? (a(), r("span", Hr, g(h.text), 1)) : m("", !0)
             ], 10, Er)) : m("", !0),
             n.optionLinkType === "router" ? (a(), C(u, {
               key: 1,
@@ -4893,7 +4892,7 @@ function Gr(e, t, n, s, i, l) {
                   iconClass: h.iconClass,
                   type: h.iconType
                 }, null, 8, ["iconClass", "type"])) : m("", !0),
-                o("span", null, y(h.text), 1)
+                o("span", null, g(h.text), 1)
               ]),
               _: 2
             }, 1032, ["onClick", "class"])) : m("", !0)
@@ -4916,7 +4915,7 @@ function Gr(e, t, n, s, i, l) {
                 checked: l.compareValues(h.value),
                 id: "option-" + (p + 1)
               }, null, 40, jr),
-              o("span", null, y(h.text), 1)
+              o("span", null, g(h.text), 1)
             ], 10, Rr)) : n.type === "country" ? (a(), r("a", {
               key: 1,
               href: "#",
@@ -4928,7 +4927,7 @@ function Gr(e, t, n, s, i, l) {
                 src: l.pathFlag(h.value),
                 alt: h.text
               }, null, 8, Nr),
-              o("span", null, y(h.text), 1)
+              o("span", null, g(h.text), 1)
             ], 10, Ur)) : n.type === "color" ? (a(), r("a", {
               key: 2,
               href: "#",
@@ -4939,7 +4938,7 @@ function Gr(e, t, n, s, i, l) {
                 class: "color",
                 style: Ke("background: " + h.value)
               }, null, 4),
-              o("span", null, y(h.text), 1)
+              o("span", null, g(h.text), 1)
             ], 10, zr)) : m("", !0)
           ]))), 128)),
           n.showSelectAllOptions && n.type === "checkboxOptions" ? (a(), r("li", Wr, [
@@ -4956,7 +4955,7 @@ function Gr(e, t, n, s, i, l) {
                 iconClass: n.iconSelectAllOptions.iconClass,
                 type: n.iconSelectAllOptions.iconType
               }, null, 8, ["iconClass", "type"])),
-              o("span", null, y(l.selectAllOptionsText), 1)
+              o("span", null, g(l.selectAllOptionsText), 1)
             ])
           ])) : m("", !0)
         ], 10, qr)) : n.type === "content" && i.showOptions ? D(e.$slots, "default", { key: 2 }) : m("", !0)
@@ -5390,7 +5389,7 @@ function ud(e, t, n, s, i, l) {
       o("fieldset", $r, [
         o("legend", {
           class: x({ hidden: !l.legendOptions.show, "align-left": l.legendOptions.align === "left" })
-        }, y(l.legendOptions.text), 3),
+        }, g(l.legendOptions.text), 3),
         n.cmdHeadline?.headlineText ? (a(), C(d, A(T({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
         i.systemMessage.show && i.systemMessage.message ? (a(), C(c, {
           key: 1,
@@ -5441,7 +5440,7 @@ function ud(e, t, n, s, i, l) {
         l.submitButtonOptions.show && (l.submitButtonOptions.position === "insideFieldset" || l.submitButtonOptions.position === null) ? (a(), r("div", ed, [
           n.mandatoryText ? (a(), r("small", td, [
             t[4] || (t[4] = o("sup", null, "*", -1)),
-            F(y(n.mandatoryText), 1)
+            F(g(n.mandatoryText), 1)
           ])) : m("", !0),
           l.cancelButtonOptions.show ? (a(), r("button", {
             key: 1,
@@ -5453,7 +5452,7 @@ function ud(e, t, n, s, i, l) {
               key: 0,
               class: x(l.cancelButtonOptions.iconClass)
             }, null, 2)) : m("", !0),
-            l.cancelButtonOptions.text ? (a(), r("span", nd, y(l.cancelButtonOptions.text), 1)) : m("", !0)
+            l.cancelButtonOptions.text ? (a(), r("span", nd, g(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 }]),
@@ -5464,14 +5463,14 @@ function ud(e, t, n, s, i, l) {
               key: 0,
               class: x(l.submitButtonOptions.iconClass)
             }, null, 2)) : m("", !0),
-            l.submitButtonOptions.text ? (a(), r("span", ld, y(l.submitButtonOptions.text), 1)) : m("", !0)
+            l.submitButtonOptions.text ? (a(), r("span", ld, g(l.submitButtonOptions.text), 1)) : m("", !0)
           ], 10, id)
         ])) : m("", !0)
       ]),
       l.submitButtonOptions.show && l.submitButtonOptions.position === "belowFieldset" ? (a(), r("div", od, [
         n.mandatoryText ? (a(), r("small", ad, [
           t[5] || (t[5] = o("sup", null, "*", -1)),
-          F(y(n.mandatoryText), 1)
+          F(g(n.mandatoryText), 1)
         ])) : m("", !0),
         l.cancelButtonOptions.show ? (a(), r("button", {
           key: 1,
@@ -5483,7 +5482,7 @@ function ud(e, t, n, s, i, l) {
             key: 0,
             class: x(l.cancelButtonOptions.iconClass)
           }, null, 2)) : m("", !0),
-          l.cancelButtonOptions.text ? (a(), r("span", sd, y(l.cancelButtonOptions.text), 1)) : m("", !0)
+          l.cancelButtonOptions.text ? (a(), r("span", sd, g(l.cancelButtonOptions.text), 1)) : m("", !0)
         ], 2)) : m("", !0),
         l.submitButtonOptions.show ? (a(), r("button", {
           key: 2,
@@ -5494,7 +5493,7 @@ function ud(e, t, n, s, i, l) {
             key: 0,
             class: x(l.submitButtonOptions.iconClass)
           }, null, 2)) : m("", !0),
-          l.submitButtonOptions.text ? (a(), r("span", dd, y(l.submitButtonOptions.text), 1)) : m("", !0)
+          l.submitButtonOptions.text ? (a(), r("span", dd, g(l.submitButtonOptions.text), 1)) : m("", !0)
         ], 10, rd)) : m("", !0)
       ])) : m("", !0),
       D(e.$slots, "button-row")
@@ -6297,7 +6296,7 @@ function Fd(e, t, n, s, i, l) {
                 iconClass: p.iconClass,
                 type: p.iconType
               }, null, 8, ["iconClass", "type"])) : m("", !0),
-              p.text ? (a(), r("span", Bd, y(p.text), 1)) : m("", !0)
+              p.text ? (a(), r("span", Bd, g(p.text), 1)) : m("", !0)
             ], 64)) : m("", !0) : (a(), r("a", {
               key: 0,
               href: n.executeOnClick === "url" ? p.url : "#",
@@ -6316,7 +6315,7 @@ function Fd(e, t, n, s, i, l) {
                   iconClass: p.iconClass,
                   type: p.iconType
                 }, null, 8, ["iconClass", "type"])) : m("", !0),
-                p.text ? (a(), r("span", Id, y(p.text), 1)) : m("", !0)
+                p.text ? (a(), r("span", Id, g(p.text), 1)) : m("", !0)
               ], 64))
             ], 10, Ld))
           ]))), 128)),
@@ -6730,7 +6729,7 @@ function Qd(e, t, n, s, i, l) {
           iconClass: e.fancyBoxOptionsProperties.submitButtons.cancel?.iconClass,
           type: e.fancyBoxOptionsProperties.submitButtons.cancel?.iconType
         }, null, 8, ["iconClass", "type"])) : m("", !0),
-        e.fancyBoxOptionsProperties.submitButtons.cancel?.buttonText ? (a(), r("span", Yd, y(e.fancyBoxOptionsProperties.submitButtons.cancel?.buttonText), 1)) : m("", !0)
+        e.fancyBoxOptionsProperties.submitButtons.cancel?.buttonText ? (a(), r("span", Yd, g(e.fancyBoxOptionsProperties.submitButtons.cancel?.buttonText), 1)) : m("", !0)
       ], 8, Kd)) : m("", !0),
       e.fancyBoxOptionsProperties.submitButtons?.confirm ? (a(), r("button", {
         key: 1,
@@ -6742,7 +6741,7 @@ function Qd(e, t, n, s, i, l) {
           iconClass: e.fancyBoxOptionsProperties.submitButtons.confirm?.iconClass,
           type: e.fancyBoxOptionsProperties.submitButtons.confirm?.iconType
         }, null, 8, ["iconClass", "type"])) : m("", !0),
-        e.fancyBoxOptionsProperties.submitButtons.confirm?.buttonText ? (a(), r("span", Zd, y(e.fancyBoxOptionsProperties.submitButtons.confirm?.buttonText), 1)) : m("", !0)
+        e.fancyBoxOptionsProperties.submitButtons.confirm?.buttonText ? (a(), r("span", Zd, g(e.fancyBoxOptionsProperties.submitButtons.confirm?.buttonText), 1)) : m("", !0)
       ], 8, Jd)) : m("", !0)
     ])) : m("", !0),
     e.fancyBoxGallery ? (a(), C(p, {
@@ -7326,7 +7325,7 @@ function pu(e, t, n, s, i, l) {
       class: x(n.icon?.iconClass),
       title: n.icon?.tooltip
     }, null, 10, du)) : m("", !0),
-    n.text ? (a(), r("span", uu, y(n.text), 1)) : m("", !0),
+    n.text ? (a(), r("span", uu, g(n.text), 1)) : m("", !0),
     n.icon?.iconClass && (n.icon?.position === "right" || n.icon?.position === "bottom") ? (a(), r("span", {
       key: 3,
       class: x(n.icon?.iconClass),
@@ -7574,7 +7573,7 @@ function Cu(e, t, n, s, i, l) {
     ref: "tag"
   }, [
     D(e.$slots, "default", {}, () => [
-      o("span", null, y(n.tagText), 1),
+      o("span", null, g(n.tagText), 1),
       n.removeTagByClick ? (a(), r("a", {
         key: 0,
         href: "#",
@@ -7979,14 +7978,14 @@ function Vu(e, t, n, s, i, l) {
                 key: 0,
                 ref_for: !0
               }, I.descriptionTerm.cmdIcon), null, 16)) : m("", !0),
-              I.descriptionTerm?.text ? (a(), r("span", Fu, y(I.descriptionTerm?.text), 1)) : m("", !0)
+              I.descriptionTerm?.text ? (a(), r("span", Fu, g(I.descriptionTerm?.text), 1)) : m("", !0)
             ])),
             o("dd", null, [
               I.descriptionData.cmdLink !== void 0 ? (a(), C(S, T({
                 key: 0,
                 ref_for: !0
               }, I.descriptionData.cmdLink), null, 16)) : (a(), r(w, { key: 1 }, [
-                F(y(I.descriptionData.text), 1)
+                F(g(I.descriptionData.text), 1)
               ], 64))
             ]),
             n.alignDescriptionTermRight ? (a(), r("dt", Mu, [
@@ -7994,7 +7993,7 @@ function Vu(e, t, n, s, i, l) {
                 key: 0,
                 ref_for: !0
               }, I.descriptionTerm.cmdIcon), null, 16)) : m("", !0),
-              I.descriptionTerm?.text ? (a(), r("span", Pu, y(I.descriptionTerm?.text), 1)) : m("", !0)
+              I.descriptionTerm?.text ? (a(), r("span", Pu, g(I.descriptionTerm?.text), 1)) : m("", !0)
             ])) : m("", !0)
           ], 64))), 128))
         ]))
@@ -8462,7 +8461,7 @@ function hc(e, t, n, s, i, l) {
                 key: 1,
                 href: "#",
                 onClick: t[1] || (t[1] = k((...b) => l.toggleCutOffText && l.toggleCutOffText(...b), ["prevent"]))
-              }, y(i.showCutOffText ? e.getMessage("box.contentbox.collapse_text") : e.getMessage("box.contentbox.expand_text")), 1)) : m("", !0)
+              }, g(i.showCutOffText ? e.getMessage("box.contentbox.collapse_text") : e.getMessage("box.contentbox.expand_text")), 1)) : m("", !0)
             ]),
             _: 1
           }, 8, ["name"])
@@ -8504,21 +8503,21 @@ function hc(e, t, n, s, i, l) {
     o("div", Gu, [
       n.product.image?.src ? (a(), C(u, A(T({ key: 0 }, { image: { ...n.product.image } })), null, 16)) : m("", !0),
       n.product.new ? (a(), r("div", Ku, [
-        o("span", null, y(e.getMessage("box.productbox.new")), 1)
+        o("span", null, g(e.getMessage("box.productbox.new")), 1)
       ])) : m("", !0),
       n.product.discount ? (a(), r("div", Yu, [
-        o("span", null, y(n.product.discount), 1)
+        o("span", null, g(n.product.discount), 1)
       ])) : m("", !0)
     ]),
     o("div", Ju, [
-      n.product.articleNumber ? (a(), r("p", Zu, y(e.getMessage("box.productbox.article_no")) + " " + y(n.product.articleNumber), 1)) : m("", !0),
+      n.product.articleNumber ? (a(), r("p", Zu, g(e.getMessage("box.productbox.article_no")) + " " + g(n.product.articleNumber), 1)) : m("", !0),
       n.product.price ? (a(), r("p", Qu, [
-        o("span", null, y(n.product.price), 1),
+        o("span", null, g(n.product.price), 1),
         o("span", {
           title: e.globalCurrency.name
-        }, y(e.globalCurrency.symbol), 9, Xu)
+        }, g(e.globalCurrency.symbol), 9, Xu)
       ])) : m("", !0),
-      n.product.description ? (a(), r("p", $u, y(n.product.description), 1)) : m("", !0)
+      n.product.description ? (a(), r("p", $u, g(n.product.description), 1)) : m("", !0)
     ])
   ], 2)) : n.boxType === "user" && n.user ? (a(), r("div", {
     key: 2,
@@ -8539,8 +8538,8 @@ function hc(e, t, n, s, i, l) {
           alt: n.user.image.alt
         }, null, 8, nc),
         n.rowView ? m("", !0) : (a(), r("figcaption", ic, [
-          F(y(n.user.name) + " ", 1),
-          n.user.age ? (a(), r("span", lc, " (" + y(n.user.age) + ") ", 1)) : m("", !0)
+          F(g(n.user.name) + " ", 1),
+          n.user.age ? (a(), r("span", lc, " (" + g(n.user.age) + ") ", 1)) : m("", !0)
         ]))
       ])) : (a(), r(w, { key: 1 }, [
         o("div", oc, [
@@ -8551,19 +8550,19 @@ function hc(e, t, n, s, i, l) {
           }, null, 8, ["iconClass", "type", "title"])
         ]),
         n.rowView ? m("", !0) : (a(), r("p", ac, [
-          F(y(n.user.name) + " ", 1),
-          n.user.age ? (a(), r("span", sc, " (" + y(n.user.age) + ") ", 1)) : m("", !0)
+          F(g(n.user.name) + " ", 1),
+          n.user.age ? (a(), r("span", sc, " (" + g(n.user.age) + ") ", 1)) : m("", !0)
         ]))
       ], 64))
     ]),
     o("div", rc, [
-      n.rowView ? (a(), r("p", dc, y(n.user.name), 1)) : m("", !0),
-      n.user.profession ? (a(), r("p", uc, y(n.user.profession), 1)) : m("", !0),
-      n.user.position ? (a(), r("p", cc, y(n.user.position), 1)) : m("", !0),
-      n.user.description ? (a(), r("p", mc, y(n.user.description), 1)) : m("", !0)
+      n.rowView ? (a(), r("p", dc, g(n.user.name), 1)) : m("", !0),
+      n.user.profession ? (a(), r("p", uc, g(n.user.profession), 1)) : m("", !0),
+      n.user.position ? (a(), r("p", cc, g(n.user.position), 1)) : m("", !0),
+      n.user.description ? (a(), r("p", mc, g(n.user.description), 1)) : m("", !0)
     ]),
     n.user.tags && n.user.tags.length ? (a(), r("ul", pc, [
-      (a(!0), r(w, null, P(n.user.tags, (b, S) => (a(), r("li", { key: S }, y(b), 1))), 128))
+      (a(!0), r(w, null, P(n.user.tags, (b, S) => (a(), r("li", { key: S }, g(b), 1))), 128))
     ])) : m("", !0),
     n.user.links && n.user.links.length ? (a(), r("div", fc, [
       f(p, {
@@ -8861,7 +8860,7 @@ const vc = {
 function Bc(e, t, n, s, i, l) {
   const d = R, c = de("router-link");
   return a(), r("ul", kc, [
-    n.breadcrumbLabel ? (a(), r("li", wc, y(n.breadcrumbLabel), 1)) : m("", !0),
+    n.breadcrumbLabel ? (a(), r("li", wc, g(n.breadcrumbLabel), 1)) : m("", !0),
     (a(!0), r(w, null, P(n.breadcrumbLinks || [], (u, h) => (a(), r("li", { key: h }, [
       u.type === "href" ? (a(), r("a", {
         key: 0,
@@ -8872,7 +8871,7 @@ function Bc(e, t, n, s, i, l) {
           iconClass: u.iconClass,
           type: u.iconType
         }, null, 8, ["iconClass", "type"])) : m("", !0),
-        u.text ? (a(), r("span", Sc, y(u.text), 1)) : m("", !0)
+        u.text ? (a(), r("span", Sc, g(u.text), 1)) : m("", !0)
       ], 8, Tc)) : u.type === "router" ? (a(), C(c, {
         key: 1,
         to: l.getRoute(u)
@@ -8883,7 +8882,7 @@ function Bc(e, t, n, s, i, l) {
             iconClass: u.iconClass,
             type: u.iconType
           }, null, 8, ["iconClass", "type"])) : m("", !0),
-          u.text ? (a(), r("span", _c, y(u.text), 1)) : m("", !0)
+          u.text ? (a(), r("span", _c, g(u.text), 1)) : m("", !0)
         ]),
         _: 2
       }, 1032, ["to"])) : (a(), r("span", Oc, [
@@ -8892,9 +8891,9 @@ function Bc(e, t, n, s, i, l) {
           iconClass: u.iconClass,
           type: u.iconType
         }, null, 8, ["iconClass", "type"])) : m("", !0),
-        u.text ? (a(), r("span", Lc, y(u.text), 1)) : m("", !0)
+        u.text ? (a(), r("span", Lc, g(u.text), 1)) : m("", !0)
       ])),
-      h < n.breadcrumbLinks.length - 1 ? (a(), r("span", Ic, y(n.breadcrumbSeparator), 1)) : m("", !0)
+      h < n.breadcrumbLinks.length - 1 ? (a(), r("span", Ic, g(n.breadcrumbSeparator), 1)) : m("", !0)
     ]))), 128))
   ]);
 }
@@ -9420,14 +9419,14 @@ function um(e, t, n, s, i, l) {
                   ], 8, Qc)
                 ], 2),
                 z(o("div", Xc, [
-                  u.description ? (a(), r("p", $c, y(u.description), 1)) : m("", !0),
+                  u.description ? (a(), r("p", $c, g(u.description), 1)) : m("", !0),
                   u.linkDataPrivacy ? (a(), r("p", em, [
-                    F(y(u.linkDataPrivacy.label) + " ", 1),
+                    F(g(u.linkDataPrivacy.label) + " ", 1),
                     o("a", {
                       onClick: t[1] || (t[1] = (...p) => l.openDataPrivacy && l.openDataPrivacy(...p)),
                       href: u.linkDataPrivacy.link,
                       target: u.linkDataPrivacy.target
-                    }, y(u.linkDataPrivacy.linkText), 9, tm)
+                    }, g(u.linkDataPrivacy.linkText), 9, tm)
                   ])) : m("", !0)
                 ], 512), [
                   [$, l.boxIsOpen(u.id)]
@@ -9471,14 +9470,14 @@ function um(e, t, n, s, i, l) {
                   ], 8, im)
                 ], 2),
                 z(o("div", lm, [
-                  u.description ? (a(), r("p", om, y(u.description), 1)) : m("", !0),
+                  u.description ? (a(), r("p", om, g(u.description), 1)) : m("", !0),
                   u.linkDataPrivacy ? (a(), r("p", am, [
-                    F(y(u.linkDataPrivacy.label) + " ", 1),
+                    F(g(u.linkDataPrivacy.label) + " ", 1),
                     o("a", {
                       onClick: t[3] || (t[3] = (...p) => l.openDataPrivacy && l.openDataPrivacy(...p)),
                       href: u.linkDataPrivacy.link,
                       target: u.linkDataPrivacy.target
-                    }, y(u.linkDataPrivacy.linkText), 9, sm)
+                    }, g(u.linkDataPrivacy.linkText), 9, sm)
                   ])) : m("", !0)
                 ], 512), [
                   [$, l.boxIsOpen(u.id)]
@@ -9496,14 +9495,14 @@ function um(e, t, n, s, i, l) {
               type: "button",
               onClick: t[4] || (t[4] = (...u) => l.acceptCurrentCookies && l.acceptCurrentCookies(...u))
             }, [
-              o("span", null, y(e.getMessage("cookie_disclaimer.button.accept_current_settings")), 1)
+              o("span", null, g(e.getMessage("cookie_disclaimer.button.accept_current_settings")), 1)
             ]),
             o("button", {
               type: "button",
               class: "primary",
               onClick: t[5] || (t[5] = (...u) => l.acceptAllCookies && l.acceptAllCookies(...u))
             }, [
-              o("span", null, y(e.getMessage("cookie_disclaimer.button.accept_all_cookies")), 1)
+              o("span", null, g(e.getMessage("cookie_disclaimer.button.accept_all_cookies")), 1)
             ])
           ])
         ]))
@@ -9647,7 +9646,7 @@ function _m(e, t, n, s, i, l) {
           iconClass: n.linkDeleteAllFilters.icon.iconClass,
           title: n.linkDeleteAllFilters.icon.tooltip
         }, null, 8, ["iconClass", "title"])) : m("", !0),
-        n.linkDeleteAllFilters.text ? (a(), r("span", Tm, y(n.linkDeleteAllFilters.text), 1)) : m("", !0)
+        n.linkDeleteAllFilters.text ? (a(), r("span", Tm, g(n.linkDeleteAllFilters.text), 1)) : m("", !0)
       ])
     ])) : m("", !0),
     (a(!0), r(w, null, P(i.options, (c, u) => (a(), r("li", { key: u }, [
@@ -9656,7 +9655,7 @@ function _m(e, t, n, s, i, l) {
         onClick: k((h) => l.deleteClickedFilter(u), ["prevent"]),
         title: n.deleteFilterIcon.tooltip
       }, [
-        o("span", null, y(n.selectedOptionsName(c)), 1),
+        o("span", null, g(n.selectedOptionsName(c)), 1),
         f(d, {
           iconClass: n.deleteFilterIcon.iconClass,
           type: n.deleteFilterIcon.iconType
@@ -9767,11 +9766,11 @@ function Fm(e, t, n, s, i, l) {
       iconClose: { show: !1 }
     }, {
       default: v(() => [
-        o("p", null, y(e.getMessage("google_maps.system_message.accept_terms")), 1),
+        o("p", null, g(e.getMessage("google_maps.system_message.accept_terms")), 1),
         o("a", {
           href: "#",
           onClick: t[0] || (t[0] = k((...u) => l.acceptCookies && l.acceptCookies(...u), ["prevent"]))
-        }, y(e.getMessage("google_maps.button_text.accept_required_cookies")), 1)
+        }, g(e.getMessage("google_maps.button_text.accept_required_cookies")), 1)
       ]),
       _: 1
     }))
@@ -10359,7 +10358,7 @@ function ap(e, t, n, s, i, l) {
     z(o("fieldset", Wm, [
       o("legend", {
         class: x({ hidden: !n.legendLoginForm.show, "align-left": n.legendLoginForm.align === "left" })
-      }, y(n.legendLoginForm.text), 3),
+      }, g(n.legendLoginForm.text), 3),
       n.cmdHeadlineLoginForm ? (a(), C(d, A(T({ key: 0 }, n.cmdHeadlineLoginForm)), null, 16)) : m("", !0),
       n.enableLoginWithGoogle ? (a(), r("button", {
         key: 1,
@@ -10390,7 +10389,7 @@ function ap(e, t, n, s, i, l) {
           type: l.buttonLoginWithYourDataDefaultOptions.icon.iconType,
           title: l.buttonLoginWithYourDataDefaultOptions.icon.tooltip
         }, null, 8, ["iconClass", "type", "title"])) : m("", !0),
-        l.buttonLoginWithYourDataDefaultOptions.text ? (a(), r("span", Zm, y(l.buttonLoginWithYourDataDefaultOptions.text), 1)) : m("", !0)
+        l.buttonLoginWithYourDataDefaultOptions.text ? (a(), r("span", Zm, g(l.buttonLoginWithYourDataDefaultOptions.text), 1)) : m("", !0)
       ], 16)),
       z(o("div", {
         class: x(["login-fields flex-container", { vertical: n.orientation === "vertical" }])
@@ -10429,7 +10428,7 @@ function ap(e, t, n, s, i, l) {
               type: n.linkForgotPassword.icon.iconType,
               title: n.linkForgotPassword.icon.tooltip
             }, null, 8, ["iconClass", "type", "title"])) : m("", !0),
-            n.linkForgotPassword.text ? (a(), r("span", $m, y(n.linkForgotPassword.text), 1)) : m("", !0)
+            n.linkForgotPassword.text ? (a(), r("span", $m, g(n.linkForgotPassword.text), 1)) : m("", !0)
           ])) : m("", !0),
           n.linkCreateAccount ? (a(), C(h, {
             key: 1,
@@ -10457,7 +10456,7 @@ function ap(e, t, n, s, i, l) {
             type: l.buttonLoginDefaultOptions.icon.iconType,
             title: l.buttonLoginDefaultOptions.icon.tooltip
           }, null, 8, ["iconClass", "type", "title"])) : m("", !0),
-          l.buttonLoginDefaultOptions.text ? (a(), r("span", tp, y(l.buttonLoginDefaultOptions.text), 1)) : m("", !0)
+          l.buttonLoginDefaultOptions.text ? (a(), r("span", tp, g(l.buttonLoginDefaultOptions.text), 1)) : m("", !0)
         ], 16, ep)) : m("", !0)
       ])
     ], 512), [
@@ -10466,7 +10465,7 @@ function ap(e, t, n, s, i, l) {
     z(o("fieldset", np, [
       o("legend", {
         class: x({ hidden: !n.legendForgotLoginForm.show, "align-left": n.legendForgotLoginForm.align === "left" })
-      }, y(n.legendForgotLoginForm.text), 3),
+      }, g(n.legendForgotLoginForm.text), 3),
       n.cmdHeadlineSendLoginForm ? (a(), C(d, A(T({ key: 0 }, n.cmdHeadlineSendLoginForm)), null, 16)) : m("", !0),
       f(u, T({
         ref: "sendPassword",
@@ -10488,7 +10487,7 @@ function ap(e, t, n, s, i, l) {
             type: n.linkBackToLogin.icon.iconType,
             title: n.linkBackToLogin.icon.tooltip
           }, null, 8, ["iconClass", "type", "title"])) : m("", !0),
-          o("span", null, y(n.linkBackToLogin.text), 1)
+          o("span", null, g(n.linkBackToLogin.text), 1)
         ]),
         l.buttonSendLoginOptions.linkType === "button" ? (a(), r("button", T({ key: 0 }, l.buttonSendLoginOptions, {
           type: l.buttonSendLoginOptions.type === "submit" ? "submit" : "button",
@@ -10500,7 +10499,7 @@ function ap(e, t, n, s, i, l) {
             iconClass: l.buttonSendLoginOptions.icon?.iconClass,
             title: l.buttonSendLoginOptions.icon?.tooltip
           }, null, 8, ["iconClass", "title"])) : m("", !0),
-          l.buttonSendLoginOptions.text ? (a(), r("span", op, y(l.buttonSendLoginOptions.text), 1)) : m("", !0)
+          l.buttonSendLoginOptions.text ? (a(), r("span", op, g(l.buttonSendLoginOptions.text), 1)) : m("", !0)
         ], 16, lp)) : m("", !0)
       ])
     ], 512), [
@@ -10675,7 +10674,7 @@ function vp(e, t, n, s, i, l) {
             }, null, 8, ["iconClass", "type"])) : m("", !0),
             o("span", {
               class: x({ hidden: !n.closeOffcanvas.showText })
-            }, y(n.closeOffcanvas.text), 3)
+            }, g(n.closeOffcanvas.text), 3)
           ])
         ])) : m("", !0),
         (a(!0), r(w, null, P(n.navigationEntries, (u, h) => (a(), r("li", {
@@ -10696,7 +10695,7 @@ function vp(e, t, n, s, i, l) {
               iconClass: u.iconClass,
               type: u.iconType
             }, null, 8, ["iconClass", "type"])) : m("", !0),
-            u.text ? (a(), r("span", cp, y(u.text), 1)) : m("", !0),
+            u.text ? (a(), r("span", cp, g(u.text), 1)) : m("", !0),
             u?.subentries?.length ? (a(), r("span", {
               key: 2,
               class: x(["subentry-icon", n.subentriesIconClass])
@@ -10714,7 +10713,7 @@ function vp(e, t, n, s, i, l) {
                 iconClass: u.iconClass,
                 type: u.iconType
               }, null, 8, ["iconClass", "type"])) : m("", !0),
-              u.text ? (a(), r("span", mp, y(u.text), 1)) : m("", !0),
+              u.text ? (a(), r("span", mp, g(u.text), 1)) : m("", !0),
               u.subentries && u.subentries.length > 0 ? (a(), r("span", {
                 key: 2,
                 class: x(["subentry-icon", n.subentriesIconClass])
@@ -10744,7 +10743,7 @@ function vp(e, t, n, s, i, l) {
                   iconClass: p.iconClass,
                   type: p.iconType
                 }, null, 8, ["iconClass", "type"])) : m("", !0),
-                p.text ? (a(), r("span", hp, y(p.text), 1)) : m("", !0),
+                p.text ? (a(), r("span", hp, g(p.text), 1)) : m("", !0),
                 p.subentries && p.subentries.length > 0 ? (a(), r("span", {
                   key: 2,
                   class: x(["subentry-icon", n.subentriesIconClass])
@@ -10762,7 +10761,7 @@ function vp(e, t, n, s, i, l) {
                     iconClass: p.iconClass,
                     type: p.iconType
                   }, null, 8, ["iconClass", "type"])) : m("", !0),
-                  p.text ? (a(), r("span", gp, y(p.text), 1)) : m("", !0),
+                  p.text ? (a(), r("span", gp, g(p.text), 1)) : m("", !0),
                   p.subentries && p.subentries.length > 0 ? (a(), r("span", {
                     key: 2,
                     class: x(["subentry-icon", n.subentriesIconClass])
@@ -10787,7 +10786,7 @@ function vp(e, t, n, s, i, l) {
                       iconClass: S.iconClass,
                       type: S.iconType
                     }, null, 8, ["iconClass", "type"])) : m("", !0),
-                    S.text ? (a(), r("span", xp, y(S.text), 1)) : m("", !0),
+                    S.text ? (a(), r("span", xp, g(S.text), 1)) : m("", !0),
                     S.subentries && S.subentries.length > 0 ? (a(), r("span", {
                       key: 2,
                       class: x(["subentry-icon", n.subentriesIconClass])
@@ -10805,7 +10804,7 @@ function vp(e, t, n, s, i, l) {
                         iconClass: S.iconClass,
                         type: S.iconType
                       }, null, 8, ["iconClass", "type"])) : m("", !0),
-                      S.text ? (a(), r("span", Cp, y(S.text), 1)) : m("", !0),
+                      S.text ? (a(), r("span", Cp, g(S.text), 1)) : m("", !0),
                       S.subentries && S.subentries.length > 0 ? (a(), r("span", {
                         key: 2,
                         class: x(["subentry-icon", n.subentriesIconClass])
@@ -10833,7 +10832,7 @@ function vp(e, t, n, s, i, l) {
       }, null, 8, ["iconClass", "type"]),
       o("span", {
         class: x({ hidden: !n.buttonOffcanvas.showText })
-      }, y(n.buttonOffcanvas.text), 3)
+      }, g(n.buttonOffcanvas.text), 3)
     ])) : m("", !0)
   ], 2);
 }
@@ -10968,7 +10967,7 @@ function Fp(e, t, n, s, i, l) {
           iconClass: n.prevLink.iconClass,
           type: n.prevLink.iconType
         }, null, 8, ["iconClass", "type"]),
-        n.prevLink.showText ? (a(), r("span", _p, y(n.prevLink.text), 1)) : m("", !0)
+        n.prevLink.showText ? (a(), r("span", _p, g(n.prevLink.text), 1)) : m("", !0)
       ], 10, Sp),
       o("div", Op, [
         o("div", Lp, [
@@ -10980,7 +10979,7 @@ function Fp(e, t, n, s, i, l) {
             onClick: k((h) => l.showPage(h, c), ["stop", "prevent"]),
             "aria-live": "polite"
           }, [
-            o("span", null, y(u + 1), 1)
+            o("span", null, g(u + 1), 1)
           ], 10, Ip))), 128))
         ])
       ]),
@@ -10990,7 +10989,7 @@ function Fp(e, t, n, s, i, l) {
         onClick: t[1] || (t[1] = k((...c) => l.nextPage && l.nextPage(...c), ["stop", "prevent"])),
         title: n.nextLink.showText ? null : n.nextLink.text
       }, [
-        n.nextLink.showText ? (a(), r("span", Dp, y(n.nextLink.text), 1)) : m("", !0),
+        n.nextLink.showText ? (a(), r("span", Dp, g(n.nextLink.text), 1)) : m("", !0),
         f(d, {
           iconClass: n.nextLink.iconClass,
           type: n.nextLink.iconType
@@ -11154,23 +11153,23 @@ function Hp(e, t, n, s, i, l) {
         onClick: (p) => l.clickedStep(p, h)
       }, {
         default: v(() => [
-          n.showStepNumber ? (a(), r("span", Pp, y(h + 1), 1)) : m("", !0),
+          n.showStepNumber ? (a(), r("span", Pp, g(h + 1), 1)) : m("", !0),
           u.iconClass ? (a(), C(d, {
             key: 1,
             iconClass: u.iconClass,
             type: u.iconType
           }, null, 8, ["iconClass", "type"])) : m("", !0),
-          u.text ? (a(), r("span", Vp, y(u.text), 1)) : m("", !0)
+          u.text ? (a(), r("span", Vp, g(u.text), 1)) : m("", !0)
         ]),
         _: 2
       }, 1032, ["linkType", "class", "styleAsButton", "highlightLevel", "path", "title", "disabled", "onClick"])) : (a(), r(w, { key: 1 }, [
-        n.showStepNumber ? (a(), r("span", Ap, y(h + 1), 1)) : m("", !0),
+        n.showStepNumber ? (a(), r("span", Ap, g(h + 1), 1)) : m("", !0),
         u.iconClass ? (a(), C(d, {
           key: 1,
           iconClass: u.iconClass,
           type: u.iconType
         }, null, 8, ["iconClass", "type"])) : m("", !0),
-        u.text ? (a(), r("span", Ep, y(u.text), 1)) : m("", !0)
+        u.text ? (a(), r("span", Ep, g(u.text), 1)) : m("", !0)
       ], 64)),
       h + 1 !== n.multisteps.length && n.useGap ? (a(), r("span", {
         key: 2,
@@ -11533,7 +11532,7 @@ function Kp(e, t, n, s, i, l) {
   return a(), r("fieldset", Wp, [
     o("legend", {
       class: x({ hidden: !n.legend.show, "align-left": n.legend.align === "left" })
-    }, y(n.legend.text), 3),
+    }, g(n.legend.text), 3),
     f(d, {
       inputTypes: "radio",
       labelText: n.cmdInputGroup.labelText,
@@ -11782,20 +11781,20 @@ function sf(e, t, n, s, i, l) {
       ])
     ])
   ], 64)) : (a(), r(w, { key: 0 }, [
-    o("dt", Zp, y(n.day.day), 1),
+    o("dt", Zp, g(n.day.day), 1),
     o("dd", null, [
       n.day.am ? (a(), r("span", Qp, [
         n.day.am.displayText ? (a(), r(w, { key: 0 }, [
-          F(y(n.day.am.displayText), 1)
+          F(g(n.day.am.displayText), 1)
         ], 64)) : (a(), r(w, { key: 1 }, [
-          F(y(l.getTime(n.day.am.fromTime, n.abbreviationTextAm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.am.tillTime)), 1)
+          F(g(l.getTime(n.day.am.fromTime, n.abbreviationTextAm)) + " " + g(n.separator) + " " + g(l.getTime(n.day.am.tillTime)), 1)
         ], 64))
       ])) : m("", !0),
       n.day.pm ? (a(), r("span", Xp, [
         n.day.pm.displayText ? (a(), r(w, { key: 0 }, [
-          F(y(n.day.pm.displayText), 1)
+          F(g(n.day.pm.displayText), 1)
         ], 64)) : (a(), r(w, { key: 1 }, [
-          F(y(l.getTime(n.day.pm.fromTime, n.abbreviationTextPm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.pm.tillTime)), 1)
+          F(g(l.getTime(n.day.pm.fromTime, n.abbreviationTextPm)) + " " + g(n.separator) + " " + g(l.getTime(n.day.pm.tillTime)), 1)
         ], 64))
       ])) : m("", !0)
     ])
@@ -12080,13 +12079,13 @@ function Cf(e, t, n, s, i, l) {
         class: { closed: l.isClosed }
       }), {
         default: v(() => [
-          F(y(l.textOpenClosed), 1)
+          F(g(l.textOpenClosed), 1)
         ]),
         _: 1
       }, 16, ["linkType", "class"])) : (a(), r("span", {
         key: 1,
         class: x({ closed: l.isClosed })
-      }, y(l.textOpenClosed), 3))
+      }, g(l.textOpenClosed), 3))
     ], 64)) : e.editing ? (a(), r("div", pf, [
       f(u, {
         element: "input",
@@ -12151,9 +12150,9 @@ function Cf(e, t, n, s, i, l) {
     ])),
     !e.editing && (n.textHolidays || n.textMiscInfo) ? (a(), r("div", gf, [
       n.textHolidays ? (a(), r("p", yf, [
-        o("strong", null, y(n.textHolidays), 1)
+        o("strong", null, g(n.textHolidays), 1)
       ])) : m("", !0),
-      n.textMiscInfo ? (a(), r("p", bf, y(n.textMiscInfo), 1)) : m("", !0)
+      n.textMiscInfo ? (a(), r("p", bf, g(n.textMiscInfo), 1)) : m("", !0)
     ])) : m("", !0),
     e.editing ? (a(), r("div", xf, [
       f(u, {
@@ -12293,7 +12292,7 @@ function _f(e, t, n, s, i, l) {
         iconClass: n.network.iconClass,
         type: n.network.iconType
       }, null, 8, ["iconClass", "type"])) : m("", !0),
-      n.network.linkText ? (a(), r("span", Sf, y(n.network.linkText), 1)) : m("", !0)
+      n.network.linkText ? (a(), r("span", Sf, g(n.network.linkText), 1)) : m("", !0)
     ], 10, Tf))
   ]);
 }
@@ -12626,7 +12625,7 @@ function Pf(e, t, n, s, i, l) {
           key: 0,
           class: x(l.buttonPrintViewOptions.icon?.iconClass)
         }, null, 2)) : m("", !0),
-        l.buttonPrintViewOptions.text ? (a(), r("span", Mf, y(l.buttonPrintViewOptions.text), 1)) : m("", !0)
+        l.buttonPrintViewOptions.text ? (a(), r("span", Mf, g(l.buttonPrintViewOptions.text), 1)) : m("", !0)
       ], 10, Ff)) : m("", !0)
     ])
   ], 2);
@@ -12716,9 +12715,9 @@ function Gf(e, t, n, s, i, l) {
   }, [
     o("span", {
       class: x(["label-text", { hidden: !n.showLabel }])
-    }, y(n.labelText), 3),
+    }, g(n.labelText), 3),
     o("span", Nf, [
-      n.showLoadingStatus ? (a(), r("span", zf, y(i.loadingStatus) + " %", 1)) : m("", !0),
+      n.showLoadingStatus ? (a(), r("span", zf, g(i.loadingStatus) + " %", 1)) : m("", !0),
       o("progress", T(e.$attrs, {
         id: n.id,
         value: i.loadingStatus
@@ -13353,7 +13352,7 @@ function vh(e, t, n, s, i, l) {
     o("fieldset", hh, [
       o("legend", {
         class: x({ hidden: !n.legend.show, "align-left": n.legend.align === "left" })
-      }, y(n.legend.text), 3),
+      }, g(n.legend.text), 3),
       n.cmdHeadline ? (a(), C(d, A(T({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
       o("div", gh, [
         f(c, {
@@ -13406,7 +13405,7 @@ function vh(e, t, n, s, i, l) {
             iconClass: i.showFilters ? n.cmdIcon?.showFilters?.iconClass : n.cmdIcon?.hideFilters?.iconClass,
             type: i.showFilters ? n.cmdIcon?.showFilters?.iconType : n.cmdIcon?.hideFilters?.iconType
           }, null, 8, ["iconClass", "type"]),
-          i.showFilters ? (a(), r("span", bh, y(e.getMessage("site_search.hide_filter_options")), 1)) : (a(), r("span", xh, y(e.getMessage("site_search.show_filter_options")), 1))
+          i.showFilters ? (a(), r("span", bh, g(e.getMessage("site_search.hide_filter_options")), 1)) : (a(), r("span", xh, g(e.getMessage("site_search.show_filter_options")), 1))
         ]),
         f(pe, { name: n.transitionFilters }, {
           default: v(() => [
@@ -13709,7 +13708,7 @@ function Lh(e, t, n, s, i, l) {
           }, null, 10, _h)
         ], 2))), 128))
       ])) : m("", !0),
-      n.showCounter ? (a(), r("span", Oh, y(i.index + 1) + "/" + y(n.slideshowItems.length), 1)) : m("", !0)
+      n.showCounter ? (a(), r("span", Oh, g(i.index + 1) + "/" + g(n.slideshowItems.length), 1)) : m("", !0)
     ], 32)
   ], 2);
 }
@@ -14146,7 +14145,7 @@ function Zh(e, t, n, s, i, l) {
           n.tableData.caption?.text || n.caption?.text ? (a(), r("caption", {
             key: 0,
             class: x({ hidden: l.hideCaption })
-          }, y(n.caption?.text || n.tableData.caption?.text), 3)) : m("", !0)
+          }, g(n.caption?.text || n.tableData.caption?.text), 3)) : m("", !0)
         ]),
         D(e.$slots, "table-head", {}, () => [
           o("thead", null, [
@@ -14316,7 +14315,7 @@ function rg(e, t, n, s, i, l) {
             iconClass: u.iconClass,
             type: u.iconType
           }, null, 8, ["iconClass", "type"])) : m("", !0),
-          u.text ? (a(), r("span", og, y(u.text), 1)) : m("", !0)
+          u.text ? (a(), r("span", og, g(u.text), 1)) : m("", !0)
         ], 10, lg)
       ], 2))), 128))
     ], 2),
@@ -14700,7 +14699,7 @@ function gg(e, t, n, s, i, l) {
         class: x(["button", { "dark-mode": i.darkMode }]),
         onClick: t[0] || (t[0] = k((...u) => l.toggleColorScheme && l.toggleColorScheme(...u), ["prevent"]))
       }, [
-        n.showLabel ? (a(), r("span", hg, y(l.labelText), 1)) : m("", !0),
+        n.showLabel ? (a(), r("span", hg, g(l.labelText), 1)) : m("", !0),
         f(d, {
           iconClass: l.iconClass,
           type: l.iconType,
@@ -17015,7 +17014,7 @@ function vb(e, t, n, s, i, l) {
     }, [
       o("legend", {
         class: x({ hidden: !n.legend.show, "align-left": n.legend.align === "left" })
-      }, y(n.legend.text), 3),
+      }, g(n.legend.text), 3),
       n.cmdHeadlineFieldset ? (a(), C(d, A(T({ key: 0 }, n.cmdHeadlineFieldset)), null, 16)) : m("", !0),
       l.systemMessageStatus && l.allSystemMessages.length ? (a(), C(c, {
         key: 1,
@@ -17025,7 +17024,7 @@ function vb(e, t, n, s, i, l) {
       }, {
         default: v(() => [
           l.allSystemMessages.length > 1 ? (a(), r("ul", Ky, [
-            (a(!0), r(w, null, P(l.allSystemMessages, (p, b) => (a(), r("li", { key: b }, y(p), 1))), 128))
+            (a(!0), r(w, null, P(l.allSystemMessages, (p, b) => (a(), r("li", { key: b }, g(p), 1))), 128))
           ])) : m("", !0)
         ]),
         _: 1
@@ -17037,7 +17036,7 @@ function vb(e, t, n, s, i, l) {
           n.showTotalUpload && i.listOfFiles.length !== 1 ? (a(), r("div", Jy, [
             f(d, T(n.cmdHeadlineSummaryOfAllFiles, { headlineLevel: "4" }), {
               default: v(() => [
-                F(y(e.getMessage("upload_form.headline.summary_of_all_files")), 1)
+                F(g(e.getMessage("upload_form.headline.summary_of_all_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -17051,11 +17050,11 @@ function vb(e, t, n, s, i, l) {
                   f(u, A(ce(n.iconDelete)), null, 16)
                 ], 8, Xy),
                 o("span", null, [
-                  F(y(i.listOfFiles.length) + " ", 1),
+                  F(g(i.listOfFiles.length) + " ", 1),
                   n.allowMultipleFileUploads ? (a(), r(w, { key: 1 }, [
-                    F(y(e.getMessage("upload_form.labeltext.files_uploading")), 1)
+                    F(g(e.getMessage("upload_form.labeltext.files_uploading")), 1)
                   ], 64)) : (a(), r(w, { key: 0 }, [
-                    F(y(e.getMessage("upload_form.labeltext.file_uploading")), 1)
+                    F(g(e.getMessage("upload_form.labeltext.file_uploading")), 1)
                   ], 64))
                 ]),
                 o("small", {
@@ -17063,9 +17062,9 @@ function vb(e, t, n, s, i, l) {
                     "text-align-right",
                     { error: n.maxTotalUploadSize > 0 && l.totalSize > n.maxTotalUploadSize }
                   ])
-                }, " (" + y(l.formatSize(l.totalSize)) + ") ", 3),
+                }, " (" + g(l.formatSize(l.totalSize)) + ") ", 3),
                 i.uploadInitiated ? (a(), r("span", $y, [
-                  o("span", null, y(l.getPercentage(l.totalUploadProgress)), 1),
+                  o("span", null, g(l.getPercentage(l.totalUploadProgress)), 1),
                   o("progress", {
                     max: "100",
                     value: l.totalUploadProgress,
@@ -17079,7 +17078,7 @@ function vb(e, t, n, s, i, l) {
           o("div", tb, [
             f(d, T(n.cmdHeadlineListOfSelectedFiles, { headlineLevel: "4" }), {
               default: v(() => [
-                F(y(e.getMessage("upload_form.headline.list_of_selected_files")), 1)
+                F(g(e.getMessage("upload_form.headline.list_of_selected_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -17102,11 +17101,11 @@ function vb(e, t, n, s, i, l) {
                     { error: p.error }
                   ])
                 }, [
-                  F(y(p.file.name) + " ", 1),
-                  o("small", null, "(" + y(l.formatSize(p.file.size)) + ")", 1)
+                  F(g(p.file.name) + " ", 1),
+                  o("small", null, "(" + g(l.formatSize(p.file.size)) + ")", 1)
                 ], 2),
                 i.uploadInitiated && !p.error ? (a(), r("span", lb, [
-                  o("span", null, y(l.getPercentage(p.progress)), 1),
+                  o("span", null, g(l.getPercentage(p.progress)), 1),
                   o("progress", {
                     max: "100",
                     value: p.progress,
@@ -17120,13 +17119,13 @@ function vb(e, t, n, s, i, l) {
               href: "#",
               onClick: t[1] || (t[1] = k((...p) => l.cancel && l.cancel(...p), ["prevent"])),
               title: e.getMessage("upload_form.all_files_will_be_removed")
-            }, y(e.getMessage("upload_form.reset_upload")), 9, ab)) : m("", !0),
+            }, g(e.getMessage("upload_form.reset_upload")), 9, ab)) : m("", !0),
             t[9] || (t[9] = o("hr", null, null, -1))
           ])
         ])) : (a(), r(w, { key: 0 }, [
           n.allowMultipleFileUploads ? (a(), C(d, T({ key: 0 }, n.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
             default: v(() => [
-              F(y(l.headlineTextNoFilesToUpload), 1)
+              F(g(l.headlineTextNoFilesToUpload), 1)
             ]),
             _: 1
           }, 16)) : m("", !0)
@@ -17134,13 +17133,13 @@ function vb(e, t, n, s, i, l) {
         o("div", sb, [
           n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), C(d, T({ key: 0 }, n.cmdHeadlineSelectAdditionalFiles, { headlineLevel: "4" }), {
             default: v(() => [
-              F(y(e.getMessage("upload_form.headline.select_additional_files")), 1)
+              F(g(e.getMessage("upload_form.headline.select_additional_files")), 1)
             ]),
             _: 1
           }, 16)) : m("", !0),
           !n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), C(d, T({ key: 1 }, n.cmdHeadlineSelectNewFile, { headlineLevel: "4" }), {
             default: v(() => [
-              F(y(e.getMessage("upload_form.headline.select_new_file")), 1)
+              F(g(e.getMessage("upload_form.headline.select_new_file")), 1)
             ]),
             _: 1
           }, 16)) : m("", !0),
@@ -17148,20 +17147,20 @@ function vb(e, t, n, s, i, l) {
             n.maxTotalUploadSize > 0 ? (a(), r(w, { key: 0 }, [
               o("dt", {
                 class: x({ error: l.totalSize > n.maxTotalUploadSize })
-              }, y(e.getMessage("upload_form.max_total_upload_size")), 3),
+              }, g(e.getMessage("upload_form.max_total_upload_size")), 3),
               o("dd", {
                 class: x(["text-align-right", { error: l.totalSize > n.maxTotalUploadSize }])
-              }, y(l.formatSize(n.maxTotalUploadSize)), 3)
+              }, g(l.formatSize(n.maxTotalUploadSize)), 3)
             ], 64)) : m("", !0),
             o("dt", {
               class: x({ error: i.errors.fileSize })
-            }, y(e.getMessage("upload_form.max_file_upload_size")), 3),
+            }, g(e.getMessage("upload_form.max_file_upload_size")), 3),
             o("dd", {
               class: x(["text-align-right", { error: i.errors.fileSize }])
-            }, y(l.formatSize(n.maxFileUploadSize)), 3),
+            }, g(l.formatSize(n.maxFileUploadSize)), 3),
             o("dt", {
               class: x({ error: i.errors.fileType })
-            }, y(e.getMessage("upload_form.allowed_file_types")), 3),
+            }, g(e.getMessage("upload_form.allowed_file_types")), 3),
             o("dd", null, [
               o("a", {
                 href: "#",
@@ -17179,7 +17178,7 @@ function vb(e, t, n, s, i, l) {
                     (a(!0), r(w, null, P(n.allowedFileExtensions, (p, b) => (a(), r("li", {
                       key: b,
                       class: x({ error: i.errors.fileType })
-                    }, y(p), 3))), 128))
+                    }, g(p), 3))), 128))
                   ])) : m("", !0)
                 ]),
                 _: 1
@@ -17198,22 +17197,22 @@ function vb(e, t, n, s, i, l) {
               iconClass: n.iconFileUpload.iconClass,
               type: n.iconFileUpload.iconType
             }, null, 8, ["iconClass", "type"]),
-            n.allowMultipleFileUploads ? (a(), r("span", pb, y(e.getMessage("upload_form.labeltext.select_files")), 1)) : (a(), r("span", fb, y(e.getMessage("upload_form.labeltext.select_file")), 1))
+            n.allowMultipleFileUploads ? (a(), r("span", pb, g(e.getMessage("upload_form.labeltext.select_files")), 1)) : (a(), r("span", fb, g(e.getMessage("upload_form.labeltext.select_file")), 1))
           ], 10, mb),
           n.enableDragAndDrop ? (a(), r("p", {
             key: 0,
             class: x(["text-drag-and-drop", { disabled: i.uploadInitiated }])
           }, [
-            o("span", null, y(e.getMessage("upload_form.or")), 1),
+            o("span", null, g(e.getMessage("upload_form.or")), 1),
             o("strong", null, [
-              F(y(e.getMessage("upload_form.drag_and_drop")) + " ", 1),
+              F(g(e.getMessage("upload_form.drag_and_drop")) + " ", 1),
               n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), r(w, { key: 0 }, [
-                F(y(e.getMessage("upload_form.additional")), 1)
+                F(g(e.getMessage("upload_form.additional")), 1)
               ], 64)) : m("", !0),
               !n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), r(w, { key: 1 }, [
-                F(y(e.getMessage("upload_form.new")), 1)
+                F(g(e.getMessage("upload_form.new")), 1)
               ], 64)) : m("", !0),
-              F(" " + y(e.getMessage("upload_form.files_to_this_area")), 1)
+              F(" " + g(e.getMessage("upload_form.files_to_this_area")), 1)
             ])
           ], 2)) : m("", !0)
         ])
@@ -17241,14 +17240,14 @@ function vb(e, t, n, s, i, l) {
           onClick: t[5] || (t[5] = (...p) => l.uploadFiles && l.uploadFiles(...p))
         }, [
           f(u, A(ce(n.iconUpload)), null, 16),
-          i.listOfFiles.length === 1 || !n.allowMultipleFileUploads ? (a(), r("span", yb, y(e.getMessage("upload_form.buttontext.upload_file")), 1)) : (a(), r("span", bb, y(e.getMessage("upload_form.buttontext.upload_files")), 1))
+          i.listOfFiles.length === 1 || !n.allowMultipleFileUploads ? (a(), r("span", yb, g(e.getMessage("upload_form.buttontext.upload_file")), 1)) : (a(), r("span", bb, g(e.getMessage("upload_form.buttontext.upload_files")), 1))
         ], 10, gb),
         o("button", {
           class: x(["button", { disabled: i.listOfFiles.length === 0 }]),
           onClick: t[6] || (t[6] = (...p) => l.cancel && l.cancel(...p))
         }, [
           f(u, A(ce(n.iconCancel)), null, 16),
-          o("span", null, y(e.getMessage("upload_form.buttontext.cancel")), 1)
+          o("span", null, g(e.getMessage("upload_form.buttontext.cancel")), 1)
         ], 2)
       ])
     ], 2)) : (a(), r("a", T({
@@ -17258,7 +17257,7 @@ function vb(e, t, n, s, i, l) {
       class: ["cmd-upload-form box", { "drop-area": n.enableDragAndDrop, "allow-drop": i.allowDrop }]
     }, Ct(l.dragAndDropHandler, !0)), [
       i.uploadInitiated ? (a(), r("span", xb, [
-        o("span", null, y(l.getPercentage(l.totalUploadProgress)), 1),
+        o("span", null, g(l.getPercentage(l.totalUploadProgress)), 1),
         o("progress", {
           max: "100",
           value: l.totalUploadProgress,
@@ -17267,28 +17266,28 @@ function vb(e, t, n, s, i, l) {
       ])) : m("", !0),
       D(e.$slots, "default", {}, () => [
         n.enableDragAndDrop ? (a(), r(w, { key: 1 }, [
-          o("span", null, y(e.getMessage("upload_form.drag_and_drop_file_here")), 1),
+          o("span", null, g(e.getMessage("upload_form.drag_and_drop_file_here")), 1),
           f(u, {
             iconClass: n.iconDragAndDrop.iconClass,
             type: n.iconDragAndDrop.iconType
           }, null, 8, ["iconClass", "type"])
         ], 64)) : (a(), r(w, { key: 0 }, [
           l.fileTypeImage ? (a(), r(w, { key: 0 }, [
-            o("span", null, y(e.getMessage("upload_form.select_image")), 1),
+            o("span", null, g(e.getMessage("upload_form.select_image")), 1),
             f(u, {
               iconClass: n.iconImage.iconClass,
               type: n.iconImage.iconType
             }, null, 8, ["iconClass", "type"])
           ], 64)) : (a(), r(w, { key: 1 }, [
-            o("span", null, y(e.getMessage("upload_form.select_file")), 1),
+            o("span", null, g(e.getMessage("upload_form.select_file")), 1),
             f(u, {
               iconClass: n.iconFileUpload.iconClass,
               type: n.iconFileUpload.iconType
             }, null, 8, ["iconClass", "type"])
           ], 64))
         ], 64)),
-        o("small", null, y(e.getMessage("upload_form.max_upload_size")) + " " + y(l.formatSize(n.maxFileUploadSize)), 1),
-        o("small", null, y(e.getMessage("upload_form.allowed_file_types")) + " " + y(n.allowedFileExtensions), 1)
+        o("small", null, g(e.getMessage("upload_form.max_upload_size")) + " " + g(l.formatSize(n.maxFileUploadSize)), 1),
+        o("small", null, g(e.getMessage("upload_form.allowed_file_types")) + " " + g(n.allowedFileExtensions), 1)
       ])
     ], 16)),
     f(h, {
@@ -17574,7 +17573,7 @@ function Fb(e, t, n, s, i, l) {
             rowView: p.rowView
           }), {
             default: v(() => [
-              F(" box " + y(b), 1)
+              F(" box " + g(b), 1)
             ]),
             _: 2
           }, 1040, ["rowView"]))), 128))
@@ -18491,7 +18490,7 @@ function bx(e, t, n, s, i, l) {
       title: e.getMessage("mail_tool_entry.tooltip.read_this_mail")
     }, [
       o("dl", ix, [
-        o("dt", lx, y(n.boxType === "inbox" ? e.getMessage("mail_tool_entry.description_label.from") : e.getMessage("mail_tool_entry.description_label.to")), 1),
+        o("dt", lx, g(n.boxType === "inbox" ? e.getMessage("mail_tool_entry.description_label.from") : e.getMessage("mail_tool_entry.description_label.to")), 1),
         o("dd", ox, [
           u.cmdImage?.src ? (a(), C(d, {
             key: 0,
@@ -18500,26 +18499,26 @@ function bx(e, t, n, s, i, l) {
             title: u.cmdImage.title || u.contactFullName,
             useFigureTag: !1
           }, null, 8, ["src", "alt", "title"])) : m("", !0),
-          o("span", ax, y(u.contactFullName), 1)
+          o("span", ax, g(u.contactFullName), 1)
         ]),
-        o("dt", null, y(e.getMessage("mail_tool_entry.description_label.subject")), 1),
+        o("dt", null, g(e.getMessage("mail_tool_entry.description_label.subject")), 1),
         o("dd", null, [
           o("a", {
             href: "#",
             onClick: k((p) => l.readMail(u.id), ["prevent"])
-          }, y(u.subject), 9, sx)
+          }, g(u.subject), 9, sx)
         ])
       ]),
       o("div", rx, [
         o("dl", dx, [
-          o("dt", null, y(e.getMessage("mail_tool_entry.description_label.received")), 1),
+          o("dt", null, g(e.getMessage("mail_tool_entry.description_label.received")), 1),
           o("dd", ux, [
             o("time", {
               datetime: u.isoDate
-            }, y(l.mailFormatDate(u.isoDate)), 9, cx),
+            }, g(l.mailFormatDate(u.isoDate)), 9, cx),
             o("time", {
               datetime: u.time
-            }, y(l.mailFormatTime(u.time)), 9, mx)
+            }, g(l.mailFormatTime(u.time)), 9, mx)
           ])
         ]),
         o("div", px, [
@@ -18552,7 +18551,7 @@ function bx(e, t, n, s, i, l) {
       ])
     ], 10, nx),
     i.expandMail.has(u.id) ? (a(), r("div", yx, [
-      o("header", null, " mailId: " + y(u.id), 1)
+      o("header", null, " mailId: " + g(u.id), 1)
     ])) : m("", !0)
   ], 64))), 128)) : (a(), C(c, A(T({ key: 1 }, n.cmdSystemMessage)), null, 16));
 }
@@ -18723,7 +18722,7 @@ function Ix(e, t, n, s, i, l) {
         onClick: t[3] || (t[3] = k((u) => l.sortByDate("asc"), ["prevent"])),
         title: n.linkSortAscending.title
       }, [
-        n.linkSortAscending.text ? (a(), r("span", _x, y(n.linkSortAscending.text), 1)) : m("", !0),
+        n.linkSortAscending.text ? (a(), r("span", _x, g(n.linkSortAscending.text), 1)) : m("", !0),
         n.linkSortAscending.iconClass ? (a(), r("span", {
           key: 1,
           class: x(n.linkSortAscending.iconClass)
@@ -18734,7 +18733,7 @@ function Ix(e, t, n, s, i, l) {
         onClick: t[4] || (t[4] = k((u) => l.sortByDate("desc"), ["prevent"])),
         title: n.linkSortDescending.title
       }, [
-        n.linkSortDescending.text ? (a(), r("span", Lx, y(n.linkSortDescending.text), 1)) : m("", !0),
+        n.linkSortDescending.text ? (a(), r("span", Lx, g(n.linkSortDescending.text), 1)) : m("", !0),
         n.linkSortDescending.iconClass ? (a(), r("span", {
           key: 1,
           class: x(n.linkSortDescending.iconClass)
@@ -20893,7 +20892,7 @@ const Mx = /* @__PURE__ */ B(Dx, [["render", Fx]]), Px = [
     text: "Zimbabwe",
     value: "zw"
   }
-], QC = "comand-component-library", XC = "4.2.90", $C = "GPL-3.0-only", e1 = "CoManD-UI", t1 = "module", n1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, i1 = ["dist", "src"], l1 = { ".": "./dist/comand-component-library.js", "./css.js": "./src/css.js", "./comand-component-library.css": "./dist/comand-component-library.css", "./variables.scss": "./src/assets/styles/variables.scss", "./export-example-data.js": "./src/assets/data/export-example-data.js", "./countries.json": "./src/assets/lists-of-data/countries.json", "./currencies.json": "./src/assets/lists-of-data/currencies.json", "./dial-codes.json": "./src/assets/lists-of-data/dial-codes.json", "./us-cities.json": "./src/assets/lists-of-data/us-cities.json" }, o1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.23", "comand-ui-iconfonts": "^1.0.19", "core-js": "^3.20.1", prismjs: "^1.27.0", vue: "^3.5.25", "vue-router": "^4.0.12", vuex: "^4.0.2" }, a1 = { "@iconify/vue": "^4.0.0", "@vitejs/plugin-vue": "^6.0.2", "@vue/test-utils": "^2.0.0-0", axios: "^1.7.2", gulp: "^4.0.2", sass: "^1.54.9", "unplugin-vue-components": "^0.24.0", vite: "^7.2.4", "vue-jest": "^5.0.0-0" }, s1 = {
+], QC = "comand-component-library", XC = "4.2.92", $C = "GPL-3.0-only", e1 = "CoManD-UI", t1 = "module", n1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, i1 = ["dist", "src"], l1 = { ".": "./dist/comand-component-library.js", "./css.js": "./src/css.js", "./comand-component-library.css": "./dist/comand-component-library.css", "./variables.scss": "./src/assets/styles/variables.scss", "./export-example-data.js": "./src/assets/data/export-example-data.js", "./countries.json": "./src/assets/lists-of-data/countries.json", "./currencies.json": "./src/assets/lists-of-data/currencies.json", "./dial-codes.json": "./src/assets/lists-of-data/dial-codes.json", "./us-cities.json": "./src/assets/lists-of-data/us-cities.json" }, o1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.25", "comand-ui-iconfonts": "^1.0.19", "core-js": "^3.20.1", prismjs: "^1.27.0", vue: "^3.5.25", "vue-router": "^4.0.12", vuex: "^4.0.2" }, a1 = { "@iconify/vue": "^4.0.0", "@vitejs/plugin-vue": "^6.0.2", "@vue/test-utils": "^2.0.0-0", axios: "^1.7.2", gulp: "^4.0.2", sass: "^1.54.9", "unplugin-vue-components": "^0.24.0", vite: "^7.2.4", "vue-jest": "^5.0.0-0" }, s1 = {
   name: QC,
   version: XC,
   license: $C,
@@ -22112,6 +22111,8 @@ const Mx = /* @__PURE__ */ B(Dx, [["render", Fx]]), Px = [
       filters: ["2"],
       switchButtonRadio: "radio1",
       switchButtonCheckboxToggleSwitch: !1,
+      switchButtonCheckboxToggleSwitchRequired: !1,
+      switchButtonCheckboxToggleRequired: !1,
       switchButtonCheckboxToggleSwitchColored: !1,
       switchButtonCheckbox: ["checkbox1"],
       switchButtonCheckboxColored: !1,
@@ -22126,8 +22127,8 @@ const Mx = /* @__PURE__ */ B(Dx, [["render", Fx]]), Px = [
       componentSettings: {},
       checkboxValue: !0,
       checkboxRequiredValue: !1,
-      checkboxValues: ["checkboxValue1"],
-      replacedCheckboxValue: "checkboxValue1",
+      nativeCheckboxValues: ["checkboxValue1"],
+      replacedCheckboxValue: ["checkboxValue1", "checkboxValue2"],
       radiobuttonValue: "radiobuttonValue1",
       replacedRadiobuttonValue: "radiobuttonValue1",
       fakeSelectDefault: "",
@@ -22557,7 +22558,7 @@ function rk(e, t, n, s, i, l) {
     class: "page-wrapper",
     id: l.templateId
   }, [
-    t[334] || (t[334] = o("a", { id: "anchor-back-to-top" }, null, -1)),
+    t[326] || (t[326] = o("a", { id: "anchor-back-to-top" }, null, -1)),
     i.showLeftSidebar ? (a(), C(u, {
       key: 0,
       cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -22572,21 +22573,21 @@ function rk(e, t, n, s, i, l) {
           openBoxesByDefault: i.openBoxes,
           useGap: !1
         }, {
-          default: v((g) => [
+          default: v((y) => [
             f(d, {
               "use-slots": ["body"],
               collapsible: !0,
               cmdHeadline: { headlineText: "Template Settings", headlineLevel: 4, cmdIcon: { iconClass: "icon-settings-template" } },
-              openCollapsedBox: g.boxIsOpen(0),
-              onToggleCollapse: (M) => g.boxToggled(0, M)
+              openCollapsedBox: y.boxIsOpen(0),
+              onToggleCollapse: (M) => y.boxToggled(0, M)
             }, {
               body: v(() => [
                 o("label", h1, [
-                  t[136] || (t[136] = o("span", null, "Select template", -1)),
+                  t[135] || (t[135] = o("span", null, "Select template", -1)),
                   z(o("select", {
                     id: "select-template",
                     "onUpdate:modelValue": t[0] || (t[0] = (M) => i.selectedTemplate = M)
-                  }, [...t[135] || (t[135] = [
+                  }, [...t[134] || (t[134] = [
                     o("option", { value: "blank" }, "Blank/Unstyled", -1),
                     o("option", { value: "material-web" }, "Material-Web", -1),
                     o("option", { value: "tailwind" }, "Tailwind", -1)
@@ -22595,7 +22596,7 @@ function rk(e, t, n, s, i, l) {
                   ])
                 ]),
                 o("div", null, [
-                  t[140] || (t[140] = o("span", null, "Color Scheme", -1)),
+                  t[139] || (t[139] = o("span", null, "Color Scheme", -1)),
                   o("div", g1, [
                     o("label", y1, [
                       z(o("input", {
@@ -22607,7 +22608,7 @@ function rk(e, t, n, s, i, l) {
                       }, null, 512), [
                         [mt, i.colorScheme]
                       ]),
-                      t[137] || (t[137] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
+                      t[136] || (t[136] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
                     ]),
                     o("label", b1, [
                       z(o("input", {
@@ -22619,7 +22620,7 @@ function rk(e, t, n, s, i, l) {
                       }, null, 512), [
                         [mt, i.colorScheme]
                       ]),
-                      t[138] || (t[138] = o("span", { class: "label-text" }, "Light Mode", -1))
+                      t[137] || (t[137] = o("span", { class: "label-text" }, "Light Mode", -1))
                     ]),
                     o("label", x1, [
                       z(o("input", {
@@ -22631,7 +22632,7 @@ function rk(e, t, n, s, i, l) {
                       }, null, 512), [
                         [mt, i.colorScheme]
                       ]),
-                      t[139] || (t[139] = o("span", { class: "label-text" }, "Dark Mode", -1))
+                      t[138] || (t[138] = o("span", { class: "label-text" }, "Dark Mode", -1))
                     ])
                   ])
                 ])
@@ -22642,8 +22643,8 @@ function rk(e, t, n, s, i, l) {
               "use-slots": ["body"],
               collapsible: !0,
               cmdHeadline: { headlineText: "Components", headlineLevel: 4, cmdIcon: { iconClass: "icon-settings-component" } },
-              openCollapsedBox: g.boxIsOpen(1),
-              onToggleCollapse: (M) => g.boxToggled(1, M),
+              openCollapsedBox: y.boxIsOpen(1),
+              onToggleCollapse: (M) => y.boxToggled(1, M),
               id: "list-of-components"
             }, {
               body: v(() => [
@@ -22656,7 +22657,7 @@ function rk(e, t, n, s, i, l) {
                       href: l.sectionName(M),
                       onClick: (pk) => l.updateSettingsSidebar(l.componentNameWithPrefix(M)),
                       title: "Go to component"
-                    }, y(l.readableComponentName(M)), 9, C1)
+                    }, g(l.readableComponentName(M)), 9, C1)
                   ], 2))), 128))
                 ])
               ]),
@@ -22666,8 +22667,8 @@ function rk(e, t, n, s, i, l) {
               "use-slots": ["body"],
               collapsible: !0,
               cmdHeadline: { headlineText: "Page-Templates", headlineLevel: 4, cmdIcon: { iconClass: "icon-file-settings" } },
-              openCollapsedBox: g.boxIsOpen(2),
-              onToggleCollapse: (M) => g.boxToggled(2, M)
+              openCollapsedBox: y.boxIsOpen(2),
+              onToggleCollapse: (M) => y.boxToggled(2, M)
             }, {
               body: v(() => [
                 o("ul", null, [
@@ -22678,7 +22679,7 @@ function rk(e, t, n, s, i, l) {
                     }, " Contact Information ")
                   ]),
                   o("li", null, [
-                    t[141] || (t[141] = F(" Multiple Lists Of Links ", -1)),
+                    t[140] || (t[140] = F(" Multiple Lists Of Links ", -1)),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -22695,7 +22696,7 @@ function rk(e, t, n, s, i, l) {
                     ])
                   ]),
                   o("li", null, [
-                    t[142] || (t[142] = F(" Multiple Box Wrapper ", -1)),
+                    t[141] || (t[141] = F(" Multiple Box Wrapper ", -1)),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -22719,10 +22720,10 @@ function rk(e, t, n, s, i, l) {
           _: 1
         }, 8, ["openBoxesByDefault"]),
         o("dl", v1, [
-          t[143] || (t[143] = o("dt", null, "Frontend-Framework Version:", -1)),
-          o("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
-          t[144] || (t[144] = o("dt", null, "Component-Library Version:", -1)),
-          o("dd", null, y(i.packageJson.version), 1)
+          t[142] || (t[142] = o("dt", null, "Frontend-Framework Version:", -1)),
+          o("dd", null, g(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
+          t[143] || (t[143] = o("dt", null, "Component-Library Version:", -1)),
+          o("dd", null, g(i.packageJson.version), 1)
         ])
       ]),
       closed: v(() => [
@@ -22731,30 +22732,30 @@ function rk(e, t, n, s, i, l) {
             href: "#",
             class: "button primary",
             title: "Open Template Selection",
-            onClick: t[9] || (t[9] = k((g) => l.openBox(0), ["prevent"]))
-          }, [...t[145] || (t[145] = [
+            onClick: t[9] || (t[9] = k((y) => l.openBox(0), ["prevent"]))
+          }, [...t[144] || (t[144] = [
             o("span", { class: "icon-settings-template" }, null, -1)
           ])]),
           o("a", {
             href: "#",
             class: "button primary",
             title: "Open Components Overview",
-            onClick: t[10] || (t[10] = k((g) => l.openBox(1), ["prevent"]))
-          }, [...t[146] || (t[146] = [
+            onClick: t[10] || (t[10] = k((y) => l.openBox(1), ["prevent"]))
+          }, [...t[145] || (t[145] = [
             o("span", { class: "icon-settings-component" }, null, -1)
           ])]),
           o("a", {
             href: "#",
             class: "button primary",
             title: "Open Page-Templates",
-            onClick: t[11] || (t[11] = k((g) => l.openBox(2), ["prevent"]))
-          }, [...t[147] || (t[147] = [
+            onClick: t[11] || (t[11] = k((y) => l.openBox(2), ["prevent"]))
+          }, [...t[146] || (t[146] = [
             o("span", { class: "icon-file-settings" }, null, -1)
           ])]),
           o("a", {
             href: "#",
-            onClick: t[12] || (t[12] = k((g) => i.showLeftSidebar = !1, ["prevent"]))
-          }, [...t[148] || (t[148] = [
+            onClick: t[12] || (t[12] = k((y) => i.showLeftSidebar = !1, ["prevent"]))
+          }, [...t[147] || (t[147] = [
             o("span", null, "Hide sidebar", -1)
           ])])
         ])
@@ -22776,7 +22777,7 @@ function rk(e, t, n, s, i, l) {
     }),
     i.componentView ? (a(), r("main", w1, [
       f(S, null, {
-        default: v(() => [...t[149] || (t[149] = [
+        default: v(() => [...t[148] || (t[148] = [
           o("h1", { class: "headline-demopage" }, "Components Overview", -1)
         ])]),
         _: 1
@@ -22784,12 +22785,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", T1, [
-            t[150] || (t[150] = o("span", null, "Address Data", -1)),
+            t[149] || (t[149] = o("span", null, "Address Data", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[13] || (t[13] = k((g) => l.openSettingsSidebar("CmdAddressData"), ["prevent"]))
+              onClick: t[13] || (t[13] = k((y) => l.openSettingsSidebar("CmdAddressData"), ["prevent"]))
             })
           ]),
           o("div", S1, [
@@ -22803,11 +22804,11 @@ function rk(e, t, n, s, i, l) {
       }),
       f(S, null, {
         default: v(() => [
-          t[190] || (t[190] = o("h2", {
+          t[182] || (t[182] = o("h2", {
             class: "headline-demopage",
             id: "section-advanced-form-elements"
           }, "Advanced Form Elements", -1)),
-          t[191] || (t[191] = o("h3", null, [
+          t[183] || (t[183] = o("h3", null, [
             o("span", null, "Form elements status:")
           ], -1)),
           o("div", _1, [
@@ -22815,7 +22816,7 @@ function rk(e, t, n, s, i, l) {
               o("li", null, [
                 o("a", {
                   href: "#",
-                  onClick: t[14] || (t[14] = k((g) => l.setStatus("", !1), ["prevent"])),
+                  onClick: t[14] || (t[14] = k((y) => l.setStatus("", !1), ["prevent"])),
                   class: x({ active: i.validationStatus === "" && i.disabledStatus === !1 }),
                   id: "status-default"
                 }, " Default ", 2)
@@ -22823,7 +22824,7 @@ function rk(e, t, n, s, i, l) {
               o("li", L1, [
                 o("a", {
                   href: "#",
-                  onClick: t[15] || (t[15] = k((g) => l.setStatus("error", !1), ["prevent"])),
+                  onClick: t[15] || (t[15] = k((y) => l.setStatus("error", !1), ["prevent"])),
                   class: x({ active: i.validationStatus === "error" }),
                   id: "status-error"
                 }, " Error ", 2)
@@ -22831,7 +22832,7 @@ function rk(e, t, n, s, i, l) {
               o("li", null, [
                 o("a", {
                   href: "#",
-                  onClick: t[16] || (t[16] = k((g) => l.setStatus("warning", !1), ["prevent"])),
+                  onClick: t[16] || (t[16] = k((y) => l.setStatus("warning", !1), ["prevent"])),
                   class: x({ active: i.validationStatus === "warning" }),
                   id: "status-warning"
                 }, " Warning ", 2)
@@ -22839,7 +22840,7 @@ function rk(e, t, n, s, i, l) {
               o("li", null, [
                 o("a", {
                   href: "#",
-                  onClick: t[17] || (t[17] = k((g) => l.setStatus("success", !1), ["prevent"])),
+                  onClick: t[17] || (t[17] = k((y) => l.setStatus("success", !1), ["prevent"])),
                   class: x({ active: i.validationStatus === "success" }),
                   id: "status-success"
                 }, " Success ", 2)
@@ -22847,7 +22848,7 @@ function rk(e, t, n, s, i, l) {
               o("li", null, [
                 o("a", {
                   href: "#",
-                  onClick: t[18] || (t[18] = k((g) => l.setStatus("info", !1), ["prevent"])),
+                  onClick: t[18] || (t[18] = k((y) => l.setStatus("info", !1), ["prevent"])),
                   class: x({ active: i.validationStatus === "info" }),
                   id: "status-info"
                 }, " Info ", 2)
@@ -22855,7 +22856,7 @@ function rk(e, t, n, s, i, l) {
               o("li", null, [
                 o("a", {
                   href: "#",
-                  onClick: t[19] || (t[19] = k((g) => l.setStatus("", !0), ["prevent"])),
+                  onClick: t[19] || (t[19] = k((y) => l.setStatus("", !0), ["prevent"])),
                   class: x({ active: i.disabledStatus === !0 }),
                   id: "status-disabled"
                 }, " Disabled ", 2)
@@ -22864,7 +22865,7 @@ function rk(e, t, n, s, i, l) {
           ]),
           f(L, {
             modelValue: i.fakeSelectFilters,
-            "onUpdate:modelValue": t[20] || (t[20] = (g) => i.fakeSelectFilters = g),
+            "onUpdate:modelValue": t[20] || (t[20] = (y) => i.fakeSelectFilters = y),
             selectedOptionsName: l.getOptionName
           }, null, 8, ["modelValue", "selectedOptionsName"]),
           f(Y, {
@@ -22874,14 +22875,14 @@ function rk(e, t, n, s, i, l) {
           }, {
             default: v(() => [
               o("fieldset", I1, [
-                t[170] || (t[170] = o("legend", null, "Legend", -1)),
+                t[162] || (t[162] = o("legend", null, "Legend", -1)),
                 o("h2", B1, [
-                  t[151] || (t[151] = o("span", null, "Form Element-Component", -1)),
+                  t[150] || (t[150] = o("span", null, "Form Element-Component", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
                     title: "Open Component Settings",
-                    onClick: t[21] || (t[21] = k((g) => l.openSettingsSidebar("CmdFormElement"), ["prevent"]))
+                    onClick: t[21] || (t[21] = k((y) => l.openSettingsSidebar("CmdFormElement"), ["prevent"]))
                   })
                 ]),
                 f(O, T({ ref: "CmdFormElement" }, e.cmdFormElementSettingsData, {
@@ -22922,7 +22923,7 @@ function rk(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip"
                   }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
                 ]),
-                t[171] || (t[171] = o("h3", null, "Inputfields in Columns", -1)),
+                t[163] || (t[163] = o("h3", null, "Inputfields in Columns", -1)),
                 o("div", M1, [
                   f(O, {
                     element: "input",
@@ -22931,12 +22932,12 @@ function rk(e, t, n, s, i, l) {
                     id: "inputfield1",
                     placeholder: "This is placeholder text",
                     modelValue: i.inputField1,
-                    "onUpdate:modelValue": t[22] || (t[22] = (g) => i.inputField1 = g),
+                    "onUpdate:modelValue": t[22] || (t[22] = (y) => i.inputField1 = y),
                     tooltipText: "This is a tooltip!",
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, {
-                    labeltext: v(() => [...t[152] || (t[152] = [
+                    labeltext: v(() => [...t[151] || (t[151] = [
                       o("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1)
                     ])]),
                     _: 1
@@ -22950,7 +22951,7 @@ function rk(e, t, n, s, i, l) {
                     id: "inputfield-required",
                     placeholder: "This is placeholder text",
                     modelValue: i.inputFieldRequired,
-                    "onUpdate:modelValue": t[23] || (t[23] = (g) => i.inputFieldRequired = g),
+                    "onUpdate:modelValue": t[23] || (t[23] = (y) => i.inputFieldRequired = y),
                     tooltipText: "This is a tooltip!",
                     status: i.validationStatus,
                     disabled: i.disabledStatus
@@ -22963,7 +22964,7 @@ function rk(e, t, n, s, i, l) {
                     placeholder: "This is placeholder text",
                     pattern: "/\\d/",
                     modelValue: i.inputFieldPattern,
-                    "onUpdate:modelValue": t[24] || (t[24] = (g) => i.inputFieldPattern = g),
+                    "onUpdate:modelValue": t[24] || (t[24] = (y) => i.inputFieldPattern = y),
                     tooltipText: "This is a tooltip!",
                     status: i.validationStatus,
                     disabled: i.disabledStatus
@@ -22980,7 +22981,7 @@ function rk(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip!",
                     maxlength: "100",
                     modelValue: i.inputMail,
-                    "onUpdate:modelValue": t[25] || (t[25] = (g) => i.inputMail = g),
+                    "onUpdate:modelValue": t[25] || (t[25] = (y) => i.inputMail = y),
                     status: i.validationStatus,
                     disabled: i.disabledStatus,
                     required: !0
@@ -22995,7 +22996,7 @@ function rk(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip!",
                     maxlength: "100",
                     modelValue: i.inputUsername,
-                    "onUpdate:modelValue": t[26] || (t[26] = (g) => i.inputUsername = g),
+                    "onUpdate:modelValue": t[26] || (t[26] = (y) => i.inputUsername = y),
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, null, 8, ["modelValue", "status", "disabled"]),
@@ -23011,7 +23012,7 @@ function rk(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip!",
                     customRequirements: i.customRequirements,
                     modelValue: i.inputPassword,
-                    "onUpdate:modelValue": t[27] || (t[27] = (g) => i.inputPassword = g),
+                    "onUpdate:modelValue": t[27] || (t[27] = (y) => i.inputPassword = y),
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, null, 8, ["customRequirements", "modelValue", "status", "disabled"])
@@ -23027,7 +23028,7 @@ function rk(e, t, n, s, i, l) {
                   max: "9",
                   style: { width: "4rem" },
                   modelValue: i.inputNumber,
-                  "onUpdate:modelValue": t[28] || (t[28] = (g) => i.inputNumber = g),
+                  "onUpdate:modelValue": t[28] || (t[28] = (y) => i.inputNumber = y),
                   customRequirements: [i.customRequirements[2]],
                   status: i.validationStatus,
                   disabled: i.disabledStatus
@@ -23042,7 +23043,7 @@ function rk(e, t, n, s, i, l) {
                   min: "0",
                   max: "9",
                   modelValue: i.inputNumber,
-                  "onUpdate:modelValue": t[29] || (t[29] = (g) => i.inputNumber = g),
+                  "onUpdate:modelValue": t[29] || (t[29] = (y) => i.inputNumber = y),
                   customRequirements: [i.customRequirements[2]],
                   status: i.validationStatus,
                   disabled: i.disabledStatus
@@ -23054,11 +23055,11 @@ function rk(e, t, n, s, i, l) {
                   type: "date",
                   id: "inputfield-date",
                   modelValue: i.inputDate,
-                  "onUpdate:modelValue": t[30] || (t[30] = (g) => i.inputDate = g),
+                  "onUpdate:modelValue": t[30] || (t[30] = (y) => i.inputDate = y),
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[172] || (t[172] = o("h3", null, "Searchfields", -1)),
+                t[164] || (t[164] = o("h3", null, "Searchfields", -1)),
                 o("div", V1, [
                   f(O, {
                     element: "input",
@@ -23067,7 +23068,7 @@ function rk(e, t, n, s, i, l) {
                     id: "inputfield-search-without-searchbutton",
                     placeholder: "Keyword(s)",
                     modelValue: i.inputSearch,
-                    "onUpdate:modelValue": t[31] || (t[31] = (g) => i.inputSearch = g),
+                    "onUpdate:modelValue": t[31] || (t[31] = (y) => i.inputSearch = y),
                     showSearchButton: !1,
                     status: i.validationStatus,
                     disabled: i.disabledStatus
@@ -23079,7 +23080,7 @@ function rk(e, t, n, s, i, l) {
                     id: "inputfield-search-with-searchbutton",
                     placeholder: "Keyword(s)",
                     modelValue: i.inputSearch,
-                    "onUpdate:modelValue": t[32] || (t[32] = (g) => i.inputSearch = g),
+                    "onUpdate:modelValue": t[32] || (t[32] = (y) => i.inputSearch = y),
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, null, 8, ["modelValue", "status", "disabled"]),
@@ -23088,7 +23089,7 @@ function rk(e, t, n, s, i, l) {
                     cmdFormElement: i.smartSearchData.cmdFormElement,
                     openListToTop: !0,
                     modelValue: i.smartSearchObject,
-                    "onUpdate:modelValue": t[33] || (t[33] = (g) => i.smartSearchObject = g),
+                    "onUpdate:modelValue": t[33] || (t[33] = (y) => i.smartSearchObject = y),
                     disabled: i.disabledStatus
                   }, null, 8, ["listOfRecommendations", "cmdFormElement", "modelValue", "disabled"]),
                   f(V, {
@@ -23096,11 +23097,11 @@ function rk(e, t, n, s, i, l) {
                     cmdFormElement: i.smartSearchData.cmdFormElement,
                     openListToTop: !0,
                     modelValue: i.smartSearchString,
-                    "onUpdate:modelValue": t[34] || (t[34] = (g) => i.smartSearchString = g),
+                    "onUpdate:modelValue": t[34] || (t[34] = (y) => i.smartSearchString = y),
                     disabled: i.disabledStatus
                   }, null, 8, ["listOfRecommendations", "cmdFormElement", "modelValue", "disabled"])
                 ]),
-                t[173] || (t[173] = o("h3", null, "Textarea", -1)),
+                t[165] || (t[165] = o("h3", null, "Textarea", -1)),
                 f(O, {
                   element: "textarea",
                   labelText: "Label for textarea:",
@@ -23110,25 +23111,25 @@ function rk(e, t, n, s, i, l) {
                   placeholder: "Type in your message",
                   required: !0,
                   modelValue: i.textarea,
-                  "onUpdate:modelValue": t[35] || (t[35] = (g) => i.textarea = g),
+                  "onUpdate:modelValue": t[35] || (t[35] = (y) => i.textarea = y),
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[174] || (t[174] = o("hr", null, null, -1)),
+                t[166] || (t[166] = o("hr", null, null, -1)),
                 o("h3", A1, [
-                  t[153] || (t[153] = o("span", null, "Fake Selects", -1)),
+                  t[152] || (t[152] = o("span", null, "Fake Selects", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
                     title: "Open Component Settings",
-                    onClick: t[36] || (t[36] = k((g) => l.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
+                    onClick: t[36] || (t[36] = k((y) => l.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
                   })
                 ]),
                 o("div", E1, [
                   f(q, T({ ref: "CmdFakeSelect" }, e.cmdFakeSelectSettingsData, {
                     selectData: i.fakeSelectOptionsData,
                     modelValue: i.fakeSelectDefault,
-                    "onUpdate:modelValue": t[37] || (t[37] = (g) => i.fakeSelectDefault = g)
+                    "onUpdate:modelValue": t[37] || (t[37] = (y) => i.fakeSelectDefault = y)
                   }), null, 16, ["selectData", "modelValue"]),
                   f(q, {
                     labelText: "Selectbox with checkboxes:",
@@ -23136,7 +23137,7 @@ function rk(e, t, n, s, i, l) {
                     disabled: i.disabledStatus,
                     selectData: i.fakeSelectOptionsData,
                     modelValue: i.fakeSelectCheckbox,
-                    "onUpdate:modelValue": t[38] || (t[38] = (g) => i.fakeSelectCheckbox = g),
+                    "onUpdate:modelValue": t[38] || (t[38] = (y) => i.fakeSelectCheckbox = y),
                     defaultOptionName: "Options:",
                     required: !0,
                     id: "selectbox-with-checkboxes",
@@ -23149,7 +23150,7 @@ function rk(e, t, n, s, i, l) {
                     disabled: i.disabledStatus,
                     selectData: i.fakeSelectFilterOptionsData,
                     modelValue: i.fakeSelectFilters,
-                    "onUpdate:modelValue": t[39] || (t[39] = (g) => i.fakeSelectFilters = g),
+                    "onUpdate:modelValue": t[39] || (t[39] = (y) => i.fakeSelectFilters = y),
                     defaultOptionName: "Filters:",
                     id: "selectbox-with-filters",
                     type: "checkboxOptions",
@@ -23162,7 +23163,7 @@ function rk(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] = (g) => i.selectedCountryWithFlag = g),
+                    "onUpdate:modelValue": t[40] || (t[40] = (y) => i.selectedCountryWithFlag = y),
                     defaultOptionName: "Select country:",
                     type: "country"
                   }, null, 8, ["status", "disabled", "selectData", "modelValue"]),
@@ -23173,7 +23174,7 @@ function rk(e, t, n, s, i, l) {
                     disabled: i.disabledStatus,
                     selectOptions: i.allCountriesData,
                     modelValue: i.selectedCountry,
-                    "onUpdate:modelValue": t[41] || (t[41] = (g) => i.selectedCountry = g),
+                    "onUpdate:modelValue": t[41] || (t[41] = (y) => i.selectedCountry = y),
                     groupSelectOptionsByInitialLetters: !0,
                     "max-height": "10rem",
                     defaultOptionName: "Select country:"
@@ -23184,32 +23185,32 @@ function rk(e, t, n, s, i, l) {
                     disabled: i.disabledStatus,
                     selectData: i.fakeSelectColorsData,
                     modelValue: i.selectedColor,
-                    "onUpdate:modelValue": t[42] || (t[42] = (g) => i.selectedColor = g),
+                    "onUpdate:modelValue": t[42] || (t[42] = (y) => i.selectedColor = y),
                     required: "required",
                     type: "color"
                   }, null, 8, ["status", "disabled", "selectData", "modelValue"])
                 ]),
-                t[175] || (t[175] = o("hr", null, null, -1)),
-                t[176] || (t[176] = 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)),
                 f(N, {
                   labelText: "Progress Bar (with optional output):",
                   id: "progress-bar2",
                   max: "100"
                 }),
-                t[177] || (t[177] = o("h2", null, "Slider [native]", -1)),
+                t[169] || (t[169] = o("h2", null, "Slider [native]", -1)),
                 o("div", {
                   class: x(["label", i.validationStatus])
                 }, [
-                  t[156] || (t[156] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
+                  t[155] || (t[155] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
                   o("span", H1, [
                     o("label", q1, [
-                      t[154] || (t[154] = o("span", { class: "label-text" }, [
+                      t[153] || (t[153] = o("span", { class: "label-text" }, [
                         o("span", null, "Range Value:")
                       ], -1)),
                       z(o("input", {
                         type: "number",
                         class: x(i.validationStatus),
-                        "onUpdate:modelValue": t[43] || (t[43] = (g) => i.rangeValue = g),
+                        "onUpdate:modelValue": t[43] || (t[43] = (y) => i.rangeValue = y),
                         disabled: i.disabledStatus,
                         min: "0",
                         max: "100",
@@ -23219,14 +23220,14 @@ function rk(e, t, n, s, i, l) {
                       ])
                     ]),
                     o("label", j1, [
-                      t[155] || (t[155] = o("span", { class: "label-text hidden" }, [
+                      t[154] || (t[154] = o("span", { class: "label-text hidden" }, [
                         o("span", null, "Range Value")
                       ], -1)),
                       z(o("input", {
                         type: "range",
                         class: "range-slider",
                         id: "range-slider",
-                        "onUpdate:modelValue": t[44] || (t[44] = (g) => i.rangeValue = g),
+                        "onUpdate:modelValue": t[44] || (t[44] = (y) => i.rangeValue = y),
                         disabled: i.disabledStatus,
                         min: "0",
                         max: "100"
@@ -23236,51 +23237,55 @@ function rk(e, t, n, s, i, l) {
                     ])
                   ])
                 ], 2),
-                t[178] || (t[178] = o("hr", null, null, -1)),
-                t[179] || (t[179] = o("h2", null, "Toggle-Switches", -1)),
-                t[180] || (t[180] = 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)),
                 f(O, {
                   element: "input",
                   type: "checkbox",
                   id: "toggle-switch-checkbox",
                   modelValue: i.switchButtonCheckboxToggleSwitch,
-                  "onUpdate:modelValue": t[45] || (t[45] = (g) => i.switchButtonCheckboxToggleSwitch = g),
-                  labelText: "Labeltext for Toggle-Switch without Switch-Label (not required)",
+                  "onUpdate:modelValue": t[45] || (t[45] = (y) => i.switchButtonCheckboxToggleSwitch = y),
+                  labelText: "Labeltext for Toggle-Switch (not required)",
                   toggleSwitch: !0,
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
+                o("output", null, "v-model: " + g(i.switchButtonCheckboxToggleSwitch), 1),
                 f(O, {
                   element: "input",
                   type: "checkbox",
                   id: "toggle-switch-checkbox-required",
-                  modelValue: i.switchButtonCheckboxToggleSwitch,
-                  "onUpdate:modelValue": t[46] || (t[46] = (g) => i.switchButtonCheckboxToggleSwitch = g),
-                  labelText: "Labeltext for Toggle-Switch without Switch-Label (required)",
+                  modelValue: i.switchButtonCheckboxToggleSwitchRequired,
+                  "onUpdate:modelValue": t[46] || (t[46] = (y) => i.switchButtonCheckboxToggleSwitchRequired = y),
+                  labelText: "Labeltext for Toggle-Switch (required)",
                   toggleSwitch: !0,
                   status: i.validationStatus,
                   disabled: i.disabledStatus,
                   required: !0
                 }, null, 8, ["modelValue", "status", "disabled"]),
+                o("output", null, "v-model: " + g(i.switchButtonCheckboxToggleSwitchRequired), 1),
                 f(O, {
                   element: "input",
                   type: "checkbox",
                   id: "toggle-switch-checkbox-colored",
                   modelValue: i.switchButtonCheckboxToggleSwitchColored,
-                  "onUpdate:modelValue": t[47] || (t[47] = (g) => i.switchButtonCheckboxToggleSwitchColored = g),
-                  labelText: "Labeltext for colored Toggle-Switch without Switch-Label",
+                  "onUpdate:modelValue": t[47] || (t[47] = (y) => i.switchButtonCheckboxToggleSwitchColored = y),
+                  labelText: "Labeltext for colored Toggle-Switch with set value",
                   toggleSwitch: !0,
+                  inputValue: "yes",
                   colored: !0,
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[181] || (t[181] = o("h3", null, "Switches with switch-labels", -1)),
+                o("output", null, "v-model: " + g(i.switchButtonCheckboxToggleSwitchColored), 1),
+                t[173] || (t[173] = o("h3", null, "Switches with switch-labels", -1)),
                 f(O, {
                   element: "input",
                   type: "checkbox",
                   id: "toggle-switch-checkbox-switch-label",
                   modelValue: i.switchButtonCheckbox,
-                  "onUpdate:modelValue": t[48] || (t[48] = (g) => i.switchButtonCheckbox = g),
+                  "onUpdate:modelValue": t[48] || (t[48] = (y) => i.switchButtonCheckbox = y),
                   labelText: "Labeltext for Toggle-Switch with Switch-Label",
                   inputValue: "checkbox1",
                   onLabel: "Label on",
@@ -23289,12 +23294,13 @@ function rk(e, t, n, s, i, l) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
+                o("output", null, "v-model: " + g(i.switchButtonCheckbox), 1),
                 f(O, {
                   element: "input",
                   type: "checkbox",
                   id: "toggle-switch-checkbox-switch-label-colored",
-                  modelValue: i.switchButtonCheckbox,
-                  "onUpdate:modelValue": t[49] || (t[49] = (g) => i.switchButtonCheckbox = g),
+                  modelValue: i.switchButtonCheckboxColored,
+                  "onUpdate:modelValue": t[49] || (t[49] = (y) => i.switchButtonCheckboxColored = y),
                   inputValue: "checkbox2",
                   labelText: "Labeltext for Toggle-Switch (Checkbox, colored)",
                   onLabel: "Label on",
@@ -23304,13 +23310,14 @@ function rk(e, t, n, s, i, l) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
+                o("output", null, "v-model: " + g(i.switchButtonCheckboxColored), 1),
                 f(O, {
                   element: "input",
                   type: "radio",
                   name: "radiogroup",
                   id: "toggle-switch-radio1",
                   modelValue: i.switchButtonRadio,
-                  "onUpdate:modelValue": t[50] || (t[50] = (g) => i.switchButtonRadio = g),
+                  "onUpdate:modelValue": t[50] || (t[50] = (y) => i.switchButtonRadio = y),
                   onLabel: "Label on",
                   offLabel: "Label off",
                   colored: !0,
@@ -23320,13 +23327,14 @@ function rk(e, t, n, s, i, l) {
                   inputValue: "radio1",
                   labelText: "Labeltext for Toggle-Switch (Radio, colored) #1"
                 }, null, 8, ["modelValue", "status", "disabled"]),
+                o("output", null, "v-model: " + g(i.switchButtonRadio), 1),
                 f(O, {
                   element: "input",
                   type: "radio",
                   name: "radiogroup",
                   id: "toggle-switch-radio2",
                   modelValue: i.switchButtonRadio,
-                  "onUpdate:modelValue": t[51] || (t[51] = (g) => i.switchButtonRadio = g),
+                  "onUpdate:modelValue": t[51] || (t[51] = (y) => i.switchButtonRadio = y),
                   onLabel: "Label on",
                   offLabel: "Label off",
                   colored: !0,
@@ -23336,72 +23344,59 @@ function rk(e, t, n, s, i, l) {
                   inputValue: "radio2",
                   labelText: "Labeltext for Toggle-Switch (Radio, colored) #2"
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                f(O, {
-                  element: "input",
-                  labelText: "Label for (required) checkbox with boolean",
-                  type: "checkbox",
-                  required: "required",
-                  id: "checkbox-required-with-boolean",
-                  modelValue: i.checkboxRequiredValue,
-                  "onUpdate:modelValue": t[52] || (t[52] = (g) => i.checkboxRequiredValue = g),
-                  status: i.validationStatus,
-                  disabled: i.disabledStatus
-                }, null, 8, ["modelValue", "status", "disabled"]),
-                o("p", null, [
-                  F(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
-                  t[157] || (t[157] = o("br", null, null, -1)),
-                  F(" checkbox with boolean: " + y(i.checkboxValue), 1),
-                  t[158] || (t[158] = o("br", null, null, -1)),
-                  F(" checkboxes with values: " + y(i.checkboxValues), 1)
-                ]),
-                t[182] || (t[182] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
-                t[183] || (t[183] = o("h3", null, "Checkboxes [native]", -1)),
+                o("output", null, "v-model: " + g(i.switchButtonRadio), 1),
+                t[174] || (t[174] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
+                t[175] || (t[175] = o("h3", null, "Checkboxes [native]", -1)),
                 o("div", N1, [
-                  t[160] || (t[160] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
+                  t[157] || (t[157] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
                   o("div", z1, [
                     f(O, {
                       element: "input",
-                      labelText: "Label for checkbox with boolean",
                       type: "checkbox",
+                      labelText: "Label for checkbox with boolean",
+                      modelValue: i.nativeCheckboxValues,
+                      "onUpdate:modelValue": t[52] || (t[52] = (y) => i.nativeCheckboxValues = y),
                       id: "checkbox-with-boolean",
-                      modelValue: i.checkboxValue,
-                      "onUpdate:modelValue": t[53] || (t[53] = (g) => i.checkboxValue = g),
+                      name: "native-checkbox-group",
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
                     f(O, {
                       element: "input",
+                      type: "checkbox",
                       labelText: "Label for checkbox with value",
-                      modelValue: i.checkboxValues,
-                      "onUpdate:modelValue": t[54] || (t[54] = (g) => i.checkboxValues = g),
+                      modelValue: i.nativeCheckboxValues,
+                      "onUpdate:modelValue": t[53] || (t[53] = (y) => i.nativeCheckboxValues = y),
                       inputValue: "checkboxValue1",
-                      type: "checkbox",
                       id: "checkbox-with-value-1",
+                      name: "native-checkbox-group",
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
                     f(O, {
                       element: "input",
+                      type: "checkbox",
                       labelText: "Label for checkbox with value",
-                      modelValue: i.checkboxValues,
-                      "onUpdate:modelValue": t[55] || (t[55] = (g) => i.checkboxValues = g),
+                      modelValue: i.nativeCheckboxValues,
+                      "onUpdate:modelValue": t[54] || (t[54] = (y) => i.nativeCheckboxValues = y),
                       inputValue: "checkboxValue2",
-                      type: "checkbox",
                       id: "checkbox-with-value-2",
+                      name: "native-checkbox-group",
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
                     f(O, {
                       element: "input",
-                      modelValue: i.checkboxValues,
-                      "onUpdate:modelValue": t[56] || (t[56] = (g) => i.checkboxValues = g),
-                      inputValue: "checkboxValue3",
                       type: "checkbox",
+                      modelValue: i.nativeCheckboxValues,
+                      "onUpdate:modelValue": t[55] || (t[55] = (y) => i.nativeCheckboxValues = y),
+                      inputValue: "checkboxValue3",
                       id: "checkbox-with-value-3",
+                      name: "native-checkbox-group",
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, {
-                      labeltext: v(() => [...t[159] || (t[159] = [
+                      labeltext: v(() => [...t[156] || (t[156] = [
                         F(" Labeltext with ", -1),
                         o("a", { href: "#" }, "link", -1),
                         F(" given by slot ", -1)
@@ -23410,29 +23405,32 @@ function rk(e, t, n, s, i, l) {
                     }, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                t[184] || (t[184] = o("h3", null, "Checkboxes (replaced)", -1)),
+                o("output", null, " v-model: " + g(i.nativeCheckboxValues), 1),
+                t[176] || (t[176] = o("h3", null, "Checkboxes (replaced)", -1)),
                 o("div", W1, [
-                  t[161] || (t[161] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
+                  t[158] || (t[158] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
                   o("div", G1, [
                     f(O, {
                       element: "input",
-                      labelText: "Label for replaced checkbox",
                       type: "checkbox",
+                      labelText: "Label for replaced checkbox",
                       replaceInputType: !0,
                       id: "inputfield9",
+                      name: "replaced-checkbox-group",
                       modelValue: i.replacedCheckboxValue,
-                      "onUpdate:modelValue": t[57] || (t[57] = (g) => i.replacedCheckboxValue = g),
+                      "onUpdate:modelValue": t[56] || (t[56] = (y) => i.replacedCheckboxValue = y),
                       inputValue: "checkboxValue1",
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
                     f(O, {
                       element: "input",
+                      type: "checkbox",
                       labelText: "Label for replaced checkbox",
+                      name: "replaced-checkbox-group",
                       modelValue: i.replacedCheckboxValue,
-                      "onUpdate:modelValue": t[58] || (t[58] = (g) => i.replacedCheckboxValue = g),
+                      "onUpdate:modelValue": t[57] || (t[57] = (y) => i.replacedCheckboxValue = y),
                       inputValue: "checkboxValue2",
-                      type: "checkbox",
                       replaceInputType: !0,
                       id: "inputfield10",
                       status: i.validationStatus,
@@ -23440,9 +23438,10 @@ function rk(e, t, n, s, i, l) {
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                t[185] || (t[185] = o("h3", null, "Radiobuttons [native]", -1)),
+                o("output", null, " v-model: " + g(i.replacedCheckboxValue), 1),
+                t[177] || (t[177] = o("h3", null, "Radiobuttons [native]", -1)),
                 o("div", K1, [
-                  t[162] || (t[162] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
+                  t[159] || (t[159] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
                   o("div", Y1, [
                     f(O, {
                       element: "input",
@@ -23452,7 +23451,7 @@ function rk(e, t, n, s, i, l) {
                       name: "radiogroup",
                       inputValue: "radiobuttonValue1",
                       modelValue: i.radiobuttonValue,
-                      "onUpdate:modelValue": t[59] || (t[59] = (g) => i.radiobuttonValue = g),
+                      "onUpdate:modelValue": t[58] || (t[58] = (y) => i.radiobuttonValue = y),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
@@ -23464,16 +23463,16 @@ function rk(e, t, n, s, i, l) {
                       name: "radiogroup",
                       inputValue: "radiobuttonValue2",
                       modelValue: i.radiobuttonValue,
-                      "onUpdate:modelValue": t[60] || (t[60] = (g) => i.radiobuttonValue = g),
+                      "onUpdate:modelValue": t[59] || (t[59] = (y) => i.radiobuttonValue = y),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                o("p", null, " Radiobuttons with values: " + y(i.radiobuttonValue), 1),
-                t[186] || (t[186] = o("h3", null, "Radiobuttons (replaced)", -1)),
+                o("output", null, " v-model: " + g(i.radiobuttonValue), 1),
+                t[178] || (t[178] = o("h3", null, "Radiobuttons (replaced)", -1)),
                 o("div", J1, [
-                  t[163] || (t[163] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
+                  t[160] || (t[160] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
                   o("div", Z1, [
                     f(O, {
                       element: "input",
@@ -23484,7 +23483,7 @@ function rk(e, t, n, s, i, l) {
                       name: "replaced-radiogroup",
                       inputValue: "radiobuttonValue1",
                       modelValue: i.replacedRadiobuttonValue,
-                      "onUpdate:modelValue": t[61] || (t[61] = (g) => i.replacedRadiobuttonValue = g),
+                      "onUpdate:modelValue": t[60] || (t[60] = (y) => i.replacedRadiobuttonValue = y),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"]),
@@ -23497,85 +23496,66 @@ function rk(e, t, n, s, i, l) {
                       name: "replaced-radiogroup",
                       inputValue: "radiobuttonValue2",
                       modelValue: i.replacedRadiobuttonValue,
-                      "onUpdate:modelValue": t[62] || (t[62] = (g) => i.replacedRadiobuttonValue = g),
+                      "onUpdate:modelValue": t[61] || (t[61] = (y) => i.replacedRadiobuttonValue = y),
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
+                o("output", null, " v-model: " + g(i.radiobuttonValue), 1),
                 o("h3", Q1, [
-                  t[164] || (t[164] = F(" Input-Group ", -1)),
+                  t[161] || (t[161] = F(" Input-Group ", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
                     title: "Open Component Settings",
-                    onClick: t[63] || (t[63] = k((g) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
+                    onClick: t[62] || (t[62] = k((y) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
                   })
                 ]),
                 f(j, T({ ref: "CmdInputGroup" }, e.cmdInputGroupSettingsData, {
                   labelText: "Grouplabel for radio-group given by property:",
                   inputElements: l.idForReplacedInputsInInputGroup("radio-group"),
                   modelValue: i.inputGroup,
-                  "onUpdate:modelValue": t[64] || (t[64] = (g) => i.inputGroup = g)
+                  "onUpdate:modelValue": t[63] || (t[63] = (y) => i.inputGroup = y)
                 }), null, 16, ["inputElements", "modelValue"]),
-                o("dl", null, [
-                  t[165] || (t[165] = o("dt", null, "Selected value:", -1)),
-                  o("dd", null, [
-                    o("output", null, y(i.inputGroup), 1)
-                  ])
-                ]),
-                t[187] || (t[187] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
+                o("output", null, "v-model: " + g(i.inputGroup), 1),
+                t[179] || (t[179] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
                 f(j, {
                   labelText: "Grouplabel for checkbox-group styled as toggle-switches (colored):",
                   inputElements: l.idForReplacedInputsInInputGroup("checkbox-group-toggle-switch"),
                   inputTypes: "checkbox",
                   modelValue: i.inputGroupValueToggleSwitchCheckbox,
-                  "onUpdate:modelValue": t[65] || (t[65] = (g) => i.inputGroupValueToggleSwitchCheckbox = g),
+                  "onUpdate:modelValue": t[64] || (t[64] = (y) => i.inputGroupValueToggleSwitchCheckbox = y),
                   toggleSwitches: !0,
                   colored: !0,
                   required: "required",
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
-                o("dl", null, [
-                  t[166] || (t[166] = o("dt", null, "Selected value(s):", -1)),
-                  o("dd", null, [
-                    o("output", null, y(i.inputGroupValueToggleSwitchCheckbox), 1)
-                  ])
-                ]),
+                o("output", null, "v-model: " + g(i.inputGroupValueToggleSwitchCheckbox), 1),
                 f(j, {
                   labelText: "Grouplabel for radio-group styled as toggle-switches:",
                   inputElements: l.idForReplacedInputsInInputGroup("radio-group-toggle-switch"),
                   inputTypes: "radio",
                   modelValue: i.inputGroupValueToggleSwitchRadio,
-                  "onUpdate:modelValue": t[66] || (t[66] = (g) => i.inputGroupValueToggleSwitchRadio = g),
+                  "onUpdate:modelValue": t[65] || (t[65] = (y) => i.inputGroupValueToggleSwitchRadio = y),
                   toggleSwitches: !0,
                   required: "required",
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
-                o("dl", null, [
-                  t[167] || (t[167] = o("dt", null, "Selected value(s):", -1)),
-                  o("dd", null, [
-                    o("output", null, y(i.inputGroupValueToggleSwitchRadio), 1)
-                  ])
-                ]),
+                o("output", null, "v-model: " + g(i.inputGroupValueToggleSwitchRadio), 1),
                 f(j, {
                   labelText: "Grouplabel for radio-group given by property styled as multiple-switch:",
                   inputElements: l.idForReplacedInputsInInputGroup("radio-group-multiple-switch"),
                   inputTypes: "radio",
                   multipleSwitch: !0,
                   modelValue: i.inputGroupValue3,
-                  "onUpdate:modelValue": t[67] || (t[67] = (g) => i.inputGroupValue3 = g),
+                  "onUpdate:modelValue": t[66] || (t[66] = (y) => i.inputGroupValue3 = y),
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
-                o("dl", null, [
-                  t[168] || (t[168] = o("dt", null, "Selected value(s):", -1)),
-                  o("dd", null, [
-                    o("output", null, y(i.inputGroupValue3), 1)
-                  ])
-                ]),
+                o("output", null, "v-model: " + g(i.inputGroupValue3), 1),
                 f(j, {
                   labelText: "Grouplabel for checkbox-group styled as multiple-switch (stretched horizontally):",
                   inputElements: i.inputGroupCheckboxes,
@@ -23583,20 +23563,15 @@ function rk(e, t, n, s, i, l) {
                   multipleSwitch: !0,
                   required: !0,
                   modelValue: i.inputGroupValue4,
-                  "onUpdate:modelValue": t[68] || (t[68] = (g) => i.inputGroupValue4 = g),
+                  "onUpdate:modelValue": t[67] || (t[67] = (y) => i.inputGroupValue4 = y),
                   stretchHorizontally: !0,
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
-                o("dl", null, [
-                  t[169] || (t[169] = o("dt", null, "Selected value(s):", -1)),
-                  o("dd", null, [
-                    o("output", null, y(i.inputGroupValue4), 1)
-                  ])
-                ])
+                o("output", null, "v-model: " + g(i.inputGroupValue4), 1)
               ]),
               o("div", X1, [
-                t[189] || (t[189] = o("small", null, "(values will not be submitted with the form!)", -1)),
+                t[181] || (t[181] = o("small", null, "(values will not be submitted with the form!)", -1)),
                 o("div", $1, [
                   f(O, {
                     element: "button",
@@ -23610,7 +23585,7 @@ function rk(e, t, n, s, i, l) {
                     class: "button",
                     type: "submit",
                     disabled: i.disabledStatus
-                  }, [...t[188] || (t[188] = [
+                  }, [...t[180] || (t[180] = [
                     o("span", { class: "icon-check" }, null, -1),
                     o("span", null, "Native submit-button", -1)
                   ])], 8, ev)
@@ -23629,12 +23604,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", tv, [
-            t[192] || (t[192] = o("span", null, "Bank Account Data", -1)),
+            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[69] || (t[69] = k((g) => l.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
+              onClick: t[68] || (t[68] = k((y) => l.openSettingsSidebar("CmdBankAccountData"), ["prevent"]))
             })
           ]),
           f(H, T({ "account-data": i.bankAccountData }, e.cmdBankAccountDataSettingsData, { ref: "CmdBankAccountData" }), null, 16, ["account-data"])
@@ -23644,12 +23619,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", nv, [
-            t[193] || (t[193] = o("span", null, "Basic Form", -1)),
+            t[185] || (t[185] = o("span", null, "Basic Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[70] || (t[70] = k((g) => l.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
+              onClick: t[69] || (t[69] = k((y) => l.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
             })
           ]),
           f(W, {
@@ -23665,24 +23640,24 @@ function rk(e, t, n, s, i, l) {
             }
           }, null, 512),
           o("dl", null, [
-            t[194] || (t[194] = o("dt", null, "originalEvent", -1)),
-            o("dd", null, y(i.basicFormData.originalEvent), 1),
-            t[195] || (t[195] = o("dt", null, "formdata", -1)),
-            o("dd", null, y(i.basicFormData.formData), 1)
+            t[186] || (t[186] = o("dt", null, "originalEvent", -1)),
+            o("dd", null, g(i.basicFormData.originalEvent), 1),
+            t[187] || (t[187] = o("dt", null, "formdata", -1)),
+            o("dd", null, g(i.basicFormData.formData), 1)
           ])
         ]),
         _: 1
       }),
       f(S, { anchorId: "section-boxes" }, {
         default: v(() => [
-          t[214] || (t[214] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
+          t[206] || (t[206] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
           o("h3", iv, [
-            t[196] || (t[196] = o("span", null, "Default Box", -1)),
+            t[188] || (t[188] = o("span", null, "Default Box", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[71] || (t[71] = k((g) => l.openSettingsSidebar("CmdBox"), ["prevent"]))
+              onClick: t[70] || (t[70] = k((y) => l.openSettingsSidebar("CmdBox"), ["prevent"]))
             })
           ]),
           f(d, T({ ref: "CmdBox" }, e.cmdBoxSettingsData, {
@@ -23691,17 +23666,17 @@ function rk(e, t, n, s, i, l) {
             "cmd-headline": { headlineText: "Headline for box", headlineLevel: 4 },
             stretchVertically: !0
           }), {
-            header: v(() => [...t[197] || (t[197] = [
+            header: v(() => [...t[189] || (t[189] = [
               o("h4", null, " Texts given by slots ", -1)
             ])]),
-            body: v(() => [...t[198] || (t[198] = [
+            body: v(() => [...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: v(() => [...t[199] || (t[199] = [
+            footer: v(() => [...t[191] || (t[191] = [
               o("p", null, " Footer content ", -1)
             ])]),
             _: 1
@@ -23712,10 +23687,10 @@ function rk(e, t, n, s, i, l) {
             useGap: !0
           }, {
             default: v(() => [
-              (a(), r(w, null, P(14, (g) => f(d, {
-                key: g,
+              (a(), r(w, null, P(14, (y) => f(d, {
+                key: y,
                 textBody: "Content",
-                "cmd-headline": { headlineText: "Headline " + g, headlineLevel: 4 }
+                "cmd-headline": { headlineText: "Headline " + y, headlineLevel: 4 }
               }, null, 8, ["cmd-headline"])), 64))
             ]),
             _: 1
@@ -23731,7 +23706,7 @@ function rk(e, t, n, s, i, l) {
                 useSlots: ["body"],
                 "cutoff-text-lines": 4
               }, {
-                body: v(() => [...t[200] || (t[200] = [
+                body: v(() => [...t[192] || (t[192] = [
                   F(" This is a long text that is cutoff after a specific number of lines that can be defined by the property 'cutoffTextLines' and be toggled by a link below. ", -1)
                 ])]),
                 _: 1
@@ -23740,17 +23715,17 @@ function rk(e, t, n, s, i, l) {
                 useSlots: ["header", "body", "footer"],
                 allowContentToScroll: !0
               }, {
-                header: v(() => [...t[201] || (t[201] = [
+                header: v(() => [...t[193] || (t[193] = [
                   o("h4", null, " Texts given by slots ", -1)
                 ])]),
-                body: v(() => [...t[202] || (t[202] = [
+                body: v(() => [...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: v(() => [...t[203] || (t[203] = [
+                footer: v(() => [...t[195] || (t[195] = [
                   o("p", null, " Footer content ", -1)
                 ])]),
                 _: 1
@@ -23760,7 +23735,7 @@ function rk(e, t, n, s, i, l) {
                 useBoxBodyPadding: !1,
                 collapsible: !0
               }, {
-                header: v(() => [...t[204] || (t[204] = [
+                header: v(() => [...t[196] || (t[196] = [
                   o("h4", null, " Box with inputs ", -1)
                 ])]),
                 body: v(() => [
@@ -23784,7 +23759,7 @@ function rk(e, t, n, s, i, l) {
                     _: 1
                   })
                 ]),
-                footer: v(() => [...t[205] || (t[205] = [
+                footer: v(() => [...t[197] || (t[197] = [
                   o("p", null, " footer content ", -1)
                 ])]),
                 _: 1
@@ -23793,7 +23768,7 @@ function rk(e, t, n, s, i, l) {
                 useSlots: ["header", "body"],
                 useBoxBodyPadding: !1
               }, {
-                header: v(() => [...t[206] || (t[206] = [
+                header: v(() => [...t[198] || (t[198] = [
                   o("h4", null, " Box with links ", -1)
                 ])]),
                 body: v(() => [
@@ -23801,34 +23776,34 @@ function rk(e, t, n, s, i, l) {
                     o("li", null, [
                       o("a", {
                         href: "#",
-                        onClick: t[72] || (t[72] = k(() => {
+                        onClick: t[71] || (t[71] = k(() => {
                         }, ["prevent"]))
                       }, "Link name 1")
                     ]),
                     o("li", null, [
                       o("a", {
                         href: "#",
-                        onClick: t[73] || (t[73] = k(() => {
+                        onClick: t[72] || (t[72] = k(() => {
                         }, ["prevent"]))
                       }, "Link name 2")
                     ]),
                     o("li", null, [
                       o("a", {
                         href: "#",
-                        onClick: t[74] || (t[74] = k(() => {
+                        onClick: t[73] || (t[73] = k(() => {
                         }, ["prevent"]))
                       }, "Link name 3")
                     ]),
                     o("li", null, [
                       o("a", {
                         href: "#",
-                        onClick: t[75] || (t[75] = k(() => {
+                        onClick: t[74] || (t[74] = k(() => {
                         }, ["prevent"]))
                       }, "Link name 4")
                     ])
                   ])
                 ]),
-                footer: v(() => [...t[207] || (t[207] = [
+                footer: v(() => [...t[199] || (t[199] = [
                   o("p", null, " footer content ", -1)
                 ])]),
                 _: 1
@@ -23839,10 +23814,10 @@ function rk(e, t, n, s, i, l) {
                 cmdHeadline: { headlineText: "Collapsible box", headlineLevel: 4 },
                 collapsible: !0
               }, {
-                header: v(() => [...t[208] || (t[208] = [
+                header: v(() => [...t[200] || (t[200] = [
                   o("h4", null, " Collapsible box with image ", -1)
                 ])]),
-                body: v(() => [...t[209] || (t[209] = [
+                body: v(() => [...t[201] || (t[201] = [
                   o("img", {
                     src: Kn,
                     alt: "Alternative text"
@@ -23854,10 +23829,10 @@ function rk(e, t, n, s, i, l) {
                 useSlots: ["header", "body", "footer"],
                 useBoxBodyPadding: !1
               }, {
-                header: v(() => [...t[210] || (t[210] = [
+                header: v(() => [...t[202] || (t[202] = [
                   o("h4", null, " Box with image, content and link ", -1)
                 ])]),
-                body: v(() => [...t[211] || (t[211] = [
+                body: v(() => [...t[203] || (t[203] = [
                   o("img", {
                     src: Kn,
                     alt: "Alternative text"
@@ -23867,7 +23842,7 @@ function rk(e, t, n, s, i, l) {
                     o("p", null, "Image, custom-headline and this text for the component are given by slot")
                   ], -1)
                 ])]),
-                footer: v(() => [...t[212] || (t[212] = [
+                footer: v(() => [...t[204] || (t[204] = [
                   o("p", null, [
                     o("a", { href: "#" }, "Read more…")
                   ], -1)
@@ -23900,47 +23875,47 @@ function rk(e, t, n, s, i, l) {
             ]),
             _: 1
           }),
-          t[215] || (t[215] = o("h3", null, "Product boxes", -1)),
+          t[207] || (t[207] = o("h3", null, "Product boxes", -1)),
           f(c, {
             boxesPerRow: [5, 2, 1],
             useRowViewAsDefault: !0,
             useGap: !0
           }, {
-            default: v((g) => [
+            default: v((y) => [
               (a(!0), r(w, null, P(i.boxProductData, (M, we) => (a(), C(d, {
                 key: we,
                 boxType: "product",
                 product: M,
                 cmdHeadline: { headlineLevel: 4 },
-                rowView: g.rowView
+                rowView: y.rowView
               }, null, 8, ["product", "rowView"]))), 128))
             ]),
             _: 1
           }),
-          t[216] || (t[216] = o("h3", null, "User boxes", -1)),
+          t[208] || (t[208] = o("h3", null, "User boxes", -1)),
           f(c, {
             boxesPerRow: [5, 2, 1],
             useRowViewAsDefault: !0,
             useGap: !0
           }, {
-            default: v((g) => [
+            default: v((y) => [
               (a(!0), r(w, null, P(i.boxUserData.length, (M) => (a(), C(d, {
                 key: M,
                 boxType: "user",
                 user: i.boxUserData[M - 1],
                 cmdHeadline: { headlineLevel: 5 },
-                rowView: g.rowView
+                rowView: y.rowView
               }, null, 8, ["user", "rowView"]))), 128))
             ]),
             _: 1
           }),
           o("h3", null, [
-            t[213] || (t[213] = 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[76] || (t[76] = k((g) => l.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
+              onClick: t[75] || (t[75] = k((y) => l.openSettingsSidebar("CmdBoxWrapper"), ["prevent"]))
             })
           ]),
           f(c, {
@@ -23952,19 +23927,19 @@ function rk(e, t, n, s, i, l) {
             "stretch-boxes-vertically": !0,
             useGap: !0
           }, {
-            default: v((g) => [
+            default: v((y) => [
               (a(!0), r(w, null, P(i.boxProductData.length, (M) => (a(), C(d, {
                 key: M,
                 boxType: "content",
                 collapsible: !0,
                 useSlots: ["body"],
                 cmdHeadline: { headlineText: "Box " + M, headlineLevel: 5 },
-                rowView: g.rowView,
-                openCollapsedBox: g.boxIsOpen(M - 1),
-                onToggleCollapse: (we) => g.boxToggled(M - 1, we)
+                rowView: y.rowView,
+                openCollapsedBox: y.boxIsOpen(M - 1),
+                onToggleCollapse: (we) => y.boxToggled(M - 1, we)
               }, {
                 body: v(() => [
-                  F(y(g.currentOpenBox) + "Content " + y(M), 1)
+                  F(g(y.currentOpenBox) + "Content " + g(M), 1)
                 ]),
                 _: 2
               }, 1032, ["cmdHeadline", "rowView", "openCollapsedBox", "onToggleCollapse"]))), 128))
@@ -23977,12 +23952,12 @@ function rk(e, t, n, s, i, l) {
       f(S, { "inner-component": "div" }, {
         default: v(() => [
           o("h2", ov, [
-            t[217] || (t[217] = o("span", null, "Breadcrumbs", -1)),
+            t[209] || (t[209] = o("span", null, "Breadcrumbs", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[77] || (t[77] = k((g) => l.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
+              onClick: t[76] || (t[76] = k((y) => l.openSettingsSidebar("CmdBreadcrumbs"), ["prevent"]))
             })
           ]),
           f(se, T({
@@ -23996,17 +23971,17 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", av, [
-            t[218] || (t[218] = o("span", null, "Code Output", -1)),
+            t[210] || (t[210] = o("span", null, "Code Output", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[78] || (t[78] = k((g) => l.openSettingsSidebar("CmdCodeOutput"), ["prevent"]))
+              onClick: t[77] || (t[77] = k((y) => l.openSettingsSidebar("CmdCodeOutput"), ["prevent"]))
             })
           ]),
           f(ke, T({ ref: "CmdCodeOutput" }, e.cmdCodeOutputSettingsData), {
             default: v(() => [
-              F(y(i.cmdCodeOutputSlotContent), 1)
+              F(g(i.cmdCodeOutputSlotContent), 1)
             ]),
             _: 1
           }, 16)
@@ -24016,12 +23991,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", sv, [
-            t[219] || (t[219] = o("span", null, "Company Logo", -1)),
+            t[211] || (t[211] = o("span", null, "Company Logo", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[79] || (t[79] = k((g) => l.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
+              onClick: t[78] || (t[78] = k((y) => l.openSettingsSidebar("CmdCompanyLogo"), ["prevent"]))
             })
           ]),
           f(p, T({
@@ -24034,27 +24009,27 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", rv, [
-            t[220] || (t[220] = o("span", null, "Containers", -1)),
+            t[212] || (t[212] = o("span", null, "Containers", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[80] || (t[80] = k((g) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
+              onClick: t[79] || (t[79] = k((y) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
             })
           ]),
-          t[225] || (t[225] = o("h3", null, 'Container (type "default")', -1)),
+          t[217] || (t[217] = o("h3", null, 'Container (type "default")', -1)),
           f(ee, T({
             style: { border: "1px dashed var(--color-gray-30)" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData), {
-            default: v(() => [...t[221] || (t[221] = [
+            default: v(() => [...t[213] || (t[213] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
             ])]),
             _: 1
           }, 16),
-          t[226] || (t[226] = o("h3", null, 'Container (type "flex", horizontal)', -1)),
+          t[218] || (t[218] = o("h3", null, 'Container (type "flex", horizontal)', -1)),
           f(ee, T({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdContainer"
@@ -24062,14 +24037,14 @@ function rk(e, t, n, s, i, l) {
             containerType: "flex",
             contentOrientation: "horizontal"
           }), {
-            default: v(() => [...t[222] || (t[222] = [
+            default: v(() => [...t[214] || (t[214] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
             ])]),
             _: 1
           }, 16),
-          t[227] || (t[227] = o("h3", null, 'Container (type "flex", vertical)', -1)),
+          t[219] || (t[219] = o("h3", null, 'Container (type "flex", vertical)', -1)),
           f(ee, T({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdContainer"
@@ -24077,19 +24052,19 @@ function rk(e, t, n, s, i, l) {
             containerType: "flex",
             contentOrientation: "vertical"
           }), {
-            default: v(() => [...t[223] || (t[223] = [
+            default: v(() => [...t[215] || (t[215] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
             ])]),
             _: 1
           }, 16),
-          t[228] || (t[228] = o("h3", null, "Container with horizontal slots", -1)),
+          t[220] || (t[220] = o("h3", null, "Container with horizontal slots", -1)),
           f(ee, T({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData, { containerType: "grid" }), {
-            default: v(() => [...t[224] || (t[224] = [
+            default: v(() => [...t[216] || (t[216] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
@@ -24104,15 +24079,15 @@ function rk(e, t, n, s, i, l) {
       }),
       f(S, null, {
         default: v(() => [
-          t[230] || (t[230] = o("h2", {
+          t[222] || (t[222] = o("h2", {
             class: "headline-demopage",
             id: "section-cookie-disclaimer"
           }, "Cookie Disclaimer", -1)),
           o("a", {
             class: "button",
             href: "#",
-            onClick: t[81] || (t[81] = k((g) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
-          }, [...t[229] || (t[229] = [
+            onClick: t[80] || (t[80] = k((y) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
+          }, [...t[221] || (t[221] = [
             o("span", null, "Open Cookie Disclaimer", -1)
           ])])
         ]),
@@ -24120,11 +24095,11 @@ function rk(e, t, n, s, i, l) {
       }),
       f(S, null, {
         default: v(() => [
-          t[231] || (t[231] = o("h2", {
+          t[223] || (t[223] = o("h2", {
             class: "headline-demopage",
             id: "section-forms"
           }, "Forms", -1)),
-          t[232] || (t[232] = o("h3", null, "Form elements given by data", -1)),
+          t[224] || (t[224] = o("h3", null, "Form elements given by data", -1)),
           f(Y, {
             useFieldset: !0,
             useSlot: !1,
@@ -24133,9 +24108,9 @@ function rk(e, t, n, s, i, l) {
             formElements: i.formElementsData,
             onSubmit: l.doConsoleLog,
             modelValue: i.cmdFormData,
-            "onUpdate:modelValue": t[82] || (t[82] = (g) => i.cmdFormData = g)
+            "onUpdate:modelValue": t[81] || (t[81] = (y) => i.cmdFormData = y)
           }, null, 8, ["formElements", "onSubmit", "modelValue"]),
-          t[233] || (t[233] = o("h3", null, "Form elements given by slot", -1)),
+          t[225] || (t[225] = o("h3", null, "Form elements given by slot", -1)),
           f(Y, {
             "use-fieldset": !0,
             id: "form-component",
@@ -24173,50 +24148,50 @@ function rk(e, t, n, s, i, l) {
       }),
       f(S, null, {
         default: v(() => [
-          t[237] || (t[237] = o("h2", {
+          t[229] || (t[229] = o("h2", {
             class: "headline-demopage",
             id: "section-fancybox"
           }, "Fancybox", -1)),
-          t[238] || (t[238] = o("h3", null, "FancyBox with text", -1)),
+          t[230] || (t[230] = o("h3", null, "FancyBox with text", -1)),
           o("a", {
             href: "#",
-            onClick: t[83] || (t[83] = k((g) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
+            onClick: t[82] || (t[82] = k((y) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
           }, "Open FancyBox with text"),
-          t[239] || (t[239] = o("h3", null, "FancyBox with large image given by url", -1)),
+          t[231] || (t[231] = o("h3", null, "FancyBox with large image given by url", -1)),
           o("a", {
             href: "#",
-            onClick: t[84] || (t[84] = k((g) => l.showFancyBox("url", "/media/images/demo-images/large/landscape-01.jpg", "FancyBox with large image given by url"), ["prevent"])),
+            onClick: t[83] || (t[83] = k((y) => 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[234] || (t[234] = [
+          }, [...t[226] || (t[226] = [
             o("img", {
               src: u1,
               alt: "Alternative text"
             }, null, -1)
           ])]),
-          t[240] || (t[240] = o("h3", null, "FancyBox with large image given by property", -1)),
+          t[232] || (t[232] = o("h3", null, "FancyBox with large image given by property", -1)),
           o("a", {
             href: "#",
-            onClick: t[85] || (t[85] = k((g) => 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] = k((y) => 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[235] || (t[235] = [
+          }, [...t[227] || (t[227] = [
             o("img", {
               src: c1,
               alt: "Alternative text"
             }, null, -1)
           ])]),
-          t[241] || (t[241] = o("h3", null, "FancyBox with image as object give by property", -1)),
+          t[233] || (t[233] = o("h3", null, "FancyBox with image as object give by property", -1)),
           o("a", {
             href: "#",
-            onClick: t[86] || (t[86] = k((g) => l.showFancyBox("image", {
+            onClick: t[85] || (t[85] = k((y) => 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[236] || (t[236] = [
+          }, [...t[228] || (t[228] = [
             o("img", {
               src: m1,
               alt: "Alternative text"
@@ -24227,18 +24202,18 @@ function rk(e, t, n, s, i, l) {
       }),
       f(S, null, {
         default: v(() => [
-          t[244] || (t[244] = o("h2", {
+          t[236] || (t[236] = o("h2", {
             class: "headline-demopage",
             id: "section-flexible-scroll-container"
           }, "Flexible Scroll-Container", -1)),
           f(dl, { style: { border: "1px  dashed var(--color-gray-30)" } }, {
-            "fixed-wrapper": v(() => [...t[242] || (t[242] = [
+            "fixed-wrapper": v(() => [...t[234] || (t[234] = [
               o("div", {
                 class: "default-padding",
                 style: { border: "1px  dashed var(--color-gray-30)" }
               }, " Fixed content ", -1)
             ])]),
-            "scroll-wrapper": v(() => [...t[243] || (t[243] = [
+            "scroll-wrapper": v(() => [...t[235] || (t[235] = [
               o("div", {
                 class: "default-padding",
                 style: { border: "1px  dashed var(--color-gray-30)" }
@@ -24278,7 +24253,7 @@ function rk(e, t, n, s, i, l) {
       }),
       f(S, null, {
         default: v(() => [
-          t[245] || (t[245] = o("h2", {
+          t[237] || (t[237] = o("h2", {
             class: "headline-demopage",
             id: "section-google-maps"
           }, "Google Maps™", -1)),
@@ -24291,12 +24266,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", dv, [
-            t[246] || (t[246] = o("span", null, "Headlines", -1)),
+            t[238] || (t[238] = o("span", null, "Headlines", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[87] || (t[87] = k((g) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
+              onClick: t[86] || (t[86] = k((y) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
             })
           ]),
           f(Re, T({ ref: "CmdHeadline" }, e.cmdHeadlineSettingsData), null, 16),
@@ -24314,7 +24289,7 @@ function rk(e, t, n, s, i, l) {
             ref: "CmdHeadline",
             headlineLevel: "3"
           }, {
-            default: v(() => [...t[247] || (t[247] = [
+            default: v(() => [...t[239] || (t[239] = [
               F(" Headline text", -1),
               o("br", null, null, -1),
               F(" with html-content given by slot ", -1)
@@ -24326,29 +24301,29 @@ function rk(e, t, n, s, i, l) {
       }),
       f(S, null, {
         default: v(() => [
-          t[253] || (t[253] = o("h2", {
+          t[245] || (t[245] = o("h2", {
             class: "headline-demopage",
             id: "section-icons"
           }, "Icons", -1)),
           o("ul", null, [
             o("li", null, [
-              t[248] || (t[248] = o("span", null, "Icon from local iconfont", -1)),
+              t[240] || (t[240] = o("span", null, "Icon from local iconfont", -1)),
               f(Le, { iconClass: "icon-home" })
             ]),
             o("li", null, [
-              t[249] || (t[249] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
+              t[241] || (t[241] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
               f(Le, { iconClass: "icomoon-free:home" })
             ]),
             o("li", null, [
-              t[250] || (t[250] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
+              t[242] || (t[242] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
               f(Le, { iconClass: "bi:house-fill" })
             ]),
             o("li", null, [
-              t[251] || (t[251] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
+              t[243] || (t[243] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
               f(Le, { iconClass: "mdi:home" })
             ]),
             o("li", null, [
-              t[252] || (t[252] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
+              t[244] || (t[244] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
               f(Le, { iconClass: "fa6-solid:house-chimney" })
             ])
           ])
@@ -24358,12 +24333,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", uv, [
-            t[254] || (t[254] = o("span", null, "Image", -1)),
+            t[246] || (t[246] = o("span", null, "Image", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[88] || (t[88] = k((g) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
+              onClick: t[87] || (t[87] = k((y) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
             })
           ]),
           o("div", cv, [
@@ -24383,12 +24358,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", mv, [
-            t[255] || (t[255] = o("span", null, "Image-Gallery", -1)),
+            t[247] || (t[247] = o("span", null, "Image-Gallery", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[89] || (t[89] = k((g) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
+              onClick: t[88] || (t[88] = k((y) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
             })
           ]),
           f(cl, T({
@@ -24400,7 +24375,7 @@ function rk(e, t, n, s, i, l) {
       }),
       f(S, null, {
         default: v(() => [
-          t[256] || (t[256] = o("h2", {
+          t[248] || (t[248] = o("h2", {
             class: "headline-demopage",
             id: "section-image-zoom"
           }, " Image-Zoom ", -1)),
@@ -24414,12 +24389,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", pv, [
-            t[257] || (t[257] = o("span", null, "Link", -1)),
+            t[249] || (t[249] = o("span", null, "Link", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[90] || (t[90] = k((g) => l.openSettingsSidebar("CmdLink"), ["prevent"]))
+              onClick: t[89] || (t[89] = k((y) => l.openSettingsSidebar("CmdLink"), ["prevent"]))
             })
           ]),
           f(te, T({
@@ -24471,7 +24446,7 @@ function rk(e, t, n, s, i, l) {
             text: "Add link",
             primaryButton: !0,
             icon: { iconClass: "icon-link", position: "right" },
-            onClick: t[91] || (t[91] = (g) => i.showCmdLink = !0)
+            onClick: t[90] || (t[90] = (y) => i.showCmdLink = !0)
           }),
           i.showCmdLink ? (a(), C(te, {
             key: 0,
@@ -24482,12 +24457,12 @@ function rk(e, t, n, s, i, l) {
             icon: { iconClass: "icon-chevron-one-stripe-right", position: "right", tooltip: "Tooltip for hyperlink" }
           })) : m("", !0),
           o("dl", fv, [
-            t[258] || (t[258] = o("dt", null, "Event:", -1)),
-            o("dd", null, y(i.outputCmdLink?.event?.originalEvent.originalEvent), 1),
-            t[259] || (t[259] = o("dt", null, "Target:", -1)),
-            o("dd", null, y(i.outputCmdLink?.event?.originalEvent.target), 1),
-            t[260] || (t[260] = o("dt", null, "LinkType:", -1)),
-            o("dd", null, y(i.outputCmdLink?.event?.originalEvent.linkType), 1)
+            t[250] || (t[250] = o("dt", null, "Event:", -1)),
+            o("dd", null, g(i.outputCmdLink?.event?.originalEvent.originalEvent), 1),
+            t[251] || (t[251] = o("dt", null, "Target:", -1)),
+            o("dd", null, g(i.outputCmdLink?.event?.originalEvent.target), 1),
+            t[252] || (t[252] = o("dt", null, "LinkType:", -1)),
+            o("dd", null, g(i.outputCmdLink?.event?.originalEvent.linkType), 1)
           ])
         ]),
         _: 1
@@ -24495,12 +24470,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", hv, [
-            t[261] || (t[261] = o("span", null, "List", -1)),
+            t[253] || (t[253] = o("span", null, "List", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[92] || (t[92] = k((g) => l.openSettingsSidebar("CmdList"), ["prevent"]))
+              onClick: t[91] || (t[91] = k((y) => l.openSettingsSidebar("CmdList"), ["prevent"]))
             })
           ]),
           f(h, T({
@@ -24512,12 +24487,12 @@ function rk(e, t, n, s, i, l) {
             onClick: l.cmdLinkOutput
           }), null, 16, ["items", "onClick"]),
           o("dl", gv, [
-            t[262] || (t[262] = o("dt", null, "Event:", -1)),
-            o("dd", null, y(i.outputCmdLink?.event?.originalEvent), 1),
-            t[263] || (t[263] = o("dt", null, "Target:", -1)),
-            o("dd", null, y(i.outputCmdLink?.event?.originalEvent.target), 1),
-            t[264] || (t[264] = o("dt", null, "LinkType:", -1)),
-            o("dd", null, y(i.outputCmdLink?.event?.linkType), 1)
+            t[254] || (t[254] = o("dt", null, "Event:", -1)),
+            o("dd", null, g(i.outputCmdLink?.event?.originalEvent), 1),
+            t[255] || (t[255] = o("dt", null, "Target:", -1)),
+            o("dd", null, g(i.outputCmdLink?.event?.originalEvent.target), 1),
+            t[256] || (t[256] = o("dt", null, "LinkType:", -1)),
+            o("dd", null, g(i.outputCmdLink?.event?.linkType), 1)
           ]),
           f(h, {
             cmdHeadline: { headlineText: "List of images", headlineLevel: 3 },
@@ -24554,7 +24529,7 @@ function rk(e, t, n, s, i, l) {
               highlightLevel: "tertiary"
             }, null, 8, ["items"])
           ]),
-          t[265] || (t[265] = o("h3", null, "Description Lists", -1)),
+          t[257] || (t[257] = o("h3", null, "Description Lists", -1)),
           o("div", bv, [
             f(h, {
               listType: "description",
@@ -24579,30 +24554,30 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", xv, [
-            t[266] || (t[266] = o("span", null, "Login Form", -1)),
+            t[258] || (t[258] = o("span", null, "Login Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[93] || (t[93] = k((g) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
+              onClick: t[92] || (t[92] = k((y) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
             })
           ]),
           f(Y, { "use-fieldset": !1 }, {
             default: v(() => [
               f(pl, T({ ref: "CmdLoginForm" }, e.cmdLoginFormSettingsData, {
                 modelValue: i.loginData,
-                "onUpdate:modelValue": t[94] || (t[94] = (g) => i.loginData = g)
+                "onUpdate:modelValue": t[93] || (t[93] = (y) => i.loginData = y)
               }), null, 16, ["modelValue"])
             ]),
             _: 1
           }),
-          o("p", null, "LoginData: " + y(i.loginData), 1)
+          o("p", null, "LoginData: " + g(i.loginData), 1)
         ]),
         _: 1
       }),
       f(S, null, {
         default: v(() => [
-          t[267] || (t[267] = o("h2", {
+          t[259] || (t[259] = o("h2", {
             class: "headline-demopage",
             id: "section-mail-tool"
           }, [
@@ -24619,12 +24594,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Cv, [
-            t[268] || (t[268] = o("span", null, "Main Navigation", -1)),
+            t[260] || (t[260] = o("span", null, "Main Navigation", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[95] || (t[95] = k((g) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
+              onClick: t[94] || (t[94] = k((y) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
             })
           ]),
           f(hl, T({ ref: "CmdMainNavigation" }, e.cmdMainNavigationSettingsData, { navigationEntries: l.navigationDataModified }), null, 16, ["navigationEntries"]),
@@ -24635,30 +24610,30 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", vv, [
-            t[269] || (t[269] = o("span", null, "Multistepform-Progressbar", -1)),
+            t[261] || (t[261] = o("span", null, "Multistepform-Progressbar", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[96] || (t[96] = k((g) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
+              onClick: t[95] || (t[95] = k((y) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
             })
           ]),
-          t[270] || (t[270] = o("h3", null, "Steps with icons", -1)),
+          t[262] || (t[262] = o("h3", null, "Steps with icons", -1)),
           f(an, T({
             ref: "CmdMultistepFormProgressBar",
             multisteps: i.multistepsData.withIcon
           }, e.cmdMultistepFormProgressBarSettingsData, {
-            onClick: t[97] || (t[97] = (g) => i.showPageMultistep = g.index + 1)
+            onClick: t[96] || (t[96] = (y) => i.showPageMultistep = y.index + 1)
           }), null, 16, ["multisteps"]),
-          t[271] || (t[271] = o("h3", null, "Router", -1)),
+          t[263] || (t[263] = o("h3", null, "Router", -1)),
           f(an, T({
             ref: "CmdMultistepFormProgressBar",
             multisteps: i.multistepsData.router
           }, e.cmdMultistepFormProgressBarSettingsData, {
-            onClick: t[98] || (t[98] = (g) => i.showPageMultistep = g.index + 1)
+            onClick: t[97] || (t[97] = (y) => i.showPageMultistep = y.index + 1)
           }), null, 16, ["multisteps"]),
           o("div", null, [
-            o("p", null, "Page " + y(i.showPageMultistep), 1)
+            o("p", null, "Page " + g(i.showPageMultistep), 1)
           ])
         ]),
         _: 1
@@ -24666,38 +24641,38 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", kv, [
-            t[272] || (t[272] = o("span", null, "Multistepform-Wrapper", -1)),
+            t[264] || (t[264] = o("span", null, "Multistepform-Wrapper", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[99] || (t[99] = k((g) => l.openSettingsSidebar("CmdMultistepFormWrapper"), ["prevent"]))
+              onClick: t[98] || (t[98] = k((y) => l.openSettingsSidebar("CmdMultistepFormWrapper"), ["prevent"]))
             })
           ]),
-          t[286] || (t[286] = o("h3", null, "Data provided by property", -1)),
+          t[278] || (t[278] = o("h3", null, "Data provided by property", -1)),
           f(sn, null, {
-            "page-1": v((g) => [
-              t[273] || (t[273] = o("h3", null, "Page 1 - all fields required", -1)),
+            "page-1": v((y) => [
+              t[265] || (t[265] = o("h3", null, "Page 1 - all fields required", -1)),
               f(Y, {
                 formElements: i.multistepFormWrapperPage1Data,
                 useSlot: !1,
-                onValidationStatusChange: (M) => l.toggleSystemMessage(M, g),
+                onValidationStatusChange: (M) => l.toggleSystemMessage(M, y),
                 submitButton: { show: !1 },
-                modelValue: g.formDataForPage,
-                "onUpdate:modelValue": g.updateFormDataForPage
+                modelValue: y.formDataForPage,
+                "onUpdate:modelValue": y.updateFormDataForPage
               }, null, 8, ["formElements", "onValidationStatusChange", "modelValue", "onUpdate:modelValue"]),
               o("a", {
                 href: "#",
-                onClick: k((M) => g.setErrorOnPage("This is an error!"), ["prevent"])
+                onClick: k((M) => y.setErrorOnPage("This is an error!"), ["prevent"])
               }, "Set Error", 8, wv),
-              t[274] || (t[274] = o("br", null, null, -1)),
+              t[266] || (t[266] = o("br", null, null, -1)),
               o("a", {
                 href: "#",
-                onClick: k(g.removeErrorOnPage, ["prevent"])
+                onClick: k(y.removeErrorOnPage, ["prevent"])
               }, "Remove Error", 8, Tv)
             ]),
-            "page-2": v((g) => [
-              t[275] || (t[275] = o("h3", null, "Page 2 - 2/2 fields required (in slot)", -1)),
+            "page-2": v((y) => [
+              t[267] || (t[267] = o("h3", null, "Page 2 - 2/2 fields required (in slot)", -1)),
               f(Y, {
                 submitButton: { show: !1 },
                 cmdHeadline: { headlineText: "Form-Elements in Slot", headlineLevel: 3 }
@@ -24711,9 +24686,9 @@ function rk(e, t, n, s, i, l) {
                     id: "page-2-telephone",
                     placeholder: "Enter phone number",
                     required: !0,
-                    modelValue: g.formDataForPage["page-2-telephone"],
-                    "onUpdate:modelValue": (M) => l.setValue(M, "page-2-telephone", g),
-                    onValidationStatusChange: (M) => l.setValidationStatus(M, "page-2-telephone", g)
+                    modelValue: y.formDataForPage["page-2-telephone"],
+                    "onUpdate:modelValue": (M) => l.setValue(M, "page-2-telephone", y),
+                    onValidationStatusChange: (M) => l.setValidationStatus(M, "page-2-telephone", y)
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "onValidationStatusChange"]),
                   f(O, {
                     element: "input",
@@ -24723,25 +24698,25 @@ function rk(e, t, n, s, i, l) {
                     id: "page-2-email",
                     required: !0,
                     placeholder: "Enter email address",
-                    modelValue: g.formDataForPage["page-2-email"],
-                    "onUpdate:modelValue": (M) => l.setValue(M, "page-2-email", g),
-                    onValidationStatusChange: (M) => l.setValidationStatus(M, "page-2-email", g)
+                    modelValue: y.formDataForPage["page-2-email"],
+                    "onUpdate:modelValue": (M) => l.setValue(M, "page-2-email", y),
+                    onValidationStatusChange: (M) => l.setValidationStatus(M, "page-2-email", y)
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "onValidationStatusChange"])
                 ]),
                 _: 2
               }, 1024),
               o("a", {
                 href: "#",
-                onClick: k((M) => g.setErrorOnPage("This is an error!"), ["prevent"])
+                onClick: k((M) => y.setErrorOnPage("This is an error!"), ["prevent"])
               }, "Set Error", 8, Sv)
             ]),
-            "page-3": v((g) => [
-              t[276] || (t[276] = o("h3", null, "Page 3 - no fields required", -1)),
+            "page-3": v((y) => [
+              t[268] || (t[268] = o("h3", null, "Page 3 - no fields required", -1)),
               f(Y, {
-                onValidationStatusChange: (M) => l.toggleSystemMessage(M, g),
+                onValidationStatusChange: (M) => l.toggleSystemMessage(M, y),
                 submitButton: { show: !1 },
-                modelValue: g.formDataForPage,
-                "onUpdate:modelValue": g.updateFormDataForPage,
+                modelValue: y.formDataForPage,
+                "onUpdate:modelValue": y.updateFormDataForPage,
                 cmdHeadline: { headlineText: "Form-Elements in Slot", headlineLevel: 3 }
               }, {
                 default: v(() => [
@@ -24752,8 +24727,8 @@ function rk(e, t, n, s, i, l) {
                     name: "street-no",
                     id: "street-no",
                     placeholder: "Enter street and number",
-                    modelValue: g.formDataForPage.streetNo,
-                    "onUpdate:modelValue": (M) => g.formDataForPage.streetNo = M
+                    modelValue: y.formDataForPage.streetNo,
+                    "onUpdate:modelValue": (M) => y.formDataForPage.streetNo = M
                   }, null, 8, ["modelValue", "onUpdate:modelValue"]),
                   o("div", _v, [
                     f(O, {
@@ -24762,8 +24737,8 @@ function rk(e, t, n, s, i, l) {
                       labelText: "Zip:",
                       name: "zip",
                       id: "zip",
-                      modelValue: g.formDataForPage.zip,
-                      "onUpdate:modelValue": (M) => g.formDataForPage.zip = M
+                      modelValue: y.formDataForPage.zip,
+                      "onUpdate:modelValue": (M) => y.formDataForPage.zip = M
                     }, null, 8, ["modelValue", "onUpdate:modelValue"]),
                     f(O, {
                       element: "input",
@@ -24771,34 +24746,34 @@ function rk(e, t, n, s, i, l) {
                       labelText: "City:",
                       name: "city",
                       id: "city",
-                      modelValue: g.formDataForPage.city,
-                      "onUpdate:modelValue": (M) => g.formDataForPage.city = M
+                      modelValue: y.formDataForPage.city,
+                      "onUpdate:modelValue": (M) => y.formDataForPage.city = M
                     }, null, 8, ["modelValue", "onUpdate:modelValue"])
                   ])
                 ]),
                 _: 2
               }, 1032, ["onValidationStatusChange", "modelValue", "onUpdate:modelValue"])
             ]),
-            "page-last": v((g) => [
+            "page-last": v((y) => [
               i.confirmDataPrivacy ? (a(), r(w, { key: 1 }, [
-                t[279] || (t[279] = o("h3", null, "Confirmation", -1)),
+                t[271] || (t[271] = o("h3", null, "Confirmation", -1)),
                 f(rt, {
                   systemMessage: "Your request was send successfully!",
                   validationStatus: "success",
                   iconClose: { show: !1 }
                 }),
-                t[280] || (t[280] = o("p", null, "A copy with all submitted data was send to you.", -1)),
-                F(" props.formDataForPage: " + y(g.formDataForPage), 1)
+                t[272] || (t[272] = o("p", null, "A copy with all submitted data was send to you.", -1)),
+                F(" props.formDataForPage: " + g(y.formDataForPage), 1)
               ], 64)) : (a(), r(w, { key: 0 }, [
-                t[278] || (t[278] = o("h3", null, "Page 4", -1)),
+                t[270] || (t[270] = o("h3", null, "Page 4", -1)),
                 f(Y, {
                   cmdHeadline: { headlineText: "Confirmation", headlineLevel: 3 },
-                  submitButton: { disabled: g.atleastOneStepWithError, type: "button" },
+                  submitButton: { disabled: y.atleastOneStepWithError, type: "button" },
                   cancelButton: { show: !1 },
                   onSubmit: l.validateForm
                 }, {
                   default: v(() => [
-                    t[277] || (t[277] = o("p", null, "Please confirm that all data you provided is legit.", -1)),
+                    t[269] || (t[269] = o("p", null, "Please confirm that all data you provided is legit.", -1)),
                     f(O, {
                       element: "input",
                       type: "checkbox",
@@ -24808,10 +24783,10 @@ function rk(e, t, n, s, i, l) {
                       required: !0,
                       modelValue: i.dataPrivacyChecked,
                       "onUpdate:modelValue": [
-                        t[100] || (t[100] = (M) => i.dataPrivacyChecked = M),
-                        (M) => l.setValue(M, "confirm-data-privacy", g)
+                        t[99] || (t[99] = (M) => i.dataPrivacyChecked = M),
+                        (M) => l.setValue(M, "confirm-data-privacy", y)
                       ],
-                      onValidationStatusChange: (M) => l.setValidationStatusCheckbox(M, "confirm-data-privacy", g)
+                      onValidationStatusChange: (M) => l.setValidationStatusCheckbox(M, "confirm-data-privacy", y)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onValidationStatusChange"])
                   ]),
                   _: 2
@@ -24820,47 +24795,47 @@ function rk(e, t, n, s, i, l) {
             ]),
             _: 1
           }),
-          t[287] || (t[287] = o("h3", null, "Data provided by slot", -1)),
+          t[279] || (t[279] = o("h3", null, "Data provided by slot", -1)),
           f(sn, null, {
-            "progress-bar": v((g) => [
+            "progress-bar": v((y) => [
               o("ul", Ov, [
-                (a(!0), r(w, null, P(g.numberOfPages, (M) => (a(), r("li", { key: M }, [
+                (a(!0), r(w, null, P(y.numberOfPages, (M) => (a(), r("li", { key: M }, [
                   o("a", {
                     href: "#",
-                    onClick: k((we) => g.setErrorOnPage("This is an error!"), ["prevent"])
-                  }, y(M), 9, Lv)
+                    onClick: k((we) => y.setErrorOnPage("This is an error!"), ["prevent"])
+                  }, g(M), 9, Lv)
                 ]))), 128))
               ])
             ]),
-            "page-1": v((g) => [
-              t[281] || (t[281] = F(" Content Page 1 ", -1)),
-              g.hasError ? (a(), r("span", Iv, "Error")) : m("", !0),
+            "page-1": v((y) => [
+              t[273] || (t[273] = F(" Content Page 1 ", -1)),
+              y.hasError ? (a(), r("span", Iv, "Error")) : m("", !0),
               o("a", {
                 href: "#",
-                onClick: k((M) => g.setErrorOnPage("This is an error!"), ["prevent"])
+                onClick: k((M) => y.setErrorOnPage("This is an error!"), ["prevent"])
               }, "Set Error", 8, Bv)
             ]),
-            "page-2": v((g) => [
-              t[282] || (t[282] = F(" Content Page 2 ", -1)),
-              g.hasError ? (a(), r("span", Dv, "Error")) : m("", !0),
+            "page-2": v((y) => [
+              t[274] || (t[274] = F(" Content Page 2 ", -1)),
+              y.hasError ? (a(), r("span", Dv, "Error")) : m("", !0),
               o("a", {
                 href: "#",
-                onClick: k((M) => g.setErrorOnPage("This is an error!"), ["prevent"])
+                onClick: k((M) => y.setErrorOnPage("This is an error!"), ["prevent"])
               }, "Set Error", 8, Fv)
             ]),
-            "page-3": v((g) => [
-              t[283] || (t[283] = F(" Content Page 3 ", -1)),
-              g.hasError ? (a(), r("span", Mv, "Error")) : m("", !0)
+            "page-3": v((y) => [
+              t[275] || (t[275] = F(" Content Page 3 ", -1)),
+              y.hasError ? (a(), r("span", Mv, "Error")) : m("", !0)
             ]),
-            "page-4": v((g) => [
-              t[284] || (t[284] = F(" Content Page 4 ", -1)),
-              g.hasError ? (a(), r("span", Pv, "Error")) : m("", !0)
+            "page-4": v((y) => [
+              t[276] || (t[276] = F(" Content Page 4 ", -1)),
+              y.hasError ? (a(), r("span", Pv, "Error")) : m("", !0)
             ]),
-            "page-5": v((g) => [
-              t[285] || (t[285] = F(" Content Page 5 ", -1)),
-              g.hasError ? (a(), r("span", Vv, "Error")) : m("", !0)
+            "page-5": v((y) => [
+              t[277] || (t[277] = F(" Content Page 5 ", -1)),
+              y.hasError ? (a(), r("span", Vv, "Error")) : m("", !0)
             ]),
-            pagination: v((g) => [
+            pagination: v((y) => [
               o("div", Av, [
                 f(te, {
                   linkType: "button",
@@ -24871,8 +24846,8 @@ function rk(e, t, n, s, i, l) {
                     position: "right"
                   },
                   text: "Next",
-                  disabled: g.disabledNextLink,
-                  onClick: g.setNextPage
+                  disabled: y.disabledNextLink,
+                  onClick: y.setNextPage
                 }, null, 8, ["disabled", "onClick"]),
                 f(te, {
                   linkType: "button",
@@ -24891,10 +24866,10 @@ function rk(e, t, n, s, i, l) {
                     tooltip: "To previous page"
                   },
                   text: "Back",
-                  onClick: g.setPrevPage,
-                  disabled: g.disabledPrevLink
+                  onClick: y.setPrevPage,
+                  disabled: y.disabledPrevLink
                 }, null, 8, ["onClick", "disabled"]),
-                F(" props.disabledPrevLink: " + y(g.disabledPrevLink), 1)
+                F(" props.disabledPrevLink: " + g(y.disabledPrevLink), 1)
               ])
             ]),
             _: 1
@@ -24905,19 +24880,19 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Ev, [
-            t[288] || (t[288] = o("span", null, "Newsletter Subscription", -1)),
+            t[280] || (t[280] = o("span", null, "Newsletter Subscription", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[101] || (t[101] = k((g) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
+              onClick: t[100] || (t[100] = k((y) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
             })
           ]),
           f(Y, { "use-fieldset": !1 }, {
             default: v(() => [
               f(yl, T({ ref: "CmdNewsletterSubscription" }, e.cmdNewsletterSubscriptionSettingsData, {
                 modelValue: i.newsletter,
-                "onUpdate:modelValue": t[102] || (t[102] = (g) => i.newsletter = g),
+                "onUpdate:modelValue": t[101] || (t[101] = (y) => i.newsletter = y),
                 onButtonClick: l.submitNewsletterRegistration
               }), null, 16, ["modelValue", "onButtonClick"])
             ]),
@@ -24929,12 +24904,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Hv, [
-            t[289] || (t[289] = o("span", null, "Opening Hours", -1)),
+            t[281] || (t[281] = o("span", null, "Opening Hours", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[103] || (t[103] = k((g) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
+              onClick: t[102] || (t[102] = k((y) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
             })
           ]),
           f(bl, T({ ref: "CmdOpeningHours" }, e.cmdOpeningHoursSettingsData, {
@@ -24948,19 +24923,19 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", qv, [
-            t[290] || (t[290] = o("span", null, "Page Footer", -1)),
+            t[282] || (t[282] = o("span", null, "Page Footer", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[104] || (t[104] = k((g) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
+              onClick: t[103] || (t[103] = k((y) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
             })
           ]),
           f(xl, T({ ref: "CmdPageFooter" }, e.cmdPageFooterSettingsData, {
             "button-print-view": { text: "Print this page" },
             cmdSocialNetworks: i.socialNetworksData
           }), {
-            default: v(() => [...t[291] || (t[291] = [
+            default: v(() => [...t[283] || (t[283] = [
               o("button", {
                 class: "button primary",
                 title: "Button given by slot"
@@ -24977,12 +24952,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Rv, [
-            t[292] || (t[292] = o("span", null, "Page Header", -1)),
+            t[284] || (t[284] = o("span", null, "Page Header", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[105] || (t[105] = k((g) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
+              onClick: t[104] || (t[104] = k((y) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
             })
           ]),
           f(Cl, {
@@ -24990,7 +24965,7 @@ function rk(e, t, n, s, i, l) {
             cmdBreadcrumbs: i.breadcrumbsData,
             cmdHeadline: { headlineText: "Main headline for page", headlineLevel: 1 }
           }, {
-            default: v(() => [...t[293] || (t[293] = [
+            default: v(() => [...t[285] || (t[285] = [
               o("a", {
                 href: "#",
                 title: "Link given by slot"
@@ -25007,19 +24982,19 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", jv, [
-            t[294] || (t[294] = o("span", null, "Pagination", -1)),
+            t[286] || (t[286] = o("span", null, "Pagination", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[106] || (t[106] = k((g) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
+              onClick: t[105] || (t[105] = k((y) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
             })
           ]),
           o("div", null, [
-            o("p", null, "Page " + y(i.showPagePager), 1)
+            o("p", null, "Page " + g(i.showPagePager), 1)
           ]),
           f(vl, T({ ref: "CmdPagination" }, e.cmdPaginationSettingsData, {
-            onClick: t[107] || (t[107] = (g) => i.showPagePager = g)
+            onClick: t[106] || (t[106] = (y) => i.showPagePager = y)
           }), null, 16)
         ]),
         _: 1
@@ -25027,12 +25002,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Uv, [
-            t[295] || (t[295] = o("span", null, "Paragraph", -1)),
+            t[287] || (t[287] = o("span", null, "Paragraph", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[108] || (t[108] = k((g) => l.openSettingsSidebar("CmdParagraph"), ["prevent"]))
+              onClick: t[107] || (t[107] = k((y) => l.openSettingsSidebar("CmdParagraph"), ["prevent"]))
             })
           ]),
           f(kl, T({ ref: "CmdParagraph" }, e.cmdParagraphSettingsData), null, 16)
@@ -25042,33 +25017,33 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Nv, [
-            t[296] || (t[296] = o("span", null, "Section", -1)),
+            t[288] || (t[288] = o("span", null, "Section", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[109] || (t[109] = k((g) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
+              onClick: t[108] || (t[108] = k((y) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
             })
           ]),
-          t[299] || (t[299] = o("h3", null, "Section with content provided by properties", -1)),
+          t[291] || (t[291] = o("h3", null, "Section with content provided by properties", -1)),
           f(dt, {
             cmdHeadline: { headlineText: "Headline for section provided by property", headlineLevel: 4 },
             content: "Content for section provided by property."
           }),
-          t[300] || (t[300] = o("h3", null, "Section with content provided by slot", -1)),
+          t[292] || (t[292] = o("h3", null, "Section with content provided by slot", -1)),
           f(dt, { useSlot: !0 }, {
-            default: v(() => [...t[297] || (t[297] = [
+            default: v(() => [...t[289] || (t[289] = [
               o("h4", null, "Headline for section provided by slot", -1),
               o("p", null, "Content for section provided by slot.", -1)
             ])]),
             _: 1
           }),
-          t[301] || (t[301] = o("h3", null, "Section styled as box", -1)),
+          t[293] || (t[293] = o("h3", null, "Section styled as box", -1)),
           f(dt, {
             useSlot: !0,
             styleAsBox: !0
           }, {
-            default: v(() => [...t[298] || (t[298] = [
+            default: v(() => [...t[290] || (t[290] = [
               o("h4", null, "Headline for section styled as box", -1),
               o("p", null, "Content for section styled as box.", -1)
             ])]),
@@ -25079,7 +25054,7 @@ function rk(e, t, n, s, i, l) {
       }),
       f(S, null, {
         default: v(() => [
-          t[302] || (t[302] = o("h2", {
+          t[294] || (t[294] = o("h2", {
             class: "headline-demopage",
             id: "section-site-footer"
           }, "Site Footer", -1)),
@@ -25101,12 +25076,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", zv, [
-            t[303] || (t[303] = o("span", null, "Site Header", -1)),
+            t[295] || (t[295] = o("span", null, "Site Header", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[110] || (t[110] = k((g) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
+              onClick: t[109] || (t[109] = k((y) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
             })
           ]),
           f(b, T({ ref: "CmdSiteHeader" }, e.cmdSiteHeaderSettingsData, { cmdCompanyLogo: i.companyLogoData }), {
@@ -25125,23 +25100,23 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Wv, [
-            t[304] || (t[304] = o("span", null, "Site Search", -1)),
+            t[296] || (t[296] = o("span", null, "Site Search", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[111] || (t[111] = k((g) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
+              onClick: t[110] || (t[110] = k((y) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
             })
           ]),
           f(wl, T({ ref: "CmdSiteSearch" }, e.cmdSiteSearchSettingsData, {
             modelValueInput1: i.siteSearchInput1,
-            "onUpdate:modelValueInput1": t[112] || (t[112] = (g) => i.siteSearchInput1 = g),
+            "onUpdate:modelValueInput1": t[111] || (t[111] = (y) => i.siteSearchInput1 = y),
             modelValueInput2: i.siteSearchInput2,
-            "onUpdate:modelValueInput2": t[113] || (t[113] = (g) => i.siteSearchInput2 = g),
+            "onUpdate:modelValueInput2": t[112] || (t[112] = (y) => i.siteSearchInput2 = y),
             modelValueRadius: i.radius,
-            "onUpdate:modelValueRadius": t[114] || (t[114] = (g) => i.radius = g),
+            "onUpdate:modelValueRadius": t[113] || (t[113] = (y) => i.radius = y),
             modelValueSearchFilters: i.filters,
-            "onUpdate:modelValueSearchFilters": t[115] || (t[115] = (g) => i.filters = g),
+            "onUpdate:modelValueSearchFilters": t[114] || (t[114] = (y) => i.filters = y),
             onSearch: l.siteSearchOutput,
             cmdFakeSelect: i.siteSearchFilters
           }), null, 16, ["modelValueInput1", "modelValueInput2", "modelValueRadius", "modelValueSearchFilters", "onSearch", "cmdFakeSelect"])
@@ -25151,16 +25126,16 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Gv, [
-            t[305] || (t[305] = o("span", null, "Slideshow", -1)),
+            t[297] || (t[297] = o("span", null, "Slideshow", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[116] || (t[116] = k((g) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
+              onClick: t[115] || (t[115] = k((y) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
             })
           ]),
           f(Tl, T({ ref: "CmdSlideshow" }, e.cmdSlideshowSettingsData, { "slideshow-items": i.slideshowData }), {
-            default: v(() => [...t[306] || (t[306] = [
+            default: v(() => [...t[298] || (t[298] = [
               F(" Slot-Content ", -1)
             ])]),
             _: 1
@@ -25171,25 +25146,25 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Kv, [
-            t[307] || (t[307] = o("span", null, "Smart Search", -1)),
+            t[299] || (t[299] = o("span", null, "Smart Search", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[117] || (t[117] = k((g) => l.openSettingsSidebar("CmdSmartSearch"), ["prevent"]))
+              onClick: t[116] || (t[116] = k((y) => l.openSettingsSidebar("CmdSmartSearch"), ["prevent"]))
             })
           ]),
-          F(" smartSearchString: " + y(i.smartSearchString) + " ", 1),
+          F(" smartSearchString: " + g(i.smartSearchString) + " ", 1),
           f(V, T({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
             listOfRecommendations: i.smartSearchData.listOfRecommendations,
             modelValue: i.smartSearchString,
-            "onUpdate:modelValue": t[118] || (t[118] = (g) => i.smartSearchString = g)
+            "onUpdate:modelValue": t[117] || (t[117] = (y) => i.smartSearchString = y)
           }), null, 16, ["listOfRecommendations", "modelValue"]),
-          F(" smartSearchObject: " + y(i.smartSearchObject) + " ", 1),
+          F(" smartSearchObject: " + g(i.smartSearchObject) + " ", 1),
           f(V, T({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
             listOfRecommendations: i.smartSearchData.listOfRecommendations,
             modelValue: i.smartSearchObject,
-            "onUpdate:modelValue": t[119] || (t[119] = (g) => i.smartSearchObject = g)
+            "onUpdate:modelValue": t[118] || (t[118] = (y) => i.smartSearchObject = y)
           }), null, 16, ["listOfRecommendations", "modelValue"])
         ]),
         _: 1
@@ -25197,12 +25172,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Yv, [
-            t[308] || (t[308] = o("span", null, "Social Networks", -1)),
+            t[300] || (t[300] = o("span", null, "Social Networks", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[120] || (t[120] = k((g) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
+              onClick: t[119] || (t[119] = k((y) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
             })
           ]),
           f(Sl, T({ ref: "CmdSocialNetworks" }, { ...e.cmdSocialNetworksSettingsData, ...i.socialNetworksData }), null, 16)
@@ -25211,7 +25186,7 @@ function rk(e, t, n, s, i, l) {
       }),
       f(S, null, {
         default: v(() => [
-          t[309] || (t[309] = o("h2", {
+          t[301] || (t[301] = o("h2", {
             class: "headline-demopage",
             id: "section-switch-language"
           }, "Switch Language", -1)),
@@ -25220,19 +25195,19 @@ function rk(e, t, n, s, i, l) {
             languages: i.switchLanguage.languages,
             onClick: l.updateLanguage
           }, null, 8, ["pathFlags", "languages", "onClick"]),
-          o("p", null, "Selected language: " + y(i.selectedLanguage), 1)
+          o("p", null, "Selected language: " + g(i.selectedLanguage), 1)
         ]),
         _: 1
       }),
       f(S, null, {
         default: v(() => [
           o("h2", Jv, [
-            t[310] || (t[310] = o("span", null, "System Message", -1)),
+            t[302] || (t[302] = o("span", null, "System Message", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[121] || (t[121] = k((g) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
+              onClick: t[120] || (t[120] = k((y) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
             })
           ]),
           f(rt, T({ ref: "CmdSystemMessage" }, e.cmdSystemMessageSettingsData, { iconClose: { iconClass: "icon-error-circle", show: !0 } }), null, 16),
@@ -25240,7 +25215,7 @@ function rk(e, t, n, s, i, l) {
             validationStatus: "warning",
             iconClose: { show: !1 }
           }, {
-            default: v(() => [...t[311] || (t[311] = [
+            default: v(() => [...t[303] || (t[303] = [
               o("p", null, "This is a system message with slot-content. (that cannot be closed)", -1)
             ])]),
             _: 1
@@ -25251,17 +25226,17 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Zv, [
-            t[312] || (t[312] = o("span", null, "Tables", -1)),
+            t[304] || (t[304] = o("span", null, "Tables", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[122] || (t[122] = k((g) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
+              onClick: t[121] || (t[121] = k((y) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
             })
           ]),
-          t[313] || (t[313] = o("h3", null, "Table as wide as its content (with caption)", -1)),
+          t[305] || (t[305] = o("h3", null, "Table as wide as its content (with caption)", -1)),
           f(dn, T({ ref: "CmdTable" }, e.cmdTableSettingsData, { "table-data": i.tableDataLarge }), null, 16, ["table-data"]),
-          t[314] || (t[314] = o("h3", null, "Table as wide as possible", -1)),
+          t[306] || (t[306] = o("h3", null, "Table as wide as possible", -1)),
           f(dn, {
             collapsible: !0,
             fullWidthOnDefault: !1,
@@ -25274,24 +25249,24 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Qv, [
-            t[315] || (t[315] = o("span", null, "Tabs", -1)),
+            t[307] || (t[307] = o("span", null, "Tabs", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[123] || (t[123] = k((g) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
+              onClick: t[122] || (t[122] = k((y) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
             })
           ]),
           f(Ol, T({ ref: "CmdTabs" }, e.cmdTabsSettingsData, { tabs: i.tabsData }), {
-            "tab-content-0": v(() => [...t[316] || (t[316] = [
+            "tab-content-0": v(() => [...t[308] || (t[308] = [
               o("h4", null, "Tab 1 headline", -1),
               o("p", null, "Slot-Content Tab 1", -1)
             ])]),
-            "tab-content-1": v(() => [...t[317] || (t[317] = [
+            "tab-content-1": v(() => [...t[309] || (t[309] = [
               o("h4", null, "Tab 2 headline", -1),
               o("p", null, "Slot-Content Tab 2", -1)
             ])]),
-            "tab-content-2": v(() => [...t[318] || (t[318] = [
+            "tab-content-2": v(() => [...t[310] || (t[310] = [
               o("h4", null, "Tab 3 headline", -1),
               o("p", null, "Slot-Content Tab 3", -1)
             ])]),
@@ -25303,12 +25278,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", Xv, [
-            t[319] || (t[319] = o("span", null, "Tag", -1)),
+            t[311] || (t[311] = o("span", null, "Tag", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[124] || (t[124] = k((g) => l.openSettingsSidebar("CmdTag"), ["prevent"]))
+              onClick: t[123] || (t[123] = k((y) => l.openSettingsSidebar("CmdTag"), ["prevent"]))
             })
           ]),
           f(Ll, T({ ref: "CmdTag" }, e.cmdTagSettingsData), null, 16)
@@ -25318,12 +25293,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", $v, [
-            t[320] || (t[320] = o("span", null, "Text-Image-Block", -1)),
+            t[312] || (t[312] = o("span", null, "Text-Image-Block", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[125] || (t[125] = k((g) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
+              onClick: t[124] || (t[124] = k((y) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
             })
           ]),
           o("div", ek, [
@@ -25372,18 +25347,18 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", tk, [
-            t[321] || (t[321] = o("span", null, "Thumbnail-Scroller", -1)),
+            t[313] || (t[313] = o("span", null, "Thumbnail-Scroller", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[126] || (t[126] = k((g) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
+              onClick: t[125] || (t[125] = k((y) => 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("p", null, " date (YMD/default): " + g(l.formatDate("2025-01-28", "", "-")), 1),
+          o("p", null, " date (DMY): " + g(l.formatDate("2025-01-28", "dmy")), 1),
+          o("p", null, " date (MDY): " + g(l.formatDate("2025-01-28", "mdy", "/")), 1),
+          o("p", null, " date (invalid)): " + g(l.formatDate("invalid")), 1),
           o("div", nk, [
             f(Il, T({ ref: "CmdThumbnailScroller" }, e.cmdThumbnailScrollerSettingsData, { thumbnailScrollerItems: l.thumbnailScrollerData }), null, 16, ["thumbnailScrollerItems"])
           ])
@@ -25393,12 +25368,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", ik, [
-            t[322] || (t[322] = o("span", null, "Toggle Dark-Mode", -1)),
+            t[314] || (t[314] = o("span", null, "Toggle Dark-Mode", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[127] || (t[127] = k((g) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
+              onClick: t[126] || (t[126] = k((y) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
             })
           ]),
           f(Bl, T({ ref: "CmdToggleDarkMode" }, e.cmdToggleDarkModeSettingsData), null, 16)
@@ -25408,32 +25383,32 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", lk, [
-            t[323] || (t[323] = o("span", null, "Tooltip", -1)),
+            t[315] || (t[315] = o("span", null, "Tooltip", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[128] || (t[128] = k((g) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
+              onClick: t[127] || (t[127] = k((y) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
             })
           ]),
           o("p", null, [
             o("a", {
               href: "#",
-              onClick: t[129] || (t[129] = k(() => {
+              onClick: t[128] || (t[128] = k(() => {
               }, ["prevent"])),
               id: "show-on-hover"
             }, "Show tooltip on hover!"),
-            t[324] || (t[324] = o("br", null, null, -1)),
+            t[316] || (t[316] = o("br", null, null, -1)),
             o("a", {
               href: "#",
-              onClick: t[130] || (t[130] = k(() => {
+              onClick: t[129] || (t[129] = k(() => {
               }, ["prevent"])),
               id: "show-with-delay"
             }, "Show tooltip on hover with delay!"),
-            t[325] || (t[325] = o("br", null, null, -1)),
+            t[317] || (t[317] = o("br", null, null, -1)),
             o("a", {
               href: "#",
-              onClick: t[131] || (t[131] = k(() => {
+              onClick: t[130] || (t[130] = k(() => {
               }, ["prevent"])),
               id: "show-on-click",
               title: "Native tooltip"
@@ -25443,7 +25418,7 @@ function rk(e, t, n, s, i, l) {
             ref: "CmdTooltip",
             "related-id": "show-on-hover"
           }, e.cmdTooltipSettingsData), {
-            default: v(() => [...t[326] || (t[326] = [
+            default: v(() => [...t[318] || (t[318] = [
               F(" Tooltip on hover ", -1)
             ])]),
             _: 1
@@ -25452,7 +25427,7 @@ function rk(e, t, n, s, i, l) {
             "delay-to-show-tooltip": 2e3,
             "related-id": "show-with-delay"
           }, {
-            default: v(() => [...t[327] || (t[327] = [
+            default: v(() => [...t[319] || (t[319] = [
               F(" Tooltip on hover with delay ", -1)
             ])]),
             _: 1
@@ -25462,7 +25437,7 @@ function rk(e, t, n, s, i, l) {
             "toggle-visibility-by-click": !0,
             allowEscapeKey: !0
           }, {
-            default: v(() => [...t[328] || (t[328] = [
+            default: v(() => [...t[320] || (t[320] = [
               F(" Tooltip on click ", -1)
             ])]),
             _: 1
@@ -25473,12 +25448,12 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", ok, [
-            t[329] || (t[329] = o("span", null, "Upload-Form", -1)),
+            t[321] || (t[321] = o("span", null, "Upload-Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[132] || (t[132] = k((g) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
+              onClick: t[131] || (t[131] = k((y) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
             })
           ]),
           f(Dl, T({ ref: "CmdUploadForm" }, e.cmdUploadFormSettingsData), null, 16)
@@ -25488,19 +25463,19 @@ function rk(e, t, n, s, i, l) {
       f(S, null, {
         default: v(() => [
           o("h2", ak, [
-            t[330] || (t[330] = o("span", null, "Width Limitation Wrapper", -1)),
+            t[322] || (t[322] = o("span", null, "Width Limitation Wrapper", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[133] || (t[133] = k((g) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
+              onClick: t[132] || (t[132] = k((y) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
             })
           ]),
           f(S, T({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdWidthLimitationWrapper"
           }, e.cmdWidthLimitationWrapperSettingsData), {
-            default: v(() => [...t[331] || (t[331] = [
+            default: v(() => [...t[323] || (t[323] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
@@ -25512,7 +25487,7 @@ function rk(e, t, n, s, i, l) {
       })
     ])) : (a(), r("main", sk, [
       f(S, null, {
-        default: v(() => [...t[332] || (t[332] = [
+        default: v(() => [...t[324] || (t[324] = [
           o("h1", { class: "headline-demopage" }, "Page Overview", -1)
         ])]),
         _: 1
@@ -25520,7 +25495,7 @@ function rk(e, t, n, s, i, l) {
       f(Fl)
     ])),
     f(rn, null, {
-      default: v(() => [...t[333] || (t[333] = [
+      default: v(() => [...t[325] || (t[325] = [
         F(" Slot-Content for Site-Footer ", -1)
       ])]),
       _: 1
@@ -25538,7 +25513,7 @@ function rk(e, t, n, s, i, l) {
           cookieOptions: i.cookieDisclaimerData,
           onCloseCookieDisclaimer: l.closeCookieDisclaimer,
           modelValue: i.acceptedCookies,
-          "onUpdate:modelValue": t[134] || (t[134] = (g) => i.acceptedCookies = g),
+          "onUpdate:modelValue": t[133] || (t[133] = (y) => i.acceptedCookies = y),
           cmdHeadlineCookieDisclaimer: { show: !1 },
           privacyText: "By browsing this website you accept the usage and saving of anonymous data!"
         }, null, 8, ["cookieOptions", "onCloseCookieDisclaimer", "modelValue"])