comand-component-library 4.2.73 → 4.2.75

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, toHandlers as Wt, TransitionGroup as dn, createApp as Yl, guardReactiveProps as Be, normalizeStyle as Ct, useCssVars as yi, createStaticVNode as Jl, vModelText as ft, resolveDirective as Zl, vModelSelect as Ql, vModelRadio as Et, onBeforeUpdate as Xl, onMounted as $l, onUnmounted as eo, reactive as to } from "vue";
+const et = /^[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(et)) && (t && e.prefix === "" || e.prefix.match(et)) && e.name.match(et)) : !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(et) || 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(et) || typeof d != "string" || !n[d] && !s[d] || !Ht(
       l,
       Gt
     ))
@@ -176,14 +176,14 @@ function vi(e) {
   return typeof e == "boolean" && (tt = e), tt;
 }
 function ro(e) {
-  const t = typeof e == "string" ? wt(e, !0, tt) : e;
+  const t = typeof e == "string" ? Tt(e, !0, tt) : 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, tt);
   if (!n)
     return !1;
   const s = Ee(n.provider, n.prefix);
@@ -199,7 +199,7 @@ function ki(e, t) {
     })), 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;
@@ -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 = {
@@ -764,7 +764,7 @@ function Bi(e) {
       return mt[t];
   } catch {
   }
-  St[e] = !1;
+  _t[e] = !1;
 }
 function Di(e, t) {
   const n = Bi(e);
@@ -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;
@@ -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 = [];
@@ -2586,7 +2586,7 @@ function it() {
 function Vi() {
   return "cmd-" + it();
 }
-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() {
@@ -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;
@@ -5332,7 +5367,7 @@ function rd(e, t, n, s, i, l) {
             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!"
             }), [
@@ -5497,7 +5532,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: {
@@ -5751,7 +5786,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",
@@ -6141,7 +6176,7 @@ const vd = qi, kd = ["aria-label"], wd = { class: "flex-container" }, Td = {
 }, 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, ie, me, le, ne, se, pe, fe, X, he, A, re, xe, Te, Oe, Ve;
-  const d = J, u = K, c = ke, f = Lt, g = Hi;
+  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 }]),
@@ -7952,7 +7987,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 +9112,7 @@ const nm = /* @__PURE__ */ P($c, [["render", tm]]), im = {
     ce,
     im,
     bn,
-    Ot,
+    Lt,
     xn
   ],
   data() {
@@ -9410,7 +9445,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 +9536,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)
@@ -9763,7 +9798,8 @@ function Nm(e, t, n, s, i, l) {
     }, null, 8, jm)) : (a(), v(u, {
       key: 1,
       validationStatus: "warning",
-      textAlign: "center"
+      textAlign: "center",
+      iconClose: { show: !1 }
     }, {
       default: k(() => [
         o("p", null, y(e.getMessage("google_maps.system_message.accept_terms")), 1),
@@ -11168,7 +11204,8 @@ const Xi = /* @__PURE__ */ P(Up, [["render", Gp]]), Kp = {
     return {
       currentPage: 1,
       statusForPages: [],
-      inputMade: !1
+      inputMade: !1,
+      formData: {}
     };
   },
   props: {
@@ -11217,6 +11254,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;
     },
@@ -11313,7 +11353,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]
@@ -13600,7 +13641,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 }])
   }, [
@@ -13623,7 +13664,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 }, [
@@ -14077,7 +14118,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 }])
   }, [
@@ -14492,7 +14533,7 @@ function xg(e, t, n, s, i, l) {
           "onUpdate:modelValue": t[0] || (t[0] = (_) => i.editableHtmlContent = _),
           placeholder: "Paragraph"
         }, null, 2)), [
-          [Wt, i.editableHtmlContent]
+          [ft, i.editableHtmlContent]
         ]) : n.htmlContent ? (a(), r("div", {
           key: 1,
           innerHTML: n.htmlContent,
@@ -14775,10 +14816,10 @@ 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, lt = Dt("undefined");
 function Og(e) {
   return e !== null && !lt(e) && e.constructor !== null && !lt(e.constructor) && be(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
@@ -14787,14 +14828,14 @@ 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 } = {}) {
@@ -14824,7 +14865,7 @@ const ol = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typ
 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);
@@ -14906,10 +14947,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;
@@ -14922,7 +14963,7 @@ 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)) {
@@ -14937,7 +14978,7 @@ const sy = (e) => {
     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,
@@ -14946,8 +14987,8 @@ const sy = (e) => {
   isString: Ig,
   isNumber: il,
   isBoolean: Bg,
-  isObject: Dt,
-  isPlainObject: yt,
+  isObject: Ft,
+  isPlainObject: bt,
   isReadableStream: Hg,
   isRequest: qg,
   isResponse: Rg,
@@ -14969,7 +15010,7 @@ const sy = (e) => {
   stripBOM: zg,
   inherits: Wg,
   toFlatObject: Gg,
-  kindOf: It,
+  kindOf: Bt,
   kindOfTest: we,
   endsWith: Kg,
   toArray: Yg,
@@ -15063,7 +15104,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, {
@@ -15139,7 +15180,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) {
@@ -15245,7 +15286,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);
     }
@@ -15307,7 +15348,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
@@ -15386,8 +15427,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;
@@ -15397,7 +15438,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)) {
@@ -15432,7 +15473,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)
@@ -15466,7 +15507,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;
   }
@@ -15476,7 +15517,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;
@@ -15486,7 +15527,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;
   }
