comand-component-library 4.2.72 → 4.2.74

package/dist/comand-component-library.js

@@ -1,8 +1,8 @@
 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 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 = "") => {
+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, vModelText as et, toHandlers as Wt, TransitionGroup as dn, createApp as Yl, guardReactiveProps as Be, normalizeStyle as Ct, useCssVars as yi, createStaticVNode as Jl, resolveDirective as Zl, vModelSelect as Ql, vModelRadio as Et, onBeforeUpdate as Xl, onMounted as $l, onUnmounted as eo, reactive as to } from "vue";
+const tt = /^[a-z0-9]+(-[a-z0-9]+)*$/, Tt = (e, t, n, s = "") => {
   const i = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (i.length < 2 || i.length > 3)
@@ -17,7 +17,7 @@ const et = /^[a-z0-9]+(-[a-z0-9]+)*$/, wt = (e, t, n, s = "") => {
       prefix: c,
       name: u
     };
-    return t && !ft(f) ? null : f;
+    return t && !ht(f) ? null : f;
   }
   const l = i[0], d = l.split("-");
   if (d.length > 1) {
@@ -26,7 +26,7 @@ const et = /^[a-z0-9]+(-[a-z0-9]+)*$/, wt = (e, t, n, s = "") => {
       prefix: d.shift(),
       name: d.join("-")
     };
-    return t && !ft(u) ? null : u;
+    return t && !ht(u) ? null : u;
   }
   if (n && s === "") {
     const u = {
@@ -34,25 +34,25 @@ const et = /^[a-z0-9]+(-[a-z0-9]+)*$/, wt = (e, t, n, s = "") => {
       prefix: "",
       name: l
     };
-    return t && !ft(u, n) ? null : u;
+    return t && !ht(u, n) ? null : u;
   }
   return null;
-}, ft = (e, t) => e ? !!((e.provider === "" || e.provider.match(et)) && (t && e.prefix === "" || e.prefix.match(et)) && e.name.match(et)) : !1, bi = Object.freeze(
+}, ht = (e, t) => e ? !!((e.provider === "" || e.provider.match(tt)) && (t && e.prefix === "" || e.prefix.match(tt)) && e.name.match(tt)) : !1, bi = Object.freeze(
   {
     left: 0,
     top: 0,
     width: 16,
     height: 16
   }
-), Ct = Object.freeze({
+), vt = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), Tt = Object.freeze({
+}), St = Object.freeze({
   ...bi,
-  ...Ct
+  ...vt
 }), Gt = Object.freeze({
-  ...Tt,
+  ...St,
   body: "",
   hidden: !1
 });
