comand-component-library 4.2.70 → 4.2.71

package/dist/comand-component-library.js

@@ -1,7 +1,7 @@
 var zl = Object.defineProperty;
 var Wl = (e, t, n) => t in e ? zl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ze = (e, t, n) => Wl(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as gi, h as Mn, resolveComponent as _e, openBlock as a, createBlock as v, normalizeClass as C, createElementBlock as r, getCurrentInstance as Gl, resolveDynamicComponent as Ue, withModifiers as S, withCtx as k, withDirectives as $, createElementVNode as o, createVNode as p, createCommentVNode as m, vShow as ye, Fragment as O, toDisplayString as y, renderSlot as V, normalizeProps as N, mergeProps as L, createTextVNode as F, renderList as q, Transition as Me, vModelDynamic as Kl, toHandlers as zt, TransitionGroup as dn, createApp as Yl, guardReactiveProps as Be, normalizeStyle as xt, useCssVars as yi, createStaticVNode as Jl, vModelText as Wt, resolveDirective as Zl, vModelSelect as Ql, vModelRadio as At, onBeforeUpdate as Xl, onMounted as $l, onUnmounted as eo, reactive as to } from "vue";
+import { defineComponent as gi, h as Fn, resolveComponent as _e, openBlock as a, createBlock as v, normalizeClass as C, createElementBlock as r, getCurrentInstance as Gl, resolveDynamicComponent as Ue, withModifiers as S, withCtx as k, withDirectives as $, createElementVNode as o, createVNode as p, createCommentVNode as m, vShow as ye, Fragment as O, toDisplayString as y, renderSlot as V, normalizeProps as N, mergeProps as L, createTextVNode as M, renderList as q, Transition as Fe, vModelDynamic as Kl, toHandlers as zt, TransitionGroup as dn, createApp as Yl, guardReactiveProps as Be, normalizeStyle as xt, useCssVars as yi, createStaticVNode as Jl, vModelText as Wt, resolveDirective as Zl, vModelSelect as Ql, vModelRadio as At, onBeforeUpdate as Xl, onMounted as $l, onUnmounted as eo, reactive as to } from "vue";
 const et = /^[a-z0-9]+(-[a-z0-9]+)*$/, wt = (e, t, n, s = "") => {
   const i = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -62,7 +62,7 @@ function no(e, t) {
   const s = ((e.rotate || 0) + (t.rotate || 0)) % 4;
   return s && (n.rotate = s), n;
 }
-function Fn(e, t) {
+function Mn(e, t) {
   const n = no(e, t);
   for (const s in Gt)
     s in Ct ? s in e && !(s in n) && (n[s] = Ct[s]) : s in t ? n[s] = t[s] : s in e && (n[s] = e[s]);
@@ -86,12 +86,12 @@ function lo(e, t, n) {
   const s = e.icons, i = e.aliases || {};
   let l = {};
   function d(u) {
-    l = Fn(
+    l = Mn(
       s[u] || i[u],
       l
     );
   }
-  return d(t), n.forEach(d), Fn(e, l);
+  return d(t), n.forEach(d), Mn(e, l);
 }
 function xi(e, t) {
   const n = [];
@@ -543,7 +543,7 @@ function Do(e, t = !0, n = !1) {
     l && s.push(l);
   }), s;
 }
-var Mo = {
+var Fo = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -551,7 +551,7 @@ var Mo = {
   random: !1,
   dataAfterTimeout: !1
 };
-function Fo(e, t, n, s) {
+function Mo(e, t, n, s) {
   const i = e.resources.length, l = e.random ? Math.floor(Math.random() * i) : e.index;
   let d;
   if (e.random) {
@@ -593,7 +593,7 @@ function Fo(e, t, n, s) {
       E(void 0, g);
     });
   }
-  function M() {
+  function F() {
     w.forEach((E) => {
       E.status === "pending" && (E.status = "aborted");
     }), w = [];
@@ -618,7 +618,7 @@ function Fo(e, t, n, s) {
       g = W, w.length || (d.length ? G() : H());
       return;
     }
-    if (_(), M(), !e.random) {
+    if (_(), F(), !e.random) {
       const Z = e.resources.indexOf(E.resource);
       Z !== -1 && Z !== e.index && (e.index = Z);
     }
@@ -634,7 +634,7 @@ function Fo(e, t, n, s) {
     if (E === void 0) {
       if (w.length) {
         h = setTimeout(() => {
-          _(), c === "pending" && (M(), H());
+          _(), c === "pending" && (F(), H());
         }, e.timeout);
         return;
       }
@@ -654,7 +654,7 @@ function Fo(e, t, n, s) {
 }
 function _i(e) {
   const t = {
-    ...Mo,
+    ...Fo,
     ...e
   };
   let n = [];
@@ -662,7 +662,7 @@ function _i(e) {
     n = n.filter((u) => u().status === "pending");
   }
   function i(u, c, f) {
-    const g = Fo(
+    const g = Mo(
       t,
       u,
       c,
@@ -796,7 +796,7 @@ function Di(e, t) {
   for (let u = d - 1; u >= 0; u--)
     l(u) || (u === d - 1 ? (d--, Zt(n, d)) : Ii[e].add(u));
 }
-function Mi() {
+function Fi() {
   if (!hn) {
     Eo(!0);
     for (const e in St)
@@ -825,7 +825,7 @@ function Ho(e, t) {
   return !0;
 }
 function qo(e, t) {
-  hn || Mi();
+  hn || Fi();
   function n(s) {
     let i;
     if (!St[s] || !(i = Bi(s)))
@@ -997,7 +997,7 @@ const Nn = {
   display: "inline-block"
 }, Xt = {
   backgroundColor: "currentColor"
-}, Fi = {
+}, Mi = {
   backgroundColor: "transparent"
 }, Un = {
   Image: "var(--svg)",
@@ -1006,7 +1006,7 @@ const Nn = {
 }, zn = {
   webkitMask: Xt,
   mask: Xt,
-  background: Fi
+  background: Mi
 };
 for (const e in zn) {
   const t = zn[e];
@@ -1063,7 +1063,7 @@ const Gn = (e, t) => {
       ...u
     }, Object.assign(s, f);
     let T = 0, D = t.id;
-    return typeof D == "string" && (D = D.replace(/-/g, "_")), s.innerHTML = yo(c.body, D ? () => D + "ID" + T++ : "iconifyVue"), Mn("svg", s);
+    return typeof D == "string" && (D = D.replace(/-/g, "_")), s.innerHTML = yo(c.body, D ? () => D + "ID" + T++ : "iconifyVue"), Fn("svg", s);
   }
   const { body: g, width: h, height: w } = e, x = i === "mask" || (i === "bg" ? !1 : g.indexOf("currentColor") !== -1), _ = Ko(g, {
     ...f,
@@ -1076,14 +1076,14 @@ const Gn = (e, t) => {
     width: Wn(f.width),
     height: Wn(f.height),
     ...Qo,
-    ...x ? Xt : Fi,
+    ...x ? Xt : Mi,
     ...u
-  }, Mn("span", s);
+  }, Fn("span", s);
 };
 vi(!0);
 bo("", _o);
 if (typeof document < "u" && typeof window < "u") {
-  Mi();
+  Fi();
   const e = window;
   if (e.IconifyPreload !== void 0) {
     const t = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
@@ -1254,7 +1254,7 @@ function _t(e, t, n) {
   var s;
   return ((s = e == null ? void 0 : e.$options) == null ? void 0 : s.name) === t && (n == null || n(e)) ? e : e != null && e.$parent ? _t(e.$parent, t, n) : null;
 }
-function Fe(e, ...t) {
+function Me(e, ...t) {
   const n = [];
   for (let s = De(e); s; s = De(s.$parent))
     s.componentPath && n.unshift(...s.componentPath);
@@ -1702,7 +1702,7 @@ const qe = /* @__PURE__ */ P(aa, [["render", ka]]), ae = {
   computed: {
     componentActive() {
       var e;
-      return (e = this.editModeContext) == null ? void 0 : e.system.isActiveComponent(Fe(De(this)));
+      return (e = this.editModeContext) == null ? void 0 : e.system.isActiveComponent(Me(De(this)));
     },
     headlineComponentPath() {
       return this.componentPath || ["props", "cmdHeadline"];
@@ -1813,7 +1813,7 @@ function Da(e, t, n, s, i, l) {
               n.cmdIcon ? (a(), v(d, N(L({ key: 0 }, n.cmdIcon)), null, 16)) : m("", !0),
               o("span", Ba, y(n.preHeadlineText), 1),
               V(e.$slots, "default", {}, () => [
-                F(y(n.headlineText), 1)
+                M(y(n.headlineText), 1)
               ])
             ]),
             _: 3
@@ -1821,7 +1821,7 @@ function Da(e, t, n, s, i, l) {
         ], 64)) : n.headlineText ? (a(), v(Ue(l.headlineTag), { key: 2 }, {
           default: k(() => [
             V(e.$slots, "default", {}, () => [
-              F(y(n.headlineText), 1)
+              M(y(n.headlineText), 1)
             ])
           ]),
           _: 3
@@ -1839,7 +1839,7 @@ function Da(e, t, n, s, i, l) {
     _: 3
   }, 8, ["componentProps", "componentPath", "allowDeleteComponent"]));
 }
-const J = /* @__PURE__ */ P(wa, [["render", Da]]), Ma = {
+const J = /* @__PURE__ */ P(wa, [["render", Da]]), Fa = {
   name: "CmdTooltip",
   data() {
     return {
@@ -1975,7 +1975,7 @@ const J = /* @__PURE__ */ P(wa, [["render", Da]]), Ma = {
       });
     }
   }
-}, Fa = {
+}, Ma = {
   key: 0,
   class: "headline-wrapper"
 }, Pa = ["title"];
@@ -1986,7 +1986,7 @@ function Va(e, t, n, s, i, l) {
     class: C(["cmd-tooltip", n.validationStatus]),
     ref: "tooltip"
   }, [
-    n.cmdHeadline || n.iconClose.show ? (a(), r("div", Fa, [
+    n.cmdHeadline || n.iconClose.show ? (a(), r("div", Ma, [
       n.cmdHeadline ? (a(), v(d, N(L({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
       n.iconClose.show && n.toggleVisibilityByClick ? (a(), r("a", {
         key: 1,
@@ -2001,11 +2001,11 @@ function Va(e, t, n, s, i, l) {
       ], 8, Pa)) : m("", !0)
     ])) : m("", !0),
     V(e.$slots, "default", {}, () => [
-      F(y(n.tooltipText), 1)
+      M(y(n.tooltipText), 1)
     ])
   ], 2)) : m("", !0);
 }
-const Pi = /* @__PURE__ */ P(Ma, [["render", Va]]), ce = {
+const Pi = /* @__PURE__ */ P(Fa, [["render", Va]]), ce = {
   props: {
     /**
      * Message properties for internationalization.
@@ -2162,10 +2162,10 @@ function ja(e, t, n, s, i, l) {
       "headline-level": n.cmdHeadline.headlineLevel
     }, {
       default: k(() => [
-        F(y(l.headlineRequirements), 1),
+        M(y(l.headlineRequirements), 1),
         n.labelText ? (a(), r(O, { key: 0 }, [
           t[1] || (t[1] = o("br", null, null, -1)),
-          F('"' + y(n.labelText) + '"', 1)
+          M('"' + y(n.labelText) + '"', 1)
         ], 64)) : m("", !0)
       ]),
       _: 1
@@ -3179,7 +3179,7 @@ const xn = {
   class: "inner-input-wrapper flex-container no-gap"
 }, Os = ["id", "maxlength", "value"], Ls = ["title"], Is = ["title"], Bs = { key: 1 };
 function Ds(e, t, n, s, i, l) {
-  var c, f, g, h, w, x, _, T, D, B, H, M, U, G, E, R, W, Q, Z, le, me, ne, ie, se, pe, fe, X, he;
+  var c, f, g, h, w, x, _, T, D, B, H, F, U, G, E, R, W, Q, Z, le, me, ne, ie, se, pe, fe, X, he;
   const d = K, u = gn;
   return n.element === "input" || n.element === "select" || n.element === "textarea" ? (a(), r("label", {
     key: 0,
@@ -3416,13 +3416,13 @@ function Ds(e, t, n, s, i, l) {
   }, l.buttonAttrs, {
     onClick: t[24] || (t[24] = (...A) => l.submit && l.submit(...A))
   }), [
-    (B = (D = n.nativeButton) == null ? void 0 : D.icon) != null && B.show && (((M = (H = n.nativeButton) == null ? void 0 : H.icon) == null ? void 0 : M.position) === "before" || !((G = (U = n.nativeButton) == null ? void 0 : U.icon) != null && G.position)) ? (a(), v(d, {
+    (B = (D = n.nativeButton) == null ? void 0 : D.icon) != null && B.show && (((F = (H = n.nativeButton) == null ? void 0 : H.icon) == null ? void 0 : F.position) === "before" || !((G = (U = n.nativeButton) == null ? void 0 : U.icon) != null && G.position)) ? (a(), v(d, {
       key: 0,
       iconClass: (R = (E = n.nativeButton) == null ? void 0 : E.icon) == null ? void 0 : R.iconClass,
       type: (Q = (W = n.nativeButton) == null ? void 0 : W.icon) == null ? void 0 : Q.iconType
     }, null, 8, ["iconClass", "type"])) : m("", !0),
     (Z = n.nativeButton) != null && Z.icon && ((le = n.nativeButton) != null && le.text) ? (a(), r("span", Bs, y(n.nativeButton.text), 1)) : (a(), r(O, { key: 2 }, [
-      F(y(n.nativeButton.text), 1)
+      M(y(n.nativeButton.text), 1)
     ], 64)),
     (ne = (me = n.nativeButton) == null ? void 0 : me.icon) != null && ne.show && ((se = (ie = n.nativeButton) == null ? void 0 : ie.icon) == null ? void 0 : se.position) === "after" ? (a(), v(d, {
       key: 3,
@@ -3431,7 +3431,7 @@ function Ds(e, t, n, s, i, l) {
     }, null, 8, ["iconClass", "type"])) : m("", !0)
   ], 16)) : m("", !0);
 }
-const te = /* @__PURE__ */ P($a, [["render", Ds]]), Ms = {
+const te = /* @__PURE__ */ P($a, [["render", Ds]]), Fs = {
   name: "CmdAddressDataItem",
   mixins: [ae],
   data() {
@@ -3541,7 +3541,7 @@ const te = /* @__PURE__ */ P($a, [["render", Ds]]), Ms = {
       deep: !0
     }
   }
-}, Fs = ["id"], Ps = { key: 1 }, Vs = ["href", "target", "title", "data-type"], As = ["innerHTML"], Es = { key: 1 }, Hs = ["href", "title"], qs = { class: "street-address" }, Rs = {
+}, Ms = ["id"], Ps = { key: 1 }, Vs = ["href", "target", "title", "data-type"], As = ["innerHTML"], Es = { key: 1 }, Hs = ["href", "title"], qs = { class: "street-address" }, Rs = {
   key: 0,
   class: "postal-code"
 }, js = {
@@ -3574,7 +3574,7 @@ function Ys(e, t, n, s, i, l) {
         tooltip: n.addressEntry.labelText
       }, null, 8, ["iconClass", "type", "tooltip"])) : m("", !0),
       n.showLabelTexts ? (a(), r("span", Ps, y(n.addressEntry.labelText), 1)) : m("", !0)
-    ], 10, Fs),
+    ], 10, Ms),
     n.addressEntry.name !== "address" && (n.addressEntry.data || n.addressEntry.href) ? (a(), r("dd", {
       key: 0,
       class: C(l.vCardClass(n.addressEntry))
@@ -3618,9 +3618,9 @@ function Ys(e, t, n, s, i, l) {
         }, [
           n.addressEntry.zip ? (a(), r("span", Rs, y(n.addressEntry.zip), 1)) : m("", !0),
           n.addressEntry.city ? (a(), r("span", js, [
-            F(y(n.addressEntry.city), 1),
+            M(y(n.addressEntry.city), 1),
             n.addressEntry.state ? (a(), r(O, { key: 0 }, [
-              F(y(n.addressEntry.state), 1)
+              M(y(n.addressEntry.state), 1)
             ], 64)) : m("", !0)
           ])) : m("", !0)
         ], 2)) : m("", !0),
@@ -3696,9 +3696,9 @@ function Ys(e, t, n, s, i, l) {
           }, [
             n.addressEntry.zip ? (a(), r("span", Ws, y(n.addressEntry.zip), 1)) : m("", !0),
             n.addressEntry.city ? (a(), r("span", Gs, [
-              F(y(n.addressEntry.city), 1),
+              M(y(n.addressEntry.city), 1),
               n.addressEntry.state ? (a(), r(O, { key: 0 }, [
-                F(" " + y(n.addressEntry.state), 1)
+                M(" " + y(n.addressEntry.state), 1)
               ], 64)) : m("", !0)
             ])) : m("", !0)
           ], 2)) : m("", !0),
@@ -3713,7 +3713,7 @@ function Ys(e, t, n, s, i, l) {
     ])) : m("", !0)
   ], 64);
 }
-const Js = /* @__PURE__ */ P(Ms, [["render", Ys]]), Zs = {
+const Js = /* @__PURE__ */ P(Fs, [["render", Ys]]), Zs = {
   name: "CmdAddressData",
   mixins: [ae],
   props: {
@@ -3809,7 +3809,7 @@ const Js = /* @__PURE__ */ P(Ms, [["render", Ys]]), Zs = {
   methods: {
     onAddItem() {
       this.editModeContext.content.addContent(
-        Fe(this, "props", "addressData", -1),
+        Me(this, "props", "addressData", -1),
         this.itemProvider
       );
     },
@@ -3929,7 +3929,7 @@ function ur(e, t, n, s, i, l) {
                     type: h.iconType
                   }, null, 8, ["iconClass", "type"])) : m("", !0)
                 ], 64)) : (a(), r(O, { key: 1 }, [
-                  F(y(h.href), 1)
+                  M(y(h.href), 1)
                 ], 64))
               ], 10, $s)) : n.showIconsOnly ? m("", !0) : (a(), r("span", {
                 key: 1,
@@ -3959,9 +3959,9 @@ function ur(e, t, n, s, i, l) {
                     }, [
                       h.zip ? (a(), r("span", ir, y(h.zip) + " ", 1)) : m("", !0),
                       h.city ? (a(), r("span", lr, [
-                        F(y(h.city), 1),
+                        M(y(h.city), 1),
                         h.state ? (a(), r(O, { key: 0 }, [
-                          F(y(h.state), 1)
+                          M(y(h.state), 1)
                         ], 64)) : m("", !0)
                       ])) : m("", !0),
                       t[3] || (t[3] = o("br", null, null, -1))
@@ -3988,9 +3988,9 @@ function ur(e, t, n, s, i, l) {
                   }, [
                     h.zip ? (a(), r("span", sr, y(h.zip) + " ", 1)) : m("", !0),
                     h.city ? (a(), r("span", rr, [
-                      F(y(h.city), 1),
+                      M(y(h.city), 1),
                       h.state ? (a(), r(O, { key: 0 }, [
-                        F(y(h.state), 1)
+                        M(y(h.state), 1)
                       ], 64)) : m("", !0)
                     ])) : m("", !0),
                     t[7] || (t[7] = o("br", null, null, -1))
@@ -4087,7 +4087,7 @@ const Ai = /* @__PURE__ */ P(Zs, [["render", ur]]), cr = {
 }, mr = ["title"];
 function pr(e, t, n, s, i, l) {
   const d = K;
-  return a(), v(Me, { name: n.transition }, {
+  return a(), v(Fe, { name: n.transition }, {
     default: k(() => [
       l.show ? (a(), r("a", {
         key: 0,
@@ -4419,7 +4419,7 @@ const vr = /* @__PURE__ */ P(hr, [["render", Cr]]), kr = {
   key: 1,
   class: "flex-container flex-none"
 };
-function Mr(e, t, n, s, i, l) {
+function Fr(e, t, n, s, i, l) {
   const d = K, u = gn;
   return a(), r("div", {
     class: C([
@@ -4437,7 +4437,7 @@ function Mr(e, t, n, s, i, l) {
   }, [
     $(o("span", Tr, [
       o("span", { id: e.htmlId }, [
-        F(y(n.labelText), 1),
+        M(y(n.labelText), 1),
         n.required ? (a(), r("sup", _r, "*")) : m("", !0)
       ], 8, Sr),
       (n.required || e.inputRequirements.length > 0) && n.showStatusIcon ? (a(), r("a", {
@@ -4500,7 +4500,7 @@ function Mr(e, t, n, s, i, l) {
     ], 2))
   ], 10, wr);
 }
-const Cn = /* @__PURE__ */ P(kr, [["render", Mr]]), Fr = {
+const Cn = /* @__PURE__ */ P(kr, [["render", Fr]]), Mr = {
   name: "CmdSystemMessage",
   mixins: [Ot],
   data() {
@@ -4604,7 +4604,7 @@ const Cn = /* @__PURE__ */ P(kr, [["render", Mr]]), Fr = {
 }, Pr = ["role", "aria-labelledby"], Vr = ["title"];
 function Ar(e, t, n, s, i, l) {
   const d = J, u = K;
-  return a(), v(Me, { name: n.transition }, {
+  return a(), v(Fe, { name: n.transition }, {
     default: k(() => [
       i.showSystemMessage ? (a(), r("div", {
         key: 0,
@@ -4638,7 +4638,7 @@ function Ar(e, t, n, s, i, l) {
     _: 3
   }, 8, ["name"]);
 }
-const Re = /* @__PURE__ */ P(Fr, [["render", Ar]]), Er = {
+const Re = /* @__PURE__ */ P(Mr, [["render", Ar]]), Er = {
   name: "CmdForm",
   components: { CmdSystemMessage: Re },
   emits: ["submit"],
@@ -4745,6 +4745,11 @@ const Re = /* @__PURE__ */ P(Fr, [["render", Ar]]), Er = {
       required: !1
     }
   },
+  mounted() {
+    var t;
+    const e = (t = this.formElements) == null ? void 0 : t.filter((n) => n.required === !0).map((n) => n.name);
+    this.formElementsWithError.push(e);
+  },
   computed: {
     legendOptions() {
       return {
@@ -4780,7 +4785,7 @@ const Re = /* @__PURE__ */ P(Fr, [["render", Ar]]), Er = {
   },
   methods: {
     formElementHasError(e, t) {
-      e === "error" && !this.formElementsWithError.includes(t) ? this.formElementsWithError.push(t) : e === "success" && this.formElementsWithError.includes(t) && (this.formElementsWithError = this.formElementsWithError.filter((n) => n !== t)), this.$emit("validation-status-change", this.formElementsWithError.length ? "error" : "success");
+      e === "error" && !this.formElementsWithError.includes(t) ? this.formElementsWithError.push(t) : e === "success" && this.formElementsWithError.includes(t) && (this.formElementsWithError = this.formElementsWithError.filter((n) => n !== t)), console.log("event in CmdForm", e), console.log("itemName in CmdForm", t), this.$emit("validation-status-change", this.formElementsWithError.length ? "error" : "success");
     },
     createHtmlId: Vi,
     showMessage(e, t) {
@@ -4921,7 +4926,7 @@ function Qr(e, t, n, s, i, l) {
         l.submitButtonOptions.show && (l.submitButtonOptions.position === "insideFieldset" || l.submitButtonOptions.position === null) ? (a(), r("div", jr, [
           n.mandatoryText ? (a(), r("small", Nr, [
             t[3] || (t[3] = o("sup", null, "*", -1)),
-            F(y(n.mandatoryText), 1)
+            M(y(n.mandatoryText), 1)
           ])) : m("", !0),
           l.cancelButtonOptions !== void 0 ? (a(), r("button", {
             key: 1,
@@ -4950,7 +4955,7 @@ function Qr(e, t, n, s, i, l) {
       l.submitButtonOptions.show && l.submitButtonOptions.position === "belowFieldset" ? (a(), r("div", Gr, [
         n.mandatoryText ? (a(), r("small", Kr, [
           t[4] || (t[4] = o("sup", null, "*", -1)),
-          F(y(n.mandatoryText), 1)
+          M(y(n.mandatoryText), 1)
         ])) : m("", !0),
         l.cancelButtonOptions.show ? (a(), r("button", {
           key: 1,
@@ -5288,7 +5293,7 @@ const $r = {
   }
 }, ed = ["innerHTML"], td = ["src", "alt", "title"], nd = ["src", "alt", "title"], id = ["innerHTML"], ld = ["innerHTML"], od = ["src", "alt", "title", "loading"], ad = ["innerHTML"], sd = ["src", "alt", "title", "loading"];
 function rd(e, t, n, s, i, l) {
-  var c, f, g, h, w, x, _, T, D, B, H, M, U, G, E;
+  var c, f, g, h, w, x, _, T, D, B, H, F, U, G, E;
   const d = te, u = qe;
   return e.editModeContext ? (a(), v(u, {
     key: 0,
@@ -5400,7 +5405,7 @@ function rd(e, t, n, s, i, l) {
     }, null, 40, od),
     ((D = n.figcaption) == null ? void 0 : D.position) !== "top" && ((B = n.figcaption) != null && B.text) && ((H = n.figcaption) != null && H.show) ? (a(), r("figcaption", {
       key: 1,
-      innerHTML: (M = n.figcaption) == null ? void 0 : M.text
+      innerHTML: (F = n.figcaption) == null ? void 0 : F.text
     }, null, 8, ad)) : m("", !0)
   ], 2)) : (a(), r("img", {
     key: 2,
@@ -5690,7 +5695,7 @@ const Lt = /* @__PURE__ */ P(ud, [["render", md]]), pd = {
     },
     onAddItem() {
       this.editModeContext.content.addContent(
-        Fe(this, "props", "thumbnailScrollerItems", -1),
+        Me(this, "props", "thumbnailScrollerItems", -1),
         this.itemProvider
       );
     },
@@ -6127,15 +6132,15 @@ const vd = qi, kd = ["aria-label"], wd = { class: "flex-container" }, Td = {
 }, Dd = {
   key: 3,
   class: "content"
-}, Md = {
+}, Fd = {
   key: 4,
   class: "content"
-}, Fd = {
+}, Md = {
   key: 0,
   class: "flex-container flex-items-flex-none"
 }, Pd = ["title"], Vd = { key: 1 }, Ad = ["title"], Ed = { key: 1 };
 function Hd(e, t, n, s, i, l) {
-  var h, w, x, _, T, D, B, H, M, U, G, E, R, W, Q, Z, le, me, ne, ie, se, pe, fe, X, he, A, re, xe, Te, Oe, Ve;
+  var h, w, x, _, T, D, B, H, F, U, G, E, R, W, Q, Z, le, me, ne, ie, se, pe, fe, X, he, A, re, xe, Te, Oe, Ve;
   const d = J, u = K, c = ke, f = Lt, g = Hi;
   return a(), r("dialog", {
     ref: "dialog",
@@ -6162,7 +6167,7 @@ function Hd(e, t, n, s, i, l) {
           key: 1,
           href: "#",
           class: "button print-grayscale",
-          title: (M = e.fancyBoxOptionsProperties.printButtons.grayscale) == null ? void 0 : M.tooltip,
+          title: (F = e.fancyBoxOptionsProperties.printButtons.grayscale) == null ? void 0 : F.tooltip,
           onClick: t[1] || (t[1] = S((de) => e.printPage("grayscale"), ["prevent"]))
         }, [
           p(u, {
@@ -6209,11 +6214,11 @@ function Hd(e, t, n, s, i, l) {
         p(f, {
           onClick: S(e.showNextItem, ["prevent"])
         }, null, 8, ["onClick"])
-      ])) : (a(), r("div", Md, [
+      ])) : (a(), r("div", Fd, [
         V(e.$slots, "default")
       ]))
     ], 2),
-    e.showSubmitButtons && e.fancyBoxOptionsProperties.submitButtons ? (a(), r("footer", Fd, [
+    e.showSubmitButtons && e.fancyBoxOptionsProperties.submitButtons ? (a(), r("footer", Md, [
       (me = e.fancyBoxOptionsProperties.submitButtons) != null && me.cancel ? (a(), r("button", {
         key: 0,
         onClick: t[3] || (t[3] = (...de) => e.cancel && e.cancel(...de)),
@@ -6568,7 +6573,7 @@ function Kd(e, t, n, s, i, l) {
       class: "flex-container flex-direction-column"
     }), {
       default: k(() => {
-        var f, g, h, w, x, _, T, D, B, H, M, U, G, E, R, W, Q, Z, le, me, ne, ie, se, pe, fe, X, he, A, re, xe, Te, Oe, Ve, de, st, rt, dt, ut, je, Ke, ct;
+        var f, g, h, w, x, _, T, D, B, H, F, U, G, E, R, W, Q, Z, le, me, ne, ie, se, pe, fe, X, he, A, re, xe, Te, Oe, Ve, de, st, rt, dt, ut, je, Ke, ct;
         return [
           n.configuration.salutation ? (a(), r("div", Nd, [
             p(u, {
@@ -6630,7 +6635,7 @@ function Kd(e, t, n, s, i, l) {
             n.configuration.email ? (a(), v(u, {
               key: 0,
               element: "input",
-              type: ((M = n.configuration.email) == null ? void 0 : M.type) || "email",
+              type: ((F = n.configuration.email) == null ? void 0 : F.type) || "email",
               iconClass: "icon-mail",
               labelText: e.getMessage("basic_form.labeltext.email"),
               placeholder: e.getMessage("basic_form.placeholder.email"),
@@ -6814,7 +6819,7 @@ const Ri = /* @__PURE__ */ P(Rd, [["render", Kd]]), Yd = {
   }
 }, Jd = ["src", "alt"], Zd = ["title"], Qd = { key: 2 }, Xd = ["title"], $d = ["src", "alt"];
 function eu(e, t, n, s, i, l) {
-  var d, u, c, f, g, h, w, x, _, T, D, B, H, M, U, G, E, R, W, Q, Z, le;
+  var d, u, c, f, g, h, w, x, _, T, D, B, H, F, U, G, E, R, W, Q, Z, le;
   return a(), r(O, null, [
     (d = n.image) != null && d.src && (((u = n.image) == null ? void 0 : u.position) === "left" || ((c = n.image) == null ? void 0 : c.position) === "top" || !((f = n.image) != null && f.position)) ? (a(), r("img", {
       key: 0,
@@ -6827,7 +6832,7 @@ function eu(e, t, n, s, i, l) {
       title: (B = n.icon) == null ? void 0 : B.tooltip
     }, null, 10, Zd)) : m("", !0),
     n.text ? (a(), r("span", Qd, y(n.text), 1)) : m("", !0),
-    (H = n.icon) != null && H.iconClass && (((M = n.icon) == null ? void 0 : M.position) === "right" || ((U = n.icon) == null ? void 0 : U.position) === "bottom") ? (a(), r("span", {
+    (H = n.icon) != null && H.iconClass && (((F = n.icon) == null ? void 0 : F.position) === "right" || ((U = n.icon) == null ? void 0 : U.position) === "bottom") ? (a(), r("span", {
       key: 3,
       class: C((G = n.icon) == null ? void 0 : G.iconClass),
       title: (E = n.icon) == null ? void 0 : E.tooltip
@@ -7126,7 +7131,7 @@ const ji = /* @__PURE__ */ P(au, [["render", su]]), ru = {
   class: "input-wrapper"
 };
 function mu(e, t, n, s, i, l) {
-  var f, g, h, w, x, _, T, D, B, H, M, U, G;
+  var f, g, h, w, x, _, T, D, B, H, F, U, G;
   const d = Pe, u = _e("CmdListOfLinksItem", !0), c = te;
   return e.editing ? (a(), r("div", cu, [
     p(c, {
@@ -7152,7 +7157,7 @@ function mu(e, t, n, s, i, l) {
       styleAsBox: (H = n.link) == null ? void 0 : H.styleAsBox,
       onClick: t[0] || (t[0] = (E) => l.emitClick(E, n.link))
     }, null, 8, ["linkType", "text", "path", "target", "icon", "fancybox", "tooltip", "styleAsButton", "primaryButton", "styleAsBox"]),
-    (U = (M = n.link) == null ? void 0 : M.children) != null && U.length ? (a(), r("ul", uu, [
+    (U = (F = n.link) == null ? void 0 : F.children) != null && U.length ? (a(), r("ul", uu, [
       (a(!0), r(O, null, q((G = n.link) == null ? void 0 : G.children, (E, R) => (a(), v(u, {
         key: R,
         link: E
@@ -7356,7 +7361,7 @@ const pu = /* @__PURE__ */ P(ru, [["render", mu]]), fu = {
     },
     onAddItem() {
       this.editModeContext.content.addContent(
-        Fe(this, "props", "links", -1),
+        Me(this, "props", "links", -1),
         this.itemProvider
       );
     },
@@ -7393,7 +7398,7 @@ const pu = /* @__PURE__ */ P(ru, [["render", mu]]), fu = {
 }, hu = { key: 1 }, gu = ["href"], yu = { key: 2 }, bu = { key: 0 }, xu = { key: 1 }, Cu = { key: 1 }, vu = { key: 1 };
 function ku(e, t, n, s, i, l) {
   const d = J, u = pu, c = qe, f = ke, g = ji, h = K, w = Pe;
-  return a(), v(Me, { name: n.transition }, {
+  return a(), v(Fe, { name: n.transition }, {
     default: k(() => {
       var x;
       return [
@@ -7479,21 +7484,21 @@ function ku(e, t, n, s, i, l) {
             _: 3
           }, 8, ["class"])) : (a(), r("dl", yu, [
             (a(!0), r(O, null, q(n.items, (_, T) => {
-              var D, B, H, M, U, G, E, R;
+              var D, B, H, F, U, G, E, R;
               return a(), r(O, { key: T }, [
                 n.alignDescriptionTermRight ? m("", !0) : (a(), r("dt", bu, [
                   (B = (D = _.descriptionTerm) == null ? void 0 : D.cmdIcon) != null && B.iconClass ? (a(), v(h, L({
                     key: 0,
                     ref_for: !0
                   }, _.descriptionTerm.cmdIcon), null, 16)) : m("", !0),
-                  (H = _.descriptionTerm) != null && H.text ? (a(), r("span", xu, y((M = _.descriptionTerm) == null ? void 0 : M.text), 1)) : m("", !0)
+                  (H = _.descriptionTerm) != null && H.text ? (a(), r("span", xu, y((F = _.descriptionTerm) == null ? void 0 : F.text), 1)) : m("", !0)
                 ])),
                 o("dd", null, [
                   _.descriptionData.cmdLink !== void 0 ? (a(), v(w, L({
                     key: 0,
                     ref_for: !0
                   }, _.descriptionData.cmdLink), null, 16)) : (a(), r(O, { key: 1 }, [
-                    F(y(_.descriptionData.text), 1)
+                    M(y(_.descriptionData.text), 1)
                   ], 64))
                 ]),
                 n.alignDescriptionTermRight ? (a(), r("dt", Cu, [
@@ -7866,10 +7871,10 @@ const Su = ["title"], _u = {
 }, Bu = ["innerHTML"], Du = {
   key: 2,
   class: "box-footer"
-}, Mu = {
+}, Fu = {
   key: 3,
   class: "box-footer"
-}, Fu = { class: "box-header flex-container vertical" }, Pu = {
+}, Mu = { class: "box-header flex-container vertical" }, Pu = {
   key: 1,
   class: "ribbon-new"
 }, Vu = {
@@ -7904,7 +7909,7 @@ const Su = ["title"], _u = {
   class: "box-footer"
 };
 function nc(e, t, n, s, i, l) {
-  var h, w, x, _, T, D, B, H, M, U, G, E, R;
+  var h, w, x, _, T, D, B, H, F, U, G, E, R;
   const d = J, u = K, c = ke, f = Pe, g = vn;
   return n.boxType === "content" ? (a(), r("div", {
     key: 0,
@@ -7992,7 +7997,7 @@ function nc(e, t, n, s, i, l) {
           n.cmdIcon !== void 0 ? (a(), r("div", Iu, [
             p(u, N(Be(n.cmdIcon)), null, 16)
           ])) : m("", !0),
-          (M = n.cmdHeadline) != null && M.headlineText && n.headlinePosition === "body" ? (a(), v(d, N(L({ key: 1 }, n.cmdHeadline)), null, 16)) : m("", !0),
+          (F = n.cmdHeadline) != null && F.headlineText && n.headlinePosition === "body" ? (a(), v(d, N(L({ key: 1 }, n.cmdHeadline)), null, 16)) : m("", !0),
           n.textBody ? (a(), r("p", {
             key: 2,
             innerHTML: n.textBody
@@ -8005,7 +8010,7 @@ function nc(e, t, n, s, i, l) {
     (U = n.cmdLink) != null && U.linkType ? (a(), r("div", Du, [
       p(f, N(Be(n.cmdLink)), null, 16)
     ])) : m("", !0),
-    (G = n.useSlots) != null && G.includes("footer") ? (a(), r("div", Mu, [
+    (G = n.useSlots) != null && G.includes("footer") ? (a(), r("div", Fu, [
       V(e.$slots, "footer")
     ])) : m("", !0)
   ], 2)) : n.boxType === "product" && n.product ? (a(), r("a", {
@@ -8014,7 +8019,7 @@ function nc(e, t, n, s, i, l) {
     href: "#",
     onClick: t[2] || (t[2] = S((W) => l.clickOnProduct(n.product), ["prevent"]))
   }, [
-    o("div", Fu, [
+    o("div", Mu, [
       (E = n.product.image) != null && E.src ? (a(), v(c, N(L({ key: 0 }, { image: { ...n.product.image } })), null, 16)) : m("", !0),
       n.product.new ? (a(), r("div", Pu, [
         o("span", null, y(e.getMessage("box.productbox.new")), 1)
@@ -8052,7 +8057,7 @@ function nc(e, t, n, s, i, l) {
           alt: n.user.image.alt
         }, null, 8, Uu),
         n.rowView ? m("", !0) : (a(), r("figcaption", zu, [
-          F(y(n.user.name) + " ", 1),
+          M(y(n.user.name) + " ", 1),
           n.user.age ? (a(), r("span", Wu, " (" + y(n.user.age) + ") ", 1)) : m("", !0)
         ]))
       ])) : (a(), r(O, { key: 1 }, [
@@ -8064,7 +8069,7 @@ function nc(e, t, n, s, i, l) {
           }, null, 8, ["iconClass", "type", "title"])
         ]),
         n.rowView ? m("", !0) : (a(), r("p", Ku, [
-          F(y(n.user.name) + " ", 1),
+          M(y(n.user.name) + " ", 1),
           n.user.age ? (a(), r("span", Yu, " (" + y(n.user.age) + ") ", 1)) : m("", !0)
         ]))
       ], 64))
@@ -8491,10 +8496,10 @@ function wc(e, t, n, s, i, l) {
     ], 8, xc)) : m("", !0),
     n.preformatted ? (a(), r("pre", Cc, [
       o("code", vc, [
-        t[1] || (t[1] = F(`
+        t[1] || (t[1] = M(`
             `)),
         V(e.$slots, "default"),
-        t[2] || (t[2] = F(`
+        t[2] || (t[2] = M(`
         `))
       ], 512)
     ])) : (a(), r("code", kc, [
@@ -8728,7 +8733,7 @@ function Dc(e, t, n, s, i, l) {
     ], 2)
   ]);
 }
-const Mc = /* @__PURE__ */ P(Ic, [["render", Dc]]), Fc = {
+const Fc = /* @__PURE__ */ P(Ic, [["render", Dc]]), Mc = {
   data() {
     return {
       defaultMessageProperties: {
@@ -8745,7 +8750,7 @@ const Mc = /* @__PURE__ */ P(Ic, [["render", Dc]]), Fc = {
   }
 }, Pc = {
   name: "CmdCookieDisclaimer",
-  mixins: [ce, Fc],
+  mixins: [ce, Mc],
   data() {
     return {
       showCookieDisclaimer: !0,
@@ -8892,7 +8897,7 @@ const Mc = /* @__PURE__ */ P(Ic, [["render", Dc]]), Fc = {
 }, zc = ["onClick", "title"], Wc = { class: "collapsible-box-body" }, Gc = { key: 0 }, Kc = { key: 1 }, Yc = ["href", "target"], Jc = ["innerHTML"], Zc = { class: "button-wrapper align-center" };
 function Qc(e, t, n, s, i, l) {
   const d = J, u = te;
-  return a(), v(Me, { name: n.transition }, {
+  return a(), v(Fe, { name: n.transition }, {
     default: k(() => {
       var c, f, g;
       return [
@@ -8944,7 +8949,7 @@ function Qc(e, t, n, s, i, l) {
                     $(o("div", qc, [
                       x.description ? (a(), r("p", Rc, y(x.description), 1)) : m("", !0),
                       x.linkDataPrivacy ? (a(), r("p", jc, [
-                        F(y(x.linkDataPrivacy.label) + " ", 1),
+                        M(y(x.linkDataPrivacy.label) + " ", 1),
                         o("a", {
                           onClick: t[1] || (t[1] = (...T) => l.openDataPrivacy && l.openDataPrivacy(...T)),
                           href: x.linkDataPrivacy.link,
@@ -8995,7 +9000,7 @@ function Qc(e, t, n, s, i, l) {
                     $(o("div", Wc, [
                       x.description ? (a(), r("p", Gc, y(x.description), 1)) : m("", !0),
                       x.linkDataPrivacy ? (a(), r("p", Kc, [
-                        F(y(x.linkDataPrivacy.label) + " ", 1),
+                        M(y(x.linkDataPrivacy.label) + " ", 1),
                         o("a", {
                           onClick: t[3] || (t[3] = (...T) => l.openDataPrivacy && l.openDataPrivacy(...T)),
                           href: x.linkDataPrivacy.link,
@@ -9361,7 +9366,7 @@ function Sm(e, t, n, s, i, l) {
   }, [
     n.showLabel ? (a(), r("span", am, [
       o("span", { id: e.htmlId }, [
-        F(y(n.labelText), 1),
+        M(y(n.labelText), 1),
         e.$attrs.required !== void 0 ? (a(), r("sup", rm, "*")) : m("", !0)
       ], 8, sm),
       (e.$attrs.required || e.inputRequirements.length) && n.showStatusIcon ? (a(), r("a", {
@@ -9625,14 +9630,14 @@ const Bm = /* @__PURE__ */ P(_m, [["render", Im]]), Dm = {
       deep: !0
     }
   }
-}, Mm = {
+}, Fm = {
   key: 0,
   class: "cmd-form-filters"
-}, Fm = { key: 0 }, Pm = { key: 1 }, Vm = ["onClick", "title"];
+}, Mm = { key: 0 }, Pm = { key: 1 }, Vm = ["onClick", "title"];
 function Am(e, t, n, s, i, l) {
   const d = K;
-  return i.options.length ? (a(), r("ul", Mm, [
-    i.options.length > 1 ? (a(), r("li", Fm, [
+  return i.options.length ? (a(), r("ul", Fm, [
+    i.options.length > 1 ? (a(), r("li", Mm, [
       o("a", {
         href: "#",
         onClick: t[0] || (t[0] = S((...u) => l.deleteAllFilters && l.deleteAllFilters(...u), ["prevent"]))
@@ -9831,7 +9836,7 @@ const Ji = /* @__PURE__ */ P(qm, [["render", Nm]]), Um = {
     },
     onAddItem() {
       this.editModeContext.content.addContent(
-        Fe(this, "props", "images", -1),
+        Me(this, "props", "images", -1),
         this.itemProvider
       );
     },
@@ -10359,7 +10364,7 @@ function gp(e, t, n, s, i, l) {
       n.enableLoginWithGoogle ? (a(), r("button", {
         key: 1,
         class: "gsi-material-button stretch-on-small-devices",
-        onClick: t[0] || (t[0] = (...M) => l.loginWithGoogle && l.loginWithGoogle(...M))
+        onClick: t[0] || (t[0] = (...F) => l.loginWithGoogle && l.loginWithGoogle(...F))
       }, [
         t[14] || (t[14] = o("div", { class: "gsi-material-button-state" }, null, -1)),
         o("div", np, [
@@ -10377,7 +10382,7 @@ function gp(e, t, n, s, i, l) {
         key: 3,
         class: "button stretch-on-small-devices"
       }, l.buttonLoginWithYourDataDefaultOptions, {
-        onClick: t[1] || (t[1] = S((M) => i.showLogin = !0, ["prevent"]))
+        onClick: t[1] || (t[1] = S((F) => i.showLogin = !0, ["prevent"]))
       }), [
         (g = l.buttonLoginWithYourDataDefaultOptions.icon) != null && g.iconClass ? (a(), v(u, {
           key: 0,
@@ -10395,17 +10400,17 @@ function gp(e, t, n, s, i, l) {
           type: "text",
           ref: "username",
           modelValue: l.username,
-          "onUpdate:modelValue": t[2] || (t[2] = (M) => l.username = M)
+          "onUpdate:modelValue": t[2] || (t[2] = (F) => l.username = F)
         }, l.cmdFormElementUsernameOptions, {
-          onValidationStatusChange: t[3] || (t[3] = (M) => l.checkValidationStatus(M, "username"))
+          onValidationStatusChange: t[3] || (t[3] = (F) => l.checkValidationStatus(F, "username"))
         }), null, 16, ["modelValue"]),
         p(c, L({
           element: "input",
           type: "password",
           modelValue: l.password,
-          "onUpdate:modelValue": t[4] || (t[4] = (M) => l.password = M)
+          "onUpdate:modelValue": t[4] || (t[4] = (F) => l.password = F)
         }, l.cmdFormElementPasswordOptions, {
-          onValidationStatusChange: t[5] || (t[5] = (M) => l.checkValidationStatus(M, "password"))
+          onValidationStatusChange: t[5] || (t[5] = (F) => l.checkValidationStatus(F, "password"))
         }), null, 16, ["modelValue"])
       ], 2), [
         [ye, i.showLogin]
@@ -10416,7 +10421,7 @@ function gp(e, t, n, s, i, l) {
           n.linkForgotPassword ? (a(), r("a", {
             key: 0,
             href: "#",
-            onClick: t[6] || (t[6] = S((...M) => l.toggleSendLoginView && l.toggleSendLoginView(...M), ["prevent"]))
+            onClick: t[6] || (t[6] = S((...F) => l.toggleSendLoginView && l.toggleSendLoginView(...F), ["prevent"]))
           }, [
             (h = n.linkForgotPassword.icon) != null && h.show && ((w = n.linkForgotPassword.icon) != null && w.iconClass) ? (a(), v(u, {
               key: 0,
@@ -10443,7 +10448,7 @@ function gp(e, t, n, s, i, l) {
           type: l.buttonLoginDefaultOptions.type === "submit" ? "submit" : "button"
         }, l.buttonLoginOptions, {
           class: ["button stretch-on-small-devices", { primary: l.buttonLoginDefaultOptions.primary }],
-          onClick: t[7] || (t[7] = (...M) => l.onClick && l.onClick(...M)),
+          onClick: t[7] || (t[7] = (...F) => l.onClick && l.onClick(...F)),
           disabled: l.buttonLoginDisabled
         }), [
           l.buttonLoginDefaultOptions.icon.iconClass ? (a(), v(u, {
@@ -10467,15 +10472,15 @@ function gp(e, t, n, s, i, l) {
         ref: "sendPassword",
         element: "input",
         type: "email",
-        onValidationStatusChange: t[8] || (t[8] = (M) => l.checkValidationStatus(M, "email")),
+        onValidationStatusChange: t[8] || (t[8] = (F) => l.checkValidationStatus(F, "email")),
         modelValue: i.sendLoginMail,
-        "onUpdate:modelValue": t[9] || (t[9] = (M) => i.sendLoginMail = M)
+        "onUpdate:modelValue": t[9] || (t[9] = (F) => i.sendLoginMail = F)
       }, l.cmdFormElementSendLoginOptions), null, 16, ["modelValue"]),
       V(e.$slots, "send-login"),
       o("div", pp, [
         o("a", {
           href: "#",
-          onClick: t[10] || (t[10] = S((...M) => l.toggleSendLoginView && l.toggleSendLoginView(...M), ["prevent"]))
+          onClick: t[10] || (t[10] = S((...F) => l.toggleSendLoginView && l.toggleSendLoginView(...F), ["prevent"]))
         }, [
           n.linkBackToLogin.icon && n.linkBackToLogin.icon.show && n.linkBackToLogin.icon.iconClass ? (a(), v(u, {
             key: 0,
@@ -10784,7 +10789,7 @@ function Dp(e, t, n, s, i, l) {
                         href: B.path,
                         title: B.tooltip,
                         target: B.target,
-                        onClick: (M) => l.executeLink(M, B)
+                        onClick: (F) => l.executeLink(F, B)
                       }, [
                         B.iconClass ? (a(), v(d, {
                           key: 0,
@@ -10843,7 +10848,7 @@ function Dp(e, t, n, s, i, l) {
     ])) : m("", !0)
   ], 2);
 }
-const Zi = /* @__PURE__ */ P(bp, [["render", Dp]]), Mp = {
+const Zi = /* @__PURE__ */ P(bp, [["render", Dp]]), Fp = {
   data() {
     return {
       defaultMessageProperties: {
@@ -10852,11 +10857,11 @@ const Zi = /* @__PURE__ */ P(bp, [["render", Dp]]), Mp = {
       }
     };
   }
-}, Fp = {
+}, Mp = {
   name: "CmdPagination",
   mixins: [
     ce,
-    Mp
+    Fp
   ],
   emits: ["click"],
   data() {
@@ -11005,7 +11010,7 @@ function Np(e, t, n, s, i, l) {
     ])
   ]);
 }
-const Qi = /* @__PURE__ */ P(Fp, [["render", Np]]), Up = {
+const Qi = /* @__PURE__ */ P(Mp, [["render", Np]]), Up = {
   emits: ["click"],
   name: "CmdMultistepFormProgressBar",
   data() {
@@ -11161,7 +11166,8 @@ const Xi = /* @__PURE__ */ P(Up, [["render", Gp]]), Kp = {
   data() {
     return {
       currentPage: 1,
-      pagesWithError: []
+      statusForPages: [],
+      inputMade: !1
     };
   },
   props: {
@@ -11209,19 +11215,17 @@ const Xi = /* @__PURE__ */ P(Up, [["render", Gp]]), Kp = {
       }
     }
   },
-  mounted() {
-    console.log("slots:", this.$slots);
-  },
   methods: {
     getSystemMessage(e) {
-      return this.pagesWithError.find((n) => n.page === e).message;
+      return this.statusForPages.find((n) => n.page === e).message;
     },
     setErrorOnPage(e, t) {
-      this.pagesWithError.some((s) => s.page === e) || this.pagesWithError.push({ page: e, message: t });
+      const n = this.statusForPages.some((s) => s.page === e);
+      this.inputMade = !0, n || this.statusForPages.push({ page: e, message: t });
     },
     removeErrorOnPage(e) {
-      const t = this.pagesWithError.findIndex((n) => n.page === e);
-      t !== -1 && this.pagesWithError.splice(t, 1);
+      const t = this.statusForPages.findIndex((n) => n.page === e);
+      this.inputMade = !0, t !== -1 && this.statusForPages.splice(t, 1);
     },
     setCurrentPage(e) {
       this.currentPage = e;
@@ -11234,12 +11238,15 @@ const Xi = /* @__PURE__ */ P(Up, [["render", Gp]]), Kp = {
     }
   },
   computed: {
+    atleastOnePageWithError() {
+      return this.statusForPages.length > 0 || !this.inputMade;
+    },
     pageHasError() {
-      return this.pagesWithError.some((e) => e.page === this.currentPage);
+      return this.statusForPages.some((e) => e.page === this.currentPage);
     },
     errorSteps() {
       const e = [];
-      return this.pagesWithError.find((t) => {
+      return this.statusForPages.find((t) => {
         e.push(t.page);
       }), console.log("steps", e), e;
     },
@@ -11297,14 +11304,15 @@ function Jp(e, t, n, s, i, l) {
       class: C("multistep-page-" + f),
       key: g
     }, [
-      i.pagesWithError.some((h) => h.page === f) ? (a(), v(u, {
+      i.statusForPages.some((h) => h.page === f) ? (a(), v(u, {
         key: 0,
         systemMessage: l.getSystemMessage(f),
         validationStatus: "error"
       }, null, 8, ["systemMessage"])) : m("", !0),
       V(e.$slots, "page-" + f, {
         setErrorOnPage: (h) => l.setErrorOnPage(f, h),
-        removeErrorOnPage: () => l.removeErrorOnPage(f)
+        removeErrorOnPage: () => l.removeErrorOnPage(f),
+        atleastOnePageWithError: l.atleastOnePageWithError
       })
     ], 2)), [
       [ye, f === i.currentPage]
@@ -11734,16 +11742,16 @@ function ff(e, t, n, s, i, l) {
     o("dd", null, [
       n.day.am ? (a(), r("span", of, [
         n.day.am.displayText ? (a(), r(O, { key: 0 }, [
-          F(y(n.day.am.displayText), 1)
+          M(y(n.day.am.displayText), 1)
         ], 64)) : (a(), r(O, { key: 1 }, [
-          F(y(l.getTime(n.day.am.fromTime, n.abbreviationTextAm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.am.tillTime)), 1)
+          M(y(l.getTime(n.day.am.fromTime, n.abbreviationTextAm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.am.tillTime)), 1)
         ], 64))
       ])) : m("", !0),
       n.day.pm ? (a(), r("span", af, [
         n.day.pm.displayText ? (a(), r(O, { key: 0 }, [
-          F(y(n.day.pm.displayText), 1)
+          M(y(n.day.pm.displayText), 1)
         ], 64)) : (a(), r(O, { key: 1 }, [
-          F(y(l.getTime(n.day.pm.fromTime, n.abbreviationTextPm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.pm.tillTime)), 1)
+          M(y(l.getTime(n.day.pm.fromTime, n.abbreviationTextPm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.pm.tillTime)), 1)
         ], 64))
       ])) : m("", !0)
     ])
@@ -11978,7 +11986,7 @@ const bf = {
   methods: {
     onAddItem() {
       this.editModeContext.content.addContent(
-        Fe(this, "props", "openingHours", -1),
+        Me(this, "props", "openingHours", -1),
         this.itemProvider
       );
     },
@@ -12029,7 +12037,7 @@ function Of(e, t, n, s, i, l) {
         class: { closed: l.isClosed }
       }), {
         default: k(() => [
-          F(y(l.textOpenClosed), 1)
+          M(y(l.textOpenClosed), 1)
         ]),
         _: 1
       }, 16, ["linkType", "class"])) : (a(), r("span", {
@@ -12225,8 +12233,8 @@ const Lf = /* @__PURE__ */ P(bf, [["render", Of]]), If = {
       });
     }
   }
-}, Bf = { class: "cmd-social-networks-item" }, Df = ["href", "title"], Mf = { key: 1 };
-function Ff(e, t, n, s, i, l) {
+}, Bf = { class: "cmd-social-networks-item" }, Df = ["href", "title"], Ff = { key: 1 };
+function Mf(e, t, n, s, i, l) {
   const d = K;
   return a(), r("li", Bf, [
     (a(), r("a", {
@@ -12242,11 +12250,11 @@ function Ff(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", Mf, y(n.network.linkText), 1)) : m("", !0)
+      n.network.linkText ? (a(), r("span", Ff, y(n.network.linkText), 1)) : m("", !0)
     ], 10, Df))
   ]);
 }
-const Pf = /* @__PURE__ */ P(If, [["render", Ff]]), Vf = {
+const Pf = /* @__PURE__ */ P(If, [["render", Mf]]), Vf = {
   name: "CmdSocialNetworks",
   mixins: [ae],
   data() {
@@ -12373,7 +12381,7 @@ const Pf = /* @__PURE__ */ P(If, [["render", Ff]]), Vf = {
   methods: {
     onAddItem() {
       this.editModeContext.content.addContent(
-        Fe(this, "props", "networks", -1),
+        Me(this, "props", "networks", -1),
         this.itemProvider
       );
     },
@@ -13322,7 +13330,7 @@ function Lh(e, t, n, s, i, l) {
           required: n.cmdFormElementInput1.required,
           showSearchButton: n.cmdFormElementInput1.showSearchButton,
           modelValue: l.searchValue1,
-          "onUpdate:modelValue": t[0] || (t[0] = (M) => l.searchValue1 = M)
+          "onUpdate:modelValue": t[0] || (t[0] = (F) => l.searchValue1 = F)
         }, null, 8, ["type", "show-label", "labelText", "placeholder", "required", "showSearchButton", "modelValue"]),
         o("div", Th, [
           n.cmdFormElementInput2.show ? (a(), v(u, {
@@ -13334,14 +13342,14 @@ function Lh(e, t, n, s, i, l) {
             placeholder: n.cmdFormElementInput2.placeholder,
             required: n.cmdFormElementInput2.required,
             modelValue: l.searchValue2,
-            "onUpdate:modelValue": t[1] || (t[1] = (M) => l.searchValue2 = M)
+            "onUpdate:modelValue": t[1] || (t[1] = (F) => l.searchValue2 = F)
           }, null, 8, ["type", "show-label", "labelText", "placeholder", "required", "modelValue"])) : m("", !0),
           l.cmdFormElementRadiusOptions.show ? (a(), v(u, L({
             key: 1,
             element: "select",
             class: "flex-none",
             modelValue: l.radius,
-            "onUpdate:modelValue": t[2] || (t[2] = (M) => l.radius = M)
+            "onUpdate:modelValue": t[2] || (t[2] = (F) => l.radius = F)
           }, l.cmdFormElementRadiusOptions), null, 16, ["modelValue"])) : m("", !0)
         ]),
         p(u, {
@@ -13357,7 +13365,7 @@ function Lh(e, t, n, s, i, l) {
         o("a", {
           class: "filter-options",
           href: "#",
-          onClick: t[3] || (t[3] = S((M) => i.showFilters = !i.showFilters, ["prevent"]))
+          onClick: t[3] || (t[3] = S((F) => i.showFilters = !i.showFilters, ["prevent"]))
         }, [
           p(c, {
             iconClass: i.showFilters ? (w = (h = n.cmdIcon) == null ? void 0 : h.showFilters) == null ? void 0 : w.iconClass : (_ = (x = n.cmdIcon) == null ? void 0 : x.hideFilters) == null ? void 0 : _.iconClass,
@@ -13365,11 +13373,11 @@ function Lh(e, t, n, s, i, l) {
           }, null, 8, ["iconClass", "type"]),
           i.showFilters ? (a(), r("span", Sh, y(e.getMessage("site_search.hide_filter_options")), 1)) : (a(), r("span", _h, y(e.getMessage("site_search.show_filter_options")), 1))
         ]),
-        p(Me, { name: n.transitionFilters }, {
+        p(Fe, { name: n.transitionFilters }, {
           default: k(() => {
-            var M, U, G, E, R;
+            var F, U, G, E, R;
             return [
-              i.showFilters && ((M = n.cmdFakeSelect) != null && M.selectData.length) ? (a(), r("div", Oh, [
+              i.showFilters && ((F = n.cmdFakeSelect) != null && F.selectData.length) ? (a(), r("div", Oh, [
                 p(f, {
                   role: "option",
                   selectData: (U = n.cmdFakeSelect) == null ? void 0 : U.selectData,
@@ -13389,7 +13397,7 @@ function Lh(e, t, n, s, i, l) {
     n.useFilters ? (a(), v(g, {
       key: 0,
       modelValue: l.searchFilters,
-      "onUpdate:modelValue": t[5] || (t[5] = (M) => l.searchFilters = M),
+      "onUpdate:modelValue": t[5] || (t[5] = (F) => l.searchFilters = F),
       selectedOptionsName: l.getOptionName
     }, null, 8, ["modelValue", "selectedOptionsName"])) : m("", !0)
   ], 64);
@@ -13522,7 +13530,7 @@ const Ih = /* @__PURE__ */ P(vh, [["render", Lh]]), Bh = {
     },
     onAddItem() {
       this.editModeContext.content.addContent(
-        Fe(this, "props", "slideshowItems", -1),
+        Me(this, "props", "slideshowItems", -1),
         this.itemProvider
       );
     },
@@ -13586,7 +13594,7 @@ const Ih = /* @__PURE__ */ P(vh, [["render", Lh]]), Bh = {
       });
     }
   }
-}, Dh = ["href", "title"], Mh = { key: 2 }, Fh = ["onClick", "aria-label", "title"], Ph = {
+}, Dh = ["href", "title"], Fh = { key: 2 }, Mh = ["onClick", "aria-label", "title"], Ph = {
   key: 3,
   class: "item-counter"
 };
@@ -13608,7 +13616,7 @@ function Vh(e, t, n, s, i, l) {
       }, l.tooltipForSlidebuttons), null, 16, ["onClick", "class"])) : m("", !0),
       p(dn, { name: n.transition }, {
         default: k(() => {
-          var c, f, g, h, w, x, _, T, D, B, H, M;
+          var c, f, g, h, w, x, _, T, D, B, H, F;
           return [
             l.currentItem ? (a(), r(O, { key: 0 }, [
               n.useSlot ? (a(), r("div", {
@@ -13621,7 +13629,7 @@ function Vh(e, t, n, s, i, l) {
                 e.editModeContext ? n.slideshowItems.length ? (a(), v(u, {
                   key: 1,
                   image: (H = l.currentItem) == null ? void 0 : H.image,
-                  figcaption: (M = l.currentItem) == null ? void 0 : M.figcaption,
+                  figcaption: (F = l.currentItem) == null ? void 0 : F.figcaption,
                   componentPath: ["props", "slideshowItems", i.index],
                   editModeConfig: l.imageStructure()
                 }, null, 8, ["image", "figcaption", "componentPath", "editModeConfig"])) : m("", !0) : (a(), r(O, { key: 0 }, [
@@ -13659,7 +13667,7 @@ function Vh(e, t, n, s, i, l) {
         onClick: S(l.showNextItem, ["prevent"]),
         class: { disabled: i.slideshowItemEditing }
       }, l.tooltipForSlidebuttons), null, 16, ["onClick", "class"])) : m("", !0),
-      n.showQuickLinkIcons ? (a(), r("ol", Mh, [
+      n.showQuickLinkIcons ? (a(), r("ol", Fh, [
         (a(!0), r(O, null, q(n.slideshowItems, (c, f) => (a(), r("li", {
           key: f,
           class: C({ active: f === i.index })
@@ -13670,7 +13678,7 @@ function Vh(e, t, n, s, i, l) {
             onClick: S((g) => l.showItem(f), ["prevent"]),
             "aria-label": i.index,
             title: i.slideshowItemEditing ? "Not allowed while editing!" : "Switch to image #" + (f + 1)
-          }, null, 10, Fh)
+          }, null, 10, Mh)
         ], 2))), 128))
       ])) : m("", !0),
       n.showCounter ? (a(), r("span", Ph, y(i.index + 1) + "/" + y(n.slideshowItems.length), 1)) : m("", !0)
@@ -14131,7 +14139,7 @@ function ig(e, t, n, s, i, l) {
             ])
           ])
         ]),
-        p(Me, { name: n.transition }, {
+        p(Fe, { name: n.transition }, {
           default: k(() => [
             V(e.$slots, "table-body", {}, () => [
               $(o("tbody", $h, [
@@ -14152,7 +14160,7 @@ function ig(e, t, n, s, i, l) {
           ]),
           _: 3
         }, 8, ["name"]),
-        p(Me, { name: n.transition }, {
+        p(Fe, { name: n.transition }, {
           default: k(() => [
             V(e.$slots, "table-foot", {}, () => [
               n.tableData.tfoot && n.tableData.tfoot.length && i.showTableData ? (a(), r("tfoot", tg, [
@@ -14783,7 +14791,7 @@ const Ig = Bt("string"), be = Bt("function"), il = Bt("number"), Dt = (e) => e !
     return !1;
   const t = Sn(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
-}, Dg = we("Date"), Mg = we("File"), Fg = we("Blob"), Pg = we("FileList"), Vg = (e) => Dt(e) && be(e.pipe), Ag = (e) => {
+}, Dg = we("Date"), Fg = we("File"), Mg = we("Blob"), Pg = we("FileList"), Vg = (e) => Dt(e) && be(e.pipe), Ag = (e) => {
   let t;
   return e && (typeof FormData == "function" && e instanceof FormData || be(e.append) && ((t = It(e)) === "formdata" || // detect form-data instance
   t === "object" && be(e.toString) && e.toString() === "[object FormData]"));
@@ -14945,8 +14953,8 @@ const sy = (e) => {
   isHeaders: jg,
   isUndefined: lt,
   isDate: Dg,
-  isFile: Mg,
-  isBlob: Fg,
+  isFile: Fg,
+  isBlob: Mg,
   isRegExp: ey,
   isFunction: be,
   isStream: Vg,
@@ -15054,7 +15062,7 @@ function cy(e) {
 const my = I.toFlatObject(I, {}, null, function(t) {
   return /^is[A-Z]/.test(t);
 });
-function Mt(e, t, n) {
+function Ft(e, t, n) {
   if (!I.isObject(e))
     throw new TypeError("target must be an object");
   t = t || new FormData(), n = I.toFlatObject(n, {
@@ -15081,11 +15089,11 @@ function Mt(e, t, n) {
       if (I.endsWith(T, "{}"))
         T = s ? T : T.slice(0, -2), _ = JSON.stringify(_);
       else if (I.isArray(_) && cy(_) || (I.isFileList(_) || I.endsWith(T, "[]")) && (B = I.toArray(_)))
-        return T = cl(T), B.forEach(function(M, U) {
-          !(I.isUndefined(M) || M === null) && t.append(
+        return T = cl(T), B.forEach(function(F, U) {
+          !(I.isUndefined(F) || F === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
             d === !0 ? ii([T], U, l) : d === null ? T : T + "[]",
-            f(M)
+            f(F)
           );
         }), !1;
     }
@@ -15130,7 +15138,7 @@ function li(e) {
   });
 }
 function _n(e, t) {
-  this._pairs = [], e && Mt(e, this, t);
+  this._pairs = [], e && Ft(e, this, t);
 }
 const ml = _n.prototype;
 ml.append = function(t, n) {
@@ -15236,7 +15244,7 @@ self instanceof WorkerGlobalScope && typeof self.importScripts == "function", Cy
   ...yy
 };
 function ky(e, t) {
-  return Mt(e, new ve.classes.URLSearchParams(), Object.assign({
+  return Ft(e, new ve.classes.URLSearchParams(), Object.assign({
     visitor: function(n, s, i, l) {
       return ve.isNode && I.isBuffer(n) ? (this.append(s, n.toString("base64")), !1) : l.defaultVisitor.apply(this, arguments);
     }
@@ -15298,7 +15306,7 @@ const at = {
         return ky(t, this.formSerializer).toString();
       if ((u = I.isFileList(t)) || s.indexOf("multipart/form-data") > -1) {
         const c = this.env && this.env.FormData;
-        return Mt(
+        return Ft(
           u ? { "files[]": t } : t,
           c && new c(),
           this.formSerializer
@@ -15567,11 +15575,11 @@ function yl(e, t, n) {
     n
   ));
 }
-function My(e) {
+function Fy(e) {
   const t = /^([-+\w]{1,25})(:?\/\/|:)/.exec(e);
   return t && t[1] || "";
 }
-function Fy(e, t) {
+function My(e, t) {
   e = e || 10;
   const n = new Array(e), s = new Array(e);
   let i = 0, l = 0, d;
@@ -15600,7 +15608,7 @@ function Py(e, t) {
 }
 const vt = (e, t, n = 3) => {
   let s = 0;
-  const i = Fy(50, 250);
+  const i = My(50, 250);
   return Py((l) => {
     const d = l.loaded, u = l.lengthComputable ? l.total : void 0, c = d - s, f = i(c), g = d <= u;
     s = d;
@@ -15819,7 +15827,7 @@ const xl = (e) => {
     }), I.isUndefined(i.withCredentials) || (g.withCredentials = !!i.withCredentials), u && u !== "json" && (g.responseType = i.responseType), typeof i.onDownloadProgress == "function" && g.addEventListener("progress", vt(i.onDownloadProgress, !0)), typeof i.onUploadProgress == "function" && g.upload && g.upload.addEventListener("progress", vt(i.onUploadProgress)), (i.cancelToken || i.signal) && (c = (x) => {
       g && (s(!x || x.type ? new Ge(null, e, g) : x), g.abort(), g = null);
     }, i.cancelToken && i.cancelToken.subscribe(c), i.signal && (i.signal.aborted ? c() : i.signal.addEventListener("abort", c)));
-    const w = My(i.url);
+    const w = Fy(i.url);
     if (w && ve.protocols.indexOf(w) === -1) {
       s(new z("Unsupported protocol " + w + ":", z.ERR_BAD_REQUEST, e));
       return;
@@ -15887,7 +15895,7 @@ const xl = (e) => {
     total: e,
     loaded: s
   }));
-}, Ft = typeof fetch == "function" && typeof Request == "function" && typeof Response == "function", Cl = Ft && typeof ReadableStream == "function", nn = Ft && (typeof TextEncoder == "function" ? /* @__PURE__ */ ((e) => (t) => e.encode(t))(new TextEncoder()) : async (e) => new Uint8Array(await new Response(e).arrayBuffer())), zy = Cl && (() => {
+}, Mt = typeof fetch == "function" && typeof Request == "function" && typeof Response == "function", Cl = Mt && typeof ReadableStream == "function", nn = Mt && (typeof TextEncoder == "function" ? /* @__PURE__ */ ((e) => (t) => e.encode(t))(new TextEncoder()) : async (e) => new Uint8Array(await new Response(e).arrayBuffer())), zy = Cl && (() => {
   let e = !1;
   const t = new Request(ve.origin, {
     body: new ReadableStream(),
@@ -15905,7 +15913,7 @@ const xl = (e) => {
 })(), kt = {
   stream: ln && ((e) => e.body)
 };
-Ft && ((e) => {
+Mt && ((e) => {
   ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((t) => {
     !kt[t] && (kt[t] = I.isFunction(e[t]) ? (n) => n[t]() : (n, s) => {
       throw new z(`Response type '${t}' is not supported`, z.ERR_NOT_SUPPORT, s);
@@ -15926,7 +15934,7 @@ const Wy = async (e) => {
 }, Gy = async (e, t) => {
   const n = I.toFiniteNumber(e.getContentLength());
   return n ?? Wy(t);
-}, Ky = Ft && (async (e) => {
+}, Ky = Mt && (async (e) => {
   let {
     url: t,
     method: n,
@@ -15970,16 +15978,16 @@ const Wy = async (e) => {
       duplex: "half",
       withCredentials: h
     });
-    let M = await fetch(D);
+    let F = await fetch(D);
     const U = ln && (f === "stream" || f === "response");
     if (ln && (u || U)) {
       const E = {};
       ["status", "statusText", "headers"].forEach((W) => {
-        E[W] = M[W];
+        E[W] = F[W];
       });
-      const R = I.toFiniteNumber(M.headers.get("content-length"));
-      M = new Response(
-        ri(M.body, ui, u && di(
+      const R = I.toFiniteNumber(F.headers.get("content-length"));
+      F = new Response(
+        ri(F.body, ui, u && di(
           R,
           vt(u, !0)
         ), U && B, nn),
@@ -15987,24 +15995,24 @@ const Wy = async (e) => {
       );
     }
     f = f || "text";
-    let G = await kt[I.findKey(kt, f) || "text"](M, e);
+    let G = await kt[I.findKey(kt, f) || "text"](F, e);
     return !U && B(), _ && _(), await new Promise((E, R) => {
       yl(E, R, {
         data: G,
-        headers: ue.from(M.headers),
-        status: M.status,
-        statusText: M.statusText,
+        headers: ue.from(F.headers),
+        status: F.status,
+        statusText: F.statusText,
         config: e,
         request: D
       });
     });
-  } catch (M) {
-    throw B(), M && M.name === "TypeError" && /fetch/i.test(M.message) ? Object.assign(
+  } catch (F) {
+    throw B(), F && F.name === "TypeError" && /fetch/i.test(F.message) ? Object.assign(
       new z("Network Error", z.ERR_NETWORK, e, D),
       {
-        cause: M.cause || M
+        cause: F.cause || F
       }
-    ) : z.from(M, M && M.code, e, D);
+    ) : z.from(F, F && F.code, e, D);
   }
 }), on = {
   http: uy,
@@ -16395,7 +16403,7 @@ ee.CanceledError = Ge;
 ee.CancelToken = In;
 ee.isCancel = gl;
 ee.VERSION = kl;
-ee.toFormData = Mt;
+ee.toFormData = Ft;
 ee.AxiosError = z;
 ee.Cancel = ee.CanceledError;
 ee.all = function(t) {
@@ -17005,7 +17013,7 @@ function Ob(e, t, n, s, i, l) {
           n.showTotalUpload && i.listOfFiles.length !== 1 ? (a(), r("div", tb, [
             p(d, L(n.cmdHeadlineSummaryOfAllFiles, { headlineLevel: "4" }), {
               default: k(() => [
-                F(y(e.getMessage("upload_form.headline.summary_of_all_files")), 1)
+                M(y(e.getMessage("upload_form.headline.summary_of_all_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -17019,11 +17027,11 @@ function Ob(e, t, n, s, i, l) {
                   p(c, N(Be(n.iconDelete)), null, 16)
                 ], 8, lb),
                 o("span", null, [
-                  F(y(i.listOfFiles.length) + " ", 1),
+                  M(y(i.listOfFiles.length) + " ", 1),
                   n.allowMultipleFileUploads ? (a(), r(O, { key: 1 }, [
-                    F(y(e.getMessage("upload_form.labeltext.files_uploading")), 1)
+                    M(y(e.getMessage("upload_form.labeltext.files_uploading")), 1)
                   ], 64)) : (a(), r(O, { key: 0 }, [
-                    F(y(e.getMessage("upload_form.labeltext.file_uploading")), 1)
+                    M(y(e.getMessage("upload_form.labeltext.file_uploading")), 1)
                   ], 64))
                 ]),
                 o("small", {
@@ -17047,7 +17055,7 @@ function Ob(e, t, n, s, i, l) {
           o("div", sb, [
             p(d, L(n.cmdHeadlineListOfSelectedFiles, { headlineLevel: "4" }), {
               default: k(() => [
-                F(y(e.getMessage("upload_form.headline.list_of_selected_files")), 1)
+                M(y(e.getMessage("upload_form.headline.list_of_selected_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -17070,7 +17078,7 @@ function Ob(e, t, n, s, i, l) {
                     { error: g.error }
                   ])
                 }, [
-                  F(y(g.file.name) + " ", 1),
+                  M(y(g.file.name) + " ", 1),
                   o("small", null, "(" + y(l.formatSize(g.file.size)) + ")", 1)
                 ], 2),
                 i.uploadInitiated && !g.error ? (a(), r("span", ub, [
@@ -17094,7 +17102,7 @@ function Ob(e, t, n, s, i, l) {
         ])) : (a(), r(O, { key: 0 }, [
           n.allowMultipleFileUploads ? (a(), v(d, L({ key: 0 }, n.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
             default: k(() => [
-              F(y(l.headlineTextNoFilesToUpload), 1)
+              M(y(l.headlineTextNoFilesToUpload), 1)
             ]),
             _: 1
           }, 16)) : m("", !0)
@@ -17102,13 +17110,13 @@ function Ob(e, t, n, s, i, l) {
         o("div", pb, [
           n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), v(d, L({ key: 0 }, n.cmdHeadlineSelectAdditionalFiles, { headlineLevel: "4" }), {
             default: k(() => [
-              F(y(e.getMessage("upload_form.headline.select_additional_files")), 1)
+              M(y(e.getMessage("upload_form.headline.select_additional_files")), 1)
             ]),
             _: 1
           }, 16)) : m("", !0),
           !n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), v(d, L({ key: 1 }, n.cmdHeadlineSelectNewFile, { headlineLevel: "4" }), {
             default: k(() => [
-              F(y(e.getMessage("upload_form.headline.select_new_file")), 1)
+              M(y(e.getMessage("upload_form.headline.select_new_file")), 1)
             ]),
             _: 1
           }, 16)) : m("", !0),
@@ -17141,7 +17149,7 @@ function Ob(e, t, n, s, i, l) {
                   type: i.showListOfFileExtensions ? n.iconInvisible.iconType : n.iconVisible.iconType
                 }, null, 8, ["iconClass", "type"])
               ], 8, hb),
-              p(Me, { name: n.transitionListOfFileExtensions }, {
+              p(Fe, { name: n.transitionListOfFileExtensions }, {
                 default: k(() => [
                   i.showListOfFileExtensions ? (a(), r("ul", gb, [
                     (a(!0), r(O, null, q(n.allowedFileExtensions, (g, h) => (a(), r("li", {
@@ -17174,14 +17182,14 @@ function Ob(e, t, n, s, i, l) {
           }, [
             o("span", null, y(e.getMessage("upload_form.or")), 1),
             o("strong", null, [
-              F(y(e.getMessage("upload_form.drag_and_drop")) + " ", 1),
+              M(y(e.getMessage("upload_form.drag_and_drop")) + " ", 1),
               n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), r(O, { key: 0 }, [
-                F(y(e.getMessage("upload_form.additional")), 1)
+                M(y(e.getMessage("upload_form.additional")), 1)
               ], 64)) : m("", !0),
               !n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), r(O, { key: 1 }, [
-                F(y(e.getMessage("upload_form.new")), 1)
+                M(y(e.getMessage("upload_form.new")), 1)
               ], 64)) : m("", !0),
-              F(" " + y(e.getMessage("upload_form.files_to_this_area")), 1)
+              M(" " + y(e.getMessage("upload_form.files_to_this_area")), 1)
             ])
           ], 2)) : m("", !0)
         ])
@@ -17377,7 +17385,7 @@ const Lb = /* @__PURE__ */ P(Xy, [["render", Ob]]), Ib = {
     }
   }
 }, Bb = ["id"], Db = ["id"];
-function Mb(e, t, n, s, i, l) {
+function Fb(e, t, n, s, i, l) {
   const d = J;
   return a(), r("div", {
     class: C(["cmd-width-limitation-wrapper", { sticky: n.sticky }]),
@@ -17404,7 +17412,7 @@ function Mb(e, t, n, s, i, l) {
     ], 64))
   ], 2);
 }
-const Tl = /* @__PURE__ */ P(Ib, [["render", Mb]]), Fb = {
+const Tl = /* @__PURE__ */ P(Ib, [["render", Fb]]), Mb = {
   name: "ComponentSettings",
   data() {
     return {
@@ -17523,7 +17531,7 @@ function Pb(e, t, n, s, i, l) {
     _: 1
   }, 8, ["cmdHeadline"]);
 }
-const Vb = /* @__PURE__ */ P(Fb, [["render", Pb]]), Ab = {
+const Vb = /* @__PURE__ */ P(Mb, [["render", Pb]]), Ab = {
   name: "MultipleBoxWrapper",
   props: {
     segments: {
@@ -17546,7 +17554,7 @@ function Hb(e, t, n, s, i, l) {
             rowView: g.rowView
           }), {
             default: k(() => [
-              F(" box " + y(h), 1)
+              M(" box " + y(h), 1)
             ]),
             _: 2
           }, 1040, ["rowView"]))), 128))
@@ -18204,7 +18212,7 @@ function ex(e, t, n, s, i, l) {
           cmdGoogleMaps: {}
         }, {
           "additional-info": k(() => t[0] || (t[0] = [
-            F(" Additional information given by slot ")
+            M(" Additional information given by slot ")
           ])),
           _: 1
         }, 8, ["cmdBasicForm"])
@@ -18299,14 +18307,14 @@ const lx = /* @__PURE__ */ P(tx, [["render", ix]]), ox = {
     };
   }
 };
-function xk(e = !1) {
+function Ck(e = !1) {
   return e ? (/* @__PURE__ */ new Date()).toISOString() : (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
 }
-function Ck() {
+function vk() {
   const e = /* @__PURE__ */ new Date(), t = String(e.getHours()).padStart(2, "0"), n = String(e.getMinutes()).padStart(2, "0");
   return t + ":" + n;
 }
-function vk(e, t = "+", n = 1) {
+function kk(e, t = "+", n = 1) {
   const s = new Date(e);
   if (t === "+")
     s.setDate(s.getDate() + n);
@@ -18316,7 +18324,7 @@ function vk(e, t = "+", n = 1) {
     throw new Error("function 'getDate()' received invalid operator as parameter. Use '+' to add or '-' to subtract days.");
   return s;
 }
-function kk(e, t = "short") {
+function wk(e, t = "short") {
   const n = new Date(e), s = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], i = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
   if (t === "short")
     return s[n.getDay()];
@@ -18650,7 +18658,7 @@ const Sx = /* @__PURE__ */ P(sx, [["render", Tx]]), _x = {
       immediate: !0
     }
   }
-}, Ox = { class: "cmd-mail-tool-filter" }, Lx = { class: "flex-container align-items-center" }, Ix = { class: "flex-container reset-flex" }, Bx = { class: "flex-container sort-wrapper" }, Dx = ["title"], Mx = { key: 0 }, Fx = ["title"], Px = { key: 0 };
+}, Ox = { class: "cmd-mail-tool-filter" }, Lx = { class: "flex-container align-items-center" }, Ix = { class: "flex-container reset-flex" }, Bx = { class: "flex-container sort-wrapper" }, Dx = ["title"], Fx = { key: 0 }, Mx = ["title"], Px = { key: 0 };
 function Vx(e, t, n, s, i, l) {
   const d = J, u = te;
   return a(), r("div", Ox, [
@@ -18701,7 +18709,7 @@ function Vx(e, t, n, s, i, l) {
         onClick: t[3] || (t[3] = S((c) => l.sortByDate("asc"), ["prevent"])),
         title: n.linkSortAscending.title
       }, [
-        n.linkSortAscending.text ? (a(), r("span", Mx, y(n.linkSortAscending.text), 1)) : m("", !0),
+        n.linkSortAscending.text ? (a(), r("span", Fx, y(n.linkSortAscending.text), 1)) : m("", !0),
         n.linkSortAscending.iconClass ? (a(), r("span", {
           key: 1,
           class: C(n.linkSortAscending.iconClass)
@@ -18717,7 +18725,7 @@ function Vx(e, t, n, s, i, l) {
           key: 1,
           class: C(n.linkSortDescending.iconClass)
         }, null, 2)) : m("", !0)
-      ], 8, Fx))
+      ], 8, Mx))
     ])
   ]);
 }
@@ -19979,7 +19987,31 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   withIcon: wC,
   withoutIcon: TC,
   router: SC
-}, OC = "right", LC = !1, IC = !1, BC = [
+}, OC = [
+  {
+    element: "input",
+    type: "text",
+    name: "form-element-text-surname",
+    htmlClass: "form-element-text-class",
+    value: "",
+    labelText: "Surname",
+    placeholder: "Surname",
+    required: !0,
+    disabled: !1
+  },
+  {
+    element: "input",
+    type: "text",
+    name: "form-element-text-first-name",
+    htmlClass: "form-element-text-class",
+    value: "",
+    fieldIconClass: "icon-lock",
+    labelText: "First Name",
+    placeholder: "First Name",
+    required: !0,
+    disabled: !1
+  }
+], LC = "right", IC = !1, BC = !1, DC = [
   {
     type: "href",
     text: "href 1",
@@ -20054,11 +20086,11 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     target: "comand-website"
   }
 ], Ll = {
-  offcanvasPosition: OC,
-  stretchMainItems: LC,
-  persistOnMobile: IC,
-  navigationEntries: BC
-}, DC = [
+  offcanvasPosition: LC,
+  stretchMainItems: IC,
+  persistOnMobile: BC,
+  navigationEntries: DC
+}, FC = [
   {
     day: "Mondays",
     am: {
@@ -20155,7 +20187,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     text: "Optionname 3",
     value: "3"
   }
-], FC = [
+], PC = [
   {
     image: {
       src: {
@@ -20240,7 +20272,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
       target: null
     }
   }
-], PC = [
+], VC = [
   {
     id: 1,
     displayValue: "Option #1",
@@ -20262,16 +20294,16 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
       iconClass: "icon-globe"
     }
   }
-], VC = {
+], AC = {
   labelText: "Label for inputfield (search) with smart-search:"
-}, AC = {
-  listOfRecommendations: PC,
-  cmdFormElement: VC
 }, EC = {
+  listOfRecommendations: VC,
+  cmdFormElement: AC
+}, HC = {
   toggleSwitch: !0,
   labelText: "I accept that anonymous data will be send to the platform I share this page on and accept the <a href='/content/fancybox-content.html' class='fancybox'>Data Privacy</a>!",
   required: !0
-}, HC = [
+}, qC = [
   {
     buttonClass: "social-network-facebook",
     path: "https://www.facebook.com/sharer/sharer.php?u=",
@@ -20307,10 +20339,10 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     iconClass: "icon-instagram",
     linkText: "Share"
   }
-], qC = {
-  cmdFormElement: EC,
-  networks: HC
-}, RC = [
+], RC = {
+  cmdFormElement: HC,
+  networks: qC
+}, jC = [
   {
     text: "Tab 1",
     headlineText: "Tab 1 Headline",
@@ -20332,10 +20364,10 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     iconClass: "cmd:linkedin",
     htmlContent: "<p>Content for Tab  3</p>"
   }
-], jC = {
+], NC = {
   show: !0,
   text: "This is a caption for a small table"
-}, NC = [
+}, UC = [
   "Table head 1",
   "Table head 2",
   "Table head 3",
@@ -20343,7 +20375,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   "Table head 5",
   "Table head 6",
   "Table head 7"
-], UC = [
+], zC = [
   [
     "Table data 1/1",
     "Table data 1/2",
@@ -20398,7 +20430,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     "Table data 6/6",
     "Table data 6/7"
   ]
-], zC = [
+], WC = [
   "Table foot 1",
   "Table foot 2",
   "Table foot 3",
@@ -20406,15 +20438,15 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   "Table foot 5",
   "Table foot 6",
   "Table foot 7"
-], WC = {
-  caption: jC,
-  thead: NC,
-  tbody: UC,
-  tfoot: zC
-}, GC = {
+], GC = {
+  caption: NC,
+  thead: UC,
+  tbody: zC,
+  tfoot: WC
+}, KC = {
   show: !1,
   text: "This is a caption for a large table"
-}, KC = 3, YC = 4, JC = [
+}, YC = 3, JC = 4, ZC = [
   "Table head 1",
   "Table head 2",
   "Table head 3",
@@ -20430,7 +20462,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   "Table head 13",
   "Table head 15",
   "Table head 14"
-], ZC = [
+], QC = [
   [
     "Table data 1/1",
     "Table data 1/2",
@@ -20533,7 +20565,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     "Table data 6/14",
     "Table data 6/15"
   ]
-], QC = [
+], XC = [
   "Table foot 1",
   "Table foot 2",
   "Table foot 3",
@@ -20549,14 +20581,14 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   "Table foot 13",
   "Table foot 14",
   "Table foot 15"
-], XC = {
-  caption: GC,
-  rowIndexHighlighted: KC,
-  columnIndexHighlighted: YC,
-  thead: JC,
-  tbody: ZC,
-  tfoot: QC
-}, $C = [
+], $C = {
+  caption: KC,
+  rowIndexHighlighted: YC,
+  columnIndexHighlighted: JC,
+  thead: ZC,
+  tbody: QC,
+  tfoot: XC
+}, e1 = [
   {
     image: {
       url: "#",
@@ -20670,7 +20702,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
       textAlign: "center"
     }
   }
-], e1 = [
+], t1 = [
   {
     id: 1,
     iconClass: "icon-home",
@@ -20712,7 +20744,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     text: "Item 8 with URL",
     url: "http://www.comand-cms.com"
   }
-], t1 = [
+], n1 = [
   {
     text: "Afghanistan",
     value: "af"
@@ -21493,16 +21525,16 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     text: "Zimbabwe",
     value: "zw"
   }
-], n1 = "comand-component-library", i1 = "4.2.70", l1 = "GPL-3.0-only", o1 = "CoManD-UI", a1 = "module", s1 = {
+], i1 = "comand-component-library", l1 = "4.2.71", o1 = "GPL-3.0-only", a1 = "CoManD-UI", s1 = "module", r1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
   "build-lib": "vite build && gulp",
   preview: "vite preview"
-}, r1 = [
+}, d1 = [
   "dist",
   "src"
-], d1 = {
+], u1 = {
   ".": "./dist/comand-component-library.js",
   "./css.js": "./src/css.js",
   "./style.css": "./dist/style.css",
@@ -21512,7 +21544,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   "./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"
-}, u1 = {
+}, c1 = {
   "clickout-event": "^1.1.2",
   "comand-frontend-framework": "^4.3.13",
   "comand-ui-iconfonts": "^1.0.19",
@@ -21521,7 +21553,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   vue: "^3.2.31",
   "vue-router": "^4.0.12",
   vuex: "^4.0.2"
-}, c1 = {
+}, m1 = {
   "@iconify/vue": "^4.0.0",
   "@vitejs/plugin-vue": "^5.1.1",
   "@vue/test-utils": "^2.0.0-0",
@@ -21531,19 +21563,19 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   "unplugin-vue-components": "^0.24.0",
   vite: "^5.4.11",
   "vue-jest": "^5.0.0-0"
-}, m1 = {
-  name: n1,
-  version: i1,
-  license: l1,
-  author: o1,
+}, p1 = {
+  name: i1,
+  version: l1,
+  license: o1,
+  author: a1,
   private: !1,
-  type: a1,
-  scripts: s1,
-  files: r1,
-  exports: d1,
-  dependencies: u1,
-  devDependencies: c1
-}, p1 = [
+  type: s1,
+  scripts: r1,
+  files: d1,
+  exports: u1,
+  dependencies: c1,
+  devDependencies: m1
+}, f1 = [
   "AddressData",
   "AdvancedFormElements",
   "BankAccountData",
@@ -21594,7 +21626,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   "Tooltip",
   "UploadForm",
   "WidthLimitationWrapper"
-], f1 = {
+], h1 = {
   data() {
     return {
       cmdAddressDataSettingsData: {
@@ -22612,9 +22644,9 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
       }
     };
   }
-}, hi = "/media/images/content-images/landscape-medium.jpg", h1 = "/media/images/demo-images/small/landscape-01.jpg", g1 = "/media/images/demo-images/small/landscape-02.jpg", y1 = "/media/images/demo-images/small/landscape-03.jpg", b1 = {
+}, hi = "/media/images/content-images/landscape-medium.jpg", g1 = "/media/images/demo-images/small/landscape-01.jpg", y1 = "/media/images/demo-images/small/landscape-02.jpg", b1 = "/media/images/demo-images/small/landscape-03.jpg", x1 = {
   name: "App",
-  mixins: [f1],
+  mixins: [h1],
   components: {
     PageOverview: _l
   },
@@ -22631,7 +22663,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
       selectedLanguage: "none",
       fancyBoxCookieDisclaimer: !1,
       componentNameForContainer: "CmdHeadline",
-      listOfComponents: p1,
+      listOfComponents: f1,
       activeEntry: "CmdAddressData",
       basicFormData: {},
       cmdCodeOutputSlotContent: "<p>This is text for the slot provided as string to not render the HTML.</p>",
@@ -22779,20 +22811,21 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
       listOfTagsData: gC,
       descriptionListData: hC,
       multistepsData: _C,
+      multistepFormWrapperPage1Data: OC,
       mailToolData: kC,
       navigationData: Ll,
-      openingHoursData: DC,
+      openingHoursData: FC,
       selectOptionsData: MC,
-      slideshowData: FC,
-      smartSearchData: AC,
-      socialNetworksData: qC,
-      tableDataSmall: WC,
-      tableDataLarge: XC,
-      tabsData: RC,
-      thumbnailScrollerImagesData: $C,
-      thumbnailScrollerTextData: e1,
-      allCountriesData: t1,
-      packageJson: m1
+      slideshowData: PC,
+      smartSearchData: EC,
+      socialNetworksData: RC,
+      tableDataSmall: GC,
+      tableDataLarge: $C,
+      tabsData: jC,
+      thumbnailScrollerImagesData: e1,
+      thumbnailScrollerTextData: t1,
+      allCountriesData: n1,
+      packageJson: p1
     };
   },
   mounted() {
@@ -22823,6 +22856,9 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     }
   },
   methods: {
+    toggleSystemMessage(e, t) {
+      console.log("event", e), e === "error" ? t.setErrorOnPage("Please fill all required fields!") : t.removeErrorOnPage();
+    },
     cmdLinkOutput(e, t) {
       this.outputCmdLink.event.originalEvent = e, this.outputCmdLink.event.linkType = t;
     },
@@ -22997,140 +23033,140 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
       });
     }
   }
-}, x1 = ["id"], C1 = { for: "select-template" }, v1 = { class: "input-wrapper" }, k1 = { for: "default-color-scheme" }, w1 = { for: "light-mode" }, T1 = { for: "dark-mode" }, S1 = ["href", "onClick"], _1 = { class: "box-footer comand-versions" }, O1 = { class: "closed-sidebar" }, L1 = {
+}, C1 = ["id"], v1 = { for: "select-template" }, k1 = { class: "input-wrapper" }, w1 = { for: "default-color-scheme" }, T1 = { for: "light-mode" }, S1 = { for: "dark-mode" }, _1 = ["href", "onClick"], O1 = { class: "box-footer comand-versions" }, L1 = { class: "closed-sidebar" }, I1 = {
   key: 1,
   id: "content"
-}, I1 = {
+}, B1 = {
   class: "headline-demopage",
   id: "section-address-data"
-}, B1 = { class: "flex-container" }, D1 = { class: "flex-container" }, M1 = { class: "list-status" }, F1 = { class: "error" }, P1 = { class: "flex-container" }, V1 = { class: "headline-demopage" }, A1 = { class: "flex-container" }, E1 = { class: "flex-container" }, H1 = { class: "flex-container" }, q1 = { class: "flex-container" }, R1 = { class: "flex-container" }, j1 = { class: "headline-demopage" }, N1 = { class: "flex-container" }, U1 = { class: "flex-container flex-items-flex-none" }, z1 = {
+}, D1 = { class: "flex-container" }, F1 = { class: "flex-container" }, M1 = { class: "list-status" }, P1 = { class: "error" }, V1 = { class: "flex-container" }, A1 = { class: "headline-demopage" }, E1 = { class: "flex-container" }, H1 = { class: "flex-container" }, q1 = { class: "flex-container" }, R1 = { class: "flex-container" }, j1 = { class: "flex-container" }, N1 = { class: "headline-demopage" }, U1 = { class: "flex-container" }, z1 = { class: "flex-container flex-items-flex-none" }, W1 = {
   class: "inline",
   for: "range-value"
-}, W1 = ["disabled"], G1 = { for: "range-slider" }, K1 = ["disabled"], Y1 = { class: "label inline" }, J1 = { class: "flex-container flex-items-flex-none" }, Z1 = { class: "label inline" }, Q1 = { class: "flex-container flex-items-flex-none" }, X1 = { class: "label inline" }, $1 = { class: "flex-container flex-items-flex-none" }, ev = { class: "label inline" }, tv = { class: "flex-container flex-items-flex-none" }, nv = {
+}, G1 = ["disabled"], K1 = { for: "range-slider" }, Y1 = ["disabled"], J1 = { class: "label inline" }, Z1 = { class: "flex-container flex-items-flex-none" }, Q1 = { class: "label inline" }, X1 = { class: "flex-container flex-items-flex-none" }, $1 = { class: "label inline" }, ev = { class: "flex-container flex-items-flex-none" }, tv = { class: "label inline" }, nv = { class: "flex-container flex-items-flex-none" }, iv = {
   class: "headline-demopage",
   id: "section-input-group"
-}, iv = { class: "flex-container" }, lv = { class: "button-wrapper flex-none" }, ov = ["disabled"], av = {
+}, lv = { class: "flex-container" }, ov = { class: "button-wrapper flex-none" }, av = ["disabled"], sv = {
   class: "headline-demopage",
   id: "section-bank-account-data"
-}, sv = {
+}, rv = {
   class: "headline-demopage",
   id: "section-basic-form"
-}, rv = { class: "headline-demopage" }, dv = { class: "navigation" }, uv = {
+}, dv = { class: "headline-demopage" }, uv = { class: "navigation" }, cv = {
   class: "headline-demopage",
   id: "section-breadcrumbs"
-}, cv = {
+}, mv = {
   class: "headline-demopage",
   id: "section-code-output"
-}, mv = {
+}, pv = {
   class: "headline-demopage",
   id: "section-company-logo"
-}, pv = {
+}, fv = {
   class: "headline-demopage",
   id: "section-container"
-}, fv = {
+}, hv = {
   class: "headline-demopage",
   id: "section-headlines"
-}, hv = {
+}, gv = {
   class: "headline-demopage",
   id: "section-image"
-}, gv = { class: "flex-container" }, yv = {
+}, yv = { class: "flex-container" }, bv = {
   class: "headline-demopage",
   id: "section-image-gallery"
-}, bv = {
+}, xv = {
   class: "headline-demopage",
   id: "section-link"
-}, xv = { class: "output" }, Cv = {
+}, Cv = { class: "output" }, vv = {
   class: "headline-demopage",
   id: "section-list"
-}, vv = { class: "output" }, kv = { class: "flex-container" }, wv = { class: "flex-container" }, Tv = {
+}, kv = { class: "output" }, wv = { class: "flex-container" }, Tv = { class: "flex-container" }, Sv = {
   class: "headline-demopage",
   id: "section-login-form"
-}, Sv = {
+}, _v = {
   class: "headline-demopage",
   id: "section-main-navigation"
-}, _v = {
+}, Ov = {
   class: "headline-demopage",
   id: "section-multistep-form-wrapper"
-}, Ov = ["onClick"], Lv = ["onClick"], Iv = ["onClick"], Bv = { class: "flex-container" }, Dv = ["onClick"], Mv = { key: 0 }, Fv = ["onClick"], Pv = { key: 0 }, Vv = ["onClick"], Av = { key: 0 }, Ev = { key: 0 }, Hv = { key: 0 }, qv = { class: "button-wrapper reverse justify-content-space-between" }, Rv = {
+}, Lv = ["onClick"], Iv = ["onClick"], Bv = ["onClick"], Dv = { class: "flex-container" }, Fv = ["onClick"], Mv = { key: 0 }, Pv = ["onClick"], Vv = { key: 0 }, Av = ["onClick"], Ev = { key: 0 }, Hv = { key: 0 }, qv = { key: 0 }, Rv = { class: "button-wrapper reverse justify-content-space-between" }, jv = {
   class: "headline-demopage",
   id: "section-multistep-form-progress-bar"
-}, jv = {
+}, Nv = {
   class: "headline-demopage",
   id: "section-newsletter-subscription"
-}, Nv = {
+}, Uv = {
   class: "headline-demopage",
   id: "section-opening-hours"
-}, Uv = {
+}, zv = {
   class: "headline-demopage",
   id: "section-page-footer"
-}, zv = {
+}, Wv = {
   class: "headline-demopage",
   id: "section-page-header"
-}, Wv = {
+}, Gv = {
   class: "headline-demopage",
   id: "section-pagination"
-}, Gv = {
+}, Kv = {
   class: "headline-demopage",
   id: "section-paragraph"
-}, Kv = {
+}, Yv = {
   class: "headline-demopage",
   id: "section-section"
-}, Yv = {
+}, Jv = {
   class: "headline-demopage",
   id: "section-site-header"
-}, Jv = {
+}, Zv = {
   class: "headline-demopage",
   id: "section-site-search"
-}, Zv = {
+}, Qv = {
   class: "headline-demopage",
   id: "section-slideshow"
-}, Qv = {
+}, Xv = {
   class: "headline-demopage",
   id: "section-smart-search"
-}, Xv = {
+}, $v = {
   class: "headline-demopage",
   id: "section-social-networks"
-}, $v = {
+}, ek = {
   class: "headline-demopage",
   id: "section-system-message"
-}, ek = {
+}, tk = {
   class: "headline-demopage",
   id: "section-tables"
-}, tk = {
+}, nk = {
   class: "headline-demopage",
   id: "section-tabs"
-}, nk = {
+}, ik = {
   class: "headline-demopage",
   id: "section-tag"
-}, ik = {
+}, lk = {
   class: "headline-demopage",
   id: "section-text-image-block"
-}, lk = { class: "flex-container" }, ok = {
+}, ok = { class: "flex-container" }, ak = {
   class: "headline-demopage",
   id: "section-thumbnail-scroller"
-}, ak = { class: "inline-size" }, sk = {
+}, sk = { class: "inline-size" }, rk = {
   class: "headline-demopage",
   id: "section-toggle-dark-mode"
-}, rk = {
+}, dk = {
   class: "headline-demopage",
   id: "section-tooltip"
-}, dk = {
+}, uk = {
   class: "headline-demopage",
   id: "section-upload-form"
-}, uk = {
+}, ck = {
   class: "headline-demopage",
   id: "section-width-limitation-wrapper"
-}, ck = {
+}, mk = {
   key: 2,
   id: "content"
 };
-function mk(e, t, n, s, i, l) {
-  const d = wn, u = Ni, c = ch, f = vn, g = zi, h = xh, w = Tl, x = Ai, _ = Gi, T = te, D = Rh, B = Wi, H = eh, M = Cn, U = Ei, G = fr, E = vr, R = Ri, W = Ui, Q = Tc, Z = Mc, le = Bm, me = Ji, ne = J, ie = K, se = ke, pe = Km, fe = $m, X = Pe, he = yp, A = qx, re = Zi, xe = _e("router-view"), Te = Zp, Oe = Xi, Ve = tf, de = Lf, st = Nf, rt = Kf, dt = Qi, ut = lx, je = lh, Ke = hh, ct = Ih, Y = Ah, Bl = $i, Dl = Kh, Ml = Re, Bn = lg, Fl = el, Pl = ji, Pt = Cg, Vl = Hi, Al = Tg, Vt = Pi, El = Lb, Hl = _l, ql = nm, Rl = Xc, jl = qd, Nl = Vb, Ul = Zl("fancybox");
+function pk(e, t, n, s, i, l) {
+  const d = wn, u = Ni, c = ch, f = vn, g = zi, h = xh, w = Tl, x = Ai, _ = Gi, T = te, D = Rh, B = Wi, H = eh, F = Cn, U = Ei, G = fr, E = vr, R = Ri, W = Ui, Q = Tc, Z = Fc, le = Bm, me = Ji, ne = J, ie = K, se = ke, pe = Km, fe = $m, X = Pe, he = yp, A = qx, re = Zi, xe = _e("router-view"), Te = Zp, Oe = Xi, Ve = tf, de = Lf, st = Nf, rt = Kf, dt = Qi, ut = lx, je = lh, Ke = hh, ct = Ih, Y = Ah, Bl = $i, Dl = Kh, Fl = Re, Bn = lg, Ml = el, Pl = ji, Pt = Cg, Vl = Hi, Al = Tg, Vt = Pi, El = Lb, Hl = _l, ql = nm, Rl = Xc, jl = qd, Nl = Vb, Ul = Zl("fancybox");
   return $((a(), r("div", {
     class: "page-wrapper",
     id: l.templateId
   }, [
-    t[330] || (t[330] = o("a", { id: "anchor-back-to-top" }, null, -1)),
+    t[327] || (t[327] = o("a", { id: "anchor-back-to-top" }, null, -1)),
     i.showLeftSidebar ? (a(), v(c, {
       key: 0,
       cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -23154,7 +23190,7 @@ function mk(e, t, n, s, i, l) {
               onToggleCollapse: (j) => b.boxToggled(0, j)
             }, {
               body: k(() => [
-                o("label", C1, [
+                o("label", v1, [
                   t[133] || (t[133] = o("span", null, "Select template", -1)),
                   $(o("select", {
                     id: "select-template",
@@ -23169,8 +23205,8 @@ function mk(e, t, n, s, i, l) {
                 ]),
                 o("div", null, [
                   t[137] || (t[137] = o("span", null, "Color Scheme", -1)),
-                  o("div", v1, [
-                    o("label", k1, [
+                  o("div", k1, [
+                    o("label", w1, [
                       $(o("input", {
                         type: "radio",
                         id: "default-color-scheme",
@@ -23182,7 +23218,7 @@ function mk(e, t, n, s, i, l) {
                       ]),
                       t[134] || (t[134] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
                     ]),
-                    o("label", w1, [
+                    o("label", T1, [
                       $(o("input", {
                         type: "radio",
                         id: "light-mode",
@@ -23194,7 +23230,7 @@ function mk(e, t, n, s, i, l) {
                       ]),
                       t[135] || (t[135] = o("span", { class: "label-text" }, "Light Mode", -1))
                     ]),
-                    o("label", T1, [
+                    o("label", S1, [
                       $(o("input", {
                         type: "radio",
                         id: "dark-mode",
@@ -23229,7 +23265,7 @@ function mk(e, t, n, s, i, l) {
                       href: l.sectionName(j),
                       onClick: (Ne) => l.updateSettingsSidebar(l.componentNameWithPrefix(j)),
                       title: "Go to component"
-                    }, y(l.readableComponentName(j)), 9, S1)
+                    }, y(l.readableComponentName(j)), 9, _1)
                   ], 2))), 128))
                 ])
               ]),
@@ -23251,7 +23287,7 @@ function mk(e, t, n, s, i, l) {
                     }, " Contact Information ")
                   ]),
                   o("li", null, [
-                    t[138] || (t[138] = F(" Multiple Lists Of Links ")),
+                    t[138] || (t[138] = M(" Multiple Lists Of Links ")),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -23268,7 +23304,7 @@ function mk(e, t, n, s, i, l) {
                     ])
                   ]),
                   o("li", null, [
-                    t[139] || (t[139] = F(" Multiple Box Wrapper ")),
+                    t[139] || (t[139] = M(" Multiple Box Wrapper ")),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -23291,7 +23327,7 @@ function mk(e, t, n, s, i, l) {
           ]),
           _: 1
         }, 8, ["openBoxesByDefault"]),
-        o("dl", _1, [
+        o("dl", O1, [
           t[140] || (t[140] = o("dt", null, "Frontend-Framework Version:", -1)),
           o("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
           t[141] || (t[141] = o("dt", null, "Component-Library Version:", -1)),
@@ -23299,7 +23335,7 @@ function mk(e, t, n, s, i, l) {
         ])
       ]),
       closed: k(() => [
-        o("div", O1, [
+        o("div", L1, [
           o("a", {
             href: "#",
             class: "button primary",
@@ -23347,7 +23383,7 @@ function mk(e, t, n, s, i, l) {
       ]),
       _: 1
     }),
-    i.componentView ? (a(), r("main", L1, [
+    i.componentView ? (a(), r("main", I1, [
       p(w, null, {
         default: k(() => t[146] || (t[146] = [
           o("h1", { class: "headline-demopage" }, "Components Overview", -1)
@@ -23356,7 +23392,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", I1, [
+          o("h2", B1, [
             t[147] || (t[147] = o("span", null, "Address Data", -1)),
             o("a", {
               href: "#",
@@ -23365,7 +23401,7 @@ function mk(e, t, n, s, i, l) {
               onClick: t[13] || (t[13] = S((b) => l.openSettingsSidebar("CmdAddressData"), ["prevent"]))
             })
           ]),
-          o("div", B1, [
+          o("div", D1, [
             p(x, L({
               ref: "CmdAddressData",
               addressData: i.addressData
@@ -23383,7 +23419,7 @@ function mk(e, t, n, s, i, l) {
           t[188] || (t[188] = o("h3", null, [
             o("span", null, "Form elements status:")
           ], -1)),
-          o("div", D1, [
+          o("div", F1, [
             o("ul", M1, [
               o("li", null, [
                 o("a", {
@@ -23393,7 +23429,7 @@ function mk(e, t, n, s, i, l) {
                   id: "status-default"
                 }, " Default ", 2)
               ]),
-              o("li", F1, [
+              o("li", P1, [
                 o("a", {
                   href: "#",
                   onClick: t[15] || (t[15] = S((b) => l.setStatus("error", !1), ["prevent"])),
@@ -23446,9 +23482,9 @@ function mk(e, t, n, s, i, l) {
             novalidate: "novalidate"
           }, {
             default: k(() => [
-              o("fieldset", P1, [
+              o("fieldset", V1, [
                 t[167] || (t[167] = o("legend", null, "Legend", -1)),
-                o("h2", V1, [
+                o("h2", A1, [
                   t[148] || (t[148] = o("span", null, "Form Element-Component", -1)),
                   o("a", {
                     href: "#",
@@ -23461,7 +23497,7 @@ function mk(e, t, n, s, i, l) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }), null, 16, ["status", "disabled"]),
-                o("div", A1, [
+                o("div", E1, [
                   p(T, {
                     labelText: "Input for datalist:",
                     element: "input",
@@ -23473,7 +23509,7 @@ function mk(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip"
                   }, null, 8, ["status", "disabled", "datalist"])
                 ]),
-                o("div", E1, [
+                o("div", H1, [
                   p(T, L({
                     labelText: "Input (type search (without search-button)):",
                     element: "input",
@@ -23496,7 +23532,7 @@ function mk(e, t, n, s, i, l) {
                   }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
                 ]),
                 t[168] || (t[168] = o("h3", null, "Inputfields in Columns", -1)),
-                o("div", H1, [
+                o("div", q1, [
                   p(T, {
                     element: "input",
                     type: "text",
@@ -23542,7 +23578,7 @@ function mk(e, t, n, s, i, l) {
                     disabled: i.disabledStatus
                   }, null, 8, ["modelValue", "status", "disabled"])
                 ]),
-                o("div", q1, [
+                o("div", R1, [
                   p(T, {
                     labelText: "Label for emailfield (with icon):",
                     element: "input",
@@ -23632,7 +23668,7 @@ function mk(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 t[169] || (t[169] = o("h3", null, "Searchfields", -1)),
-                o("div", R1, [
+                o("div", j1, [
                   p(T, {
                     element: "input",
                     labelText: "Label for inputfield (search) without search-button:",
@@ -23688,7 +23724,7 @@ function mk(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 t[171] || (t[171] = o("hr", null, null, -1)),
-                o("h3", j1, [
+                o("h3", N1, [
                   t[150] || (t[150] = o("span", null, "Fake Selects", -1)),
                   o("a", {
                     href: "#",
@@ -23697,7 +23733,7 @@ function mk(e, t, n, s, i, l) {
                     onClick: t[36] || (t[36] = S((b) => l.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
                   })
                 ]),
-                o("div", N1, [
+                o("div", U1, [
                   p(B, L({ ref: "CmdFakeSelect" }, e.cmdFakeSelectSettingsData, {
                     selectData: i.fakeSelectOptionsData,
                     modelValue: i.fakeSelectDefault,
@@ -23774,8 +23810,8 @@ function mk(e, t, n, s, i, l) {
                   class: C(["label", i.validationStatus])
                 }, [
                   t[153] || (t[153] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
-                  o("span", U1, [
-                    o("label", z1, [
+                  o("span", z1, [
+                    o("label", W1, [
                       t[151] || (t[151] = o("span", { class: "label-text" }, [
                         o("span", null, "Range Value:")
                       ], -1)),
@@ -23787,11 +23823,11 @@ function mk(e, t, n, s, i, l) {
                         min: "0",
                         max: "100",
                         id: "range-value"
-                      }, null, 10, W1), [
+                      }, null, 10, G1), [
                         [Wt, i.rangeValue]
                       ])
                     ]),
-                    o("label", G1, [
+                    o("label", K1, [
                       t[152] || (t[152] = o("span", { class: "label-text hidden" }, [
                         o("span", null, "Range Value")
                       ], -1)),
@@ -23803,7 +23839,7 @@ function mk(e, t, n, s, i, l) {
                         disabled: i.disabledStatus,
                         min: "0",
                         max: "100"
-                      }, null, 8, K1), [
+                      }, null, 8, Y1), [
                         [Wt, i.rangeValue]
                       ])
                     ])
@@ -23910,17 +23946,17 @@ function mk(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 o("p", null, [
-                  F(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
+                  M(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
                   t[154] || (t[154] = o("br", null, null, -1)),
-                  F(" checkbox with boolean: " + y(i.checkboxValue), 1),
+                  M(" checkbox with boolean: " + y(i.checkboxValue), 1),
                   t[155] || (t[155] = o("br", null, null, -1)),
-                  F(" checkboxes with values: " + y(i.checkboxValues), 1)
+                  M(" checkboxes with values: " + y(i.checkboxValues), 1)
                 ]),
                 t[179] || (t[179] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
                 t[180] || (t[180] = o("h3", null, "Checkboxes [native]", -1)),
-                o("div", Y1, [
+                o("div", J1, [
                   t[157] || (t[157] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
-                  o("div", J1, [
+                  o("div", Z1, [
                     p(T, {
                       element: "input",
                       labelText: "Label for checkbox with boolean",
@@ -23964,18 +24000,18 @@ function mk(e, t, n, s, i, l) {
                       disabled: i.disabledStatus
                     }, {
                       labeltext: k(() => t[156] || (t[156] = [
-                        F(" Labeltext with "),
+                        M(" Labeltext with "),
                         o("a", { href: "#" }, "link", -1),
-                        F(" given by slot ")
+                        M(" given by slot ")
                       ])),
                       _: 1
                     }, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
                 t[181] || (t[181] = o("h3", null, "Checkboxes (replaced)", -1)),
-                o("div", Z1, [
+                o("div", Q1, [
                   t[158] || (t[158] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
-                  o("div", Q1, [
+                  o("div", X1, [
                     p(T, {
                       element: "input",
                       labelText: "Label for replaced checkbox",
@@ -24003,9 +24039,9 @@ function mk(e, t, n, s, i, l) {
                   ])
                 ]),
                 t[182] || (t[182] = o("h3", null, "Radiobuttons [native]", -1)),
-                o("div", X1, [
+                o("div", $1, [
                   t[159] || (t[159] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
-                  o("div", $1, [
+                  o("div", ev, [
                     p(T, {
                       element: "input",
                       labelText: "Label for native radiobutton",
@@ -24034,9 +24070,9 @@ function mk(e, t, n, s, i, l) {
                 ]),
                 o("p", null, " Radiobuttons with values: " + y(i.radiobuttonValue), 1),
                 t[183] || (t[183] = o("h3", null, "Radiobuttons (replaced)", -1)),
-                o("div", ev, [
+                o("div", tv, [
                   t[160] || (t[160] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
-                  o("div", tv, [
+                  o("div", nv, [
                     p(T, {
                       element: "input",
                       labelText: "Label for replaced radiobutton",
@@ -24065,8 +24101,8 @@ function mk(e, t, n, s, i, l) {
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                o("h3", nv, [
-                  t[161] || (t[161] = F(" Input-Group ")),
+                o("h3", iv, [
+                  t[161] || (t[161] = M(" Input-Group ")),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -24074,7 +24110,7 @@ function mk(e, t, n, s, i, l) {
                     onClick: t[62] || (t[62] = S((b) => l.openSettingsSidebar("CmdInputGroup"), ["prevent"]))
                   })
                 ]),
-                p(M, L({ ref: "CmdInputGroup" }, e.cmdInputGroupSettingsData, {
+                p(F, L({ ref: "CmdInputGroup" }, e.cmdInputGroupSettingsData, {
                   labelText: "Grouplabel for radio-group given by property:",
                   inputElements: l.idForReplacedInputsInInputGroup("radio-group"),
                   modelValue: i.inputGroup,
@@ -24087,7 +24123,7 @@ function mk(e, t, n, s, i, l) {
                   ])
                 ]),
                 t[184] || (t[184] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
-                p(M, {
+                p(F, {
                   labelText: "Grouplabel for checkbox-group styled as toggle-switches (colored):",
                   inputElements: l.idForReplacedInputsInInputGroup("checkbox-group-toggle-switch"),
                   inputTypes: "checkbox",
@@ -24105,7 +24141,7 @@ function mk(e, t, n, s, i, l) {
                     o("output", null, y(i.inputGroupValueToggleSwitchCheckbox), 1)
                   ])
                 ]),
-                p(M, {
+                p(F, {
                   labelText: "Grouplabel for radio-group styled as toggle-switches:",
                   inputElements: l.idForReplacedInputsInInputGroup("radio-group-toggle-switch"),
                   inputTypes: "radio",
@@ -24122,7 +24158,7 @@ function mk(e, t, n, s, i, l) {
                     o("output", null, y(i.inputGroupValueToggleSwitchRadio), 1)
                   ])
                 ]),
-                p(M, {
+                p(F, {
                   labelText: "Grouplabel for radio-group given by property styled as multiple-switch:",
                   inputElements: l.idForReplacedInputsInInputGroup("radio-group-multiple-switch"),
                   inputTypes: "radio",
@@ -24138,7 +24174,7 @@ function mk(e, t, n, s, i, l) {
                     o("output", null, y(i.inputGroupValue3), 1)
                   ])
                 ]),
-                p(M, {
+                p(F, {
                   labelText: "Grouplabel for checkbox-group styled as multiple-switch (stretched horizontally):",
                   inputElements: i.inputGroupCheckboxes,
                   inputTypes: "checkbox",
@@ -24157,9 +24193,9 @@ function mk(e, t, n, s, i, l) {
                   ])
                 ])
               ]),
-              o("div", iv, [
+              o("div", lv, [
                 t[186] || (t[186] = o("small", null, "(values will not be submitted with the form!)", -1)),
-                o("div", lv, [
+                o("div", ov, [
                   p(T, {
                     element: "button",
                     nativeButton: { text: "Submit-button from component" },
@@ -24175,7 +24211,7 @@ function mk(e, t, n, s, i, l) {
                   }, t[185] || (t[185] = [
                     o("span", { class: "icon-check" }, null, -1),
                     o("span", null, "Native submit-button", -1)
-                  ]), 8, ov)
+                  ]), 8, av)
                 ])
               ])
             ]),
@@ -24190,7 +24226,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", av, [
+          o("h2", sv, [
             t[189] || (t[189] = o("span", null, "Bank Account Data", -1)),
             o("a", {
               href: "#",
@@ -24205,7 +24241,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", sv, [
+          o("h2", rv, [
             t[190] || (t[190] = o("span", null, "Basic Form", -1)),
             o("a", {
               href: "#",
@@ -24238,7 +24274,7 @@ function mk(e, t, n, s, i, l) {
       p(w, { anchorId: "section-boxes" }, {
         default: k(() => [
           t[211] || (t[211] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
-          o("h3", rv, [
+          o("h3", dv, [
             t[193] || (t[193] = o("span", null, "Default Box", -1)),
             o("a", {
               href: "#",
@@ -24294,7 +24330,7 @@ function mk(e, t, n, s, i, l) {
                 "cutoff-text-lines": 4
               }, {
                 body: k(() => t[197] || (t[197] = [
-                  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. ")
+                  M(" 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
               }),
@@ -24359,7 +24395,7 @@ function mk(e, t, n, s, i, l) {
                   o("h4", null, " Box with links ", -1)
                 ])),
                 body: k(() => [
-                  o("ul", dv, [
+                  o("ul", uv, [
                     o("li", null, [
                       o("a", {
                         href: "#",
@@ -24526,7 +24562,7 @@ function mk(e, t, n, s, i, l) {
                 onToggleCollapse: (ge) => b.boxToggled(j - 1, ge)
               }, {
                 body: k(() => [
-                  F(y(b.currentOpenBox) + "Content " + y(j), 1)
+                  M(y(b.currentOpenBox) + "Content " + y(j), 1)
                 ]),
                 _: 2
               }, 1032, ["cmdHeadline", "rowView", "openCollapsedBox", "onToggleCollapse"]))), 128))
@@ -24538,7 +24574,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, { "inner-component": "div" }, {
         default: k(() => [
-          o("h2", uv, [
+          o("h2", cv, [
             t[214] || (t[214] = o("span", null, "Breadcrumbs", -1)),
             o("a", {
               href: "#",
@@ -24557,7 +24593,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", cv, [
+          o("h2", mv, [
             t[215] || (t[215] = o("span", null, "Code Output", -1)),
             o("a", {
               href: "#",
@@ -24568,7 +24604,7 @@ function mk(e, t, n, s, i, l) {
           ]),
           p(Q, L({ ref: "CmdCodeOutput" }, e.cmdCodeOutputSettingsData), {
             default: k(() => [
-              F(y(i.cmdCodeOutputSlotContent), 1)
+              M(y(i.cmdCodeOutputSlotContent), 1)
             ]),
             _: 1
           }, 16)
@@ -24577,7 +24613,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", mv, [
+          o("h2", pv, [
             t[216] || (t[216] = o("span", null, "Company Logo", -1)),
             o("a", {
               href: "#",
@@ -24595,7 +24631,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", pv, [
+          o("h2", fv, [
             t[217] || (t[217] = o("span", null, "Containers", -1)),
             o("a", {
               href: "#",
@@ -24750,7 +24786,7 @@ function mk(e, t, n, s, i, l) {
             style: { "align-self": "flex-start" }
           }, t[231] || (t[231] = [
             o("img", {
-              src: h1,
+              src: g1,
               alt: "Alternative text"
             }, null, -1)
           ])),
@@ -24762,7 +24798,7 @@ function mk(e, t, n, s, i, l) {
             style: { "align-self": "flex-start" }
           }, t[232] || (t[232] = [
             o("img", {
-              src: g1,
+              src: y1,
               alt: "Alternative text"
             }, null, -1)
           ])),
@@ -24778,7 +24814,7 @@ function mk(e, t, n, s, i, l) {
             style: { "align-self": "flex-start" }
           }, t[233] || (t[233] = [
             o("img", {
-              src: y1,
+              src: b1,
               alt: "Alternative text"
             }, null, -1)
           ]))
@@ -24850,7 +24886,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", fv, [
+          o("h2", hv, [
             t[243] || (t[243] = o("span", null, "Headlines", -1)),
             o("a", {
               href: "#",
@@ -24876,9 +24912,9 @@ function mk(e, t, n, s, i, l) {
             headlineLevel: "3"
           }, {
             default: k(() => t[244] || (t[244] = [
-              F(" Headline text"),
+              M(" Headline text"),
               o("br", null, null, -1),
-              F(" with html-content given by slot ")
+              M(" with html-content given by slot ")
             ])),
             _: 1
           }, 512)
@@ -24918,7 +24954,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", hv, [
+          o("h2", gv, [
             t[251] || (t[251] = o("span", null, "Image", -1)),
             o("a", {
               href: "#",
@@ -24927,7 +24963,7 @@ function mk(e, t, n, s, i, l) {
               onClick: t[86] || (t[86] = S((b) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
             })
           ]),
-          o("div", gv, [
+          o("div", yv, [
             p(se, L({
               ref: "CmdImage",
               image: i.imageData[0].image,
@@ -24943,7 +24979,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", yv, [
+          o("h2", bv, [
             t[252] || (t[252] = o("span", null, "Image-Gallery", -1)),
             o("a", {
               href: "#",
@@ -24976,7 +25012,7 @@ function mk(e, t, n, s, i, l) {
         default: k(() => {
           var b, j, ge, Ne, Ye, Je;
           return [
-            o("h2", bv, [
+            o("h2", xv, [
               t[254] || (t[254] = o("span", null, "Link", -1)),
               o("a", {
                 href: "#",
@@ -25044,7 +25080,7 @@ function mk(e, t, n, s, i, l) {
               fancybox: !0,
               icon: { iconClass: "icon-chevron-one-stripe-right", position: "right", tooltip: "Tooltip for hyperlink" }
             })) : m("", !0),
-            o("dl", xv, [
+            o("dl", Cv, [
               t[255] || (t[255] = o("dt", null, "Event:", -1)),
               o("dd", null, y((j = (b = i.outputCmdLink) == null ? void 0 : b.event) == null ? void 0 : j.originalEvent.originalEvent), 1),
               t[256] || (t[256] = o("dt", null, "Target:", -1)),
@@ -25060,7 +25096,7 @@ function mk(e, t, n, s, i, l) {
         default: k(() => {
           var b, j, ge, Ne, Ye, Je;
           return [
-            o("h2", Cv, [
+            o("h2", vv, [
               t[258] || (t[258] = o("span", null, "List", -1)),
               o("a", {
                 href: "#",
@@ -25077,7 +25113,7 @@ function mk(e, t, n, s, i, l) {
               listContentType: "links",
               onClick: l.cmdLinkOutput
             }), null, 16, ["items", "onClick"]),
-            o("dl", vv, [
+            o("dl", kv, [
               t[259] || (t[259] = o("dt", null, "Event:", -1)),
               o("dd", null, y((j = (b = i.outputCmdLink) == null ? void 0 : b.event) == null ? void 0 : j.originalEvent), 1),
               t[260] || (t[260] = o("dt", null, "Target:", -1)),
@@ -25091,7 +25127,7 @@ function mk(e, t, n, s, i, l) {
               orientation: "horizontal",
               listContentType: "images"
             }, null, 8, ["items"]),
-            o("div", kv, [
+            o("div", wv, [
               p(f, {
                 cmdHeadline: { headlineText: "List of tags (default)", headlineLevel: 3 },
                 items: i.listOfTagsData,
@@ -25121,7 +25157,7 @@ function mk(e, t, n, s, i, l) {
               }, null, 8, ["items"])
             ]),
             t[262] || (t[262] = o("h3", null, "Description Lists", -1)),
-            o("div", wv, [
+            o("div", Tv, [
               p(f, {
                 listType: "description",
                 cmdHeadline: { headlineText: "List with text", headlineLevel: 4 },
@@ -25145,7 +25181,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Tv, [
+          o("h2", Sv, [
             t[263] || (t[263] = o("span", null, "Login Form", -1)),
             o("a", {
               href: "#",
@@ -25185,7 +25221,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Sv, [
+          o("h2", _v, [
             t[265] || (t[265] = o("span", null, "Main Navigation", -1)),
             o("a", {
               href: "#",
@@ -25201,7 +25237,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", _v, [
+          o("h2", Ov, [
             t[266] || (t[266] = o("span", null, "Multistepform-Wrapper", -1)),
             o("a", {
               href: "#",
@@ -25210,82 +25246,92 @@ function mk(e, t, n, s, i, l) {
               onClick: t[94] || (t[94] = S((b) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
             })
           ]),
-          t[280] || (t[280] = o("h3", null, "Data provided by property", -1)),
+          t[277] || (t[277] = o("h3", null, "Data provided by property", -1)),
           p(Te, null, {
             "page-1": k((b) => [
-              t[267] || (t[267] = F(" Content Page 1")),
-              t[268] || (t[268] = o("br", null, null, -1)),
+              p(U, {
+                formElements: i.multistepFormWrapperPage1Data,
+                useSlot: !1,
+                onValidationStatusChange: (j) => l.toggleSystemMessage(j, b),
+                submitButtonOptions: { show: !1 }
+              }, null, 8, ["formElements", "onValidationStatusChange"]),
               o("a", {
                 href: "#",
                 onClick: S((j) => b.setErrorOnPage("This is an error!"), ["prevent"])
-              }, "Set Error", 8, Ov),
-              t[269] || (t[269] = o("br", null, null, -1)),
+              }, "Set Error", 8, Lv),
+              t[267] || (t[267] = o("br", null, null, -1)),
               o("a", {
                 href: "#",
                 onClick: S(b.removeErrorOnPage, ["prevent"])
-              }, "Remove Error", 8, Lv)
+              }, "Remove Error", 8, Iv)
             ]),
             "page-2": k((b) => [
-              t[270] || (t[270] = F(" Content Page 2")),
-              t[271] || (t[271] = o("br", null, null, -1)),
+              t[268] || (t[268] = M(" Content Page 2")),
+              t[269] || (t[269] = o("br", null, null, -1)),
               o("a", {
                 href: "#",
                 onClick: S((j) => b.setErrorOnPage("This is an error!"), ["prevent"])
-              }, "Set Error", 8, Iv)
+              }, "Set Error", 8, Bv)
             ]),
-            "page-3": k(() => t[272] || (t[272] = [
-              F(" Content Page 3 ")
+            "page-3": k(() => t[270] || (t[270] = [
+              M(" Content Page 3 ")
             ])),
-            "page-4": k(() => t[273] || (t[273] = [
-              F(" Content Page 4 ")
-            ])),
-            "page-5": k(() => t[274] || (t[274] = [
-              F(" Content Page 5 ")
+            "page-4": k(() => t[271] || (t[271] = [
+              M(" Content Page 4 ")
             ])),
+            "page-5": k((b) => [
+              p(U, {
+                formElements: i.multistepFormWrapperPage1Data,
+                useSlot: !1,
+                onValidationStatusChange: (j) => l.toggleSystemMessage(j, b),
+                submitButton: { disabled: b.atleastOnePageWithError }
+              }, null, 8, ["formElements", "onValidationStatusChange", "submitButton"]),
+              M(" props.atleastOnPageWithError: " + y(b.atleastOnePageWithError), 1)
+            ]),
             _: 1
           }),
-          t[281] || (t[281] = o("h3", null, "Data provided by slot", -1)),
+          t[278] || (t[278] = o("h3", null, "Data provided by slot", -1)),
           p(Te, null, {
             "progress-bar": k((b) => [
-              o("ul", Bv, [
+              o("ul", Dv, [
                 (a(!0), r(O, null, q(b.numberOfPages, (j) => (a(), r("li", { key: j }, [
                   o("a", {
                     href: "#",
                     onClick: S((ge) => b.setErrorOnPage("This is an error!"), ["prevent"])
-                  }, y(j), 9, Dv)
+                  }, y(j), 9, Fv)
                 ]))), 128))
               ])
             ]),
             "page-1": k((b) => [
-              t[275] || (t[275] = F(" Content Page 1 ")),
+              t[272] || (t[272] = M(" Content Page 1 ")),
               b.hasError ? (a(), r("span", Mv, "Error")) : m("", !0),
               o("a", {
                 href: "#",
                 onClick: S((j) => b.setErrorOnPage("This is an error!"), ["prevent"])
-              }, "Set Error", 8, Fv)
+              }, "Set Error", 8, Pv)
             ]),
             "page-2": k((b) => [
-              t[276] || (t[276] = F(" Content Page 2 ")),
-              b.hasError ? (a(), r("span", Pv, "Error")) : m("", !0),
+              t[273] || (t[273] = M(" Content Page 2 ")),
+              b.hasError ? (a(), r("span", Vv, "Error")) : m("", !0),
               o("a", {
                 href: "#",
                 onClick: S((j) => b.setErrorOnPage("This is an error!"), ["prevent"])
-              }, "Set Error", 8, Vv)
+              }, "Set Error", 8, Av)
             ]),
             "page-3": k((b) => [
-              t[277] || (t[277] = F(" Content Page 3 ")),
-              b.hasError ? (a(), r("span", Av, "Error")) : m("", !0)
+              t[274] || (t[274] = M(" Content Page 3 ")),
+              b.hasError ? (a(), r("span", Ev, "Error")) : m("", !0)
             ]),
             "page-4": k((b) => [
-              t[278] || (t[278] = F(" Content Page 4 ")),
-              b.hasError ? (a(), r("span", Ev, "Error")) : m("", !0)
+              t[275] || (t[275] = M(" Content Page 4 ")),
+              b.hasError ? (a(), r("span", Hv, "Error")) : m("", !0)
             ]),
             "page-5": k((b) => [
-              t[279] || (t[279] = F(" Content Page 5 ")),
-              b.hasError ? (a(), r("span", Hv, "Error")) : m("", !0)
+              t[276] || (t[276] = M(" Content Page 5 ")),
+              b.hasError ? (a(), r("span", qv, "Error")) : m("", !0)
             ]),
             pagination: k((b) => [
-              o("div", qv, [
+              o("div", Rv, [
                 p(X, {
                   linkType: "button",
                   highlightLevel: "none",
@@ -25318,7 +25364,7 @@ function mk(e, t, n, s, i, l) {
                   onClick: b.setPrevPage,
                   disabled: b.disabledPrevLink
                 }, null, 8, ["onClick", "disabled"]),
-                F(" props.disabledPrevLink: " + y(b.disabledPrevLink), 1)
+                M(" props.disabledPrevLink: " + y(b.disabledPrevLink), 1)
               ])
             ]),
             _: 1
@@ -25328,8 +25374,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Rv, [
-            t[282] || (t[282] = o("span", null, "Multistepform-Progressbar", -1)),
+          o("h2", jv, [
+            t[279] || (t[279] = o("span", null, "Multistepform-Progressbar", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25337,14 +25383,14 @@ function mk(e, t, n, s, i, l) {
               onClick: t[95] || (t[95] = S((b) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
             })
           ]),
-          t[283] || (t[283] = o("h3", null, "Steps with icons", -1)),
+          t[280] || (t[280] = o("h3", null, "Steps with icons", -1)),
           p(Oe, L({
             ref: "CmdMultistepFormProgressBar",
             multisteps: i.multistepsData.withIcon
           }, e.cmdMultistepFormProgressBarSettingsData, {
             onClick: t[96] || (t[96] = (b) => i.showPageMultistep = b.index + 1)
           }), null, 16, ["multisteps"]),
-          t[284] || (t[284] = o("h3", null, "Router", -1)),
+          t[281] || (t[281] = o("h3", null, "Router", -1)),
           p(Oe, L({
             ref: "CmdMultistepFormProgressBar",
             multisteps: i.multistepsData.router
@@ -25359,8 +25405,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", jv, [
-            t[285] || (t[285] = o("span", null, "Newsletter Subscription", -1)),
+          o("h2", Nv, [
+            t[282] || (t[282] = o("span", null, "Newsletter Subscription", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25383,8 +25429,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Nv, [
-            t[286] || (t[286] = o("span", null, "Opening Hours", -1)),
+          o("h2", Uv, [
+            t[283] || (t[283] = o("span", null, "Opening Hours", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25402,8 +25448,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Uv, [
-            t[287] || (t[287] = o("span", null, "Page Footer", -1)),
+          o("h2", zv, [
+            t[284] || (t[284] = o("span", null, "Page Footer", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25415,7 +25461,7 @@ function mk(e, t, n, s, i, l) {
             "button-print-view": { text: "Print this page" },
             cmdSocialNetworks: i.socialNetworksData
           }), {
-            default: k(() => t[288] || (t[288] = [
+            default: k(() => t[285] || (t[285] = [
               o("button", {
                 class: "button primary",
                 title: "Button given by slot"
@@ -25431,8 +25477,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", zv, [
-            t[289] || (t[289] = o("span", null, "Page Header", -1)),
+          o("h2", Wv, [
+            t[286] || (t[286] = o("span", null, "Page Header", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25445,7 +25491,7 @@ function mk(e, t, n, s, i, l) {
             cmdBreadcrumbs: i.breadcrumbsData,
             cmdHeadline: { headlineText: "Main headline for page", headlineLevel: 1 }
           }, {
-            default: k(() => t[290] || (t[290] = [
+            default: k(() => t[287] || (t[287] = [
               o("a", {
                 href: "#",
                 title: "Link given by slot"
@@ -25461,8 +25507,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Wv, [
-            t[291] || (t[291] = o("span", null, "Pagination", -1)),
+          o("h2", Gv, [
+            t[288] || (t[288] = o("span", null, "Pagination", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25481,8 +25527,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Gv, [
-            t[292] || (t[292] = o("span", null, "Paragraph", -1)),
+          o("h2", Kv, [
+            t[289] || (t[289] = o("span", null, "Paragraph", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25496,8 +25542,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Kv, [
-            t[293] || (t[293] = o("span", null, "Section", -1)),
+          o("h2", Yv, [
+            t[290] || (t[290] = o("span", null, "Section", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25505,25 +25551,25 @@ function mk(e, t, n, s, i, l) {
               onClick: t[106] || (t[106] = S((b) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
             })
           ]),
-          t[296] || (t[296] = o("h3", null, "Section with content provided by properties", -1)),
+          t[293] || (t[293] = o("h3", null, "Section with content provided by properties", -1)),
           p(je, {
             cmdHeadline: { headlineText: "Headline for section provided by property", headlineLevel: 4 },
             content: "Content for section provided by property."
           }),
-          t[297] || (t[297] = o("h3", null, "Section with content provided by slot", -1)),
+          t[294] || (t[294] = o("h3", null, "Section with content provided by slot", -1)),
           p(je, { useSlot: !0 }, {
-            default: k(() => t[294] || (t[294] = [
+            default: k(() => t[291] || (t[291] = [
               o("h4", null, "Headline for section provided by slot", -1),
               o("p", null, "Content for section provided by slot.", -1)
             ])),
             _: 1
           }),
-          t[298] || (t[298] = o("h3", null, "Section styled as box", -1)),
+          t[295] || (t[295] = o("h3", null, "Section styled as box", -1)),
           p(je, {
             useSlot: !0,
             styleAsBox: !0
           }, {
-            default: k(() => t[295] || (t[295] = [
+            default: k(() => t[292] || (t[292] = [
               o("h4", null, "Headline for section styled as box", -1),
               o("p", null, "Content for section styled as box.", -1)
             ])),
@@ -25534,7 +25580,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[299] || (t[299] = o("h2", {
+          t[296] || (t[296] = o("h2", {
             class: "headline-demopage",
             id: "section-site-footer"
           }, "Site Footer", -1)),
@@ -25555,8 +25601,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Yv, [
-            t[300] || (t[300] = o("span", null, "Site Header", -1)),
+          o("h2", Jv, [
+            t[297] || (t[297] = o("span", null, "Site Header", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25579,8 +25625,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Jv, [
-            t[301] || (t[301] = o("span", null, "Site Search", -1)),
+          o("h2", Zv, [
+            t[298] || (t[298] = o("span", null, "Site Search", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25605,8 +25651,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Zv, [
-            t[302] || (t[302] = o("span", null, "Slideshow", -1)),
+          o("h2", Qv, [
+            t[299] || (t[299] = o("span", null, "Slideshow", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25615,8 +25661,8 @@ function mk(e, t, n, s, i, l) {
             })
           ]),
           p(Y, L({ ref: "CmdSlideshow" }, e.cmdSlideshowSettingsData, { "slideshow-items": i.slideshowData }), {
-            default: k(() => t[303] || (t[303] = [
-              F(" Slot-Content ")
+            default: k(() => t[300] || (t[300] = [
+              M(" Slot-Content ")
             ])),
             _: 1
           }, 16, ["slideshow-items"])
@@ -25625,8 +25671,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Qv, [
-            t[304] || (t[304] = o("span", null, "Smart Search", -1)),
+          o("h2", Xv, [
+            t[301] || (t[301] = o("span", null, "Smart Search", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25634,13 +25680,13 @@ function mk(e, t, n, s, i, l) {
               onClick: t[114] || (t[114] = S((b) => l.openSettingsSidebar("CmdSmartSearch"), ["prevent"]))
             })
           ]),
-          F(" smartSearchString: " + y(i.smartSearchString) + " ", 1),
+          M(" smartSearchString: " + y(i.smartSearchString) + " ", 1),
           p(D, L({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
             listOfRecommendations: i.smartSearchData.listOfRecommendations,
             modelValue: i.smartSearchString,
             "onUpdate:modelValue": t[115] || (t[115] = (b) => i.smartSearchString = b)
           }), null, 16, ["listOfRecommendations", "modelValue"]),
-          F(" smartSearchObject: " + y(i.smartSearchObject) + " ", 1),
+          M(" smartSearchObject: " + y(i.smartSearchObject) + " ", 1),
           p(D, L({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
             listOfRecommendations: i.smartSearchData.listOfRecommendations,
             modelValue: i.smartSearchObject,
@@ -25651,8 +25697,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Xv, [
-            t[305] || (t[305] = o("span", null, "Social Networks", -1)),
+          o("h2", $v, [
+            t[302] || (t[302] = o("span", null, "Social Networks", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25666,7 +25712,7 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[306] || (t[306] = o("h2", {
+          t[303] || (t[303] = o("h2", {
             class: "headline-demopage",
             id: "section-switch-language"
           }, "Switch Language", -1)),
@@ -25681,8 +25727,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", $v, [
-            t[307] || (t[307] = o("span", null, "System Message", -1)),
+          o("h2", ek, [
+            t[304] || (t[304] = o("span", null, "System Message", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25690,14 +25736,14 @@ function mk(e, t, n, s, i, l) {
               onClick: t[118] || (t[118] = S((b) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
             })
           ]),
-          p(Ml, L({ ref: "CmdSystemMessage" }, e.cmdSystemMessageSettingsData, { iconMessage: { iconClass: "icon-error-circle", show: !0 } }), null, 16)
+          p(Fl, L({ ref: "CmdSystemMessage" }, e.cmdSystemMessageSettingsData, { iconMessage: { iconClass: "icon-error-circle", show: !0 } }), null, 16)
         ]),
         _: 1
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", ek, [
-            t[308] || (t[308] = o("span", null, "Tables", -1)),
+          o("h2", tk, [
+            t[305] || (t[305] = o("span", null, "Tables", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25705,9 +25751,9 @@ function mk(e, t, n, s, i, l) {
               onClick: t[119] || (t[119] = S((b) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
             })
           ]),
-          t[309] || (t[309] = o("h3", null, "Table as wide as its content (with caption)", -1)),
+          t[306] || (t[306] = o("h3", null, "Table as wide as its content (with caption)", -1)),
           p(Bn, L({ ref: "CmdTable" }, e.cmdTableSettingsData, { "table-data": i.tableDataLarge }), null, 16, ["table-data"]),
-          t[310] || (t[310] = o("h3", null, "Table as wide as possible", -1)),
+          t[307] || (t[307] = o("h3", null, "Table as wide as possible", -1)),
           p(Bn, {
             collapsible: !0,
             fullWidthOnDefault: !1,
@@ -25719,8 +25765,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", tk, [
-            t[311] || (t[311] = o("span", null, "Tabs", -1)),
+          o("h2", nk, [
+            t[308] || (t[308] = o("span", null, "Tabs", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25728,16 +25774,16 @@ function mk(e, t, n, s, i, l) {
               onClick: t[120] || (t[120] = S((b) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
             })
           ]),
-          p(Fl, L({ ref: "CmdTabs" }, e.cmdTabsSettingsData, { tabs: i.tabsData }), {
-            "tab-content-0": k(() => t[312] || (t[312] = [
+          p(Ml, L({ ref: "CmdTabs" }, e.cmdTabsSettingsData, { tabs: i.tabsData }), {
+            "tab-content-0": k(() => t[309] || (t[309] = [
               o("h4", null, "Tab 1 headline", -1),
               o("p", null, "Slot-Content Tab 1", -1)
             ])),
-            "tab-content-1": k(() => t[313] || (t[313] = [
+            "tab-content-1": k(() => t[310] || (t[310] = [
               o("h4", null, "Tab 2 headline", -1),
               o("p", null, "Slot-Content Tab 2", -1)
             ])),
-            "tab-content-2": k(() => t[314] || (t[314] = [
+            "tab-content-2": k(() => t[311] || (t[311] = [
               o("h4", null, "Tab 3 headline", -1),
               o("p", null, "Slot-Content Tab 3", -1)
             ])),
@@ -25748,8 +25794,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", nk, [
-            t[315] || (t[315] = o("span", null, "Tag", -1)),
+          o("h2", ik, [
+            t[312] || (t[312] = o("span", null, "Tag", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25763,8 +25809,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", ik, [
-            t[316] || (t[316] = o("span", null, "Text-Image-Block", -1)),
+          o("h2", lk, [
+            t[313] || (t[313] = o("span", null, "Text-Image-Block", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25772,7 +25818,7 @@ function mk(e, t, n, s, i, l) {
               onClick: t[122] || (t[122] = S((b) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
             })
           ]),
-          o("div", lk, [
+          o("div", ok, [
             p(Pt, {
               cmdHeadline: { headlineText: "Text-Image-Block (with html-text)", headlineLevel: 3 },
               htmlContent: "<p>This text is given as html-text and show below an optional image.</p>"
@@ -25817,8 +25863,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", ok, [
-            t[317] || (t[317] = o("span", null, "Thumbnail-Scroller", -1)),
+          o("h2", ak, [
+            t[314] || (t[314] = o("span", null, "Thumbnail-Scroller", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25830,7 +25876,7 @@ function mk(e, t, n, s, i, l) {
           o("p", null, " date (DMY): " + y(l.formatDate("2025-01-28", "dmy")), 1),
           o("p", null, " date (MDY): " + y(l.formatDate("2025-01-28", "mdy", "/")), 1),
           o("p", null, " date (invalid)): " + y(l.formatDate("invalid")), 1),
-          o("div", ak, [
+          o("div", sk, [
             p(Vl, L({ ref: "CmdThumbnailScroller" }, e.cmdThumbnailScrollerSettingsData, { thumbnailScrollerItems: l.thumbnailScrollerData }), null, 16, ["thumbnailScrollerItems"])
           ])
         ]),
@@ -25838,8 +25884,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", sk, [
-            t[318] || (t[318] = o("span", null, "Toggle Dark-Mode", -1)),
+          o("h2", rk, [
+            t[315] || (t[315] = o("span", null, "Toggle Dark-Mode", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25853,8 +25899,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", rk, [
-            t[319] || (t[319] = o("span", null, "Tooltip", -1)),
+          o("h2", dk, [
+            t[316] || (t[316] = o("span", null, "Tooltip", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25869,14 +25915,14 @@ function mk(e, t, n, s, i, l) {
               }, ["prevent"])),
               id: "show-on-hover"
             }, "Show tooltip on hover!"),
-            t[320] || (t[320] = o("br", null, null, -1)),
+            t[317] || (t[317] = o("br", null, null, -1)),
             o("a", {
               href: "#",
               onClick: t[127] || (t[127] = S(() => {
               }, ["prevent"])),
               id: "show-with-delay"
             }, "Show tooltip on hover with delay!"),
-            t[321] || (t[321] = o("br", null, null, -1)),
+            t[318] || (t[318] = o("br", null, null, -1)),
             o("a", {
               href: "#",
               onClick: t[128] || (t[128] = S(() => {
@@ -25889,8 +25935,8 @@ function mk(e, t, n, s, i, l) {
             ref: "CmdTooltip",
             "related-id": "show-on-hover"
           }, e.cmdTooltipSettingsData), {
-            default: k(() => t[322] || (t[322] = [
-              F(" Tooltip on hover ")
+            default: k(() => t[319] || (t[319] = [
+              M(" Tooltip on hover ")
             ])),
             _: 1
           }, 16),
@@ -25898,8 +25944,8 @@ function mk(e, t, n, s, i, l) {
             "delay-to-show-tooltip": 2e3,
             "related-id": "show-with-delay"
           }, {
-            default: k(() => t[323] || (t[323] = [
-              F(" Tooltip on hover with delay ")
+            default: k(() => t[320] || (t[320] = [
+              M(" Tooltip on hover with delay ")
             ])),
             _: 1
           }),
@@ -25908,8 +25954,8 @@ function mk(e, t, n, s, i, l) {
             "toggle-visibility-by-click": !0,
             allowEscapeKey: !0
           }, {
-            default: k(() => t[324] || (t[324] = [
-              F(" Tooltip on click ")
+            default: k(() => t[321] || (t[321] = [
+              M(" Tooltip on click ")
             ])),
             _: 1
           })
@@ -25918,8 +25964,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", dk, [
-            t[325] || (t[325] = o("span", null, "Upload-Form", -1)),
+          o("h2", uk, [
+            t[322] || (t[322] = o("span", null, "Upload-Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25933,8 +25979,8 @@ function mk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", uk, [
-            t[326] || (t[326] = o("span", null, "Width Limitation Wrapper", -1)),
+          o("h2", ck, [
+            t[323] || (t[323] = o("span", null, "Width Limitation Wrapper", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -25946,7 +25992,7 @@ function mk(e, t, n, s, i, l) {
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdWidthLimitationWrapper"
           }, e.cmdWidthLimitationWrapperSettingsData), {
-            default: k(() => t[327] || (t[327] = [
+            default: k(() => t[324] || (t[324] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
@@ -25956,9 +26002,9 @@ function mk(e, t, n, s, i, l) {
         ]),
         _: 1
       })
-    ])) : (a(), r("main", ck, [
+    ])) : (a(), r("main", mk, [
       p(w, null, {
-        default: k(() => t[328] || (t[328] = [
+        default: k(() => t[325] || (t[325] = [
           o("h1", { class: "headline-demopage" }, "Page Overview", -1)
         ])),
         _: 1
@@ -25966,8 +26012,8 @@ function mk(e, t, n, s, i, l) {
       p(Hl)
     ])),
     p(Ke, null, {
-      default: k(() => t[329] || (t[329] = [
-        F(" Slot-Content for Site-Footer ")
+      default: k(() => t[326] || (t[326] = [
+        M(" Slot-Content for Site-Footer ")
       ])),
       _: 1
     }),
@@ -26009,11 +26055,11 @@ function mk(e, t, n, s, i, l) {
       ]),
       _: 1
     }, 8, ["openSidebar", "onToggleSidebar"])) : m("", !0)
-  ], 8, x1)), [
+  ], 8, C1)), [
     [Ul]
   ]);
 }
-const wk = /* @__PURE__ */ P(b1, [["render", mk]]), Tk = {
+const Tk = /* @__PURE__ */ P(x1, [["render", pk]]), Sk = {
   // el = real dom-element
   mounted(e) {
     if (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A")
@@ -26023,7 +26069,7 @@ const wk = /* @__PURE__ */ P(b1, [["render", mk]]), Tk = {
       t ? t.focus() : console.warn("No input-element for focus-directive on element " + e.tagName + " found!");
     }
   }
-}, Sk = {
+}, _k = {
   // el = real dom-element
   // binding.value = value of v-directive
   mounted(e, t) {
@@ -26039,8 +26085,8 @@ function Il(e) {
       n.preventDefault(), Se({ url: e[t].href });
     }), e[t].dataset.cmdFancyBoxHandlerRegistered = "true");
 }
-const pt = new MutationObserver(pk);
-function pk(e) {
+const pt = new MutationObserver(fk);
+function fk(e) {
   const t = [];
   for (let n = 0; n < e.length; n++)
     if (e[n].type === "attributes")
@@ -26051,7 +26097,7 @@ function pk(e) {
     }
   t.length > 0 && Il(t);
 }
-const _k = (e) => {
+const Ok = (e) => {
   const t = e.querySelectorAll(".fancybox");
   Il(t), pt == null || pt.disconnect(), pt.observe(e, {
     subtree: !0,
@@ -26063,16 +26109,16 @@ const _k = (e) => {
     characterData: !1
   });
 };
-function Ok(e) {
+function Lk(e) {
   return e ? e.slice(0, 1).toUpperCase() + e.slice(1) : "";
 }
-function Lk(e) {
+function Ik(e) {
   return e ? e.charAt(0).toLowerCase() + e.slice(1) : "";
 }
-function Ik(...e) {
+function Bk(...e) {
   return e.filter((t) => typeof t == "string").map((t) => t.trim()).filter((t) => t.length > 0).join(" ");
 }
-function Bk() {
+function Dk() {
   const e = {};
   Xl(s);
   function t(i = "defaultSequence") {
@@ -26087,19 +26133,19 @@ function Bk() {
   }
   return { nextSequenceValue: t, currentSequenceValue: n, resetSequence: s };
 }
-function fk(e, t, n) {
+function hk(e, t, n) {
   $l(() => e.addEventListener(t, n)), eo(() => e.removeEventListener(t, n));
 }
 function rn(e) {
   return e.offsetParent ? e.offsetTop + rn(e.offsetParent) : e.offsetTop;
 }
-function hk(e) {
+function gk(e) {
   return e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [];
 }
-function gk(e, t) {
+function yk(e, t) {
   if (!t.length) {
     const n = e();
-    hk(n).map((s, i) => {
+    gk(n).map((s, i) => {
       const l = {
         offsetTop: rn(s)
       };
@@ -26107,16 +26153,16 @@ function gk(e, t) {
     }).forEach((s) => t.push(s));
   }
 }
-function Dk(e, t = 0) {
+function Fk(e, t = 0) {
   const n = [], s = to({
     activeItem: t,
     reset() {
       this.activeItem = 0, n.length = 0;
     }
   });
-  return fk(window, "scroll", () => {
+  return hk(window, "scroll", () => {
     const i = window.scrollY;
-    gk(e, n);
+    yk(e, n);
     for (let l = 0, d = n.length; l < d; l++)
       if (i < n[l].offsetTop + n[l].height / 2) {
         s.activeItem = l;
@@ -26134,7 +26180,7 @@ export {
   Ui as CmdBreadcrumbs,
   Tc as CmdCodeOutput,
   zi as CmdCompanyLogo,
-  Mc as CmdContainer,
+  Fc as CmdContainer,
   Xc as CmdCookieDisclaimer,
   nm as CmdCopyrightInformation,
   Wi as CmdFakeSelect,
@@ -26182,30 +26228,30 @@ export {
   gn as CmdTooltipForFormElements,
   Lb as CmdUploadForm,
   Tl as CmdWidthLimitationWrapper,
-  wk as ComponentLibrary,
+  Tk as ComponentLibrary,
   Yb as ContactInformation,
-  _k as DirFancybox,
-  Tk as DirFocus,
-  Sk as DirTelephone,
+  Ok as DirFancybox,
+  Sk as DirFocus,
+  _k as DirTelephone,
   qe as EditComponentWrapper,
   ce as I18n,
   qb as MultipleBoxWrapper,
   Ub as MultipleListsOfLinks,
-  Ok as capitalizeFirstLetter,
+  Lk as capitalizeFirstLetter,
   Vi as createHtmlId,
   it as createUuid,
-  xk as currentDate,
-  Ck as currentTime,
+  Ck as currentDate,
+  vk as currentTime,
   Ol as formatDate,
   ax as formatTime,
-  Ik as fullName,
+  Bk as fullName,
   Yi as getCookieDisclaimerCookie,
-  vk as getDate,
+  kk as getDate,
   $e as getFileExtension,
-  kk as getWeekday,
-  Lk as lowercaseFirstLetter,
+  wk as getWeekday,
+  Ik as lowercaseFirstLetter,
   Se as openFancyBox,
   Hm as setCookieDisclaimerCookie,
-  Dk as useScrollspy,
-  Bk as useSequence
+  Fk as useScrollspy,
+  Dk as useSequence
 };