@@ -15495,11 +15536,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) {
@@ -15550,7 +15591,7 @@ I.reduceDescriptors(ue.prototype, ({ value: e }, t) => {
   };
 });
 I.freezeMethods(ue);
-function Nt(e, t) {
+function Ut(e, t) {
   const n = this || at, s = t || n, i = ue.from(s.headers);
   let l = s.data;
   return I.forEach(e, function(u) {
@@ -15607,7 +15648,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) => {
@@ -15825,7 +15866,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);
@@ -15896,7 +15937,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(),
@@ -15911,12 +15952,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);
     });
   });
@@ -15935,7 +15976,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,
@@ -15967,7 +16008,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, {
@@ -15990,13 +16031,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,
@@ -16060,22 +16101,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(
+    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
@@ -16404,7 +16445,7 @@ 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) {
@@ -17009,7 +17050,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" }), {
@@ -17233,7 +17274,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", {
@@ -18308,14 +18349,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);
@@ -18325,7 +18366,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()];
@@ -19288,7 +19329,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",
@@ -19300,14 +19341,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
       },
@@ -21526,7 +21566,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     text: "Zimbabwe",
     value: "zw"
   }
-], i1 = "comand-component-library", l1 = "4.2.73", o1 = "GPL-3.0-only", a1 = "CoManD-UI", s1 = "module", r1 = {
+], i1 = "comand-component-library", l1 = "4.2.75", o1 = "GPL-3.0-only", a1 = "CoManD-UI", s1 = "module", r1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
@@ -22659,6 +22699,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
   },
   data() {
     return {
+      cmdFormData: {},
       smartSearchObject: { id: 3, displayValue: "smartSearchDisplayValue" },
       smartSearchString: "",
       selectedLanguage: "none",
@@ -22857,6 +22898,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();
     },
@@ -23088,86 +23132,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, 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, 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, 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, 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" },
@@ -23192,11 +23236,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)
@@ -23205,7 +23249,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", {
@@ -23215,9 +23259,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", {
@@ -23227,9 +23271,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", {
@@ -23239,9 +23283,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))
                     ])
                   ])
                 ])
@@ -23288,7 +23332,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", {
@@ -23305,7 +23349,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", {
@@ -23329,9 +23373,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)
         ])
       ]),
@@ -23342,7 +23386,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", {
@@ -23350,7 +23394,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", {
@@ -23358,13 +23402,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)
           ]))
         ])