@@ -65,7 +65,7 @@ function no(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]);
+    s in vt ? s in e && !(s in n) && (n[s] = vt[s]) : s in t ? n[s] = t[s] : s in e && (n[s] = e[s]);
   return n;
 }
 function io(e, t) {
@@ -113,7 +113,7 @@ const oo = {
   not_found: {},
   ...bi
 };
-function Et(e, t) {
+function Ht(e, t) {
   for (const n in t)
     if (n in e && typeof e[n] != typeof t[n])
       return !1;
@@ -123,12 +123,12 @@ function Ci(e) {
   if (typeof e != "object" || e === null)
     return null;
   const t = e;
-  if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !Et(e, oo))
+  if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !Ht(e, oo))
     return null;
   const n = t.icons;
   for (const i in n) {
     const l = n[i];
-    if (!i.match(et) || typeof l.body != "string" || !Et(
+    if (!i.match(tt) || typeof l.body != "string" || !Ht(
       l,
       Gt
     ))
@@ -137,7 +137,7 @@ function Ci(e) {
   const s = t.aliases || {};
   for (const i in s) {
     const l = s[i], d = l.parent;
-    if (!i.match(et) || typeof d != "string" || !n[d] && !s[d] || !Et(
+    if (!i.match(tt) || typeof d != "string" || !n[d] && !s[d] || !Ht(
       l,
       Gt
     ))
@@ -171,19 +171,19 @@ function so(e, t, n) {
   }
   return !1;
 }
-let tt = !1;
+let nt = !1;
 function vi(e) {
-  return typeof e == "boolean" && (tt = e), tt;
+  return typeof e == "boolean" && (nt = e), nt;
 }
 function ro(e) {
-  const t = typeof e == "string" ? wt(e, !0, tt) : e;
+  const t = typeof e == "string" ? Tt(e, !0, nt) : e;
   if (t) {
     const n = Ee(t.provider, t.prefix), s = t.name;
     return n.icons[s] || (n.missing.has(s) ? null : void 0);
   }
 }
 function uo(e, t) {
-  const n = wt(e, !0, tt);
+  const n = Tt(e, !0, nt);
   if (!n)
     return !1;
   const s = Ee(n.provider, n.prefix);
@@ -192,14 +192,14 @@ function uo(e, t) {
 function ki(e, t) {
   if (typeof e != "object")
     return !1;
-  if (typeof t != "string" && (t = e.provider || ""), tt && !t && !e.prefix) {
+  if (typeof t != "string" && (t = e.provider || ""), nt && !t && !e.prefix) {
     let i = !1;
     return Ci(e) && (e.prefix = "", xi(e, (l, d) => {
       d && uo(l, d) && (i = !0);
     })), i;
   }
   const n = e.prefix;
-  if (!ft({
+  if (!ht({
     provider: t,
     prefix: n,
     name: "a"
@@ -213,7 +213,7 @@ const wi = Object.freeze({
   height: null
 }), Ti = Object.freeze({
   ...wi,
-  ...Ct
+  ...vt
 }), co = /(-?[0-9.]*[0-9]+[0-9.]*)/g, mo = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function Vn(e, t, n) {
   if (t === 1)
@@ -240,7 +240,7 @@ function Vn(e, t, n) {
 }
 function po(e, t) {
   const n = {
-    ...Tt,
+    ...St,
     ...e
   }, s = {
     ...Ti,
@@ -333,11 +333,11 @@ function cn(e) {
 const mn = /* @__PURE__ */ Object.create(null), Qe = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], ht = [];
+], gt = [];
 for (; Qe.length > 0; )
-  Qe.length === 1 || Math.random() > 0.5 ? ht.push(Qe.shift()) : ht.push(Qe.pop());
+  Qe.length === 1 || Math.random() > 0.5 ? gt.push(Qe.shift()) : gt.push(Qe.pop());
 mn[""] = cn({
-  resources: ["https://api.iconify.design"].concat(ht)
+  resources: ["https://api.iconify.design"].concat(gt)
 });
 function xo(e, t) {
   const n = cn(t);
@@ -539,7 +539,7 @@ function Bo(e, t, n) {
 function Do(e, t = !0, n = !1) {
   const s = [];
   return e.forEach((i) => {
-    const l = typeof i == "string" ? wt(i, t, n) : i;
+    const l = typeof i == "string" ? Tt(i, t, n) : i;
     l && s.push(l);
   }), s;
 }
@@ -687,9 +687,9 @@ function _i(e) {
 }
 function En() {
 }
-const Ht = /* @__PURE__ */ Object.create(null);
+const qt = /* @__PURE__ */ Object.create(null);
 function Po(e) {
-  if (!Ht[e]) {
+  if (!qt[e]) {
     const t = pn(e);
     if (!t)
       return;
@@ -697,9 +697,9 @@ function Po(e) {
       config: t,
       redundancy: n
     };
-    Ht[e] = s;
+    qt[e] = s;
   }
-  return Ht[e];
+  return qt[e];
 }
 function Vo(e, t, n) {
   let s, i;
@@ -720,7 +720,7 @@ function Vo(e, t, n) {
   }
   return !s || !i ? (n(void 0, 424), En) : s.query(t, i, n)().abort;
 }
-const Hn = "iconify2", nt = "iconify", Oi = nt + "-count", qn = nt + "-version", Li = 36e5, Ao = 168;
+const Hn = "iconify2", it = "iconify", Oi = it + "-count", qn = it + "-version", Li = 36e5, Ao = 168;
 function Jt(e, t) {
   try {
     return e.getItem(t);
@@ -745,7 +745,7 @@ function Zt(e, t) {
 function Qt(e) {
   return parseInt(Jt(e, Oi)) || 0;
 }
-const St = {
+const _t = {
   local: !0,
   session: !0
 }, Ii = {
@@ -756,15 +756,15 @@ let hn = !1;
 function Eo(e) {
   hn = e;
 }
-let mt = typeof window > "u" ? {} : window;
+let pt = typeof window > "u" ? {} : window;
 function Bi(e) {
   const t = e + "Storage";
   try {
-    if (mt && mt[t] && typeof mt[t].length == "number")
-      return mt[t];
+    if (pt && pt[t] && typeof pt[t].length == "number")
+      return pt[t];
   } catch {
   }
-  St[e] = !1;
+  _t[e] = !1;
 }
 function Di(e, t) {
   const n = Bi(e);
@@ -775,13 +775,13 @@ function Di(e, t) {
     if (s) {
       const u = Qt(n);
       for (let c = 0; c < u; c++)
-        Rn(n, nt + c.toString());
+        Rn(n, it + c.toString());
     }
     fn(n, qn, Hn), Zt(n, 0);
     return;
   }
   const i = Math.floor(Date.now() / Li) - Ao, l = (u) => {
-    const c = nt + u.toString(), f = Jt(n, c);
+    const c = it + u.toString(), f = Jt(n, c);
     if (typeof f == "string") {
       try {
         const g = JSON.parse(f);
@@ -799,7 +799,7 @@ function Di(e, t) {
 function Fi() {
   if (!hn) {
     Eo(!0);
-    for (const e in St)
+    for (const e in _t)
       Di(e, (t) => {
         const n = t.data, s = t.provider, i = n.prefix, l = Ee(
           s,
@@ -817,7 +817,7 @@ function Ho(e, t) {
   if (n && n >= t)
     return n === t;
   if (e.lastModifiedCached = t, n)
-    for (const s in St)
+    for (const s in _t)
       Di(s, (i) => {
         const l = i.data;
         return i.provider !== e.provider || l.prefix !== e.prefix || l.lastModified === t;
@@ -828,7 +828,7 @@ function qo(e, t) {
   hn || Fi();
   function n(s) {
     let i;
-    if (!St[s] || !(i = Bi(s)))
+    if (!_t[s] || !(i = Bi(s)))
       return;
     const l = Ii[s];
     let d;
@@ -843,7 +843,7 @@ function qo(e, t) {
     };
     return fn(
       i,
-      nt + d.toString(),
+      it + d.toString(),
       JSON.stringify(u)
     );
   }
@@ -1013,10 +1013,10 @@ for (const e in zn) {
   for (const n in Un)
     t[e + n] = Un[n];
 }
-const gt = {};
+const yt = {};
 ["horizontal", "vertical"].forEach((e) => {
   const t = e.slice(0, 1) + "Flip";
-  gt[e + "-flip"] = t, gt[e.slice(0, 1) + "-flip"] = t, gt[e + "Flip"] = t;
+  yt[e + "-flip"] = t, yt[e.slice(0, 1) + "-flip"] = t, yt[e + "Flip"] = t;
 });
 function Wn(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
@@ -1051,7 +1051,7 @@ const Gn = (e, t) => {
           D !== !0 && D !== "true" && delete s["aria-hidden"];
           break;
         default: {
-          const B = gt[T];
+          const B = yt[T];
           B ? (D === !0 || D === "true" || D === 1) && (n[B] = !0) : Nn[T] === void 0 && (s[T] = D);
         }
       }
@@ -1115,7 +1115,7 @@ if (typeof document < "u" && typeof window < "u") {
   }
 }
 const Xo = {
-  ...Tt,
+  ...St,
   body: ""
 }, $o = gi({
   // Do not inherit other attributes: it is handled by render()
@@ -1146,7 +1146,7 @@ const Xo = {
           data: e
         };
       let n;
-      if (typeof e != "string" || (n = wt(e, !1, !0)) === null)
+      if (typeof e != "string" || (n = Tt(e, !1, !0)) === null)
         return this.abortLoading(), null;
       const s = ro(n);
       if (!s)
@@ -1172,7 +1172,7 @@ const Xo = {
       ...e,
       class: (typeof e.class == "string" ? e.class + " " : "") + t.classes.join(" ")
     }), Gn({
-      ...Tt,
+      ...St,
       ...t.data
     }, n);
   }
@@ -1242,17 +1242,17 @@ function na(e, t, n, s, i, l) {
 }
 const K = /* @__PURE__ */ P(ea, [["render", na]]);
 function De(e, t) {
-  return _t(e, "EditComponentWrapper", t);
+  return Ot(e, "EditComponentWrapper", t);
 }
 function ia(e) {
-  return _t(e, "EditModeSettingsSidebar");
+  return Ot(e, "EditModeSettingsSidebar");
 }
 function la(e) {
-  return _t(e, "EditModeMainSidebar");
+  return Ot(e, "EditModeMainSidebar");
 }
-function _t(e, t, n) {
+function Ot(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;
+  return ((s = e == null ? void 0 : e.$options) == null ? void 0 : s.name) === t && (n == null || n(e)) ? e : e != null && e.$parent ? Ot(e.$parent, t, n) : null;
 }
 function Me(e, ...t) {
   const n = [];
@@ -2576,7 +2576,7 @@ function Za(e = "Field contains capital letters") {
     }
   };
 }
-function it() {
+function lt() {
   let e = (/* @__PURE__ */ new Date()).getTime();
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
     const n = (e + Math.random() * 16) % 16 | 0;
@@ -2584,9 +2584,9 @@ function it() {
   });
 }
 function Vi() {
-  return "cmd-" + it();
+  return "cmd-" + lt();
 }
-const Ot = {
+const Lt = {
   props: {
     /**
      * use as unique id if generated it should not be used
@@ -2606,10 +2606,10 @@ const Ot = {
       return e.map((t) => t.replace(/\s/g, "")).join("");
     }
   }
-}, qt = {};
+}, Rt = {};
 function Qa(e = "defaultSequence") {
-  const t = qt[e] || 0;
-  return qt[e] = t + 1, qt[e];
+  const t = Rt[e] || 0;
+  return Rt[e] = t + 1, Rt[e];
 }
 const xn = {
   data() {
@@ -2641,7 +2641,7 @@ const xn = {
     ce,
     yn,
     bn,
-    Ot,
+    Lt,
     xn
   ],
   data() {
@@ -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, F, 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, ie, me, le, ne, 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,
@@ -3421,10 +3421,10 @@ function Ds(e, t, n, s, i, l) {
       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 }, [
+    (Z = n.nativeButton) != null && Z.icon && ((ie = n.nativeButton) != null && ie.text) ? (a(), r("span", Bs, y(n.nativeButton.text), 1)) : (a(), r(O, { key: 2 }, [
       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, {
+    (le = (me = n.nativeButton) == null ? void 0 : me.icon) != null && le.show && ((se = (ne = n.nativeButton) == null ? void 0 : ne.icon) == null ? void 0 : se.position) === "after" ? (a(), v(d, {
       key: 3,
       iconClass: (fe = (pe = n.nativeButton) == null ? void 0 : pe.icon) == null ? void 0 : fe.iconClass,
       type: (he = (X = n.nativeButton) == null ? void 0 : X.icon) == null ? void 0 : he.iconType
@@ -4201,7 +4201,7 @@ const vr = /* @__PURE__ */ P(hr, [["render", Cr]]), kr = {
   mixins: [
     yn,
     bn,
-    Ot,
+    Lt,
     xn
   ],
   props: {
@@ -4502,7 +4502,7 @@ function Fr(e, t, n, s, i, l) {
 }
 const Cn = /* @__PURE__ */ P(kr, [["render", Fr]]), Mr = {
   name: "CmdSystemMessage",
-  mixins: [Ot],
+  mixins: [Lt],
   data() {
     return {
       showSystemMessage: !0
@@ -4641,7 +4641,7 @@ function Ar(e, t, n, s, i, l) {
 const Re = /* @__PURE__ */ P(Mr, [["render", Ar]]), Er = {
   name: "CmdForm",
   components: { CmdSystemMessage: Re },
-  emits: ["submit"],
+  emits: ["submit", "update:modelValue"],
   data() {
     return {
       errorOccurred: !1,
@@ -4656,6 +4656,9 @@ const Re = /* @__PURE__ */ P(Mr, [["render", Ar]]), Er = {
     };
   },
   props: {
+    modelValue: {
+      type: Object
+    },
     /**
      * set url for form-action
      */
@@ -4805,16 +4808,48 @@ const Re = /* @__PURE__ */ P(Mr, [["render", Ar]]), Er = {
     }
   },
   watch: {
+    modelValue: {
+      handler() {
+        var e;
+        if (this.modelValue) {
+          for (const t in this.modelValue)
+            this.formValues[t] = this.modelValue[t];
+          (e = this.formElements) == null || e.forEach((t) => {
+            this.formValues[t.name] == null && (this.formValues[t.name] = "");
+          });
+        }
+      },
+      immediate: !0
+    },
     formValues: {
       handler() {
-        if (!this.formElements)
-          return;
-        const e = this.formElements.filter((i) => i.required).length, t = this.formElements.filter((i) => i.required && !this.formValues[i.name]).length, n = e > 0 && e === t, s = e > 0 && t > 0;
-        this.$emit("empty-required-form-elements", { allRequiredFormElementsEmpty: n, emptyRequiredFormElementExists: s });
+        this.$emit("update:modelValue", this.formValues);
       },
-      immediate: !0,
       deep: !0
     },
+    /*
+            formValues: {
+                handler() {
+                    if(!this.formElements) {
+                        return
+                    }
+    
+                    const numberRequiredFormElements = this.formElements.filter((element) => {
+                        return element.required     
+                    }).length
+    
+                    const numberEmptyRequiredFormElements = this.formElements.filter((element) => {
+                        return element.required && !this.formValues[element.name]    
+                    }).length
+    
+                    const allRequiredFormElementsEmpty = numberRequiredFormElements > 0 && numberRequiredFormElements === numberEmptyRequiredFormElements
+                    const emptyRequiredFormElementExists = numberRequiredFormElements > 0 && numberEmptyRequiredFormElements > 0
+    
+                    this.$emit("empty-required-form-elements", { allRequiredFormElementsEmpty, emptyRequiredFormElementExists })
+                },
+                immediate: true,
+                deep: true
+            },  */
     formElements: {
       handler() {
         var e;
@@ -4848,7 +4883,7 @@ function Qr(e, t, n, s, i, l) {
     class: C(["cmd-form", { error: i.errorOccurred }]),
     action: n.formAction,
     "data-use-validation": n.useValidation,
-    onSubmit: t[2] || (t[2] = (...f) => l.onSubmit && l.onSubmit(...f)),
+    onSubmit: t[4] || (t[4] = (...f) => l.onSubmit && l.onSubmit(...f)),
     novalidate: n.novalidate,
     method: n.formMethod
   }, [
@@ -4862,6 +4897,22 @@ function Qr(e, t, n, s, i, l) {
           validationStatus: i.systemMessage.validationStatus,
           systemMessage: i.systemMessage.message
         }, null, 8, ["validationStatus", "systemMessage"])) : m("", !0),
+        p(u, {
+          element: "input",
+          type: "text",
+          labelText: "TEST",
+          modelValue: i.formValues.nase,
+          "onUpdate:modelValue": t[0] || (t[0] = (f) => i.formValues.nase = f)
+        }, null, 8, ["modelValue"]),
+        o("label", null, [
+          t[5] || (t[5] = M("TEST2: ")),
+          $(o("input", {
+            type: "text",
+            "onUpdate:modelValue": t[1] || (t[1] = (f) => i.formValues.ahoi = f)
+          }, null, 512), [
+            [et, i.formValues.ahoi]
+          ])
+        ]),
         n.useSlot ? V(e.$slots, "default", { key: 1 }) : (a(!0), r(O, { key: 2 }, q(n.formElements, (f, g) => (a(), r(O, { key: g }, [
           !f.component || f.component === "CmdFormElement" ? (a(), v(u, {
             key: g,
@@ -4925,14 +4976,14 @@ function Qr(e, t, n, s, i, l) {
         ], 64))), 128)),
         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)),
+            t[6] || (t[6] = o("sup", null, "*", -1)),
             M(y(n.mandatoryText), 1)
           ])) : m("", !0),
           l.cancelButtonOptions !== void 0 ? (a(), r("button", {
             key: 1,
             class: C(["button", { "stretch-on-small-devices": l.cancelButtonOptions.stretchOnSmallDevices, disabled: l.cancelButtonOptions.disabled, cancel: l.cancelButtonOptions.useDefaultStyling }]),
             type: "button",
-            onClick: t[0] || (t[0] = (...f) => l.cancelFormSubmit && l.cancelFormSubmit(...f))
+            onClick: t[2] || (t[2] = (...f) => l.cancelFormSubmit && l.cancelFormSubmit(...f))
           }, [
             l.cancelButtonOptions.iconClass ? (a(), r("span", {
               key: 0,
@@ -4954,14 +5005,14 @@ 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)),
+          t[7] || (t[7] = o("sup", null, "*", -1)),
           M(y(n.mandatoryText), 1)
         ])) : m("", !0),
         l.cancelButtonOptions.show ? (a(), r("button", {
           key: 1,
           class: C(["button", { "stretch-on-small-devices": l.cancelButtonOptions.stretchOnSmallDevices, disabled: l.cancelButtonOptions.disabled, cancel: l.cancelButtonOptions.useDefaultStyling }]),
           type: "button",
-          onClick: t[1] || (t[1] = (...f) => l.cancelFormSubmit && l.cancelFormSubmit(...f))
+          onClick: t[3] || (t[3] = (...f) => l.cancelFormSubmit && l.cancelFormSubmit(...f))
         }, [
           l.cancelButtonOptions.iconClass ? (a(), r("span", {
             key: 0,
@@ -5254,7 +5305,7 @@ const $r = {
     addHandlerProvider() {
       const e = {
         image: {
-          id: it(),
+          id: lt(),
           src: "media/images/demo-images/large/landscape-06.jpg",
           srcImageLarge: "media/images/demo-images/large/landscape-06.jpg",
           alt: "Alternative Text"
@@ -5308,7 +5359,7 @@ function rd(e, t, n, s, i, l) {
     itemProvider: ((c = e.editModeConfig) == null ? void 0 : c.allowAddItem) !== !1 ? l.itemProvider : null
   }, {
     default: k((R) => {
-      var W, Q, Z, le, me, ne, ie, se, pe, fe, X, he;
+      var W, Q, Z, ie, me, le, ne, se, pe, fe, X, he;
       return [
         o("figure", {
           class: C(["cmd-image flex-container no-gap vertical", l.textAlign])
@@ -5325,14 +5376,14 @@ function rd(e, t, n, s, i, l) {
               "onUpdate:modelValue": t[0] || (t[0] = (A) => l.editableFigcaptionText = A)
             }, null, 8, ["class", "modelValue"])) : (Z = n.figcaption) != null && Z.text ? (a(), r("figcaption", {
               key: 1,
-              innerHTML: (le = n.figcaption) == null ? void 0 : le.text
+              innerHTML: (ie = n.figcaption) == null ? void 0 : ie.text
             }, null, 8, ed)) : m("", !0)
           ], 64)) : m("", !0),
           R.editing ? (a(), r(O, { key: 1 }, [
             o("a", L({
               href: "#",
               class: ["box drop-area flex-container vertical", { "allow-drop": i.allowDrop }]
-            }, zt(l.dragAndDropHandler, !0), {
+            }, Wt(l.dragAndDropHandler, !0), {
               onClick: t[1] || (t[1] = S((...A) => l.selectFiles && l.selectFiles(...A), ["prevent"])),
               title: "Drag new image to this area to replace old one!"
             }), [
@@ -5340,7 +5391,7 @@ function rd(e, t, n, s, i, l) {
               o("img", {
                 src: l.imageSource,
                 alt: (me = n.image) == null ? void 0 : me.alt,
-                title: (ne = n.image) == null ? void 0 : ne.tooltip
+                title: (le = n.image) == null ? void 0 : le.tooltip
               }, null, 8, td)
             ], 16),
             p(d, {
@@ -5355,7 +5406,7 @@ function rd(e, t, n, s, i, l) {
           ], 64)) : l.imageSource ? (a(), r("img", {
             key: 2,
             src: l.imageSource,
-            alt: (ie = n.image) == null ? void 0 : ie.alt,
+            alt: (ne = n.image) == null ? void 0 : ne.alt,
             title: (se = n.image) == null ? void 0 : se.tooltip
           }, null, 8, nd)) : m("", !0),
           (pe = n.figcaption) != null && pe.show && ((fe = n.figcaption) == null ? void 0 : fe.position) !== "top" ? (a(), r(O, { key: 3 }, [
@@ -5497,7 +5548,7 @@ function md(e, t, n, s, i, l) {
     }, null, 8, ["type", "iconClass"])
   ], 10, cd);
 }
-const Lt = /* @__PURE__ */ P(ud, [["render", md]]), pd = {
+const It = /* @__PURE__ */ P(ud, [["render", md]]), pd = {
   data() {
     return {
       defaultMessageProperties: {
@@ -5679,7 +5730,7 @@ const Lt = /* @__PURE__ */ P(ud, [["render", md]]), pd = {
     itemProvider() {
       return {
         image: {
-          id: it(),
+          id: lt(),
           src: "/media/images/demo-images/small/landscape-01.jpg",
           srcImageLarge: "/media/images/demo-images/large/landscape-01.jpg",
           alt: "Alternative Text",
@@ -5703,7 +5754,7 @@ const Lt = /* @__PURE__ */ P(ud, [["render", md]]), pd = {
       return {
         itemProviderOverwrite: () => ({
           image: {
-            id: it(),
+            id: lt(),
             src: "/media/images/demo-images/small/landscape-01.jpg",
             srcImageLarge: "/media/images/demo-images/large/landscape-01.jpg",
             tooltip: "Tooltip DE"
@@ -5751,7 +5802,7 @@ const Lt = /* @__PURE__ */ P(ud, [["render", md]]), pd = {
 }, hd = ["href", "onClick", "title", "target"], gd = { key: 1 }, yd = { key: 1 }, bd = { key: 0 };
 function xd(e, t, n, s, i, l) {
   var g;
-  const d = J, u = Lt, c = ke, f = K;
+  const d = J, u = It, c = ke, f = K;
   return a(), r("div", {
     class: C([
       "cmd-thumbnail-scroller",
@@ -6140,8 +6191,8 @@ const vd = qi, kd = ["aria-label"], wd = { class: "flex-container" }, Td = {
   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, 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;
+  var h, w, x, _, T, D, B, H, F, U, G, E, R, W, Q, Z, ie, me, le, ne, se, pe, fe, X, he, A, re, xe, Te, Oe, Ve;
+  const d = J, u = K, c = ke, f = It, g = Hi;
   return a(), r("dialog", {
     ref: "dialog",
     class: C(["cmd-fancybox", { "show-overlay": e.showOverlay, image: e.fancyBoxImageUrl || e.fancyBoxGallery, "image-gallery": e.fancyBoxGallery }]),
@@ -6196,7 +6247,7 @@ function Hd(e, t, n, s, i, l) {
       e.fancyBoxImageUrl || (Z = e.cmdImage) != null && Z.image ? (a(), r("div", Ld, [
         p(c, {
           image: e.largeSingleImage,
-          figcaption: (le = e.cmdImage) == null ? void 0 : le.figcaption
+          figcaption: (ie = e.cmdImage) == null ? void 0 : ie.figcaption
         }, null, 8, ["image", "figcaption"])
       ])) : e.fancyBoxContent ? (a(), r("div", {
         key: 1,
@@ -6222,9 +6273,9 @@ function Hd(e, t, n, s, i, l) {
       (me = e.fancyBoxOptionsProperties.submitButtons) != null && me.cancel ? (a(), r("button", {
         key: 0,
         onClick: t[3] || (t[3] = (...de) => e.cancel && e.cancel(...de)),
-        title: (ne = e.fancyBoxOptionsProperties.submitButtons.cancel) == null ? void 0 : ne.tooltip
+        title: (le = e.fancyBoxOptionsProperties.submitButtons.cancel) == null ? void 0 : le.tooltip
       }, [
-        (ie = e.fancyBoxOptionsProperties.submitButtons.cancel) != null && ie.iconClass ? (a(), v(u, {
+        (ne = e.fancyBoxOptionsProperties.submitButtons.cancel) != null && ne.iconClass ? (a(), v(u, {
           key: 0,
           iconClass: (se = e.fancyBoxOptionsProperties.submitButtons.cancel) == null ? void 0 : se.iconClass,
           type: (pe = e.fancyBoxOptionsProperties.submitButtons.cancel) == null ? void 0 : pe.iconType
@@ -6573,7 +6624,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, 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;
+        var f, g, h, w, x, _, T, D, B, H, F, U, G, E, R, W, Q, Z, ie, me, le, ne, se, pe, fe, X, he, A, re, xe, Te, Oe, Ve, de, rt, dt, ut, ct, je, Ke, mt;
         return [
           n.configuration.salutation ? (a(), r("div", Nd, [
             p(u, {
@@ -6669,7 +6720,7 @@ function Kd(e, t, n, s, i, l) {
               labelText: e.getMessage("basic_form.labeltext.country"),
               selectOptions: (Q = n.configuration.country) == null ? void 0 : Q.selectOptions,
               required: (Z = n.configuration.country) == null ? void 0 : Z.required,
-              name: (le = n.configuration.country) == null ? void 0 : le.name,
+              name: (ie = n.configuration.country) == null ? void 0 : ie.name,
               modelValue: i.formData.country.value,
               "onUpdate:modelValue": [
                 t[6] || (t[6] = (Y) => i.formData.country.value = Y),
@@ -6684,8 +6735,8 @@ function Kd(e, t, n, s, i, l) {
               type: ((me = n.configuration.streetNo) == null ? void 0 : me.type) || "text",
               labelText: e.getMessage("basic_form.labeltext.street_no"),
               placeholder: e.getMessage("basic_form.placeholder.street_no"),
-              required: (ne = n.configuration.streetNo) == null ? void 0 : ne.required,
-              name: (ie = n.configuration.streetNo) == null ? void 0 : ie.name,
+              required: (le = n.configuration.streetNo) == null ? void 0 : le.required,
+              name: (ne = n.configuration.streetNo) == null ? void 0 : ne.name,
               modelValue: i.formData.streetNo.value,
               "onUpdate:modelValue": t[7] || (t[7] = (Y) => i.formData.streetNo.value = Y),
               status: i.formData.streetNo.error ? "error" : "",
@@ -6751,13 +6802,13 @@ function Kd(e, t, n, s, i, l) {
           ])) : m("", !0),
           n.configuration.userMessage ? (a(), v(u, {
             key: 4,
-            element: ((st = n.configuration.userMessage) == null ? void 0 : st.element) || "textarea",
+            element: ((rt = n.configuration.userMessage) == null ? void 0 : rt.element) || "textarea",
             labelText: e.getMessage("basic_form.labeltext.user_message"),
             placeholder: e.getMessage("basic_form.placeholder.user_message"),
-            required: (rt = n.configuration.userMessage) == null ? void 0 : rt.required,
-            name: (dt = n.configuration.userMessage) == null ? void 0 : dt.name,
+            required: (dt = n.configuration.userMessage) == null ? void 0 : dt.required,
+            name: (ut = n.configuration.userMessage) == null ? void 0 : ut.name,
             textCharactersLeft: e.getMessage("basic_form.text.characters_left"),
-            maxlength: (ut = n.configuration.userMessage) == null ? void 0 : ut.maxLength,
+            maxlength: (ct = n.configuration.userMessage) == null ? void 0 : ct.maxLength,
             modelValue: i.formData.userMessage.value,
             "onUpdate:modelValue": t[12] || (t[12] = (Y) => i.formData.userMessage.value = Y),
             status: i.formData.userMessage.error ? "error" : "",
@@ -6772,7 +6823,7 @@ function Kd(e, t, n, s, i, l) {
             class: "flex-none",
             required: (je = n.configuration.acceptPrivacy) == null ? void 0 : je.required,
             name: (Ke = n.configuration.acceptPrivacy) == null ? void 0 : Ke.name,
-            replaceInputType: (ct = n.configuration.acceptPrivacy) == null ? void 0 : ct.replaceInputType,
+            replaceInputType: (mt = n.configuration.acceptPrivacy) == null ? void 0 : mt.replaceInputType,
             modelValue: i.formData.acceptPrivacy.value,
             "onUpdate:modelValue": t[13] || (t[13] = (Y) => i.formData.acceptPrivacy.value = Y),
             status: i.formData.acceptPrivacy.error ? "error" : "",
@@ -6819,7 +6870,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, F, 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, ie;
   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,
@@ -6840,7 +6891,7 @@ function eu(e, t, n, s, i, l) {
     (R = n.image) != null && R.src && (((W = n.image) == null ? void 0 : W.position) === "right" || ((Q = n.image) == null ? void 0 : Q.position) === "bottom") ? (a(), r("img", {
       key: 4,
       src: (Z = e.img) == null ? void 0 : Z.src,
-      alt: (le = n.image) == null ? void 0 : le.alt
+      alt: (ie = n.image) == null ? void 0 : ie.alt
     }, null, 8, $d)) : m("", !0),
     V(e.$slots, "default")
   ], 64);
@@ -7952,7 +8003,7 @@ function nc(e, t, n, s, i, l) {
         key: 0,
         class: C(["inner-box-body-wrapper", { "box-body-padding": n.useBoxBodyPadding, "allow-scroll": n.allowContentToScroll }]),
         ref: "boxBody",
-        style: xt(n.allowContentToScroll ? "max-height: " + i.calculatedBodyHeight : null)
+        style: Ct(n.allowContentToScroll ? "max-height: " + i.calculatedBodyHeight : null)
       }, [
         V(e.$slots, "body", {}, () => {
           var W;
@@ -9077,7 +9128,7 @@ const nm = /* @__PURE__ */ P($c, [["render", tm]]), im = {
     ce,
     im,
     bn,
-    Ot,
+    Lt,
     xn
   ],
   data() {
@@ -9410,7 +9461,7 @@ function Sm(e, t, n, s, i, l) {
             class: C(["flag", l.optionCountry])
           }, null, 10, mm)) : n.type === "color" ? (a(), r("span", {
             key: 1,
-            style: xt("background: " + l.optionColor)
+            style: Ct("background: " + l.optionColor)
           }, null, 4)) : m("", !0),
           (g = l.optionIcon) != null && g.iconClass ? (a(), v(d, {
             key: 2,
@@ -9501,7 +9552,7 @@ function Sm(e, t, n, s, i, l) {
             }, [
               o("span", {
                 class: "color",
-                style: xt("background: " + x.value)
+                style: Ct("background: " + x.value)
               }, null, 4),
               o("span", null, y(x.text), 1)
             ], 10, wm)) : m("", !0)
@@ -9762,7 +9813,9 @@ function Nm(e, t, n, s, i, l) {
       referrerpolicy: "no-referrer-when-downgrade"
     }, null, 8, jm)) : (a(), v(u, {
       key: 1,
-      validationStatus: "warning"
+      validationStatus: "warning",
+      textAlign: "center",
+      iconClose: { show: !1 }
     }, {
       default: k(() => [
         o("p", null, y(e.getMessage("google_maps.system_message.accept_terms")), 1),
@@ -11167,7 +11220,8 @@ const Xi = /* @__PURE__ */ P(Up, [["render", Gp]]), Kp = {
     return {
       currentPage: 1,
       statusForPages: [],
-      inputMade: !1
+      inputMade: !1,
+      formData: {}
     };
   },
   props: {
@@ -11216,6 +11270,9 @@ const Xi = /* @__PURE__ */ P(Up, [["render", Gp]]), Kp = {
     }
   },
   methods: {
+    formDataForPage(e) {
+      return this.formData[e] || (this.formData[e] = {}), this.formData[e];
+    },
     getSystemMessage(e) {
       return this.statusForPages.find((n) => n.page === e).message;
     },
@@ -11312,7 +11369,8 @@ function Jp(e, t, n, s, i, l) {
       V(e.$slots, "page-" + f, {
         setErrorOnPage: (h) => l.setErrorOnPage(f, h),
         removeErrorOnPage: () => l.removeErrorOnPage(f),
-        atleastOnePageWithError: l.atleastOnePageWithError
+        atleastOnePageWithError: l.atleastOnePageWithError,
+        formDataForPage: l.formDataForPage(f)
       })
     ], 2)), [
       [ye, f === i.currentPage]
@@ -12225,7 +12283,7 @@ const Lf = /* @__PURE__ */ P(bf, [["render", Of]]), If = {
       });
     },
     updateHandlerProvider() {
-      const e = it(), t = this.editablePath, n = this.editableTooltip, s = this.editableLinktext;
+      const e = lt(), t = this.editablePath, n = this.editableTooltip, s = this.editableLinktext;
       return oe(this, {
         update(i) {
           i.id = e, i.path = t, i.tooltip = n, i.linkText = s;
@@ -13599,7 +13657,7 @@ const Ih = /* @__PURE__ */ P(vh, [["render", Lh]]), Bh = {
   class: "item-counter"
 };
 function Vh(e, t, n, s, i, l) {
-  const d = Lt, u = ke;
+  const d = It, u = ke;
   return a(), r("div", {
     class: C(["cmd-slideshow", { "full-width": i.fullWidth }])
   }, [
@@ -13622,7 +13680,7 @@ function Vh(e, t, n, s, i, l) {
               n.useSlot ? (a(), r("div", {
                 class: "slot-wrapper",
                 key: i.index,
-                style: xt("background-image: url(" + l.currentItem.image.srcLarge + ")")
+                style: Ct("background-image: url(" + l.currentItem.image.srcLarge + ")")
               }, [
                 V(e.$slots, "item" + i.currentSlotItem)
               ], 4)) : (a(), r(O, { key: 0 }, [
@@ -14076,7 +14134,7 @@ const Kh = /* @__PURE__ */ P(jh, [["render", Gh]]), Yh = {
   "aria-expanded": "true"
 }, ng = ["innerHTML"];
 function ig(e, t, n, s, i, l) {
-  const d = K, u = Lt;
+  const d = K, u = It;
   return a(), r("div", {
     class: C(["cmd-table-wrapper", { collapsed: !i.showTableData, "full-width": i.fullWidth, "has-caption": l.hasCaption, "has-overflow": i.hasOverflow }])
   }, [
@@ -14491,7 +14549,7 @@ function xg(e, t, n, s, i, l) {
           "onUpdate:modelValue": t[0] || (t[0] = (_) => i.editableHtmlContent = _),
           placeholder: "Paragraph"
         }, null, 2)), [
-          [Wt, i.editableHtmlContent]
+          [et, i.editableHtmlContent]
         ]) : n.htmlContent ? (a(), r("div", {
           key: 1,
           innerHTML: n.htmlContent,
@@ -14774,29 +14832,29 @@ function tl(e, t) {
     return e.apply(t, arguments);
   };
 }
-const { toString: _g } = Object.prototype, { getPrototypeOf: Sn } = Object, It = /* @__PURE__ */ ((e) => (t) => {
+const { toString: _g } = Object.prototype, { getPrototypeOf: Sn } = Object, Bt = /* @__PURE__ */ ((e) => (t) => {
   const n = _g.call(t);
   return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
-})(/* @__PURE__ */ Object.create(null)), we = (e) => (e = e.toLowerCase(), (t) => It(t) === e), Bt = (e) => (t) => typeof t === e, { isArray: We } = Array, lt = Bt("undefined");
+})(/* @__PURE__ */ Object.create(null)), we = (e) => (e = e.toLowerCase(), (t) => Bt(t) === e), Dt = (e) => (t) => typeof t === e, { isArray: We } = Array, ot = Dt("undefined");
 function Og(e) {
-  return e !== null && !lt(e) && e.constructor !== null && !lt(e.constructor) && be(e.constructor.isBuffer) && e.constructor.isBuffer(e);
+  return e !== null && !ot(e) && e.constructor !== null && !ot(e.constructor) && be(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
 const nl = we("ArrayBuffer");
 function Lg(e) {
   let t;
   return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && nl(e.buffer), t;
 }
-const Ig = Bt("string"), be = Bt("function"), il = Bt("number"), Dt = (e) => e !== null && typeof e == "object", Bg = (e) => e === !0 || e === !1, yt = (e) => {
-  if (It(e) !== "object")
+const Ig = Dt("string"), be = Dt("function"), il = Dt("number"), Ft = (e) => e !== null && typeof e == "object", Bg = (e) => e === !0 || e === !1, bt = (e) => {
+  if (Bt(e) !== "object")
     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"), Fg = we("File"), Mg = 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) => Ft(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
+  return e && (typeof FormData == "function" && e instanceof FormData || be(e.append) && ((t = Bt(e)) === "formdata" || // detect form-data instance
   t === "object" && be(e.toString) && e.toString() === "[object FormData]"));
 }, Eg = we("URLSearchParams"), [Hg, qg, Rg, jg] = ["ReadableStream", "Request", "Response", "Headers"].map(we), Ng = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
-function ot(e, t, { allOwnKeys: n = !1 } = {}) {
+function at(e, t, { allOwnKeys: n = !1 } = {}) {
   if (e === null || typeof e > "u")
     return;
   let s, i;
@@ -14819,17 +14877,17 @@ function ll(e, t) {
       return i;
   return null;
 }
-const ol = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, al = (e) => !lt(e) && e !== ol;
+const ol = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, al = (e) => !ot(e) && e !== ol;
 function en() {
   const { caseless: e } = al(this) && this || {}, t = {}, n = (s, i) => {
     const l = e && ll(t, i) || i;
-    yt(t[l]) && yt(s) ? t[l] = en(t[l], s) : yt(s) ? t[l] = en({}, s) : We(s) ? t[l] = s.slice() : t[l] = s;
+    bt(t[l]) && bt(s) ? t[l] = en(t[l], s) : bt(s) ? t[l] = en({}, s) : We(s) ? t[l] = s.slice() : t[l] = s;
   };
   for (let s = 0, i = arguments.length; s < i; s++)
-    arguments[s] && ot(arguments[s], n);
+    arguments[s] && at(arguments[s], n);
   return t;
 }
-const Ug = (e, t, n, { allOwnKeys: s } = {}) => (ot(t, (i, l) => {
+const Ug = (e, t, n, { allOwnKeys: s } = {}) => (at(t, (i, l) => {
   n && be(i) ? e[l] = tl(i, n) : e[l] = i;
 }, { allOwnKeys: s }), e), zg = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Wg = (e, t, n, s) => {
   e.prototype = Object.create(t.prototype, s), e.prototype.constructor = e, Object.defineProperty(e, "super", {
@@ -14878,7 +14936,7 @@ const Ug = (e, t, n, { allOwnKeys: s } = {}) => (ot(t, (i, l) => {
   }
 ), ti = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), ey = we("RegExp"), sl = (e, t) => {
   const n = Object.getOwnPropertyDescriptors(e), s = {};
-  ot(n, (i, l) => {
+  at(n, (i, l) => {
     let d;
     (d = t(i, l, e)) !== !1 && (s[l] = d || i);
   }), Object.defineProperties(e, s);
@@ -14905,10 +14963,10 @@ const Ug = (e, t, n, { allOwnKeys: s } = {}) => (ot(t, (i, l) => {
   };
   return We(e) ? s(e) : s(String(e).split(t)), n;
 }, iy = () => {
-}, ly = (e, t) => e != null && Number.isFinite(e = +e) ? e : t, Rt = "abcdefghijklmnopqrstuvwxyz", ni = "0123456789", rl = {
+}, ly = (e, t) => e != null && Number.isFinite(e = +e) ? e : t, jt = "abcdefghijklmnopqrstuvwxyz", ni = "0123456789", rl = {
   DIGIT: ni,
-  ALPHA: Rt,
-  ALPHA_DIGIT: Rt + Rt.toUpperCase() + ni
+  ALPHA: jt,
+  ALPHA_DIGIT: jt + jt.toUpperCase() + ni
 }, oy = (e = 16, t = rl.ALPHA_DIGIT) => {
   let n = "";
   const { length: s } = t;
@@ -14921,22 +14979,22 @@ function ay(e) {
 }
 const sy = (e) => {
   const t = new Array(10), n = (s, i) => {
-    if (Dt(s)) {
+    if (Ft(s)) {
       if (t.indexOf(s) >= 0)
         return;
       if (!("toJSON" in s)) {
         t[i] = s;
         const l = We(s) ? [] : {};
-        return ot(s, (d, u) => {
+        return at(s, (d, u) => {
           const c = n(d, i + 1);
-          !lt(c) && (l[u] = c);
+          !ot(c) && (l[u] = c);
         }), t[i] = void 0, l;
       }
     }
     return s;
   };
   return n(e, 0);
-}, ry = we("AsyncFunction"), dy = (e) => e && (Dt(e) || be(e)) && be(e.then) && be(e.catch), I = {
+}, ry = we("AsyncFunction"), dy = (e) => e && (Ft(e) || be(e)) && be(e.then) && be(e.catch), I = {
   isArray: We,
   isArrayBuffer: nl,
   isBuffer: Og,
@@ -14945,13 +15003,13 @@ const sy = (e) => {
   isString: Ig,
   isNumber: il,
   isBoolean: Bg,
-  isObject: Dt,
-  isPlainObject: yt,
+  isObject: Ft,
+  isPlainObject: bt,
   isReadableStream: Hg,
   isRequest: qg,
   isResponse: Rg,
   isHeaders: jg,
-  isUndefined: lt,
+  isUndefined: ot,
   isDate: Dg,
   isFile: Fg,
   isBlob: Mg,
@@ -14961,14 +15019,14 @@ const sy = (e) => {
   isURLSearchParams: Eg,
   isTypedArray: Jg,
   isFileList: Pg,
-  forEach: ot,
+  forEach: at,
   merge: en,
   extend: Ug,
   trim: Ng,
   stripBOM: zg,
   inherits: Wg,
   toFlatObject: Gg,
-  kindOf: It,
+  kindOf: Bt,
   kindOfTest: we,
   endsWith: Kg,
   toArray: Yg,
@@ -15062,7 +15120,7 @@ function cy(e) {
 const my = I.toFlatObject(I, {}, null, function(t) {
   return /^is[A-Z]/.test(t);
 });
-function Ft(e, t, n) {
+function Mt(e, t, n) {
   if (!I.isObject(e))
     throw new TypeError("target must be an object");
   t = t || new FormData(), n = I.toFlatObject(n, {
@@ -15138,7 +15196,7 @@ function li(e) {
   });
 }
 function _n(e, t) {
-  this._pairs = [], e && Ft(e, this, t);
+  this._pairs = [], e && Mt(e, this, t);
 }
 const ml = _n.prototype;
 ml.append = function(t, n) {
@@ -15244,7 +15302,7 @@ self instanceof WorkerGlobalScope && typeof self.importScripts == "function", Cy
   ...yy
 };
 function ky(e, t) {
-  return Ft(e, new ve.classes.URLSearchParams(), Object.assign({
+  return Mt(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);
     }
@@ -15287,7 +15345,7 @@ function Sy(e, t, n) {
     }
   return (0, JSON.stringify)(e);
 }
-const at = {
+const st = {
   transitional: fl,
   adapter: ["xhr", "http", "fetch"],
   transformRequest: [function(t, n) {
@@ -15306,7 +15364,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 Ft(
+        return Mt(
           u ? { "files[]": t } : t,
           c && new c(),
           this.formSerializer
@@ -15316,7 +15374,7 @@ const at = {
     return l || i ? (n.setContentType("application/json", !1), Sy(t)) : t;
   }],
   transformResponse: [function(t) {
-    const n = this.transitional || at.transitional, s = n && n.forcedJSONParsing, i = this.responseType === "json";
+    const n = this.transitional || st.transitional, s = n && n.forcedJSONParsing, i = this.responseType === "json";
     if (I.isResponse(t) || I.isReadableStream(t))
       return t;
     if (t && I.isString(t) && (s && !this.responseType || i)) {
@@ -15354,7 +15412,7 @@ const at = {
   }
 };
 I.forEach(["delete", "get", "head", "post", "put", "patch"], (e) => {
-  at.headers[e] = {};
+  st.headers[e] = {};
 });
 const _y = I.toObjectSet([
   "age",
@@ -15385,8 +15443,8 @@ const _y = I.toObjectSet([
 function Xe(e) {
   return e && String(e).trim().toLowerCase();
 }
-function bt(e) {
-  return e === !1 || e == null ? e : I.isArray(e) ? e.map(bt) : String(e);
+function xt(e) {
+  return e === !1 || e == null ? e : I.isArray(e) ? e.map(xt) : String(e);
 }
 function Ly(e) {
   const t = /* @__PURE__ */ Object.create(null), n = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
@@ -15396,7 +15454,7 @@ function Ly(e) {
   return t;
 }
 const Iy = (e) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(e.trim());
-function jt(e, t, n, s, i) {
+function Nt(e, t, n, s, i) {
   if (I.isFunction(s))
     return s.call(this, t, n);
   if (i && (t = n), !!I.isString(t)) {
@@ -15431,7 +15489,7 @@ class ue {
       if (!g)
         throw new Error("header name must be a non-empty string");
       const h = I.findKey(i, g);
-      (!h || i[h] === void 0 || f === !0 || f === void 0 && i[h] !== !1) && (i[h || c] = bt(u));
+      (!h || i[h] === void 0 || f === !0 || f === void 0 && i[h] !== !1) && (i[h || c] = xt(u));
     }
     const d = (u, c) => I.forEach(u, (f, g) => l(f, g, c));
     if (I.isPlainObject(t) || t instanceof this.constructor)
@@ -15465,7 +15523,7 @@ class ue {
   has(t, n) {
     if (t = Xe(t), t) {
       const s = I.findKey(this, t);
-      return !!(s && this[s] !== void 0 && (!n || jt(this, this[s], s, n)));
+      return !!(s && this[s] !== void 0 && (!n || Nt(this, this[s], s, n)));
     }
     return !1;
   }
@@ -15475,7 +15533,7 @@ class ue {
     function l(d) {
       if (d = Xe(d), d) {
         const u = I.findKey(s, d);
-        u && (!n || jt(s, s[u], u, n)) && (delete s[u], i = !0);
+        u && (!n || Nt(s, s[u], u, n)) && (delete s[u], i = !0);
       }
     }
     return I.isArray(t) ? t.forEach(l) : l(t), i;
@@ -15485,7 +15543,7 @@ class ue {
     let s = n.length, i = !1;
     for (; s--; ) {
       const l = n[s];
-      (!t || jt(this, this[l], l, t, !0)) && (delete this[l], i = !0);
+      (!t || Nt(this, this[l], l, t, !0)) && (delete this[l], i = !0);
     }
     return i;
   }
@@ -15494,11 +15552,11 @@ class ue {
     return I.forEach(this, (i, l) => {
       const d = I.findKey(s, l);
       if (d) {
-        n[d] = bt(i), delete n[l];
+        n[d] = xt(i), delete n[l];
         return;
       }
       const u = t ? By(l) : String(l).trim();
-      u !== l && delete n[l], n[u] = bt(i), s[u] = !0;
+      u !== l && delete n[l], n[u] = xt(i), s[u] = !0;
     }), this;
   }
   concat(...t) {
@@ -15549,8 +15607,8 @@ I.reduceDescriptors(ue.prototype, ({ value: e }, t) => {
   };
 });
 I.freezeMethods(ue);
-function Nt(e, t) {
-  const n = this || at, s = t || n, i = ue.from(s.headers);
+function Ut(e, t) {
+  const n = this || st, s = t || n, i = ue.from(s.headers);
   let l = s.data;
   return I.forEach(e, function(u) {
     l = u.call(n, l, i.normalize(), t ? t.status : void 0);
@@ -15606,7 +15664,7 @@ function Py(e, t) {
     i || (i = setTimeout(() => (i = null, n = Date.now(), e.apply(null, arguments)), s - (u - n)));
   };
 }
-const vt = (e, t, n = 3) => {
+const kt = (e, t, n = 3) => {
   let s = 0;
   const i = My(50, 250);
   return Py((l) => {
@@ -15824,7 +15882,7 @@ const xl = (e) => {
       )), g = null;
     }, l === void 0 && d.setContentType(null), "setRequestHeader" in g && I.forEach(d.toJSON(), function(_, T) {
       g.setRequestHeader(T, _);
-    }), 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) => {
+    }), I.isUndefined(i.withCredentials) || (g.withCredentials = !!i.withCredentials), u && u !== "json" && (g.responseType = i.responseType), typeof i.onDownloadProgress == "function" && g.addEventListener("progress", kt(i.onDownloadProgress, !0)), typeof i.onUploadProgress == "function" && g.upload && g.upload.addEventListener("progress", kt(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 = Fy(i.url);
@@ -15895,7 +15953,7 @@ const xl = (e) => {
     total: e,
     loaded: s
   }));
-}, 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 && (() => {
+}, Pt = typeof fetch == "function" && typeof Request == "function" && typeof Response == "function", Cl = Pt && typeof ReadableStream == "function", nn = Pt && (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(),
@@ -15910,12 +15968,12 @@ const xl = (e) => {
     return I.isReadableStream(new Response("").body);
   } catch {
   }
-})(), kt = {
+})(), wt = {
   stream: ln && ((e) => e.body)
 };
-Mt && ((e) => {
+Pt && ((e) => {
   ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((t) => {
-    !kt[t] && (kt[t] = I.isFunction(e[t]) ? (n) => n[t]() : (n, s) => {
+    !wt[t] && (wt[t] = I.isFunction(e[t]) ? (n) => n[t]() : (n, s) => {
       throw new z(`Response type '${t}' is not supported`, z.ERR_NOT_SUPPORT, s);
     });
   });
@@ -15934,7 +15992,7 @@ const Wy = async (e) => {
 }, Gy = async (e, t) => {
   const n = I.toFiniteNumber(e.getContentLength());
   return n ?? Wy(t);
-}, Ky = Mt && (async (e) => {
+}, Ky = Pt && (async (e) => {
   let {
     url: t,
     method: n,
@@ -15966,7 +16024,7 @@ const Wy = async (e) => {
       }), R;
       I.isFormData(s) && (R = E.headers.get("content-type")) && g.setContentType(R), E.body && (s = ri(E.body, ui, di(
         H,
-        vt(c)
+        kt(c)
       ), null, nn));
     }
     I.isString(h) || (h = h ? "cors" : "omit"), D = new Request(t, {
@@ -15989,13 +16047,13 @@ const Wy = async (e) => {
       F = new Response(
         ri(F.body, ui, u && di(
           R,
-          vt(u, !0)
+          kt(u, !0)
         ), U && B, nn),
         E
       );
     }
     f = f || "text";
-    let G = await kt[I.findKey(kt, f) || "text"](F, e);
+    let G = await wt[I.findKey(wt, f) || "text"](F, e);
     return !U && B(), _ && _(), await new Promise((E, R) => {
       yl(E, R, {
         data: G,
@@ -16059,22 +16117,22 @@ const ci = (e) => `- ${e}`, Yy = (e) => I.isFunction(e) || e === null || e === !
   },
   adapters: on
 };
-function Ut(e) {
+function zt(e) {
   if (e.cancelToken && e.cancelToken.throwIfRequested(), e.signal && e.signal.aborted)
     throw new Ge(null, e);
 }
 function mi(e) {
-  return Ut(e), e.headers = ue.from(e.headers), e.data = Nt.call(
+  return zt(e), e.headers = ue.from(e.headers), e.data = Ut.call(
     e,
     e.transformRequest
-  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), vl.getAdapter(e.adapter || at.adapter)(e).then(function(s) {
-    return Ut(e), s.data = Nt.call(
+  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), vl.getAdapter(e.adapter || st.adapter)(e).then(function(s) {
+    return zt(e), s.data = Ut.call(
       e,
       e.transformResponse,
       s
     ), s.headers = ue.from(s.headers), s;
   }, function(s) {
-    return gl(s) || (Ut(e), s && s.response && (s.response.data = Nt.call(
+    return gl(s) || (zt(e), s && s.response && (s.response.data = Ut.call(
       e,
       e.transformResponse,
       s.response
@@ -16397,13 +16455,13 @@ function wl(e) {
     return wl(He(e, i));
   }, n;
 }
-const ee = wl(at);
+const ee = wl(st);
 ee.Axios = Ae;
 ee.CanceledError = Ge;
 ee.CancelToken = In;
 ee.isCancel = gl;
 ee.VERSION = kl;
-ee.toFormData = Ft;
+ee.toFormData = Mt;
 ee.AxiosError = z;
 ee.Cancel = ee.CanceledError;
 ee.all = function(t) {
@@ -17008,7 +17066,7 @@ function Ob(e, t, n, s, i, l) {
       }, 8, ["validationStatus", "systemMessage"])) : m("", !0),
       o("div", L({
         class: ["box flex-container vertical", { "drop-area": n.enableDragAndDrop, "allow-drop": i.allowDrop }]
-      }, zt(l.dragAndDropHandler, !0)), [
+      }, Wt(l.dragAndDropHandler, !0)), [
         i.listOfFiles.length ? (a(), r("div", eb, [
           n.showTotalUpload && i.listOfFiles.length !== 1 ? (a(), r("div", tb, [
             p(d, L(n.cmdHeadlineSummaryOfAllFiles, { headlineLevel: "4" }), {
@@ -17232,7 +17290,7 @@ function Ob(e, t, n, s, i, l) {
       href: "#",
       onClick: t[7] || (t[7] = S((...g) => l.selectFiles && l.selectFiles(...g), ["prevent"])),
       class: ["cmd-upload-form box", { "drop-area": n.enableDragAndDrop, "allow-drop": i.allowDrop }]
-    }, zt(l.dragAndDropHandler, !0)), [
+    }, Wt(l.dragAndDropHandler, !0)), [
       i.uploadInitiated ? (a(), r("span", Sb, [
         o("span", null, y(l.getPercentage(l.totalUploadProgress)), 1),
         o("progress", {
@@ -18307,14 +18365,14 @@ const lx = /* @__PURE__ */ P(tx, [["render", ix]]), ox = {
     };
   }
 };
-function Ck(e = !1) {
+function vk(e = !1) {
   return e ? (/* @__PURE__ */ new Date()).toISOString() : (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
 }
-function vk() {
+function kk() {
   const e = /* @__PURE__ */ new Date(), t = String(e.getHours()).padStart(2, "0"), n = String(e.getMinutes()).padStart(2, "0");
   return t + ":" + n;
 }
-function kk(e, t = "+", n = 1) {
+function wk(e, t = "+", n = 1) {
   const s = new Date(e);
   if (t === "+")
     s.setDate(s.getDate() + n);
@@ -18324,7 +18382,7 @@ function kk(e, t = "+", n = 1) {
     throw new Error("function 'getDate()' received invalid operator as parameter. Use '+' to add or '-' to subtract days.");
   return s;
 }
-function wk(e, t = "short") {
+function Tk(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()];
@@ -19287,7 +19345,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     type: "text",
     name: "form-element-text-name",
     htmlClass: "form-element-text-class",
-    value: "default value",
+    value: "",
     fieldIconClass: "icon-lock",
     labelText: "Text input",
     placeholder: "Placeholdertext",
@@ -19299,14 +19357,13 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     formElements: [
       {
         element: "input",
-        type: "number",
-        name: "form-element-number-name",
-        htmlClass: "form-element-number-class",
-        id: "form-element-number-id",
+        type: "text",
+        name: "form-element-text-name",
+        htmlClass: "form-element-text-class",
+        id: "form-element-text-id",
         value: "default value",
         fieldIconClass: "icon-cogs",
-        labelText: "Number input (required)",
-        placeholder: "Placeholdertext",
+        labelText: "Username input",
         required: !0,
         disabled: !1
       },
@@ -21525,7 +21582,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     text: "Zimbabwe",
     value: "zw"
   }
-], i1 = "comand-component-library", l1 = "4.2.72", o1 = "GPL-3.0-only", a1 = "CoManD-UI", s1 = "module", r1 = {
+], i1 = "comand-component-library", l1 = "4.2.74", o1 = "GPL-3.0-only", a1 = "CoManD-UI", s1 = "module", r1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
@@ -21546,7 +21603,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   "./us-cities.json": "./src/assets/lists-of-data/us-cities.json"
 }, c1 = {
   "clickout-event": "^1.1.2",
-  "comand-frontend-framework": "^4.3.20",
+  "comand-frontend-framework": "^4.3.21",
   "comand-ui-iconfonts": "^1.0.19",
   "core-js": "^3.20.1",
   prismjs: "^1.27.0",
@@ -21952,7 +22009,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
         cmdHeadlineSettingsData: {
           preHeadlineText: "Pre-headline text",
           headlineText: "Headline text",
-          headlineLevel: 3,
+          headlineLevel: 2,
           textAlign: "left"
         },
         cmdHeadlineSettingsControls: {
@@ -22658,6 +22715,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   },
   data() {
     return {
+      cmdFormData: {},
       smartSearchObject: { id: 3, displayValue: "smartSearchDisplayValue" },
       smartSearchString: "",
       selectedLanguage: "none",
@@ -22856,6 +22914,9 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     }
   },
   methods: {
+    myAlert(e) {
+      alert(e);
+    },
     toggleSystemMessage(e, t) {
       console.log("event", e), e === "error" ? t.setErrorOnPage("Please fill all required fields!") : t.removeErrorOnPage();
     },
@@ -23087,86 +23148,86 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
 }, Ov = {
   class: "headline-demopage",
   id: "section-multistep-form-wrapper"
-}, 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 = {
+}, Lv = ["onClick"], Iv = ["onClick"], Bv = ["onUpdate:modelValue"], Dv = ["onClick"], Fv = { class: "flex-container" }, Mv = ["onClick"], Pv = { key: 0 }, Vv = ["onClick"], Av = { key: 0 }, Ev = ["onClick"], Hv = { key: 0 }, qv = { key: 0 }, Rv = { key: 0 }, jv = { class: "button-wrapper reverse justify-content-space-between" }, Nv = {
   class: "headline-demopage",
   id: "section-multistep-form-progress-bar"
-}, Nv = {
+}, Uv = {
   class: "headline-demopage",
   id: "section-newsletter-subscription"
-}, Uv = {
+}, zv = {
   class: "headline-demopage",
   id: "section-opening-hours"
-}, zv = {
+}, Wv = {
   class: "headline-demopage",
   id: "section-page-footer"
-}, Wv = {
+}, Gv = {
   class: "headline-demopage",
   id: "section-page-header"
-}, Gv = {
+}, Kv = {
   class: "headline-demopage",
   id: "section-pagination"
-}, Kv = {
+}, Yv = {
   class: "headline-demopage",
   id: "section-paragraph"
-}, Yv = {
+}, Jv = {
   class: "headline-demopage",
   id: "section-section"
-}, Jv = {
+}, Zv = {
   class: "headline-demopage",
   id: "section-site-header"
-}, Zv = {
+}, Qv = {
   class: "headline-demopage",
   id: "section-site-search"
-}, Qv = {
+}, Xv = {
   class: "headline-demopage",
   id: "section-slideshow"
-}, Xv = {
+}, $v = {
   class: "headline-demopage",
   id: "section-smart-search"
-}, $v = {
+}, ek = {
   class: "headline-demopage",
   id: "section-social-networks"
-}, ek = {
+}, tk = {
   class: "headline-demopage",
   id: "section-system-message"
-}, tk = {
+}, nk = {
   class: "headline-demopage",
   id: "section-tables"
-}, nk = {
+}, ik = {
   class: "headline-demopage",
   id: "section-tabs"
-}, ik = {
+}, lk = {
   class: "headline-demopage",
   id: "section-tag"
-}, lk = {
+}, ok = {
   class: "headline-demopage",
   id: "section-text-image-block"
-}, ok = { class: "flex-container" }, ak = {
+}, ak = { class: "flex-container" }, sk = {
   class: "headline-demopage",
   id: "section-thumbnail-scroller"
-}, sk = { class: "inline-size" }, rk = {
+}, rk = { class: "inline-size" }, dk = {
   class: "headline-demopage",
   id: "section-toggle-dark-mode"
-}, dk = {
+}, uk = {
   class: "headline-demopage",
   id: "section-tooltip"
-}, uk = {
+}, ck = {
   class: "headline-demopage",
   id: "section-upload-form"
-}, ck = {
+}, mk = {
   class: "headline-demopage",
   id: "section-width-limitation-wrapper"
-}, mk = {
+}, pk = {
   key: 2,
   id: "content"
 };
-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");
+function fk(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, ie = Bm, me = Ji, le = J, ne = 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, rt = Nf, dt = Kf, ut = Qi, ct = lx, je = lh, Ke = hh, mt = Ih, Y = Ah, Bl = $i, Dl = Kh, Fl = Re, Bn = lg, Ml = el, Pl = ji, Vt = Cg, Vl = Hi, Al = Tg, At = 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[327] || (t[327] = o("a", { id: "anchor-back-to-top" }, null, -1)),
+    t[328] || (t[328] = o("a", { id: "anchor-back-to-top" }, null, -1)),
     i.showLeftSidebar ? (a(), v(c, {
       key: 0,
       cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -23191,11 +23252,11 @@ function pk(e, t, n, s, i, l) {
             }, {
               body: k(() => [
                 o("label", v1, [
-                  t[133] || (t[133] = o("span", null, "Select template", -1)),
+                  t[134] || (t[134] = o("span", null, "Select template", -1)),
                   $(o("select", {
                     id: "select-template",
                     "onUpdate:modelValue": t[0] || (t[0] = (j) => i.selectedTemplate = j)
-                  }, t[132] || (t[132] = [
+                  }, t[133] || (t[133] = [
                     o("option", { value: "blank" }, "Blank/Unstyled", -1),
                     o("option", { value: "material-web" }, "Material-Web", -1),
                     o("option", { value: "tailwind" }, "Tailwind", -1)
@@ -23204,7 +23265,7 @@ function pk(e, t, n, s, i, l) {
                   ])
                 ]),
                 o("div", null, [
-                  t[137] || (t[137] = o("span", null, "Color Scheme", -1)),
+                  t[138] || (t[138] = o("span", null, "Color Scheme", -1)),
                   o("div", k1, [
                     o("label", w1, [
                       $(o("input", {
@@ -23214,9 +23275,9 @@ function pk(e, t, n, s, i, l) {
                         "onUpdate:modelValue": t[1] || (t[1] = (j) => i.colorScheme = j),
                         value: "none"
                       }, null, 512), [
-                        [At, i.colorScheme]
+                        [Et, i.colorScheme]
                       ]),
-                      t[134] || (t[134] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
+                      t[135] || (t[135] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
                     ]),
                     o("label", T1, [
                       $(o("input", {
@@ -23226,9 +23287,9 @@ function pk(e, t, n, s, i, l) {
                         "onUpdate:modelValue": t[2] || (t[2] = (j) => i.colorScheme = j),
                         value: "light"
                       }, null, 512), [
-                        [At, i.colorScheme]
+                        [Et, i.colorScheme]
                       ]),
-                      t[135] || (t[135] = o("span", { class: "label-text" }, "Light Mode", -1))
+                      t[136] || (t[136] = o("span", { class: "label-text" }, "Light Mode", -1))
                     ]),
                     o("label", S1, [
                       $(o("input", {
@@ -23238,9 +23299,9 @@ function pk(e, t, n, s, i, l) {
                         "onUpdate:modelValue": t[3] || (t[3] = (j) => i.colorScheme = j),
                         value: "dark"
                       }, null, 512), [
-                        [At, i.colorScheme]
+                        [Et, i.colorScheme]
                       ]),
-                      t[136] || (t[136] = o("span", { class: "label-text" }, "Dark Mode", -1))
+                      t[137] || (t[137] = o("span", { class: "label-text" }, "Dark Mode", -1))
                     ])
                   ])
                 ])
@@ -23287,7 +23348,7 @@ function pk(e, t, n, s, i, l) {
                     }, " Contact Information ")
                   ]),
                   o("li", null, [
-                    t[138] || (t[138] = M(" Multiple Lists Of Links ")),
+                    t[139] || (t[139] = M(" Multiple Lists Of Links ")),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -23304,7 +23365,7 @@ function pk(e, t, n, s, i, l) {
                     ])
                   ]),
                   o("li", null, [
-                    t[139] || (t[139] = M(" Multiple Box Wrapper ")),
+                    t[140] || (t[140] = M(" Multiple Box Wrapper ")),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -23328,9 +23389,9 @@ function pk(e, t, n, s, i, l) {
           _: 1
         }, 8, ["openBoxesByDefault"]),
         o("dl", O1, [
-          t[140] || (t[140] = o("dt", null, "Frontend-Framework Version:", -1)),
+          t[141] || (t[141] = 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)),
+          t[142] || (t[142] = o("dt", null, "Component-Library Version:", -1)),
           o("dd", null, y(i.packageJson.version), 1)
         ])
       ]),
@@ -23341,7 +23402,7 @@ function pk(e, t, n, s, i, l) {
             class: "button primary",
             title: "Open Template Selection",
             onClick: t[9] || (t[9] = S((b) => l.openBox(0), ["prevent"]))
-          }, t[142] || (t[142] = [
+          }, t[143] || (t[143] = [
             o("span", { class: "icon-settings-template" }, null, -1)
           ])),
           o("a", {
@@ -23349,7 +23410,7 @@ function pk(e, t, n, s, i, l) {
             class: "button primary",
             title: "Open Components Overview",
             onClick: t[10] || (t[10] = S((b) => l.openBox(1), ["prevent"]))
-          }, t[143] || (t[143] = [
+          }, t[144] || (t[144] = [
             o("span", { class: "icon-settings-component" }, null, -1)
           ])),
           o("a", {
@@ -23357,13 +23418,13 @@ function pk(e, t, n, s, i, l) {
             class: "button primary",
             title: "Open Page-Templates",
             onClick: t[11] || (t[11] = S((b) => l.openBox(2), ["prevent"]))
-          }, t[144] || (t[144] = [
+          }, t[145] || (t[145] = [
             o("span", { class: "icon-file-settings" }, null, -1)
           ])),
           o("a", {
             href: "#",
             onClick: t[12] || (t[12] = S((b) => i.showLeftSidebar = !1, ["prevent"]))
-          }, t[145] || (t[145] = [
+          }, t[146] || (t[146] = [
             o("span", null, "Hide sidebar", -1)
           ]))
         ])
@@ -23385,7 +23446,7 @@ function pk(e, t, n, s, i, l) {
     }),
     i.componentView ? (a(), r("main", I1, [
       p(w, null, {
-        default: k(() => t[146] || (t[146] = [
+        default: k(() => t[147] || (t[147] = [
           o("h1", { class: "headline-demopage" }, "Components Overview", -1)
         ])),
         _: 1
@@ -23393,7 +23454,7 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", B1, [
-            t[147] || (t[147] = o("span", null, "Address Data", -1)),
+            t[148] || (t[148] = o("span", null, "Address Data", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -23412,11 +23473,11 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[187] || (t[187] = o("h2", {
+          t[188] || (t[188] = o("h2", {
             class: "headline-demopage",
             id: "section-advanced-form-elements"
           }, "Advanced Form Elements", -1)),
-          t[188] || (t[188] = o("h3", null, [
+          t[189] || (t[189] = o("h3", null, [
             o("span", null, "Form elements status:")
           ], -1)),
           o("div", F1, [
@@ -23483,9 +23544,9 @@ function pk(e, t, n, s, i, l) {
           }, {
             default: k(() => [
               o("fieldset", V1, [
-                t[167] || (t[167] = o("legend", null, "Legend", -1)),
+                t[168] || (t[168] = o("legend", null, "Legend", -1)),
                 o("h2", A1, [
-                  t[148] || (t[148] = o("span", null, "Form Element-Component", -1)),
+                  t[149] || (t[149] = o("span", null, "Form Element-Component", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -23531,7 +23592,7 @@ function pk(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip"
                   }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
                 ]),
-                t[168] || (t[168] = o("h3", null, "Inputfields in Columns", -1)),
+                t[169] || (t[169] = o("h3", null, "Inputfields in Columns", -1)),
                 o("div", q1, [
                   p(T, {
                     element: "input",
@@ -23545,7 +23606,7 @@ function pk(e, t, n, s, i, l) {
                     status: i.validationStatus,
                     disabled: i.disabledStatus
                   }, {
-                    labeltext: k(() => t[149] || (t[149] = [
+                    labeltext: k(() => t[150] || (t[150] = [
                       o("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1)
                     ])),
                     _: 1
@@ -23667,7 +23728,7 @@ function pk(e, t, n, s, i, l) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[169] || (t[169] = o("h3", null, "Searchfields", -1)),
+                t[170] || (t[170] = o("h3", null, "Searchfields", -1)),
                 o("div", j1, [
                   p(T, {
                     element: "input",
@@ -23709,7 +23770,7 @@ function pk(e, t, n, s, i, l) {
                     disabled: i.disabledStatus
                   }, null, 8, ["listOfRecommendations", "cmdFormElement", "modelValue", "disabled"])
                 ]),
-                t[170] || (t[170] = o("h3", null, "Textarea", -1)),
+                t[171] || (t[171] = o("h3", null, "Textarea", -1)),
                 p(T, {
                   element: "textarea",
                   labelText: "Label for textarea:",
@@ -23723,9 +23784,9 @@ function pk(e, t, n, s, i, l) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[171] || (t[171] = o("hr", null, null, -1)),
+                t[172] || (t[172] = o("hr", null, null, -1)),
                 o("h3", N1, [
-                  t[150] || (t[150] = o("span", null, "Fake Selects", -1)),
+                  t[151] || (t[151] = o("span", null, "Fake Selects", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -23798,21 +23859,21 @@ function pk(e, t, n, s, i, l) {
                     type: "color"
                   }, null, 8, ["status", "disabled", "selectData", "modelValue"])
                 ]),
-                t[172] || (t[172] = o("hr", null, null, -1)),
-                t[173] || (t[173] = o("h2", null, "Progress Bar [native]", -1)),
+                t[173] || (t[173] = o("hr", null, null, -1)),
+                t[174] || (t[174] = o("h2", null, "Progress Bar [native]", -1)),
                 p(H, {
                   labelText: "Progress Bar (with optional output):",
                   id: "progress-bar2",
                   max: "100"
                 }),
-                t[174] || (t[174] = o("h2", null, "Slider [native]", -1)),
+                t[175] || (t[175] = o("h2", null, "Slider [native]", -1)),
                 o("div", {
                   class: C(["label", i.validationStatus])
                 }, [
-                  t[153] || (t[153] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
+                  t[154] || (t[154] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
                   o("span", z1, [
                     o("label", W1, [
-                      t[151] || (t[151] = o("span", { class: "label-text" }, [
+                      t[152] || (t[152] = o("span", { class: "label-text" }, [
                         o("span", null, "Range Value:")
                       ], -1)),
                       $(o("input", {
@@ -23824,11 +23885,11 @@ function pk(e, t, n, s, i, l) {
                         max: "100",
                         id: "range-value"
                       }, null, 10, G1), [
-                        [Wt, i.rangeValue]
+                        [et, i.rangeValue]
                       ])
                     ]),
                     o("label", K1, [
-                      t[152] || (t[152] = o("span", { class: "label-text hidden" }, [
+                      t[153] || (t[153] = o("span", { class: "label-text hidden" }, [
                         o("span", null, "Range Value")
                       ], -1)),
                       $(o("input", {
@@ -23840,14 +23901,14 @@ function pk(e, t, n, s, i, l) {
                         min: "0",
                         max: "100"
                       }, null, 8, Y1), [
-                        [Wt, i.rangeValue]
+                        [et, i.rangeValue]
                       ])
                     ])
                   ])
                 ], 2),
-                t[175] || (t[175] = o("hr", null, null, -1)),
-                t[176] || (t[176] = o("h2", null, "Toggle-Switches", -1)),
-                t[177] || (t[177] = o("h3", null, "Switches without switch-labels", -1)),
+                t[176] || (t[176] = o("hr", null, null, -1)),
+                t[177] || (t[177] = o("h2", null, "Toggle-Switches", -1)),
+                t[178] || (t[178] = o("h3", null, "Switches without switch-labels", -1)),
                 p(T, {
                   element: "input",
                   type: "checkbox",
@@ -23872,7 +23933,7 @@ function pk(e, t, n, s, i, l) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                t[178] || (t[178] = o("h3", null, "Switches with switch-labels", -1)),
+                t[179] || (t[179] = o("h3", null, "Switches with switch-labels", -1)),
                 p(T, {
                   element: "input",
                   type: "checkbox",
@@ -23947,15 +24008,15 @@ function pk(e, t, n, s, i, l) {
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 o("p", null, [
                   M(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
-                  t[154] || (t[154] = o("br", null, null, -1)),
-                  M(" checkbox with boolean: " + y(i.checkboxValue), 1),
                   t[155] || (t[155] = o("br", null, null, -1)),
+                  M(" checkbox with boolean: " + y(i.checkboxValue), 1),
+                  t[156] || (t[156] = o("br", null, null, -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)),
+                t[180] || (t[180] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
+                t[181] || (t[181] = o("h3", null, "Checkboxes [native]", -1)),
                 o("div", J1, [
-                  t[157] || (t[157] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
+                  t[158] || (t[158] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
                   o("div", Z1, [
                     p(T, {
                       element: "input",
@@ -23999,7 +24060,7 @@ function pk(e, t, n, s, i, l) {
                       status: i.validationStatus,
                       disabled: i.disabledStatus
                     }, {
-                      labeltext: k(() => t[156] || (t[156] = [
+                      labeltext: k(() => t[157] || (t[157] = [
                         M(" Labeltext with "),
                         o("a", { href: "#" }, "link", -1),
                         M(" given by slot ")
@@ -24008,9 +24069,9 @@ function pk(e, t, n, s, i, l) {
                     }, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                t[181] || (t[181] = o("h3", null, "Checkboxes (replaced)", -1)),
+                t[182] || (t[182] = o("h3", null, "Checkboxes (replaced)", -1)),
                 o("div", Q1, [
-                  t[158] || (t[158] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
+                  t[159] || (t[159] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
                   o("div", X1, [
                     p(T, {
                       element: "input",
@@ -24038,9 +24099,9 @@ function pk(e, t, n, s, i, l) {
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                t[182] || (t[182] = o("h3", null, "Radiobuttons [native]", -1)),
+                t[183] || (t[183] = o("h3", null, "Radiobuttons [native]", -1)),
                 o("div", $1, [
-                  t[159] || (t[159] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
+                  t[160] || (t[160] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
                   o("div", ev, [
                     p(T, {
                       element: "input",
@@ -24069,9 +24130,9 @@ function pk(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)),
+                t[184] || (t[184] = o("h3", null, "Radiobuttons (replaced)", -1)),
                 o("div", tv, [
-                  t[160] || (t[160] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
+                  t[161] || (t[161] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
                   o("div", nv, [
                     p(T, {
                       element: "input",
@@ -24102,7 +24163,7 @@ function pk(e, t, n, s, i, l) {
                   ])
                 ]),
                 o("h3", iv, [
-                  t[161] || (t[161] = M(" Input-Group ")),
+                  t[162] || (t[162] = M(" Input-Group ")),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -24117,12 +24178,12 @@ function pk(e, t, n, s, i, l) {
                   "onUpdate:modelValue": t[63] || (t[63] = (b) => i.inputGroup = b)
                 }), null, 16, ["inputElements", "modelValue"]),
                 o("dl", null, [
-                  t[162] || (t[162] = o("dt", null, "Selected value:", -1)),
+                  t[163] || (t[163] = o("dt", null, "Selected value:", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroup), 1)
                   ])
                 ]),
-                t[184] || (t[184] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
+                t[185] || (t[185] = o("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1)),
                 p(F, {
                   labelText: "Grouplabel for checkbox-group styled as toggle-switches (colored):",
                   inputElements: l.idForReplacedInputsInInputGroup("checkbox-group-toggle-switch"),
@@ -24136,7 +24197,7 @@ function pk(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[163] || (t[163] = o("dt", null, "Selected value(s):", -1)),
+                  t[164] || (t[164] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValueToggleSwitchCheckbox), 1)
                   ])
@@ -24153,7 +24214,7 @@ function pk(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[164] || (t[164] = o("dt", null, "Selected value(s):", -1)),
+                  t[165] || (t[165] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValueToggleSwitchRadio), 1)
                   ])
@@ -24169,7 +24230,7 @@ function pk(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[165] || (t[165] = o("dt", null, "Selected value(s):", -1)),
+                  t[166] || (t[166] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValue3), 1)
                   ])
@@ -24187,14 +24248,14 @@ function pk(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 o("dl", null, [
-                  t[166] || (t[166] = o("dt", null, "Selected value(s):", -1)),
+                  t[167] || (t[167] = o("dt", null, "Selected value(s):", -1)),
                   o("dd", null, [
                     o("output", null, y(i.inputGroupValue4), 1)
                   ])
                 ])
               ]),
               o("div", lv, [
-                t[186] || (t[186] = o("small", null, "(values will not be submitted with the form!)", -1)),
+                t[187] || (t[187] = o("small", null, "(values will not be submitted with the form!)", -1)),
                 o("div", ov, [
                   p(T, {
                     element: "button",
@@ -24208,7 +24269,7 @@ function pk(e, t, n, s, i, l) {
                     class: "button",
                     type: "submit",
                     disabled: i.disabledStatus
-                  }, t[185] || (t[185] = [
+                  }, t[186] || (t[186] = [
                     o("span", { class: "icon-check" }, null, -1),
                     o("span", null, "Native submit-button", -1)
                   ]), 8, av)
@@ -24227,7 +24288,7 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", sv, [
-            t[189] || (t[189] = o("span", null, "Bank Account Data", -1)),
+            t[190] || (t[190] = o("span", null, "Bank Account Data", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -24242,7 +24303,7 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", rv, [
-            t[190] || (t[190] = o("span", null, "Basic Form", -1)),
+            t[191] || (t[191] = o("span", null, "Basic Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -24263,9 +24324,9 @@ function pk(e, t, n, s, i, l) {
             }
           }, null, 512),
           o("dl", null, [
-            t[191] || (t[191] = o("dt", null, "originalEvent", -1)),
+            t[192] || (t[192] = o("dt", null, "originalEvent", -1)),
             o("dd", null, y(i.basicFormData.originalEvent), 1),
-            t[192] || (t[192] = o("dt", null, "formdata", -1)),
+            t[193] || (t[193] = o("dt", null, "formdata", -1)),
             o("dd", null, y(i.basicFormData.formData), 1)
           ])
         ]),
@@ -24273,9 +24334,9 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, { anchorId: "section-boxes" }, {
         default: k(() => [
-          t[211] || (t[211] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
+          t[212] || (t[212] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
           o("h3", dv, [
-            t[193] || (t[193] = o("span", null, "Default Box", -1)),
+            t[194] || (t[194] = o("span", null, "Default Box", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -24289,17 +24350,17 @@ function pk(e, t, n, s, i, l) {
             "cmd-headline": { headlineText: "Headline for box", headlineLevel: 4 },
             stretchVertically: !0
           }), {
-            header: k(() => t[194] || (t[194] = [
+            header: k(() => t[195] || (t[195] = [
               o("h4", null, " Texts given by slots ", -1)
             ])),
-            body: k(() => t[195] || (t[195] = [
+            body: k(() => t[196] || (t[196] = [
               o("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1),
               o("p", null, [
                 o("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
               ], -1),
               o("p", null, "Additionally 'allowContentToScroll' is active, which enables (as far as a max-height is defined) the content of this box to scroll", -1)
             ])),
-            footer: k(() => t[196] || (t[196] = [
+            footer: k(() => t[197] || (t[197] = [
               o("p", null, " Footer content ", -1)
             ])),
             _: 1
@@ -24329,7 +24390,7 @@ function pk(e, t, n, s, i, l) {
                 useSlots: ["body"],
                 "cutoff-text-lines": 4
               }, {
-                body: k(() => t[197] || (t[197] = [
+                body: k(() => t[198] || (t[198] = [
                   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
@@ -24338,17 +24399,17 @@ function pk(e, t, n, s, i, l) {
                 useSlots: ["header", "body", "footer"],
                 allowContentToScroll: !0
               }, {
-                header: k(() => t[198] || (t[198] = [
+                header: k(() => t[199] || (t[199] = [
                   o("h4", null, " Texts given by slots ", -1)
                 ])),
-                body: k(() => t[199] || (t[199] = [
+                body: k(() => t[200] || (t[200] = [
                   o("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1),
                   o("p", null, [
                     o("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
                   ], -1),
                   o("p", null, "Additionally 'allowContentToScroll' is active, which enables (as far as a max-height is defined) the content of this box to scroll", -1)
                 ])),
-                footer: k(() => t[200] || (t[200] = [
+                footer: k(() => t[201] || (t[201] = [
                   o("p", null, " Footer content ", -1)
                 ])),
                 _: 1
@@ -24358,7 +24419,7 @@ function pk(e, t, n, s, i, l) {
                 useBoxBodyPadding: !1,
                 collapsible: !0
               }, {
-                header: k(() => t[201] || (t[201] = [
+                header: k(() => t[202] || (t[202] = [
                   o("h4", null, " Box with inputs ", -1)
                 ])),
                 body: k(() => [
@@ -24382,7 +24443,7 @@ function pk(e, t, n, s, i, l) {
                     _: 1
                   })
                 ]),
-                footer: k(() => t[202] || (t[202] = [
+                footer: k(() => t[203] || (t[203] = [
                   o("p", null, " footer content ", -1)
                 ])),
                 _: 1
@@ -24391,7 +24452,7 @@ function pk(e, t, n, s, i, l) {
                 useSlots: ["header", "body"],
                 useBoxBodyPadding: !1
               }, {
-                header: k(() => t[203] || (t[203] = [
+                header: k(() => t[204] || (t[204] = [
                   o("h4", null, " Box with links ", -1)
                 ])),
                 body: k(() => [
@@ -24426,7 +24487,7 @@ function pk(e, t, n, s, i, l) {
                     ])
                   ])
                 ]),
-                footer: k(() => t[204] || (t[204] = [
+                footer: k(() => t[205] || (t[205] = [
                   o("p", null, " footer content ", -1)
                 ])),
                 _: 1
@@ -24437,10 +24498,10 @@ function pk(e, t, n, s, i, l) {
                 cmdHeadline: { headlineText: "Collapsible box", headlineLevel: 4 },
                 collapsible: !0
               }, {
-                header: k(() => t[205] || (t[205] = [
+                header: k(() => t[206] || (t[206] = [
                   o("h4", null, " Collapsible box with image ", -1)
                 ])),
-                body: k(() => t[206] || (t[206] = [
+                body: k(() => t[207] || (t[207] = [
                   o("img", {
                     src: hi,
                     alt: "Alternative text"
@@ -24452,10 +24513,10 @@ function pk(e, t, n, s, i, l) {
                 useSlots: ["header", "body", "footer"],
                 useBoxBodyPadding: !1
               }, {
-                header: k(() => t[207] || (t[207] = [
+                header: k(() => t[208] || (t[208] = [
                   o("h4", null, " Box with image, content and link ", -1)
                 ])),
-                body: k(() => t[208] || (t[208] = [
+                body: k(() => t[209] || (t[209] = [
                   o("img", {
                     src: hi,
                     alt: "Alternative text"
@@ -24465,7 +24526,7 @@ function pk(e, t, n, s, i, l) {
                     o("p", null, "Image, custom-headline and this text for the component are given by slot")
                   ], -1)
                 ])),
-                footer: k(() => t[209] || (t[209] = [
+                footer: k(() => t[210] || (t[210] = [
                   o("p", null, [
                     o("a", { href: "#" }, "Read more…")
                   ], -1)
@@ -24498,7 +24559,7 @@ function pk(e, t, n, s, i, l) {
             ]),
             _: 1
           }),
-          t[212] || (t[212] = o("h3", null, "Product boxes", -1)),
+          t[213] || (t[213] = o("h3", null, "Product boxes", -1)),
           p(u, {
             boxesPerRow: [5, 2, 1],
             useRowViewAsDefault: !0,
@@ -24515,7 +24576,7 @@ function pk(e, t, n, s, i, l) {
             ]),
             _: 1
           }),
-          t[213] || (t[213] = o("h3", null, "User boxes", -1)),
+          t[214] || (t[214] = o("h3", null, "User boxes", -1)),
           p(u, {
             boxesPerRow: [5, 2, 1],
             useRowViewAsDefault: !0,
@@ -24533,7 +24594,7 @@ function pk(e, t, n, s, i, l) {
             _: 1
           }),
           o("h3", null, [
-            t[210] || (t[210] = o("span", null, "Boxes in BoxWrapper (collapsible)", -1)),
+            t[211] || (t[211] = o("span", null, "Boxes in BoxWrapper (collapsible)", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -24575,7 +24636,7 @@ function pk(e, t, n, s, i, l) {
       p(w, { "inner-component": "div" }, {
         default: k(() => [
           o("h2", cv, [
-            t[214] || (t[214] = o("span", null, "Breadcrumbs", -1)),
+            t[215] || (t[215] = o("span", null, "Breadcrumbs", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -24594,7 +24655,7 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", mv, [
-            t[215] || (t[215] = o("span", null, "Code Output", -1)),
+            t[216] || (t[216] = o("span", null, "Code Output", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -24614,7 +24675,7 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", pv, [
-            t[216] || (t[216] = o("span", null, "Company Logo", -1)),
+            t[217] || (t[217] = o("span", null, "Company Logo", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -24632,7 +24693,7 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", fv, [
-            t[217] || (t[217] = o("span", null, "Containers", -1)),
+            t[218] || (t[218] = o("span", null, "Containers", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
@@ -24640,19 +24701,19 @@ function pk(e, t, n, s, i, l) {
               onClick: t[79] || (t[79] = S((b) => l.openSettingsSidebar("CmdContainer"), ["prevent"]))
             })
           ]),
-          t[222] || (t[222] = o("h3", null, 'Container (type "default")', -1)),
+          t[223] || (t[223] = o("h3", null, 'Container (type "default")', -1)),
           p(Z, L({
             style: { border: "1px dashed var(--color-gray-30)" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData), {
-            default: k(() => t[218] || (t[218] = [
+            default: k(() => t[219] || (t[219] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
             ])),
             _: 1
           }, 16),
-          t[223] || (t[223] = o("h3", null, 'Container (type "flex", horizontal)', -1)),
+          t[224] || (t[224] = o("h3", null, 'Container (type "flex", horizontal)', -1)),
           p(Z, L({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdContainer"
@@ -24660,14 +24721,14 @@ function pk(e, t, n, s, i, l) {
             containerType: "flex",
             contentOrientation: "horizontal"
           }), {
-            default: k(() => t[219] || (t[219] = [
+            default: k(() => t[220] || (t[220] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
             ])),
             _: 1
           }, 16),
-          t[224] || (t[224] = o("h3", null, 'Container (type "flex", vertical)', -1)),
+          t[225] || (t[225] = o("h3", null, 'Container (type "flex", vertical)', -1)),
           p(Z, L({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdContainer"
@@ -24675,19 +24736,19 @@ function pk(e, t, n, s, i, l) {
             containerType: "flex",
             contentOrientation: "vertical"
           }), {
-            default: k(() => t[220] || (t[220] = [
+            default: k(() => t[221] || (t[221] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
             ])),
             _: 1
           }, 16),
-          t[225] || (t[225] = o("h3", null, "Container with horizontal slots", -1)),
+          t[226] || (t[226] = o("h3", null, "Container with horizontal slots", -1)),
           p(Z, L({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData, { containerType: "grid" }), {
-            default: k(() => t[221] || (t[221] = [
+            default: k(() => t[222] || (t[222] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
@@ -24702,7 +24763,7 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[227] || (t[227] = o("h2", {
+          t[228] || (t[228] = o("h2", {
             class: "headline-demopage",
             id: "section-cookie-disclaimer"
           }, "Cookie Disclaimer", -1)),
@@ -24710,7 +24771,7 @@ function pk(e, t, n, s, i, l) {
             class: "button",
             href: "#",
             onClick: t[80] || (t[80] = S((b) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
-          }, t[226] || (t[226] = [
+          }, t[227] || (t[227] = [
             o("span", null, "Open Cookie Disclaimer", -1)
           ]))
         ]),
@@ -24718,20 +24779,22 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[228] || (t[228] = o("h2", {
+          t[229] || (t[229] = o("h2", {
             class: "headline-demopage",
             id: "section-forms"
           }, "Forms", -1)),
-          t[229] || (t[229] = o("h3", null, "Form elements given by data", -1)),
+          t[230] || (t[230] = o("h3", null, "Form elements given by data", -1)),
           p(U, {
             useFieldset: !0,
             useSlot: !1,
             id: "form-component",
             novalidate: "novalidate",
             formElements: i.formElementsData,
-            onSubmit: l.doConsoleLog
-          }, null, 8, ["formElements", "onSubmit"]),
-          t[230] || (t[230] = o("h3", null, "Form elements given by slot", -1)),
+            onSubmit: l.doConsoleLog,
+            modelValue: i.cmdFormData,
+            "onUpdate:modelValue": t[81] || (t[81] = (b) => i.cmdFormData = b)
+          }, null, 8, ["formElements", "onSubmit", "modelValue"]),
+          t[231] || (t[231] = o("h3", null, "Form elements given by slot", -1)),
           p(U, {
             "use-fieldset": !0,
             id: "form-component",
@@ -24769,50 +24832,50 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[234] || (t[234] = o("h2", {
+          t[235] || (t[235] = o("h2", {
             class: "headline-demopage",
             id: "section-fancybox"
           }, "Fancybox", -1)),
-          t[235] || (t[235] = o("h3", null, "FancyBox with text", -1)),
+          t[236] || (t[236] = o("h3", null, "FancyBox with text", -1)),
           o("a", {
             href: "#",
-            onClick: t[81] || (t[81] = S((b) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
+            onClick: t[82] || (t[82] = S((b) => l.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
           }, "Open FancyBox with text"),
-          t[236] || (t[236] = o("h3", null, "FancyBox with large image given by url", -1)),
+          t[237] || (t[237] = o("h3", null, "FancyBox with large image given by url", -1)),
           o("a", {
             href: "#",
-            onClick: t[82] || (t[82] = S((b) => l.showFancyBox("url", "/media/images/demo-images/large/landscape-01.jpg", "FancyBox with large image given by url"), ["prevent"])),
+            onClick: t[83] || (t[83] = S((b) => l.showFancyBox("url", "/media/images/demo-images/large/landscape-01.jpg", "FancyBox with large image given by url"), ["prevent"])),
             title: "Open FancyBox with large image given by url",
             style: { "align-self": "flex-start" }
-          }, t[231] || (t[231] = [
+          }, t[232] || (t[232] = [
             o("img", {
               src: g1,
               alt: "Alternative text"
             }, null, -1)
           ])),
-          t[237] || (t[237] = o("h3", null, "FancyBox with large image given by property", -1)),
+          t[238] || (t[238] = o("h3", null, "FancyBox with large image given by property", -1)),
           o("a", {
             href: "#",
-            onClick: t[83] || (t[83] = S((b) => l.showFancyBox("image", { large: "/media/images/demo-images/large/landscape-02.jpg" }, "FancyBox with large image given by property"), ["prevent"])),
+            onClick: t[84] || (t[84] = S((b) => l.showFancyBox("image", { large: "/media/images/demo-images/large/landscape-02.jpg" }, "FancyBox with large image given by property"), ["prevent"])),
             title: "Open FancyBox with large image given by property",
             style: { "align-self": "flex-start" }
-          }, t[232] || (t[232] = [
+          }, t[233] || (t[233] = [
             o("img", {
               src: y1,
               alt: "Alternative text"
             }, null, -1)
           ])),
-          t[238] || (t[238] = o("h3", null, "FancyBox with image as object give by property", -1)),
+          t[239] || (t[239] = o("h3", null, "FancyBox with image as object give by property", -1)),
           o("a", {
             href: "#",
-            onClick: t[84] || (t[84] = S((b) => l.showFancyBox("image", {
+            onClick: t[85] || (t[85] = S((b) => l.showFancyBox("image", {
               small: "/media/images/demo-images/medium/landscape-03.jpg",
               medium: "/media/images/demo-images/medium/landscape-03.jpg",
               large: "/media/images/demo-images/large/landscape-03.jpg"
             }, "FancyBox with large image given by property"), ["prevent"])),
             title: "Open FancyBox with large image given by property",
             style: { "align-self": "flex-start" }
-          }, t[233] || (t[233] = [
+          }, t[234] || (t[234] = [
             o("img", {
               src: b1,
               alt: "Alternative text"
@@ -24823,18 +24886,18 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[241] || (t[241] = o("h2", {
+          t[242] || (t[242] = o("h2", {
             class: "headline-demopage",
             id: "section-flexible-scroll-container"
           }, "Flexible Scroll-Container", -1)),
-          p(le, { style: { border: "1px  dashed var(--color-gray-30)" } }, {
-            "fixed-wrapper": k(() => t[239] || (t[239] = [
+          p(ie, { style: { border: "1px  dashed var(--color-gray-30)" } }, {
+            "fixed-wrapper": k(() => t[240] || (t[240] = [
               o("div", {
                 class: "default-padding",
                 style: { border: "1px  dashed var(--color-gray-30)" }
               }, " Fixed content ", -1)
             ])),
-            "scroll-wrapper": k(() => t[240] || (t[240] = [
+            "scroll-wrapper": k(() => t[241] || (t[241] = [
               o("div", {
                 class: "default-padding",
                 style: { border: "1px  dashed var(--color-gray-30)" }
@@ -24874,7 +24937,7 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[242] || (t[242] = o("h2", {
+          t[243] || (t[243] = o("h2", {
             class: "headline-demopage",
             id: "section-google-maps"
           }, "Google Maps™", -1)),
@@ -24887,31 +24950,30 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", hv, [
-            t[243] || (t[243] = o("span", null, "Headlines", -1)),
+            t[244] || (t[244] = o("span", null, "Headlines", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[85] || (t[85] = S((b) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
+              onClick: t[86] || (t[86] = S((b) => l.openSettingsSidebar("CmdHeadline"), ["prevent"]))
             })
           ]),
-          p(ne, L({ ref: "CmdHeadline" }, e.cmdHeadlineSettingsData), null, 16),
-          p(ne, L(e.cmdHeadlineSettingsData, { cmdIcon: { iconClass: "icon-home" } }), null, 16),
-          p(ne, {
+          p(le, L({ ref: "CmdHeadline" }, e.cmdHeadlineSettingsData), null, 16),
+          p(le, {
             headlineLevel: "3",
             headlineText: "Headline text",
             cmdIcon: { iconClass: "icon-home" }
           }),
-          p(ne, {
+          p(le, {
             ref: "CmdHeadline",
             headlineLevel: "3",
             headlineText: "Headline text<br /> with html-content given by property"
           }, null, 512),
-          p(ne, {
+          p(le, {
             ref: "CmdHeadline",
             headlineLevel: "3"
           }, {
-            default: k(() => t[244] || (t[244] = [
+            default: k(() => t[245] || (t[245] = [
               M(" Headline text"),
               o("br", null, null, -1),
               M(" with html-content given by slot ")
@@ -24923,30 +24985,30 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[250] || (t[250] = o("h2", {
+          t[251] || (t[251] = o("h2", {
             class: "headline-demopage",
             id: "section-icons"
           }, "Icons", -1)),
           o("ul", null, [
             o("li", null, [
-              t[245] || (t[245] = o("span", null, "Icon from local iconfont", -1)),
-              p(ie, { iconClass: "icon-home" })
+              t[246] || (t[246] = o("span", null, "Icon from local iconfont", -1)),
+              p(ne, { iconClass: "icon-home" })
             ]),
             o("li", null, [
-              t[246] || (t[246] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
-              p(ie, { iconClass: "icomoon-free:home" })
+              t[247] || (t[247] = o("span", null, "Icon from iconify-api (icomoon-font)", -1)),
+              p(ne, { iconClass: "icomoon-free:home" })
             ]),
             o("li", null, [
-              t[247] || (t[247] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
-              p(ie, { iconClass: "bi:house-fill" })
+              t[248] || (t[248] = o("span", null, "Icon from iconify-api (bootstrap-font)", -1)),
+              p(ne, { iconClass: "bi:house-fill" })
             ]),
             o("li", null, [
-              t[248] || (t[248] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
-              p(ie, { iconClass: "mdi:home" })
+              t[249] || (t[249] = o("span", null, "Icon from iconify-api (material-design-font)", -1)),
+              p(ne, { iconClass: "mdi:home" })
             ]),
             o("li", null, [
-              t[249] || (t[249] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
-              p(ie, { iconClass: "fa6-solid:house-chimney" })
+              t[250] || (t[250] = o("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1)),
+              p(ne, { iconClass: "fa6-solid:house-chimney" })
             ])
           ])
         ]),
@@ -24955,12 +25017,12 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", gv, [
-            t[251] || (t[251] = o("span", null, "Image", -1)),
+            t[252] || (t[252] = o("span", null, "Image", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[86] || (t[86] = S((b) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
+              onClick: t[87] || (t[87] = S((b) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
             })
           ]),
           o("div", yv, [
@@ -24980,12 +25042,12 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", bv, [
-            t[252] || (t[252] = o("span", null, "Image-Gallery", -1)),
+            t[253] || (t[253] = o("span", null, "Image-Gallery", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[87] || (t[87] = S((b) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
+              onClick: t[88] || (t[88] = S((b) => l.openSettingsSidebar("CmdImageGallery"), ["prevent"]))
             })
           ]),
           p(pe, L({
@@ -24997,7 +25059,7 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[253] || (t[253] = o("h2", {
+          t[254] || (t[254] = o("h2", {
             class: "headline-demopage",
             id: "section-image-zoom"
           }, " Image-Zoom ", -1)),
@@ -25013,12 +25075,12 @@ function pk(e, t, n, s, i, l) {
           var b, j, ge, Ne, Ye, Je;
           return [
             o("h2", xv, [
-              t[254] || (t[254] = o("span", null, "Link", -1)),
+              t[255] || (t[255] = o("span", null, "Link", -1)),
               o("a", {
                 href: "#",
                 class: "button small icon-cog",
                 title: "Open Component Settings",
-                onClick: t[88] || (t[88] = S((Dn) => l.openSettingsSidebar("CmdLink"), ["prevent"]))
+                onClick: t[89] || (t[89] = S((Dn) => l.openSettingsSidebar("CmdLink"), ["prevent"]))
               })
             ]),
             p(X, L({
@@ -25070,7 +25132,7 @@ function pk(e, t, n, s, i, l) {
               text: "Add link",
               primaryButton: !0,
               icon: { iconClass: "icon-link", position: "right" },
-              onClick: t[89] || (t[89] = (Dn) => i.showCmdLink = !0)
+              onClick: t[90] || (t[90] = (Dn) => i.showCmdLink = !0)
             }),
             i.showCmdLink ? (a(), v(X, {
               key: 0,
@@ -25081,11 +25143,11 @@ function pk(e, t, n, s, i, l) {
               icon: { iconClass: "icon-chevron-one-stripe-right", position: "right", tooltip: "Tooltip for hyperlink" }
             })) : m("", !0),
             o("dl", Cv, [
-              t[255] || (t[255] = o("dt", null, "Event:", -1)),
+              t[256] || (t[256] = 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)),
+              t[257] || (t[257] = o("dt", null, "Target:", -1)),
               o("dd", null, y((Ne = (ge = i.outputCmdLink) == null ? void 0 : ge.event) == null ? void 0 : Ne.originalEvent.target), 1),
-              t[257] || (t[257] = o("dt", null, "LinkType:", -1)),
+              t[258] || (t[258] = o("dt", null, "LinkType:", -1)),
               o("dd", null, y((Je = (Ye = i.outputCmdLink) == null ? void 0 : Ye.event) == null ? void 0 : Je.originalEvent.linkType), 1)
             ])
           ];
@@ -25097,12 +25159,12 @@ function pk(e, t, n, s, i, l) {
           var b, j, ge, Ne, Ye, Je;
           return [
             o("h2", vv, [
-              t[258] || (t[258] = o("span", null, "List", -1)),
+              t[259] || (t[259] = o("span", null, "List", -1)),
               o("a", {
                 href: "#",
                 class: "button small icon-cog",
                 title: "Open Component Settings",
-                onClick: t[90] || (t[90] = S((Dn) => l.openSettingsSidebar("CmdList"), ["prevent"]))
+                onClick: t[91] || (t[91] = S((Dn) => l.openSettingsSidebar("CmdList"), ["prevent"]))
               })
             ]),
             p(f, L({
@@ -25114,11 +25176,11 @@ function pk(e, t, n, s, i, l) {
               onClick: l.cmdLinkOutput
             }), null, 16, ["items", "onClick"]),
             o("dl", kv, [
-              t[259] || (t[259] = o("dt", null, "Event:", -1)),
+              t[260] || (t[260] = 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)),
+              t[261] || (t[261] = o("dt", null, "Target:", -1)),
               o("dd", null, y((Ne = (ge = i.outputCmdLink) == null ? void 0 : ge.event) == null ? void 0 : Ne.originalEvent.target), 1),
-              t[261] || (t[261] = o("dt", null, "LinkType:", -1)),
+              t[262] || (t[262] = o("dt", null, "LinkType:", -1)),
               o("dd", null, y((Je = (Ye = i.outputCmdLink) == null ? void 0 : Ye.event) == null ? void 0 : Je.linkType), 1)
             ]),
             p(f, {
@@ -25156,7 +25218,7 @@ function pk(e, t, n, s, i, l) {
                 highlightLevel: "tertiary"
               }, null, 8, ["items"])
             ]),
-            t[262] || (t[262] = o("h3", null, "Description Lists", -1)),
+            t[263] || (t[263] = o("h3", null, "Description Lists", -1)),
             o("div", Tv, [
               p(f, {
                 listType: "description",
@@ -25182,19 +25244,19 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", Sv, [
-            t[263] || (t[263] = o("span", null, "Login Form", -1)),
+            t[264] || (t[264] = o("span", null, "Login Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[91] || (t[91] = S((b) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
+              onClick: t[92] || (t[92] = S((b) => l.openSettingsSidebar("CmdLoginForm"), ["prevent"]))
             })
           ]),
           p(U, { "use-fieldset": !1 }, {
             default: k(() => [
               p(he, L({ ref: "CmdLoginForm" }, e.cmdLoginFormSettingsData, {
                 modelValue: i.loginData,
-                "onUpdate:modelValue": t[92] || (t[92] = (b) => i.loginData = b)
+                "onUpdate:modelValue": t[93] || (t[93] = (b) => i.loginData = b)
               }), null, 16, ["modelValue"])
             ]),
             _: 1
@@ -25205,7 +25267,7 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[264] || (t[264] = o("h2", {
+          t[265] || (t[265] = o("h2", {
             class: "headline-demopage",
             id: "section-mail-tool"
           }, [
@@ -25222,12 +25284,12 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", _v, [
-            t[265] || (t[265] = o("span", null, "Main Navigation", -1)),
+            t[266] || (t[266] = o("span", null, "Main Navigation", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[93] || (t[93] = S((b) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
+              onClick: t[94] || (t[94] = S((b) => l.openSettingsSidebar("CmdMainNavigation"), ["prevent"]))
             })
           ]),
           p(re, L({ ref: "CmdMainNavigation" }, e.cmdMainNavigationSettingsData, { navigationEntries: l.navigationDataModified }), null, 16, ["navigationEntries"]),
@@ -25238,15 +25300,15 @@ function pk(e, t, n, s, i, l) {
       p(w, null, {
         default: k(() => [
           o("h2", Ov, [
-            t[266] || (t[266] = o("span", null, "Multistepform-Wrapper", -1)),
+            t[267] || (t[267] = o("span", null, "Multistepform-Wrapper", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[94] || (t[94] = S((b) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
+              onClick: t[95] || (t[95] = S((b) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
             })
           ]),
-          t[277] || (t[277] = o("h3", null, "Data provided by property", -1)),
+          t[278] || (t[278] = o("h3", null, "Data provided by property", -1)),
           p(Te, null, {
             "page-1": k((b) => [
               p(U, {
@@ -25259,24 +25321,30 @@ function pk(e, t, n, s, i, l) {
                 href: "#",
                 onClick: S((j) => b.setErrorOnPage("This is an error!"), ["prevent"])
               }, "Set Error", 8, Lv),
-              t[267] || (t[267] = o("br", null, null, -1)),
+              t[268] || (t[268] = o("br", null, null, -1)),
               o("a", {
                 href: "#",
                 onClick: S(b.removeErrorOnPage, ["prevent"])
               }, "Remove Error", 8, Iv)
             ]),
             "page-2": k((b) => [
-              t[268] || (t[268] = M(" Content Page 2")),
-              t[269] || (t[269] = o("br", null, null, -1)),
+              t[269] || (t[269] = M(" Content Page 2")),
+              t[270] || (t[270] = o("br", null, null, -1)),
+              $(o("input", {
+                type: "text",
+                "onUpdate:modelValue": (j) => b.formDataForPage.nase = j
+              }, null, 8, Bv), [
+                [et, b.formDataForPage.nase]
+              ]),
               o("a", {
                 href: "#",
                 onClick: S((j) => b.setErrorOnPage("This is an error!"), ["prevent"])
-              }, "Set Error", 8, Bv)
+              }, "Set Error", 8, Dv)
             ]),
-            "page-3": k(() => t[270] || (t[270] = [
+            "page-3": k(() => t[271] || (t[271] = [
               M(" Content Page 3 ")
             ])),
-            "page-4": k(() => t[271] || (t[271] = [
+            "page-4": k(() => t[272] || (t[272] = [
               M(" Content Page 4 ")
             ])),
             "page-5": k((b) => [
@@ -25290,48 +25358,48 @@ function pk(e, t, n, s, i, l) {
             ]),
             _: 1
           }),
-          t[278] || (t[278] = o("h3", null, "Data provided by slot", -1)),
+          t[279] || (t[279] = o("h3", null, "Data provided by slot", -1)),
           p(Te, null, {
             "progress-bar": k((b) => [
-              o("ul", Dv, [
+              o("ul", Fv, [
                 (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, Fv)
+                  }, y(j), 9, Mv)
                 ]))), 128))
               ])
             ]),
             "page-1": k((b) => [
-              t[272] || (t[272] = M(" Content Page 1 ")),
-              b.hasError ? (a(), r("span", Mv, "Error")) : m("", !0),
+              t[273] || (t[273] = M(" Content Page 1 ")),
+              b.hasError ? (a(), r("span", Pv, "Error")) : m("", !0),
               o("a", {
                 href: "#",
                 onClick: S((j) => b.setErrorOnPage("This is an error!"), ["prevent"])
-              }, "Set Error", 8, Pv)
+              }, "Set Error", 8, Vv)
             ]),
             "page-2": k((b) => [
-              t[273] || (t[273] = M(" Content Page 2 ")),
-              b.hasError ? (a(), r("span", Vv, "Error")) : m("", !0),
+              t[274] || (t[274] = M(" Content Page 2 ")),
+              b.hasError ? (a(), r("span", Av, "Error")) : m("", !0),
               o("a", {
                 href: "#",
                 onClick: S((j) => b.setErrorOnPage("This is an error!"), ["prevent"])
-              }, "Set Error", 8, Av)
+              }, "Set Error", 8, Ev)
             ]),
             "page-3": k((b) => [
-              t[274] || (t[274] = M(" Content Page 3 ")),
-              b.hasError ? (a(), r("span", Ev, "Error")) : m("", !0)
+              t[275] || (t[275] = M(" Content Page 3 ")),
+              b.hasError ? (a(), r("span", Hv, "Error")) : m("", !0)
             ]),
             "page-4": k((b) => [
-              t[275] || (t[275] = M(" Content Page 4 ")),
-              b.hasError ? (a(), r("span", Hv, "Error")) : m("", !0)
+              t[276] || (t[276] = M(" Content Page 4 ")),
+              b.hasError ? (a(), r("span", qv, "Error")) : m("", !0)
             ]),
             "page-5": k((b) => [
-              t[276] || (t[276] = M(" Content Page 5 ")),
-              b.hasError ? (a(), r("span", qv, "Error")) : m("", !0)
+              t[277] || (t[277] = M(" Content Page 5 ")),
+              b.hasError ? (a(), r("span", Rv, "Error")) : m("", !0)
             ]),
             pagination: k((b) => [
-              o("div", Rv, [
+              o("div", jv, [
                 p(X, {
                   linkType: "button",
                   highlightLevel: "none",
@@ -25374,28 +25442,28 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", jv, [
-            t[279] || (t[279] = o("span", null, "Multistepform-Progressbar", -1)),
+          o("h2", Nv, [
+            t[280] || (t[280] = o("span", null, "Multistepform-Progressbar", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[95] || (t[95] = S((b) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
+              onClick: t[96] || (t[96] = S((b) => l.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
             })
           ]),
-          t[280] || (t[280] = o("h3", null, "Steps with icons", -1)),
+          t[281] || (t[281] = 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)
+            onClick: t[97] || (t[97] = (b) => i.showPageMultistep = b.index + 1)
           }), null, 16, ["multisteps"]),
-          t[281] || (t[281] = o("h3", null, "Router", -1)),
+          t[282] || (t[282] = o("h3", null, "Router", -1)),
           p(Oe, L({
             ref: "CmdMultistepFormProgressBar",
             multisteps: i.multistepsData.router
           }, e.cmdMultistepFormProgressBarSettingsData, {
-            onClick: t[97] || (t[97] = (b) => i.showPageMultistep = b.index + 1)
+            onClick: t[98] || (t[98] = (b) => i.showPageMultistep = b.index + 1)
           }), null, 16, ["multisteps"]),
           o("div", null, [
             o("p", null, "Page " + y(i.showPageMultistep), 1)
@@ -25405,20 +25473,20 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Nv, [
-            t[282] || (t[282] = o("span", null, "Newsletter Subscription", -1)),
+          o("h2", Uv, [
+            t[283] || (t[283] = o("span", null, "Newsletter Subscription", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[98] || (t[98] = S((b) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
+              onClick: t[99] || (t[99] = S((b) => l.openSettingsSidebar("CmdNewsletterSubscription"), ["prevent"]))
             })
           ]),
           p(U, { "use-fieldset": !1 }, {
             default: k(() => [
               p(Ve, L({ ref: "CmdNewsletterSubscription" }, e.cmdNewsletterSubscriptionSettingsData, {
                 modelValue: i.newsletter,
-                "onUpdate:modelValue": t[99] || (t[99] = (b) => i.newsletter = b),
+                "onUpdate:modelValue": t[100] || (t[100] = (b) => i.newsletter = b),
                 onButtonClick: l.submitNewsletterRegistration
               }), null, 16, ["modelValue", "onButtonClick"])
             ]),
@@ -25429,13 +25497,13 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Uv, [
-            t[283] || (t[283] = o("span", null, "Opening Hours", -1)),
+          o("h2", zv, [
+            t[284] || (t[284] = o("span", null, "Opening Hours", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[100] || (t[100] = S((b) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
+              onClick: t[101] || (t[101] = S((b) => l.openSettingsSidebar("CmdOpeningHours"), ["prevent"]))
             })
           ]),
           p(de, L({ ref: "CmdOpeningHours" }, e.cmdOpeningHoursSettingsData, {
@@ -25448,20 +25516,20 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", zv, [
-            t[284] || (t[284] = o("span", null, "Page Footer", -1)),
+          o("h2", Wv, [
+            t[285] || (t[285] = o("span", null, "Page Footer", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[101] || (t[101] = S((b) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
+              onClick: t[102] || (t[102] = S((b) => l.openSettingsSidebar("CmdPageFooter"), ["prevent"]))
             })
           ]),
-          p(st, L({ ref: "CmdPageFooter" }, e.cmdPageFooterSettingsData, {
+          p(rt, L({ ref: "CmdPageFooter" }, e.cmdPageFooterSettingsData, {
             "button-print-view": { text: "Print this page" },
             cmdSocialNetworks: i.socialNetworksData
           }), {
-            default: k(() => t[285] || (t[285] = [
+            default: k(() => t[286] || (t[286] = [
               o("button", {
                 class: "button primary",
                 title: "Button given by slot"
@@ -25477,21 +25545,21 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Wv, [
-            t[286] || (t[286] = o("span", null, "Page Header", -1)),
+          o("h2", Gv, [
+            t[287] || (t[287] = o("span", null, "Page Header", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[102] || (t[102] = S((b) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
+              onClick: t[103] || (t[103] = S((b) => l.openSettingsSidebar("CmdPageHeader"), ["prevent"]))
             })
           ]),
-          p(rt, {
+          p(dt, {
             ref: "CmdPageHeader",
             cmdBreadcrumbs: i.breadcrumbsData,
             cmdHeadline: { headlineText: "Main headline for page", headlineLevel: 1 }
           }, {
-            default: k(() => t[287] || (t[287] = [
+            default: k(() => t[288] || (t[288] = [
               o("a", {
                 href: "#",
                 title: "Link given by slot"
@@ -25507,69 +25575,69 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Gv, [
-            t[288] || (t[288] = o("span", null, "Pagination", -1)),
+          o("h2", Kv, [
+            t[289] || (t[289] = o("span", null, "Pagination", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[103] || (t[103] = S((b) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
+              onClick: t[104] || (t[104] = S((b) => l.openSettingsSidebar("CmdPagination"), ["prevent"]))
             })
           ]),
           o("div", null, [
             o("p", null, "Page " + y(i.showPagePager), 1)
           ]),
-          p(dt, L({ ref: "CmdPagination" }, e.cmdPaginationSettingsData, {
-            onClick: t[104] || (t[104] = (b) => i.showPagePager = b)
+          p(ut, L({ ref: "CmdPagination" }, e.cmdPaginationSettingsData, {
+            onClick: t[105] || (t[105] = (b) => i.showPagePager = b)
           }), null, 16)
         ]),
         _: 1
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Kv, [
-            t[289] || (t[289] = o("span", null, "Paragraph", -1)),
+          o("h2", Yv, [
+            t[290] || (t[290] = o("span", null, "Paragraph", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[105] || (t[105] = S((b) => l.openSettingsSidebar("CmdParagraph"), ["prevent"]))
+              onClick: t[106] || (t[106] = S((b) => l.openSettingsSidebar("CmdParagraph"), ["prevent"]))
             })
           ]),
-          p(ut, L({ ref: "CmdParagraph" }, e.cmdParagraphSettingsData), null, 16)
+          p(ct, L({ ref: "CmdParagraph" }, e.cmdParagraphSettingsData), null, 16)
         ]),
         _: 1
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Yv, [
-            t[290] || (t[290] = o("span", null, "Section", -1)),
+          o("h2", Jv, [
+            t[291] || (t[291] = o("span", null, "Section", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[106] || (t[106] = S((b) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
+              onClick: t[107] || (t[107] = S((b) => l.openSettingsSidebar("CmdSection"), ["prevent"]))
             })
           ]),
-          t[293] || (t[293] = o("h3", null, "Section with content provided by properties", -1)),
+          t[294] || (t[294] = 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[294] || (t[294] = o("h3", null, "Section with content provided by slot", -1)),
+          t[295] || (t[295] = o("h3", null, "Section with content provided by slot", -1)),
           p(je, { useSlot: !0 }, {
-            default: k(() => t[291] || (t[291] = [
+            default: k(() => t[292] || (t[292] = [
               o("h4", null, "Headline for section provided by slot", -1),
               o("p", null, "Content for section provided by slot.", -1)
             ])),
             _: 1
           }),
-          t[295] || (t[295] = o("h3", null, "Section styled as box", -1)),
+          t[296] || (t[296] = o("h3", null, "Section styled as box", -1)),
           p(je, {
             useSlot: !0,
             styleAsBox: !0
           }, {
-            default: k(() => t[292] || (t[292] = [
+            default: k(() => t[293] || (t[293] = [
               o("h4", null, "Headline for section styled as box", -1),
               o("p", null, "Content for section styled as box.", -1)
             ])),
@@ -25580,7 +25648,7 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[296] || (t[296] = o("h2", {
+          t[297] || (t[297] = o("h2", {
             class: "headline-demopage",
             id: "section-site-footer"
           }, "Site Footer", -1)),
@@ -25601,13 +25669,13 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Jv, [
-            t[297] || (t[297] = o("span", null, "Site Header", -1)),
+          o("h2", Zv, [
+            t[298] || (t[298] = o("span", null, "Site Header", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[107] || (t[107] = S((b) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
+              onClick: t[108] || (t[108] = S((b) => l.openSettingsSidebar("CmdSiteHeader"), ["prevent"]))
             })
           ]),
           p(h, L({ ref: "CmdSiteHeader" }, e.cmdSiteHeaderSettingsData, { cmdCompanyLogo: i.companyLogoData }), {
@@ -25625,24 +25693,24 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Zv, [
-            t[298] || (t[298] = o("span", null, "Site Search", -1)),
+          o("h2", Qv, [
+            t[299] || (t[299] = o("span", null, "Site Search", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[108] || (t[108] = S((b) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
+              onClick: t[109] || (t[109] = S((b) => l.openSettingsSidebar("CmdSiteSearch"), ["prevent"]))
             })
           ]),
-          p(ct, L({ ref: "CmdSiteSearch" }, e.cmdSiteSearchSettingsData, {
+          p(mt, L({ ref: "CmdSiteSearch" }, e.cmdSiteSearchSettingsData, {
             modelValueInput1: i.siteSearchInput1,
-            "onUpdate:modelValueInput1": t[109] || (t[109] = (b) => i.siteSearchInput1 = b),
+            "onUpdate:modelValueInput1": t[110] || (t[110] = (b) => i.siteSearchInput1 = b),
             modelValueInput2: i.siteSearchInput2,
-            "onUpdate:modelValueInput2": t[110] || (t[110] = (b) => i.siteSearchInput2 = b),
+            "onUpdate:modelValueInput2": t[111] || (t[111] = (b) => i.siteSearchInput2 = b),
             modelValueRadius: i.radius,
-            "onUpdate:modelValueRadius": t[111] || (t[111] = (b) => i.radius = b),
+            "onUpdate:modelValueRadius": t[112] || (t[112] = (b) => i.radius = b),
             modelValueSearchFilters: i.filters,
-            "onUpdate:modelValueSearchFilters": t[112] || (t[112] = (b) => i.filters = b),
+            "onUpdate:modelValueSearchFilters": t[113] || (t[113] = (b) => i.filters = b),
             onSearch: l.siteSearchOutput,
             cmdFakeSelect: i.siteSearchFilters
           }), null, 16, ["modelValueInput1", "modelValueInput2", "modelValueRadius", "modelValueSearchFilters", "onSearch", "cmdFakeSelect"])
@@ -25651,17 +25719,17 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Qv, [
-            t[299] || (t[299] = o("span", null, "Slideshow", -1)),
+          o("h2", Xv, [
+            t[300] || (t[300] = o("span", null, "Slideshow", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[113] || (t[113] = S((b) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
+              onClick: t[114] || (t[114] = S((b) => l.openSettingsSidebar("CmdSlideshow"), ["prevent"]))
             })
           ]),
           p(Y, L({ ref: "CmdSlideshow" }, e.cmdSlideshowSettingsData, { "slideshow-items": i.slideshowData }), {
-            default: k(() => t[300] || (t[300] = [
+            default: k(() => t[301] || (t[301] = [
               M(" Slot-Content ")
             ])),
             _: 1
@@ -25671,39 +25739,39 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", Xv, [
-            t[301] || (t[301] = o("span", null, "Smart Search", -1)),
+          o("h2", $v, [
+            t[302] || (t[302] = o("span", null, "Smart Search", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[114] || (t[114] = S((b) => l.openSettingsSidebar("CmdSmartSearch"), ["prevent"]))
+              onClick: t[115] || (t[115] = S((b) => l.openSettingsSidebar("CmdSmartSearch"), ["prevent"]))
             })
           ]),
           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)
+            "onUpdate:modelValue": t[116] || (t[116] = (b) => i.smartSearchString = b)
           }), null, 16, ["listOfRecommendations", "modelValue"]),
           M(" smartSearchObject: " + y(i.smartSearchObject) + " ", 1),
           p(D, L({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
             listOfRecommendations: i.smartSearchData.listOfRecommendations,
             modelValue: i.smartSearchObject,
-            "onUpdate:modelValue": t[116] || (t[116] = (b) => i.smartSearchObject = b)
+            "onUpdate:modelValue": t[117] || (t[117] = (b) => i.smartSearchObject = b)
           }), null, 16, ["listOfRecommendations", "modelValue"])
         ]),
         _: 1
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", $v, [
-            t[302] || (t[302] = o("span", null, "Social Networks", -1)),
+          o("h2", ek, [
+            t[303] || (t[303] = o("span", null, "Social Networks", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[117] || (t[117] = S((b) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
+              onClick: t[118] || (t[118] = S((b) => l.openSettingsSidebar("CmdSocialNetworks"), ["prevent"]))
             })
           ]),
           p(Bl, L({ ref: "CmdSocialNetworks" }, { ...e.cmdSocialNetworksSettingsData, ...i.socialNetworksData }), null, 16)
@@ -25712,7 +25780,7 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          t[303] || (t[303] = o("h2", {
+          t[304] || (t[304] = o("h2", {
             class: "headline-demopage",
             id: "section-switch-language"
           }, "Switch Language", -1)),
@@ -25727,13 +25795,13 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", ek, [
-            t[304] || (t[304] = o("span", null, "System Message", -1)),
+          o("h2", tk, [
+            t[305] || (t[305] = o("span", null, "System Message", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[118] || (t[118] = S((b) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
+              onClick: t[119] || (t[119] = S((b) => l.openSettingsSidebar("CmdSystemMessage"), ["prevent"]))
             })
           ]),
           p(Fl, L({ ref: "CmdSystemMessage" }, e.cmdSystemMessageSettingsData, { iconMessage: { iconClass: "icon-error-circle", show: !0 } }), null, 16)
@@ -25742,18 +25810,18 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", tk, [
-            t[305] || (t[305] = o("span", null, "Tables", -1)),
+          o("h2", nk, [
+            t[306] || (t[306] = o("span", null, "Tables", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[119] || (t[119] = S((b) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
+              onClick: t[120] || (t[120] = S((b) => l.openSettingsSidebar("CmdTable"), ["prevent"]))
             })
           ]),
-          t[306] || (t[306] = o("h3", null, "Table as wide as its content (with caption)", -1)),
+          t[307] || (t[307] = 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[307] || (t[307] = o("h3", null, "Table as wide as possible", -1)),
+          t[308] || (t[308] = o("h3", null, "Table as wide as possible", -1)),
           p(Bn, {
             collapsible: !0,
             fullWidthOnDefault: !1,
@@ -25765,25 +25833,25 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", nk, [
-            t[308] || (t[308] = o("span", null, "Tabs", -1)),
+          o("h2", ik, [
+            t[309] || (t[309] = o("span", null, "Tabs", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[120] || (t[120] = S((b) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
+              onClick: t[121] || (t[121] = S((b) => l.openSettingsSidebar("CmdTabs"), ["prevent"]))
             })
           ]),
           p(Ml, L({ ref: "CmdTabs" }, e.cmdTabsSettingsData, { tabs: i.tabsData }), {
-            "tab-content-0": k(() => t[309] || (t[309] = [
+            "tab-content-0": k(() => t[310] || (t[310] = [
               o("h4", null, "Tab 1 headline", -1),
               o("p", null, "Slot-Content Tab 1", -1)
             ])),
-            "tab-content-1": k(() => t[310] || (t[310] = [
+            "tab-content-1": k(() => t[311] || (t[311] = [
               o("h4", null, "Tab 2 headline", -1),
               o("p", null, "Slot-Content Tab 2", -1)
             ])),
-            "tab-content-2": k(() => t[311] || (t[311] = [
+            "tab-content-2": k(() => t[312] || (t[312] = [
               o("h4", null, "Tab 3 headline", -1),
               o("p", null, "Slot-Content Tab 3", -1)
             ])),
@@ -25794,13 +25862,13 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", ik, [
-            t[312] || (t[312] = o("span", null, "Tag", -1)),
+          o("h2", lk, [
+            t[313] || (t[313] = o("span", null, "Tag", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[121] || (t[121] = S((b) => l.openSettingsSidebar("CmdTag"), ["prevent"]))
+              onClick: t[122] || (t[122] = S((b) => l.openSettingsSidebar("CmdTag"), ["prevent"]))
             })
           ]),
           p(Pl, L({ ref: "CmdTag" }, e.cmdTagSettingsData), null, 16)
@@ -25809,21 +25877,21 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", lk, [
-            t[313] || (t[313] = o("span", null, "Text-Image-Block", -1)),
+          o("h2", ok, [
+            t[314] || (t[314] = o("span", null, "Text-Image-Block", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[122] || (t[122] = S((b) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
+              onClick: t[123] || (t[123] = S((b) => l.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
             })
           ]),
-          o("div", ok, [
-            p(Pt, {
+          o("div", ak, [
+            p(Vt, {
               cmdHeadline: { headlineText: "Text-Image-Block (with html-text)", headlineLevel: 3 },
               htmlContent: "<p>This text is given as html-text and show below an optional image.</p>"
             }),
-            p(Pt, L({ ref: "CmdTextImageBlock" }, e.cmdTextImageBlockSettingsData, {
+            p(Vt, L({ ref: "CmdTextImageBlock" }, e.cmdTextImageBlockSettingsData, {
               cmdHeadline: { headlineText: "Text-Image-Block (with image and plain text)", headlineLevel: 3 },
               cmdImage: {
                 image: {
@@ -25840,7 +25908,7 @@ function pk(e, t, n, s, i, l) {
               },
               htmlContent: "This text is given as plain text and show below an optional image."
             }), null, 16),
-            p(Pt, {
+            p(Vt, {
               cmdHeadline: { headlineText: "Text-Image-Block (with image and html-text)", headlineLevel: 3 },
               htmlContent: "<p>This text is given as html-text and show below an optional image.</p>",
               cmdImage: {
@@ -25863,20 +25931,20 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", ak, [
-            t[314] || (t[314] = o("span", null, "Thumbnail-Scroller", -1)),
+          o("h2", sk, [
+            t[315] || (t[315] = o("span", null, "Thumbnail-Scroller", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[123] || (t[123] = S((b) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
+              onClick: t[124] || (t[124] = S((b) => l.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
             })
           ]),
           o("p", null, " date (YMD/default): " + y(l.formatDate("2025-01-28", "", "-")), 1),
           o("p", null, " date (DMY): " + y(l.formatDate("2025-01-28", "dmy")), 1),
           o("p", null, " date (MDY): " + y(l.formatDate("2025-01-28", "mdy", "/")), 1),
           o("p", null, " date (invalid)): " + y(l.formatDate("invalid")), 1),
-          o("div", sk, [
+          o("div", rk, [
             p(Vl, L({ ref: "CmdThumbnailScroller" }, e.cmdThumbnailScrollerSettingsData, { thumbnailScrollerItems: l.thumbnailScrollerData }), null, 16, ["thumbnailScrollerItems"])
           ])
         ]),
@@ -25884,13 +25952,13 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", rk, [
-            t[315] || (t[315] = o("span", null, "Toggle Dark-Mode", -1)),
+          o("h2", dk, [
+            t[316] || (t[316] = o("span", null, "Toggle Dark-Mode", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[124] || (t[124] = S((b) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
+              onClick: t[125] || (t[125] = S((b) => l.openSettingsSidebar("CmdToggleDarkMode"), ["prevent"]))
             })
           ]),
           p(Al, L({ ref: "CmdToggleDarkMode" }, e.cmdToggleDarkModeSettingsData), null, 16)
@@ -25899,62 +25967,62 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", dk, [
-            t[316] || (t[316] = o("span", null, "Tooltip", -1)),
+          o("h2", uk, [
+            t[317] || (t[317] = o("span", null, "Tooltip", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[125] || (t[125] = S((b) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
+              onClick: t[126] || (t[126] = S((b) => l.openSettingsSidebar("CmdTooltip"), ["prevent"]))
             })
           ]),
           o("p", null, [
             o("a", {
               href: "#",
-              onClick: t[126] || (t[126] = S(() => {
+              onClick: t[127] || (t[127] = S(() => {
               }, ["prevent"])),
               id: "show-on-hover"
             }, "Show tooltip on hover!"),
-            t[317] || (t[317] = o("br", null, null, -1)),
+            t[318] || (t[318] = o("br", null, null, -1)),
             o("a", {
               href: "#",
-              onClick: t[127] || (t[127] = S(() => {
+              onClick: t[128] || (t[128] = S(() => {
               }, ["prevent"])),
               id: "show-with-delay"
             }, "Show tooltip on hover with delay!"),
-            t[318] || (t[318] = o("br", null, null, -1)),
+            t[319] || (t[319] = o("br", null, null, -1)),
             o("a", {
               href: "#",
-              onClick: t[128] || (t[128] = S(() => {
+              onClick: t[129] || (t[129] = S(() => {
               }, ["prevent"])),
               id: "show-on-click",
               title: "Native tooltip"
             }, "Show tooltip on click!")
           ]),
-          p(Vt, L({
+          p(At, L({
             ref: "CmdTooltip",
             "related-id": "show-on-hover"
           }, e.cmdTooltipSettingsData), {
-            default: k(() => t[319] || (t[319] = [
+            default: k(() => t[320] || (t[320] = [
               M(" Tooltip on hover ")
             ])),
             _: 1
           }, 16),
-          p(Vt, {
+          p(At, {
             "delay-to-show-tooltip": 2e3,
             "related-id": "show-with-delay"
           }, {
-            default: k(() => t[320] || (t[320] = [
+            default: k(() => t[321] || (t[321] = [
               M(" Tooltip on hover with delay ")
             ])),
             _: 1
           }),
-          p(Vt, {
+          p(At, {
             "related-id": "show-on-click",
             "toggle-visibility-by-click": !0,
             allowEscapeKey: !0
           }, {
-            default: k(() => t[321] || (t[321] = [
+            default: k(() => t[322] || (t[322] = [
               M(" Tooltip on click ")
             ])),
             _: 1
@@ -25964,13 +26032,13 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", uk, [
-            t[322] || (t[322] = o("span", null, "Upload-Form", -1)),
+          o("h2", ck, [
+            t[323] || (t[323] = o("span", null, "Upload-Form", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[129] || (t[129] = S((b) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
+              onClick: t[130] || (t[130] = S((b) => l.openSettingsSidebar("CmdUploadForm"), ["prevent"]))
             })
           ]),
           p(El, L({ ref: "CmdUploadForm" }, e.cmdUploadFormSettingsData), null, 16)
@@ -25979,20 +26047,20 @@ function pk(e, t, n, s, i, l) {
       }),
       p(w, null, {
         default: k(() => [
-          o("h2", ck, [
-            t[323] || (t[323] = o("span", null, "Width Limitation Wrapper", -1)),
+          o("h2", mk, [
+            t[324] || (t[324] = o("span", null, "Width Limitation Wrapper", -1)),
             o("a", {
               href: "#",
               class: "button small icon-cog",
               title: "Open Component Settings",
-              onClick: t[130] || (t[130] = S((b) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
+              onClick: t[131] || (t[131] = S((b) => l.openSettingsSidebar("CmdWidthLimitationWrapper"), ["prevent"]))
             })
           ]),
           p(w, L({
             style: { border: "1px  dashed var(--color-gray-30)" },
             ref: "CmdWidthLimitationWrapper"
           }, e.cmdWidthLimitationWrapperSettingsData), {
-            default: k(() => t[324] || (t[324] = [
+            default: k(() => t[325] || (t[325] = [
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1),
               o("p", null, "Slot-content", -1)
@@ -26002,9 +26070,9 @@ function pk(e, t, n, s, i, l) {
         ]),
         _: 1
       })
-    ])) : (a(), r("main", mk, [
+    ])) : (a(), r("main", pk, [
       p(w, null, {
-        default: k(() => t[325] || (t[325] = [
+        default: k(() => t[326] || (t[326] = [
           o("h1", { class: "headline-demopage" }, "Page Overview", -1)
         ])),
         _: 1
@@ -26012,7 +26080,7 @@ function pk(e, t, n, s, i, l) {
       p(Hl)
     ])),
     p(Ke, null, {
-      default: k(() => t[326] || (t[326] = [
+      default: k(() => t[327] || (t[327] = [
         M(" Slot-Content for Site-Footer ")
       ])),
       _: 1
@@ -26030,7 +26098,7 @@ function pk(e, t, n, s, i, l) {
           cookieOptions: i.cookieDisclaimerData,
           onCloseCookieDisclaimer: l.closeCookieDisclaimer,
           modelValue: i.acceptedCookies,
-          "onUpdate:modelValue": t[131] || (t[131] = (b) => i.acceptedCookies = b),
+          "onUpdate:modelValue": t[132] || (t[132] = (b) => i.acceptedCookies = b),
           cmdHeadlineCookieDisclaimer: { show: !1 },
           privacyText: "By browsing this website you accept the usage and saving of anonymous data!"
         }, null, 8, ["cookieOptions", "onCloseCookieDisclaimer", "modelValue"])
@@ -26059,7 +26127,7 @@ function pk(e, t, n, s, i, l) {
     [Ul]
   ]);
 }
-const Tk = /* @__PURE__ */ P(x1, [["render", pk]]), Sk = {
+const Sk = /* @__PURE__ */ P(x1, [["render", fk]]), _k = {
   // el = real dom-element
   mounted(e) {
     if (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A")
@@ -26069,7 +26137,7 @@ const Tk = /* @__PURE__ */ P(x1, [["render", pk]]), Sk = {
       t ? t.focus() : console.warn("No input-element for focus-directive on element " + e.tagName + " found!");
     }
   }
-}, _k = {
+}, Ok = {
   // el = real dom-element
   // binding.value = value of v-directive
   mounted(e, t) {
@@ -26085,8 +26153,8 @@ function Il(e) {
       n.preventDefault(), Se({ url: e[t].href });
     }), e[t].dataset.cmdFancyBoxHandlerRegistered = "true");
 }
-const pt = new MutationObserver(fk);
-function fk(e) {
+const ft = new MutationObserver(hk);
+function hk(e) {
   const t = [];
   for (let n = 0; n < e.length; n++)
     if (e[n].type === "attributes")
@@ -26097,9 +26165,9 @@ function fk(e) {
     }
   t.length > 0 && Il(t);
 }
-const Ok = (e) => {
+const Lk = (e) => {
   const t = e.querySelectorAll(".fancybox");
-  Il(t), pt == null || pt.disconnect(), pt.observe(e, {
+  Il(t), ft == null || ft.disconnect(), ft.observe(e, {
     subtree: !0,
     // observe nested elements
     childList: !0,
@@ -26109,16 +26177,16 @@ const Ok = (e) => {
     characterData: !1
   });
 };
-function Lk(e) {
+function Ik(e) {
   return e ? e.slice(0, 1).toUpperCase() + e.slice(1) : "";
 }
-function Ik(e) {
+function Bk(e) {
   return e ? e.charAt(0).toLowerCase() + e.slice(1) : "";
 }
-function Bk(...e) {
+function Dk(...e) {
   return e.filter((t) => typeof t == "string").map((t) => t.trim()).filter((t) => t.length > 0).join(" ");
 }
-function Dk() {
+function Fk() {
   const e = {};
   Xl(s);
   function t(i = "defaultSequence") {
@@ -26133,19 +26201,19 @@ function Dk() {
   }
   return { nextSequenceValue: t, currentSequenceValue: n, resetSequence: s };
 }
-function hk(e, t, n) {
+function gk(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 gk(e) {
+function yk(e) {
   return e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [];
 }
-function yk(e, t) {
+function bk(e, t) {
   if (!t.length) {
     const n = e();
-    gk(n).map((s, i) => {
+    yk(n).map((s, i) => {
       const l = {
         offsetTop: rn(s)
       };
@@ -26153,16 +26221,16 @@ function yk(e, t) {
     }).forEach((s) => t.push(s));
   }
 }
-function Fk(e, t = 0) {
+function Mk(e, t = 0) {
   const n = [], s = to({
     activeItem: t,
     reset() {
       this.activeItem = 0, n.length = 0;
     }
   });
-  return hk(window, "scroll", () => {
+  return gk(window, "scroll", () => {
     const i = window.scrollY;
-    yk(e, n);
+    bk(e, n);
     for (let l = 0, d = n.length; l < d; l++)
       if (i < n[l].offsetTop + n[l].height / 2) {
         s.activeItem = l;
@@ -26213,7 +26281,7 @@ export {
   hh as CmdSiteFooter,
   xh as CmdSiteHeader,
   Ih as CmdSiteSearch,
-  Lt as CmdSlideButton,
+  It as CmdSlideButton,
   Ah as CmdSlideshow,
   Rh as CmdSmartSearch,
   $i as CmdSocialNetworks,
@@ -26228,30 +26296,30 @@ export {
   gn as CmdTooltipForFormElements,
   Lb as CmdUploadForm,
   Tl as CmdWidthLimitationWrapper,
-  Tk as ComponentLibrary,
+  Sk as ComponentLibrary,
   Yb as ContactInformation,
-  Ok as DirFancybox,
-  Sk as DirFocus,
-  _k as DirTelephone,
+  Lk as DirFancybox,
+  _k as DirFocus,
+  Ok as DirTelephone,
   qe as EditComponentWrapper,
   ce as I18n,
   qb as MultipleBoxWrapper,
   Ub as MultipleListsOfLinks,
-  Lk as capitalizeFirstLetter,
+  Ik as capitalizeFirstLetter,
   Vi as createHtmlId,
-  it as createUuid,
-  Ck as currentDate,
-  vk as currentTime,
+  lt as createUuid,
+  vk as currentDate,
+  kk as currentTime,
   Ol as formatDate,
   ax as formatTime,
-  Bk as fullName,
+  Dk as fullName,
   Yi as getCookieDisclaimerCookie,
-  kk as getDate,
+  wk as getDate,
   $e as getFileExtension,
-  wk as getWeekday,
-  Ik as lowercaseFirstLetter,
+  Tk as getWeekday,
+  Bk as lowercaseFirstLetter,
   Se as openFancyBox,
   Hm as setCookieDisclaimerCookie,
-  Fk as useScrollspy,
-  Dk as useSequence
+  Mk as useScrollspy,
+  Fk as useSequence
 };