@@ -23386,7 +23430,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
@@ -23394,7 +23438,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",
@@ -23413,11 +23457,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, [
@@ -23484,9 +23528,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",
@@ -23532,7 +23576,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",
@@ -23546,7 +23590,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
@@ -23668,7 +23712,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",
@@ -23710,7 +23754,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:",
@@ -23724,9 +23768,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",
@@ -23799,21 +23843,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", {
@@ -23825,11 +23869,11 @@ function pk(e, t, n, s, i, l) {
                         max: "100",
                         id: "range-value"
                       }, null, 10, G1), [
-                        [Wt, i.rangeValue]
+                        [ft, 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", {
@@ -23841,14 +23885,14 @@ function pk(e, t, n, s, i, l) {
                         min: "0",
                         max: "100"
                       }, null, 8, Y1), [
-                        [Wt, i.rangeValue]
+                        [ft, 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",
@@ -23873,7 +23917,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",
@@ -23948,15 +23992,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",
@@ -24000,7 +24044,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 ")
@@ -24009,9 +24053,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",
@@ -24039,9 +24083,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",
@@ -24070,9 +24114,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",
@@ -24103,7 +24147,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",
@@ -24118,12 +24162,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"),
@@ -24137,7 +24181,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)
                   ])
@@ -24154,7 +24198,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)
                   ])
@@ -24170,7 +24214,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)
                   ])
@@ -24188,14 +24232,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",
@@ -24209,7 +24253,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)
@@ -24228,7 +24272,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",
@@ -24243,7 +24287,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",
@@ -24264,9 +24308,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)
           ])
         ]),
@@ -24274,9 +24318,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",
@@ -24290,17 +24334,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
@@ -24330,7 +24374,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
@@ -24339,17 +24383,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
@@ -24359,7 +24403,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(() => [
@@ -24383,7 +24427,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
@@ -24392,7 +24436,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(() => [
@@ -24427,7 +24471,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
@@ -24438,10 +24482,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"
@@ -24453,10 +24497,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"
@@ -24466,7 +24510,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)
@@ -24499,7 +24543,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,
@@ -24516,7 +24560,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,
@@ -24534,7 +24578,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",
@@ -24576,7 +24620,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",
@@ -24595,7 +24639,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",
@@ -24615,7 +24659,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",
@@ -24633,7 +24677,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",
@@ -24641,19 +24685,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"
@@ -24661,14 +24705,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"
@@ -24676,19 +24720,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),
@@ -24703,7 +24747,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)),
@@ -24711,7 +24755,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)
           ]))
         ]),
@@ -24719,20 +24763,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",
@@ -24770,50 +24816,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"
@@ -24824,18 +24870,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(ie, { style: { border: "1px  dashed var(--color-gray-30)" } }, {
-            "fixed-wrapper": k(() => t[239] || (t[239] = [
+            "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)" }
@@ -24875,7 +24921,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)),
@@ -24888,12 +24934,12 @@ 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(le, L({ ref: "CmdHeadline" }, e.cmdHeadlineSettingsData), null, 16),
@@ -24911,7 +24957,7 @@ function pk(e, t, n, s, i, l) {
             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,29 +24969,29 @@ 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)),
+              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)),
+              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)),
+              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)),
+              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)),
+              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 +25001,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 +25026,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 +25043,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 +25059,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 +25116,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 +25127,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 +25143,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 +25160,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 +25202,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 +25228,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 +25251,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 +25268,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 +25284,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 +25305,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), [
+                [ft, 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 +25342,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 +25426,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 +25457,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 +25481,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 +25500,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, {
             "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,13 +25529,13 @@ 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, {
@@ -25491,7 +25543,7 @@ function pk(e, t, n, s, i, l) {
             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,33 +25559,33 @@ 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)
+            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)
@@ -25542,34 +25594,34 @@ function pk(e, t, n, s, i, l) {
       }),
       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 +25632,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 +25653,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 +25677,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, {
             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 +25703,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 +25723,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 +25764,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 +25779,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 +25794,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 +25817,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 +25846,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 +25861,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 +25892,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 +25915,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 +25936,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 +25951,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 +26016,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 +26031,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 +26054,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 +26064,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 +26082,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 +26111,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 +26121,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 +26137,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 pt = new MutationObserver(hk);
+function hk(e) {
   const t = [];
   for (let n = 0; n < e.length; n++)
     if (e[n].type === "attributes")
@@ -26097,7 +26149,7 @@ 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, {
     subtree: !0,
@@ -26109,16 +26161,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 +26185,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 +26205,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 +26265,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 +26280,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,
+  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
 };