comand-component-library 4.1.78 → 4.1.80

package/dist/comand-component-library.js

@@ -2,7 +2,7 @@ var Bo = Object.defineProperty;
 var Fo = (e, n, t) => n in e ? Bo(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var ze = (e, n, t) => Fo(e, typeof n != "symbol" ? n + "" : n, t);
 import { defineComponent as ri, h as Tn, resolveComponent as Ce, openBlock as l, createBlock as C, normalizeClass as x, createElementBlock as r, getCurrentInstance as Do, resolveDynamicComponent as Me, withModifiers as T, withCtx as k, withDirectives as X, createElementVNode as a, createVNode as h, createCommentVNode as m, vShow as xe, Fragment as S, toDisplayString as y, renderSlot as A, normalizeProps as R, mergeProps as I, createTextVNode as H, renderList as q, Transition as Ve, toHandlers as Rt, TransitionGroup as ln, createApp as Mo, normalizeStyle as ft, guardReactiveProps as ye, useCssVars as di, vModelDynamic as Po, vModelText as Nt, resolveDirective as Vo, vModelSelect as Ao, vModelRadio as Dt, onMounted as Eo, onUnmounted as Ho, reactive as qo, onBeforeUpdate as Ro } from "vue";
-const Je = /^[a-z0-9]+(-[a-z0-9]+)*$/, xt = (e, n, t, s = "") => {
+const Ke = /^[a-z0-9]+(-[a-z0-9]+)*$/, xt = (e, n, t, s = "") => {
   const i = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (i.length < 2 || i.length > 3)
@@ -37,7 +37,7 @@ const Je = /^[a-z0-9]+(-[a-z0-9]+)*$/, xt = (e, n, t, s = "") => {
     return n && !ct(c, t) ? null : c;
   }
   return null;
-}, ct = (e, n) => e ? !!((e.provider === "" || e.provider.match(Je)) && (n && e.prefix === "" || e.prefix.match(Je)) && e.name.match(Je)) : !1, ci = Object.freeze(
+}, ct = (e, n) => e ? !!((e.provider === "" || e.provider.match(Ke)) && (n && e.prefix === "" || e.prefix.match(Ke)) && e.name.match(Ke)) : !1, ci = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -128,7 +128,7 @@ function mi(e) {
   const t = n.icons;
   for (const i in t) {
     const o = t[i];
-    if (!i.match(Je) || typeof o.body != "string" || !Mt(
+    if (!i.match(Ke) || typeof o.body != "string" || !Mt(
       o,
       Ut
     ))
@@ -137,7 +137,7 @@ function mi(e) {
   const s = n.aliases || {};
   for (const i in s) {
     const o = s[i], d = o.parent;
-    if (!i.match(Je) || typeof d != "string" || !t[d] && !s[d] || !Mt(
+    if (!i.match(Ke) || typeof d != "string" || !t[d] && !s[d] || !Mt(
       o,
       Ut
     ))
@@ -171,19 +171,19 @@ function Wo(e, n, t) {
   }
   return !1;
 }
-let Ye = !1;
+let Je = !1;
 function hi(e) {
-  return typeof e == "boolean" && (Ye = e), Ye;
+  return typeof e == "boolean" && (Je = e), Je;
 }
-function Ko(e) {
-  const n = typeof e == "string" ? xt(e, !0, Ye) : e;
+function Yo(e) {
+  const n = typeof e == "string" ? xt(e, !0, Je) : e;
   if (n) {
     const t = Ae(n.provider, n.prefix), s = n.name;
     return t.icons[s] || (t.missing.has(s) ? null : void 0);
   }
 }
-function Jo(e, n) {
-  const t = xt(e, !0, Ye);
+function Ko(e, n) {
+  const t = xt(e, !0, Je);
   if (!t)
     return !1;
   const s = Ae(t.provider, t.prefix);
@@ -192,10 +192,10 @@ function Jo(e, n) {
 function pi(e, n) {
   if (typeof e != "object")
     return !1;
-  if (typeof n != "string" && (n = e.provider || ""), Ye && !n && !e.prefix) {
+  if (typeof n != "string" && (n = e.provider || ""), Je && !n && !e.prefix) {
     let i = !1;
     return mi(e) && (e.prefix = "", ui(e, (o, d) => {
-      d && Jo(o, d) && (i = !0);
+      d && Ko(o, d) && (i = !0);
     })), i;
   }
   const t = e.prefix;
@@ -214,7 +214,7 @@ const fi = Object.freeze({
 }), gi = Object.freeze({
   ...fi,
   ...gt
-}), Yo = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Zo = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+}), Jo = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Zo = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function Ln(e, n, t) {
   if (n === 1)
     return e;
@@ -222,7 +222,7 @@ function Ln(e, n, t) {
     return Math.ceil(e * n * t) / t;
   if (typeof e != "string")
     return e;
-  const s = e.split(Yo);
+  const s = e.split(Jo);
   if (s === null || !s.length)
     return e;
   const i = [];
@@ -598,7 +598,7 @@ function yl(e, n, t, s) {
       V.status === "pending" && (V.status = "aborted");
     }), w = [];
   }
-  function G(V, N, J) {
+  function G(V, N, K) {
     const $ = N !== "success";
     switch (w = w.filter((Z) => Z !== V), u) {
       case "pending":
@@ -611,11 +611,11 @@ function yl(e, n, t, s) {
         return;
     }
     if (N === "abort") {
-      p = J, D();
+      p = K, D();
       return;
     }
     if ($) {
-      p = J, w.length || (d.length ? j() : D());
+      p = K, w.length || (d.length ? j() : D());
       return;
     }
     if (L(), M(), !e.random) {
@@ -623,7 +623,7 @@ function yl(e, n, t, s) {
       Z !== -1 && Z !== e.index && (e.index = Z);
     }
     u = "completed", b.forEach((Z) => {
-      Z(J);
+      Z(K);
     });
   }
   function j() {
@@ -644,8 +644,8 @@ function yl(e, n, t, s) {
     const N = {
       status: "pending",
       resource: V,
-      callback: (J, $) => {
-        G(N, J, $);
+      callback: (K, $) => {
+        G(N, K, $);
       }
     };
     w.push(N), g++, f = setTimeout(j, e.rotate), t(V, n, N.callback);
@@ -742,7 +742,7 @@ function Mn(e, n) {
 function Wt(e, n) {
   return cn(e, xi, n.toString());
 }
-function Kt(e) {
+function Yt(e) {
   return parseInt(Gt(e, xi)) || 0;
 }
 const Ct = {
@@ -773,7 +773,7 @@ function ki(e, n) {
   const s = Gt(t, Dn);
   if (s !== Fn) {
     if (s) {
-      const c = Kt(t);
+      const c = Yt(t);
       for (let u = 0; u < c; u++)
         Mn(t, Ze + u.toString());
     }
@@ -792,7 +792,7 @@ function ki(e, n) {
       Mn(t, u);
     }
   };
-  let d = Kt(t);
+  let d = Yt(t);
   for (let c = d - 1; c >= 0; c--)
     o(c) || (c === d - 1 ? (d--, Wt(t, d)) : Ci[e].add(c));
 }
@@ -834,7 +834,7 @@ function kl(e, n) {
     let d;
     if (o.size)
       o.delete(d = Array.from(o).shift());
-    else if (d = Kt(i), !Wt(i, d + 1))
+    else if (d = Yt(i), !Wt(i, d + 1))
       return;
     const c = {
       cached: Math.floor(Date.now() / _i),
@@ -995,7 +995,7 @@ const Vn = {
   role: "img"
 }, Vl = {
   display: "inline-block"
-}, Jt = {
+}, Kt = {
   backgroundColor: "currentColor"
 }, Ti = {
   backgroundColor: "transparent"
@@ -1004,8 +1004,8 @@ const Vn = {
   Repeat: "no-repeat",
   Size: "100% 100%"
 }, En = {
-  webkitMask: Jt,
-  mask: Jt,
+  webkitMask: Kt,
+  mask: Kt,
   background: Ti
 };
 for (const e in En) {
@@ -1076,7 +1076,7 @@ const qn = (e, n) => {
     width: Hn(g.width),
     height: Hn(g.height),
     ...Vl,
-    ...b ? Jt : Ti,
+    ...b ? Kt : Ti,
     ...c
   }, Tn("span", s);
 };
@@ -1148,7 +1148,7 @@ const Al = {
       let t;
       if (typeof e != "string" || (t = xt(e, !1, !0)) === null)
         return this.abortLoading(), null;
-      const s = Ko(t);
+      const s = Yo(t);
       if (!s)
         return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", s !== null && (this._loadingIcon = {
           name: e,
@@ -1240,7 +1240,7 @@ function Rl(e, n, t, s, i, o) {
     title: t.tooltip
   }, null, 10, ql));
 }
-const K = /* @__PURE__ */ P(Hl, [["render", Rl]]);
+const Y = /* @__PURE__ */ P(Hl, [["render", Rl]]);
 function Te(e, n) {
   return wt(e, "EditComponentWrapper", n);
 }
@@ -1429,12 +1429,12 @@ function pe(e) {
 const Gl = {
   key: 0,
   class: "action-buttons-wrapper"
-}, Wl = ["data-component"], Kl = ["title"], Jl = ["href"], Yl = { key: 0 }, Zl = { key: 1 }, Ql = {
+}, Wl = ["data-component"], Yl = ["title"], Kl = ["href"], Jl = { key: 0 }, Zl = { key: 1 }, Ql = {
   key: 0,
   class: "component-name"
 }, Xl = ["data-component"], $l = ["title"], es = ["href", "title"], ts = ["title"], ns = { key: 0 }, is = { key: 1 }, os = ["title"], ls = ["title"];
 function ss(e, n, t, s, i, o) {
-  const d = K;
+  const d = Y;
   return l(), C(Me(t.componentTag || "div"), {
     class: x(["edit-component-wrapper", { active: o.active }]),
     tabindex: "0",
@@ -1459,7 +1459,7 @@ function ss(e, n, t, s, i, o) {
               h(d, {
                 iconClass: (o.isOuterComponent, "icon-plus")
               }, null, 8, ["iconClass"])
-            ], 10, Kl)
+            ], 10, Yl)
           ]),
           a("li", null, [
             a("a", {
@@ -1471,7 +1471,7 @@ function ss(e, n, t, s, i, o) {
               h(d, {
                 iconClass: o.isOuterComponent ? "icon-cogs" : "icon-cog"
               }, null, 8, ["iconClass"])
-            ], 10, Jl)
+            ], 10, Kl)
           ]),
           a("li", null, [
             a("a", {
@@ -1483,7 +1483,7 @@ function ss(e, n, t, s, i, o) {
               h(d, { iconClass: "icon-trash" })
             ])
           ]),
-          o.isOuterComponent ? m("", !0) : (l(), r("li", Yl, [
+          o.isOuterComponent ? m("", !0) : (l(), r("li", Jl, [
             a("a", {
               class: x(["icon-hexagon button-cancel", { disabled: !o.editing }]),
               href: "#",
@@ -1735,7 +1735,7 @@ const He = /* @__PURE__ */ P(zl, [["render", ss]]), ae = {
 ];
 function bs(e, n, t, s, i, o) {
   var g;
-  const d = K, c = te, u = He;
+  const d = Y, c = te, u = He;
   return !e.editModeContext || e.settingsContext || e.mainSidebarContext || t.headlineText ? (l(), r("div", {
     key: 0,
     class: x(["cmd-headline", { "has-pre-headline-text": t.preHeadlineText, "has-icon": (g = t.cmdIcon) == null ? void 0 : g.iconClass }, o.headlineTextAlign])
@@ -1824,7 +1824,7 @@ function bs(e, n, t, s, i, o) {
     _: 3
   }, 8, ["componentProps", "componentPath", "allowDeleteComponent"]));
 }
-const Y = /* @__PURE__ */ P(as, [["render", bs]]), xs = {
+const J = /* @__PURE__ */ P(as, [["render", bs]]), xs = {
   name: "CmdTooltip",
   data() {
     return {
@@ -1953,7 +1953,7 @@ const Y = /* @__PURE__ */ P(as, [["render", bs]]), xs = {
   class: "headline-wrapper"
 }, Cs = ["title"];
 function ws(e, n, t, s, i, o) {
-  const d = Y, c = K;
+  const d = J, c = Y;
   return i.tooltipVisibility ? (l(), r("div", {
     key: 0,
     class: x(["cmd-tooltip", t.validationStatus]),
@@ -2128,7 +2128,7 @@ const Si = /* @__PURE__ */ P(xs, [["render", ws]]), me = {
 }, Ts = { class: "cmd-list-of-requirements" }, Ss = /* @__PURE__ */ a("br", null, null, -1), Os = /* @__PURE__ */ a("hr", null, null, -1), Ls = ["href", "target"], Is = { key: 1 };
 function Bs(e, n, t, s, i, o) {
   var u, g, p;
-  const d = Y, c = K;
+  const d = J, c = Y;
   return l(), r("div", Ts, [
     t.showHeadline ? (l(), C(d, {
       key: 0,
@@ -3118,10 +3118,10 @@ const fn = {
 }, js = ["for", "title"], zs = ["innerHTML"], Gs = {
   key: 2,
   "aria-hidden": "true"
-}, Ws = ["title", "aria-errormessage", "id"], Ks = {
+}, Ws = ["title", "aria-errormessage", "id"], Ys = {
   key: 1,
   class: "flex-container inner-input-wrapper"
-}, Js = ["id", "autocomplete", "list", "value", "maxlength"], Ys = ["title"], Zs = ["id"], Qs = ["value"], Xs = ["checked", "value", "id", "disabled", "aria-invalid"], $s = ["innerHTML"], ea = { key: 2 }, ta = { class: "switch-label-wrapper" }, na = ["checked", "value", "id", "disabled", "aria-invalid"], ia = { class: "label-text" }, oa = { class: "label-text" }, la = ["innerHTML"], sa = { key: 0 }, aa = ["id"], ra = ["value", "selected"], da = ["id", "value", "maxlength"], ca = {
+}, Ks = ["id", "autocomplete", "list", "value", "maxlength"], Js = ["title"], Zs = ["id"], Qs = ["value"], Xs = ["checked", "value", "id", "disabled", "aria-invalid"], $s = ["innerHTML"], ea = { key: 2 }, ta = { class: "switch-label-wrapper" }, na = ["checked", "value", "id", "disabled", "aria-invalid"], ia = { class: "label-text" }, oa = { class: "label-text" }, la = ["innerHTML"], sa = { key: 0 }, aa = ["id"], ra = ["value", "selected"], da = ["id", "value", "maxlength"], ca = {
   key: 6,
   class: "characters-left-wrapper"
 }, ua = { key: 0 }, ma = {
@@ -3129,8 +3129,8 @@ const fn = {
   class: "search-field-wrapper flex-container no-gap"
 }, ha = ["id", "maxlength", "value"], pa = ["title"], fa = ["title"], ga = { key: 1 };
 function ya(e, n, t, s, i, o) {
-  var u, g, p, f, w, b, L, v, B, F, D, M, G, j, V, N, J, $, Z, ee, re, ce, ue, ne;
-  const d = K, c = mn;
+  var u, g, p, f, w, b, L, v, B, F, D, M, G, j, V, N, K, $, Z, ee, re, ce, ue, ne;
+  const d = Y, c = mn;
   return t.element === "input" || t.element === "select" || t.element === "textarea" ? (l(), r("label", {
     key: 0,
     class: x([
@@ -3183,7 +3183,7 @@ function ya(e, n, t, s, i, o) {
         role: e.validationStatus === "error" ? "alert" : "dialog"
       }, null, 8, ["validationStatus", "relatedId", "scrollContainerForTooltip", "cmdListOfRequirements", "role"])) : m("", !0)
     ], 2)) : m("", !0),
-    e.$attrs.type !== "checkbox" && e.$attrs.type !== "radio" && e.$attrs.type !== "search" ? (l(), r("span", Ks, [
+    e.$attrs.type !== "checkbox" && e.$attrs.type !== "radio" && e.$attrs.type !== "search" ? (l(), r("span", Ys, [
       t.fieldIconClass ? (l(), C(d, {
         key: 0,
         class: "place-inside",
@@ -3203,7 +3203,7 @@ function ya(e, n, t, s, i, o) {
         value: t.modelValue,
         maxlength: o.getMaxLength(),
         ref: "input"
-      }), null, 16, Js)) : m("", !0),
+      }), null, 16, Ks)) : m("", !0),
       e.$attrs.type === "password" ? (l(), r("a", {
         key: 2,
         href: "#",
@@ -3218,7 +3218,7 @@ function ya(e, n, t, s, i, o) {
         h(d, {
           iconClass: t.iconPasswordVisible.iconClass
         }, null, 8, ["iconClass"])
-      ], 40, Ys)) : m("", !0)
+      ], 40, Js)) : m("", !0)
     ])) : m("", !0),
     t.datalist && t.datalist.options.length ? (l(), r("datalist", {
       key: 2,
@@ -3349,7 +3349,7 @@ function ya(e, n, t, s, i, o) {
     (V = t.nativeButton) != null && V.icon && ((N = t.nativeButton) != null && N.text) ? (l(), r("span", ga, y(t.nativeButton.text), 1)) : (l(), r(S, { key: 2 }, [
       H(y(t.nativeButton.text), 1)
     ], 64)),
-    ($ = (J = t.nativeButton) == null ? void 0 : J.icon) != null && $.show && ((ee = (Z = t.nativeButton) == null ? void 0 : Z.icon) == null ? void 0 : ee.position) === "after" ? (l(), C(d, {
+    ($ = (K = t.nativeButton) == null ? void 0 : K.icon) != null && $.show && ((ee = (Z = t.nativeButton) == null ? void 0 : Z.icon) == null ? void 0 : ee.position) === "after" ? (l(), C(d, {
       key: 3,
       iconClass: (ce = (re = t.nativeButton) == null ? void 0 : re.icon) == null ? void 0 : ce.iconClass,
       type: (ne = (ue = t.nativeButton) == null ? void 0 : ue.icon) == null ? void 0 : ne.iconType
@@ -3486,7 +3486,7 @@ const te = /* @__PURE__ */ P(Us, [["render", ya]]), ba = {
   class: "country-name"
 };
 function qa(e, n, t, s, i, o) {
-  const d = K, c = te;
+  const d = Y, c = te;
   return l(), r(S, null, [
     a("dt", {
       class: x(["cmd-address-data-item", { address: t.addressEntry.name === "address" }]),
@@ -3752,10 +3752,10 @@ const Ra = /* @__PURE__ */ P(ba, [["render", qa]]), Na = {
     }
   },
   watch: {}
-}, Ua = { class: "cmd-address-data vcard" }, ja = { class: "adr" }, za = { key: 0 }, Ga = /* @__PURE__ */ a("span", { class: "icon-plus" }, null, -1), Wa = /* @__PURE__ */ a("span", null, "Add new entry", -1), Ka = [
+}, Ua = { class: "cmd-address-data vcard" }, ja = { class: "adr" }, za = { key: 0 }, Ga = /* @__PURE__ */ a("span", { class: "icon-plus" }, null, -1), Wa = /* @__PURE__ */ a("span", null, "Add new entry", -1), Ya = [
   Ga,
   Wa
-], Ja = ["href", "target", "title"], Ya = ["innerHTML"], Za = ["href", "title"], Qa = { class: "street-address" }, Xa = /* @__PURE__ */ a("br", null, null, -1), $a = {
+], Ka = ["href", "target", "title"], Ja = ["innerHTML"], Za = ["href", "title"], Qa = { class: "street-address" }, Xa = /* @__PURE__ */ a("br", null, null, -1), $a = {
   key: 0,
   class: "postal-code"
 }, er = {
@@ -3776,7 +3776,7 @@ const Ra = /* @__PURE__ */ P(ba, [["render", qa]]), Na = {
 };
 function hr(e, n, t, s, i, o) {
   var p;
-  const d = Y, c = Ra, u = He, g = K;
+  const d = J, c = Ra, u = He, g = Y;
   return l(), r("div", Ua, [
     t.useSlot ? A(e.$slots, "default", { key: 0 }) : (l(), r(S, { key: 1 }, [
       (p = t.cmdHeadline) != null && p.headlineText || e.editModeContext ? (l(), C(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
@@ -3788,7 +3788,7 @@ function hr(e, n, t, s, i, o) {
               type: "button",
               class: "button confirm small",
               onClick: n[0] || (n[0] = (...f) => o.onAddItem && o.onAddItem(...f))
-            }, Ka)) : m("", !0),
+            }, Ya)) : m("", !0),
             (l(!0), r(S, null, q(t.addressData, (f, w) => (l(), C(u, {
               key: "x" + w,
               class: "edit-items",
@@ -3843,10 +3843,10 @@ function hr(e, n, t, s, i, o) {
                 ], 64)) : (l(), r(S, { key: 1 }, [
                   H(y(f.href), 1)
                 ], 64))
-              ], 10, Ja)) : t.showIconsOnly ? m("", !0) : (l(), r("span", {
+              ], 10, Ka)) : t.showIconsOnly ? m("", !0) : (l(), r("span", {
                 key: 1,
                 innerHTML: f.data
-              }, null, 8, Ya)),
+              }, null, 8, Ja)),
               f.name === "address" ? (l(), r(S, { key: 2 }, [
                 f.linkGoogleMaps ? (l(), r("a", {
                   key: 0,
@@ -3989,7 +3989,7 @@ const Li = /* @__PURE__ */ P(Na, [["render", hr]]), pr = {
   }
 }, fr = ["title"];
 function gr(e, n, t, s, i, o) {
-  const d = K;
+  const d = Y;
   return l(), C(Ve, { name: "fade" }, {
     default: k(() => [
       o.show ? (l(), r("a", {
@@ -4074,7 +4074,7 @@ const yr = /* @__PURE__ */ P(pr, [["render", gr]]), br = {
   }
 }, xr = { class: "cmd-bank-account-data" }, _r = { key: 0 }, Cr = ["onClick", "title"], wr = { key: 1 };
 function kr(e, n, t, s, i, o) {
-  const d = Y, c = K;
+  const d = J, c = Y;
   return l(), r("div", xr, [
     t.useSlot ? A(e.$slots, "default", { key: 0 }) : (l(), r(S, { key: 1 }, [
       t.cmdHeadline ? (l(), C(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
@@ -4196,7 +4196,7 @@ const vr = /* @__PURE__ */ P(br, [["render", kr]]), Tr = {
   }
 }, Sr = ["role", "aria-labelledby"], Or = ["title"];
 function Lr(e, n, t, s, i, o) {
-  const d = K, c = Y;
+  const d = Y, c = J;
   return l(), C(Ve, {
     name: t.useTransition ? "fade" : null
   }, {
@@ -4417,7 +4417,7 @@ function Er(e, n, t, s, i, o) {
         }, null, 8, ["element", "type", "name", "class", "id", "modelValue", "onUpdate:modelValue", "inputValue", "fieldIconClass", "selectOptions", "labelText", "placeholder", "required", "disabled", "autocomplete", "minlength", "maxlength", "nativeButton"]))), 128)),
         o.submitButtonOptions && (o.submitButtonOptions.position === "insideFieldset" || o.submitButtonOptions.position === null) ? (l(), r("button", {
           key: 3,
-          class: x(["button stretch-on-small-devices", { primary: o.submitButtonOptions.primary }]),
+          class: x(["button stretch-on-small-devices", { primary: o.submitButtonOptions.primary }, { disabled: o.submitButtonOptions.disabled }]),
           type: o.submitButtonOptions.type
         }, [
           o.submitButtonOptions.iconClass ? (l(), r("span", {
@@ -4429,7 +4429,7 @@ function Er(e, n, t, s, i, o) {
       ]),
       o.submitButtonOptions && o.submitButtonOptions.position === "belowFieldset" ? (l(), r("div", Pr, [
         a("button", {
-          class: x(["button stretch-on-small-devices", { primary: o.submitButtonOptions.primary }]),
+          class: x(["button stretch-on-small-devices", { primary: o.submitButtonOptions.primary }, { disabled: o.submitButtonOptions.disabled }]),
           type: o.submitButtonOptions.type || "submit"
         }, [
           o.submitButtonOptions.iconClass ? (l(), r("span", {
@@ -4495,8 +4495,8 @@ const Ii = /* @__PURE__ */ P(Ir, [["render", Er]]), Hr = {
   }
 };
 ze(ve, "PATTERN_SURNAME", /^[a-züöäßáéíóàèìòêîô '-]+$/i), ze(ve, "PATTERN_EMAIL", /^[a-z\d._%+-]+@[a-z\d._%+-]+\.[a-z]{2,}$/i), ze(ve, "PATTERN_MESSAGE", /^.{2,500}$/);
-let Yt = ve;
-function Ke(e) {
+let Jt = ve;
+function Ye(e) {
   if (e) {
     const n = e.lastIndexOf(".");
     if (n > -1)
@@ -4506,7 +4506,7 @@ function Ke(e) {
 }
 function Rn(e, n, t, s, i) {
   const o = [];
-  if (e.size > s && o.push("file too large"), n.includes(Ke(e.name)) || o.push("disallowed file extension"), o.length) {
+  if (e.size > s && o.push("file too large"), n.includes(Ye(e.name)) || o.push("disallowed file extension"), o.length) {
     alert(o);
     return;
   }
@@ -4749,10 +4749,10 @@ const qr = {
       deep: !0
     }
   }
-}, Rr = ["innerHTML"], Nr = /* @__PURE__ */ a("span", { class: "icon-image" }, null, -1), Ur = ["src", "alt", "title"], jr = ["src", "alt", "title"], zr = ["innerHTML"], Gr = /* @__PURE__ */ a("span", { class: "icon-add" }, null, -1), Wr = /* @__PURE__ */ a("span", null, "Add new image", -1), Kr = [
+}, Rr = ["innerHTML"], Nr = /* @__PURE__ */ a("span", { class: "icon-image" }, null, -1), Ur = ["src", "alt", "title"], jr = ["src", "alt", "title"], zr = ["innerHTML"], Gr = /* @__PURE__ */ a("span", { class: "icon-add" }, null, -1), Wr = /* @__PURE__ */ a("span", null, "Add new image", -1), Yr = [
   Gr,
   Wr
-], Jr = ["innerHTML"], Yr = ["src", "alt", "title"], Zr = ["innerHTML"], Qr = ["src", "alt", "title"];
+], Kr = ["innerHTML"], Jr = ["src", "alt", "title"], Zr = ["innerHTML"], Qr = ["src", "alt", "title"];
 function Xr(e, n, t, s, i, o) {
   var u, g, p, f, w, b, L, v, B, F, D, M, G;
   const d = te, c = He;
@@ -4769,7 +4769,7 @@ function Xr(e, n, t, s, i, o) {
     itemProvider: ((u = e.editModeConfig) == null ? void 0 : u.allowAddItem) !== !1 ? o.itemProvider : null
   }, {
     default: k((j) => {
-      var V, N, J, $, Z, ee, re, ce, ue, ne, E, ie;
+      var V, N, K, $, Z, ee, re, ce, ue, ne, E, ie;
       return [
         a("figure", {
           class: x(["cmd-image flex-container no-gap vertical", o.textAlign])
@@ -4784,7 +4784,7 @@ function Xr(e, n, t, s, i, o) {
               labelText: "Text figcaption",
               modelValue: o.editableFigcaptionText,
               "onUpdate:modelValue": n[0] || (n[0] = (oe) => o.editableFigcaptionText = oe)
-            }, null, 8, ["class", "modelValue"])) : (J = t.figcaption) != null && J.text ? (l(), r("figcaption", {
+            }, null, 8, ["class", "modelValue"])) : (K = t.figcaption) != null && K.text ? (l(), r("figcaption", {
               key: 1,
               innerHTML: ($ = t.figcaption) == null ? void 0 : $.text
             }, null, 8, Rr)) : m("", !0)
@@ -4841,7 +4841,7 @@ function Xr(e, n, t, s, i, o) {
             type: "button",
             class: "button confirm",
             onClick: n[3] || (n[3] = (...oe) => o.onAddItem && o.onAddItem(...oe))
-          }, Kr)) : m("", !0)
+          }, Yr)) : m("", !0)
         ], 2)
       ];
     }),
@@ -4853,13 +4853,13 @@ function Xr(e, n, t, s, i, o) {
     ((g = t.figcaption) == null ? void 0 : g.position) === "top" && ((p = t.figcaption) != null && p.text) && ((f = t.figcaption) != null && f.show) ? (l(), r("figcaption", {
       key: 0,
       innerHTML: (w = t.figcaption) == null ? void 0 : w.text
-    }, null, 8, Jr)) : m("", !0),
+    }, null, 8, Kr)) : m("", !0),
     a("img", {
       src: o.imageSource,
       alt: (b = t.image) == null ? void 0 : b.alt,
       title: (L = t.image) == null ? void 0 : L.tooltip,
       onLoad: n[4] || (n[4] = (...j) => o.onImageLoaded && o.onImageLoaded(...j))
-    }, null, 40, Yr),
+    }, null, 40, Jr),
     ((v = t.figcaption) == null ? void 0 : v.position) !== "top" && ((B = t.figcaption) != null && B.text) && ((F = t.figcaption) != null && F.show) ? (l(), r("figcaption", {
       key: 1,
       innerHTML: (D = t.figcaption) == null ? void 0 : D.text
@@ -4938,7 +4938,7 @@ const _e = /* @__PURE__ */ P(qr, [["render", Xr]]), $r = {
   }
 }, td = ["title"];
 function nd(e, n, t, s, i, o) {
-  const d = K;
+  const d = Y;
   return l(), r("a", {
     href: "#",
     onClick: n[0] || (n[0] = T(() => {
@@ -5193,7 +5193,7 @@ const vt = /* @__PURE__ */ P(ed, [["render", nd]]), id = {
 ];
 function hd(e, n, t, s, i, o) {
   var p;
-  const d = Y, c = vt, u = _e, g = K;
+  const d = J, c = vt, u = _e, g = Y;
   return l(), r("div", {
     class: x([
       "cmd-thumbnail-scroller",
@@ -5577,8 +5577,8 @@ const fd = Fi, gd = ["aria-label"], yd = { class: "flex-container" }, bd = {
   class: "flex-container no-flex"
 }, Ld = ["title"], Id = { key: 1 }, Bd = ["title"], Fd = { key: 1 };
 function Dd(e, n, t, s, i, o) {
-  var f, w, b, L, v, B, F, D, M, G, j, V, N, J, $, Z, ee, re, ce, ue, ne, E, ie, oe, Oe, Le, Ie, we, Be, Fe, De;
-  const d = Y, c = K, u = _e, g = vt, p = Bi;
+  var f, w, b, L, v, B, F, D, M, G, j, V, N, K, $, Z, ee, re, ce, ue, ne, E, ie, oe, Oe, Le, Ie, we, Be, Fe, De;
+  const d = J, c = Y, u = _e, g = vt, p = Bi;
   return l(), r("dialog", {
     ref: "dialog",
     class: x(["cmd-fancybox", { "show-overlay": e.showOverlay, image: e.fancyBoxImageUrl || e.fancyBoxGallery, "image-gallery": e.fancyBoxGallery }]),
@@ -5622,7 +5622,7 @@ function Dd(e, n, t, s, i, o) {
           onClick: n[2] || (n[2] = T((...le) => e.close && e.close(...le), ["prevent"]))
         }, [
           h(c, {
-            iconClass: (J = e.fancyBoxOptionsProperties.closeIcon) == null ? void 0 : J.iconClass,
+            iconClass: (K = e.fancyBoxOptionsProperties.closeIcon) == null ? void 0 : K.iconClass,
             type: ($ = e.fancyBoxOptionsProperties.closeIcon) == null ? void 0 : $.iconType
           }, null, 8, ["iconClass", "type"])
         ], 8, Cd)) : m("", !0)
@@ -5705,7 +5705,7 @@ const Md = /* @__PURE__ */ P(fd, [["render", Dd]]), Pd = {
   data() {
     return {
       sendSuccessfully: !1,
-      validator: new Yt((e) => e),
+      validator: new Jt((e) => e),
       formData: {
         salutation: { value: this.configuration.salutation.default },
         lastName: { value: "" },
@@ -5996,7 +5996,7 @@ const Md = /* @__PURE__ */ P(fd, [["render", Dd]]), Pd = {
   class: "flex-container"
 }, Rd = ["innerHTML"];
 function Nd(e, n, t, s, i, o) {
-  const d = Y, c = te, u = Ii;
+  const d = J, c = te, u = Ii;
   return l(), r("div", Vd, [
     t.cmdHeadline ? (l(), C(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
     h(u, I({
@@ -6010,7 +6010,7 @@ function Nd(e, n, t, s, i, o) {
       ref: "form"
     }), {
       default: k(() => {
-        var g, p, f, w, b, L, v, B, F, D, M, G, j, V, N, J, $, Z, ee, re, ce, ue, ne, E, ie, oe, Oe, Le, Ie, we, Be, Fe, De, le, nt, it, ot, lt, st, je, at;
+        var g, p, f, w, b, L, v, B, F, D, M, G, j, V, N, K, $, Z, ee, re, ce, ue, ne, E, ie, oe, Oe, Le, Ie, we, Be, Fe, De, le, nt, it, ot, lt, st, je, at;
         return [
           t.configuration.salutation ? (l(), r("div", Ad, [
             h(c, {
@@ -6094,7 +6094,7 @@ function Nd(e, n, t, s, i, o) {
               modelValue: i.formData.phone.value,
               "onUpdate:modelValue": n[5] || (n[5] = (W) => i.formData.phone.value = W),
               required: (N = t.configuration.phone) == null ? void 0 : N.required,
-              name: (J = t.configuration.phone) == null ? void 0 : J.name,
+              name: (K = t.configuration.phone) == null ? void 0 : K.name,
               status: i.formData.phone.error ? "error" : "",
               i18n: e.i18n
             }, null, 8, ["type", "labelText", "placeholder", "modelValue", "required", "name", "status", "i18n"])) : m("", !0)
@@ -6263,7 +6263,7 @@ function Wd(e, n, t, s, i, o) {
     A(e.$slots, "default")
   ], 64);
 }
-const Kd = /* @__PURE__ */ P(Ud, [["render", Wd]]), Jd = {
+const Yd = /* @__PURE__ */ P(Ud, [["render", Wd]]), Kd = {
   name: "CmdLink",
   emits: ["click"],
   props: {
@@ -6349,10 +6349,10 @@ const Kd = /* @__PURE__ */ P(Ud, [["render", Wd]]), Jd = {
       this.$emit("click", { originalEvent: e, linkType: n });
     }
   }
-}, Yd = ["href", "target", "title"], Zd = ["title"];
+}, Jd = ["href", "target", "title"], Zd = ["title"];
 function Qd(e, n, t, s, i, o) {
   var u, g, p;
-  const d = Kd, c = Ce("router-link");
+  const d = Yd, c = Ce("router-link");
   return t.linkType === "href" ? (l(), r("a", {
     key: 0,
     href: t.path,
@@ -6370,7 +6370,7 @@ function Qd(e, n, t, s, i, o) {
       ]),
       _: 3
     }, 8, ["text", "icon"])
-  ], 10, Yd)) : t.linkType === "router" ? (l(), C(c, {
+  ], 10, Jd)) : t.linkType === "router" ? (l(), C(c, {
     key: 1,
     to: t.path,
     class: x(["cmd-link", { button: t.styleAsButton, primary: t.primaryButton, box: t.styleAsBox, fancybox: t.fancybox }]),
@@ -6407,7 +6407,7 @@ function Qd(e, n, t, s, i, o) {
     }, 8, ["text", "icon"])
   ], 10, Zd)) : m("", !0);
 }
-const qe = /* @__PURE__ */ P(Jd, [["render", Qd]]), Xd = {
+const qe = /* @__PURE__ */ P(Kd, [["render", Qd]]), Xd = {
   name: "CmdListOfLinksItem",
   inheritAttrs: !1,
   mixins: [ae],
@@ -6610,7 +6610,7 @@ const ic = /* @__PURE__ */ P(Xd, [["render", nc]]), oc = {
 ];
 function dc(e, n, t, s, i, o) {
   var g;
-  const d = Y, c = ic, u = He;
+  const d = J, c = ic, u = He;
   return l(), r("div", {
     class: x([
       "cmd-list-of-links",
@@ -7040,7 +7040,7 @@ const mc = ["title"], hc = {
 };
 function Wc(e, n, t, s, i, o) {
   var f, w, b, L, v, B, F, D, M, G, j;
-  const d = Y, c = K, u = _e, g = qe, p = gn;
+  const d = J, c = Y, u = _e, g = qe, p = gn;
   return t.boxType === "content" ? (l(), r("div", {
     key: 0,
     ref: "cmdBox",
@@ -7419,19 +7419,19 @@ const bn = /* @__PURE__ */ P(yn, [["render", Wc]]), xn = {
   }));
 }, zn = xn.setup;
 xn.setup = zn ? (e, n) => (jn(), zn(e, n)) : jn;
-const Kc = { class: "cmd-box-wrapper" }, Jc = {
+const Yc = { class: "cmd-box-wrapper" }, Kc = {
   key: 0,
   class: "flex-container headline-wrapper"
-}, Yc = {
+}, Jc = {
   key: 1,
   class: "options-wrapper"
 }, Zc = ["title"];
 function Qc(e, n, t, s, i, o) {
-  const d = Y, c = K;
-  return l(), r("div", Kc, [
-    t.cmdHeadline.headlineText || t.allowUserToToggleOrientation ? (l(), r("div", Jc, [
+  const d = J, c = Y;
+  return l(), r("div", Yc, [
+    t.cmdHeadline.headlineText || t.allowUserToToggleOrientation ? (l(), r("div", Kc, [
       t.cmdHeadline.headlineText ? (l(), C(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
-      t.allowUserToToggleOrientation ? (l(), r("div", Yc, [
+      t.allowUserToToggleOrientation ? (l(), r("div", Jc, [
         a("a", {
           href: "#",
           onClick: n[0] || (n[0] = T((...u) => o.toggleOrientation && o.toggleOrientation(...u), ["prevent"])),
@@ -7507,7 +7507,7 @@ const Xc = {
   class: "separator"
 };
 function au(e, n, t, s, i, o) {
-  const d = K, c = Ce("router-link");
+  const d = Y, c = Ce("router-link");
   return l(), r("ul", $c, [
     t.breadcrumbLabel ? (l(), r("li", eu, y(t.breadcrumbLabel), 1)) : m("", !0),
     (l(!0), r(S, null, q(t.breadcrumbLinks || [], (u, g) => (l(), r("li", { key: g }, [
@@ -7752,7 +7752,7 @@ const Vi = /* @__PURE__ */ P(ru, [["render", uu]]), mu = {
   }
 }, hu = { class: "cmd-container" }, pu = ["innerHTML"], fu = ["innerHTML"];
 function gu(e, n, t, s, i, o) {
-  const d = Y;
+  const d = J;
   return l(), r("div", hu, [
     t.cmdHeadline ? (l(), C(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
     t.contentAboveSlot ? (l(), r("div", {
@@ -7927,7 +7927,7 @@ const yu = /* @__PURE__ */ P(mu, [["render", gu]]), bu = {
   class: "flex-container vertical"
 }, Bu = ["onClick", "title"], Fu = { class: "collapsible-box-body" }, Du = { key: 0 }, Mu = { key: 1 }, Pu = ["href", "target"], Vu = ["innerHTML"], Au = { class: "button-wrapper align-center" };
 function Eu(e, n, t, s, i, o) {
-  const d = Y, c = te;
+  const d = J, c = te;
   return l(), C(Ve, { name: "fade" }, {
     default: k(() => {
       var u, g, p;
@@ -8360,10 +8360,10 @@ const zu = /* @__PURE__ */ P(qu, [["render", ju]]), Gu = {
       deep: !0
     }
   }
-}, Ku = ["title", "aria-labelledby", "aria-required"], Ju = {
+}, Yu = ["title", "aria-labelledby", "aria-required"], Ku = {
   key: 0,
   class: "label-text"
-}, Yu = ["id"], Zu = {
+}, Ju = ["id"], Zu = {
   key: 0,
   "aria-hidden": "true"
 }, Qu = ["title", "aria-errormessage", "id"], Xu = ["aria-expanded"], $u = ["title"], em = ["src", "alt"], tm = {
@@ -8378,7 +8378,7 @@ const zu = /* @__PURE__ */ P(qu, [["render", ju]]), Gu = {
 };
 function hm(e, n, t, s, i, o) {
   var g, p, f, w;
-  const d = K, c = mn, u = Ce("router-link");
+  const d = Y, c = mn, u = Ce("router-link");
   return l(), r("div", {
     class: x([
       i.validationStatus,
@@ -8395,11 +8395,11 @@ function hm(e, n, t, s, i, o) {
     "aria-required": e.$attrs.required !== void 0,
     ref: "fakeselect"
   }, [
-    t.showLabel ? (l(), r("span", Ju, [
+    t.showLabel ? (l(), r("span", Ku, [
       a("span", { id: e.htmlId }, [
         H(y(t.labelText), 1),
         e.$attrs.required !== void 0 ? (l(), r("sup", Zu, "*")) : m("", !0)
-      ], 8, Yu),
+      ], 8, Ju),
       (e.$attrs.required || e.inputRequirements.length) && t.showStatusIcon ? (l(), r("a", {
         key: 0,
         href: "#",
@@ -8557,7 +8557,7 @@ function hm(e, n, t, s, i, o) {
         ], 10, sm)) : t.type === "content" && i.showOptions ? A(e.$slots, "default", { key: 2 }) : m("", !0)
       ])
     ], 42, Xu)
-  ], 10, Ku);
+  ], 10, Yu);
 }
 const Ai = /* @__PURE__ */ P(Wu, [["render", hm]]), pm = {
   name: "CmdFormFilters",
@@ -8640,7 +8640,7 @@ const Ai = /* @__PURE__ */ P(Wu, [["render", hm]]), pm = {
   class: "cmd-form-filters"
 }, gm = { key: 0 }, ym = { key: 1 }, bm = ["onClick", "title"];
 function xm(e, n, t, s, i, o) {
-  const d = K;
+  const d = Y;
   return i.options.length ? (l(), r("ul", fm, [
     i.options.length > 1 ? (l(), r("li", gm, [
       a("a", {
@@ -8868,7 +8868,7 @@ const Ri = /* @__PURE__ */ P(wm, [["render", Tm]]), Sm = {
 ];
 function Dm(e, n, t, s, i, o) {
   var u;
-  const d = Y, c = _e;
+  const d = J, c = _e;
   return l(), r("div", Om, [
     (u = t.cmdHeadline) != null && u.headlineText || e.editModeContext ? (l(), C(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
     e.editModeContext ? t.images.length ? (l(!0), r(S, { key: 2 }, q(t.images, (g, p) => (l(), C(c, {
@@ -9164,7 +9164,7 @@ const Rm = /* @__PURE__ */ P(Pm, [["render", qm]]), Nm = {
 }, Um = ["aria-labelledby"], jm = { class: "label-text" }, zm = ["id"], Gm = {
   key: 0,
   "aria-hidden": "true"
-}, Wm = ["title", "aria-errormessage", "id"], Km = ["for"], Jm = ["type", "id", "name", "value", "disabled"], Ym = {
+}, Wm = ["title", "aria-errormessage", "id"], Ym = ["for"], Km = ["type", "id", "name", "value", "disabled"], Jm = {
   key: 1,
   class: "label-text"
 }, Zm = {
@@ -9172,7 +9172,7 @@ const Rm = /* @__PURE__ */ P(Pm, [["render", qm]]), Nm = {
   class: "flex-container no-flex"
 };
 function Qm(e, n, t, s, i, o) {
-  const d = K, c = mn;
+  const d = Y, c = mn;
   return l(), r("div", {
     class: x([
       "cmd-input-group label",
@@ -9239,7 +9239,7 @@ function Qm(e, n, t, s, i, o) {
           "onUpdate:modelValue": n[1] || (n[1] = (p) => o.inputValue = p),
           disabled: t.disabled,
           class: x({ "replace-input-type": t.replaceInputType })
-        }, null, 10, Jm), [
+        }, null, 10, Km), [
           [Po, o.inputValue]
         ]),
         t.multipleSwitch && u.iconClass ? (l(), C(d, {
@@ -9247,8 +9247,8 @@ function Qm(e, n, t, s, i, o) {
           iconClass: u.iconClass,
           type: u.iconType
         }, null, 8, ["iconClass", "type"])) : m("", !0),
-        u.labelText ? (l(), r("span", Ym, y(u.labelText), 1)) : m("", !0)
-      ], 10, Km))), 128))
+        u.labelText ? (l(), r("span", Jm, y(u.labelText), 1)) : m("", !0)
+      ], 10, Ym))), 128))
     ], 2))
   ], 10, Um);
 }
@@ -9546,7 +9546,7 @@ const Ni = /* @__PURE__ */ P(Nm, [["render", Qm]]), Xm = {
 }, $m = { class: "cmd-login-form flex-container" }, eh = { class: "option-wrapper flex-container" }, th = { key: 1 }, nh = ["type", "disabled"], ih = { key: 1 }, oh = { class: "cmd-login-form flex-container" }, lh = { class: "option-wrapper flex-container" }, sh = { key: 1 }, ah = ["type", "disabled"], rh = { key: 1 };
 function dh(e, n, t, s, i, o) {
   var p, f, w, b, L, v, B, F;
-  const d = Y, c = te, u = K, g = qe;
+  const d = J, c = te, u = Y, g = qe;
   return l(), r(S, null, [
     X(a("fieldset", $m, [
       a("legend", {
@@ -9809,7 +9809,7 @@ const ch = /* @__PURE__ */ P(Xm, [["render", dh]]), uh = {
   class: "close-nav"
 }, hh = ["href", "title", "target", "onClick"], ph = { key: 1 }, fh = { key: 1 }, gh = ["aria-expanded"], yh = ["href", "title", "target", "onClick"], bh = { key: 1 }, xh = { key: 1 }, _h = ["aria-expanded"], Ch = ["href", "title", "target", "onClick"], wh = { key: 1 }, kh = { key: 1 };
 function vh(e, n, t, s, i, o) {
-  const d = K, c = Ce("router-link");
+  const d = Y, c = Ce("router-link");
   return l(), r("div", {
     class: x([
       "cmd-main-navigation main-navigation-wrapper",
@@ -10057,7 +10057,7 @@ const Ui = /* @__PURE__ */ P(uh, [["render", vh]]), Th = {
   class: "number"
 }, Oh = { key: 2 };
 function Lh(e, n, t, s, i, o) {
-  const d = K, c = qe;
+  const d = Y, c = qe;
   return l(), r("ol", {
     class: x(["cmd-multistep-form-progress-bar", { "use-gap": t.useGap }])
   }, [
@@ -10276,7 +10276,7 @@ function Mh(e, n, t, s, i, o) {
   ]);
 }
 const Ph = /* @__PURE__ */ P(Bh, [["render", Mh]]);
-function Kn(e, n, t, s = !0, i = !0) {
+function Yn(e, n, t, s = !0, i = !0) {
   function o(d, c) {
     return c && d < 10 ? "0" + d : d;
   }
@@ -10345,7 +10345,7 @@ const Vh = {
       e === "am" ? this.editableDay.amClosed = !this.editableDay.amClosed : this.editableDay.pmClosed = !this.editableDay.pmClosed;
     },
     getTime(e) {
-      return this.timeFormatter ? this.timeFormatter(e.hours, e.mins) : Kn(":", " " + this.abbreviationTextAm, " " + this.abbreviationTextPm, !1, this.use24HoursFormat)(e.hours, e.mins);
+      return this.timeFormatter ? this.timeFormatter(e.hours, e.mins) : Yn(":", " " + this.abbreviationTextAm, " " + this.abbreviationTextPm, !1, this.use24HoursFormat)(e.hours, e.mins);
     },
     updateHandlerProvider() {
       const e = this.editableDay;
@@ -10359,7 +10359,7 @@ const Vh = {
   watch: {
     day: {
       handler() {
-        const e = Kn(":", "", "", !0, this.use24HoursFormat);
+        const e = Yn(":", "", "", !0, this.use24HoursFormat);
         this.editableDay = {
           day: this.day.day,
           amFrom: e(this.day.am.fromTime.hours, this.day.am.fromTime.mins),
@@ -10510,14 +10510,14 @@ function Wh(e, n, t, s, i, o) {
     ])
   ], 64));
 }
-const Kh = /* @__PURE__ */ P(Vh, [["render", Wh]]);
-function Jh(e) {
+const Yh = /* @__PURE__ */ P(Vh, [["render", Wh]]);
+function Kh(e) {
   return (n, t) => {
     const s = /* @__PURE__ */ new Date();
     return s.setHours(n, t, 0, 0), new Intl.DateTimeFormat(e, { timeStyle: "short" }).format(s);
   };
 }
-function Yh(e, n, t, s = !0) {
+function Jh(e, n, t, s = !0) {
   function i(o, d) {
     return d && o < 10 ? "0" + o : o;
   }
@@ -10757,7 +10757,7 @@ const Zh = {
       };
     },
     getTime(e) {
-      return this.timeFormatter ? this.timeFormatter(e.hours, e.mins) : Yh(":", " hrs", "", !1)(e.hours, e.mins);
+      return this.timeFormatter ? this.timeFormatter(e.hours, e.mins) : Jh(":", " hrs", "", !1)(e.hours, e.mins);
     },
     updateHandlerProvider() {
       const e = this.textOpenModel, n = this.textClosedModel, t = this.textHolidaysModel, s = this.textMiscInfoModel;
@@ -10782,7 +10782,7 @@ const Zh = {
 };
 function rp(e, n, t, s, i, o) {
   var f, w;
-  const d = Y, c = qe, u = te, g = Kh, p = He;
+  const d = J, c = qe, u = te, g = Yh, p = He;
   return l(), r("div", Qh, [
     (f = t.cmdHeadline) != null && f.headlineText || e.editModeContext ? (l(), C(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
     !e.editing && t.showOpenStatus ? (l(), r(S, { key: 1 }, [
@@ -11000,7 +11000,7 @@ const dp = /* @__PURE__ */ P(Zh, [["render", rp]]), cp = {
   }
 }, mp = { class: "cmd-pagination" }, hp = ["href", "title"], pp = { key: 0 }, fp = { class: "page-index" }, gp = { class: "flex-container" }, yp = ["href", "title", "onClick"], bp = ["href", "title"], xp = { key: 0 };
 function _p(e, n, t, s, i, o) {
-  const d = K;
+  const d = Y;
   return l(), r("div", mp, [
     a("a", {
       href: o.getPreviousHref,
@@ -11143,7 +11143,7 @@ const Cp = /* @__PURE__ */ P(up, [["render", _p]]), wp = {
   }
 }, kp = { class: "cmd-social-networks-item" }, vp = ["href", "title"], Tp = { key: 1 };
 function Sp(e, n, t, s, i, o) {
-  const d = K;
+  const d = Y;
   return l(), r("li", kp, [
     (l(), r("a", {
       key: t.network.path,
@@ -11327,7 +11327,7 @@ const Op = /* @__PURE__ */ P(wp, [["render", Sp]]), Lp = {
 ];
 function Fp(e, n, t, s, i, o) {
   var p, f;
-  const d = Y, c = te, u = Op, g = He;
+  const d = J, c = te, u = Op, g = He;
   return l(), r("div", {
     class: x(["cmd-social-networks", { stretch: t.stretchButtons }, o.alignment])
   }, [
@@ -11525,7 +11525,7 @@ const Ep = /* @__PURE__ */ P(Dp, [["render", Ap]]), Hp = {
   class: "headline-wrapper flex-container vertical"
 };
 function Np(e, n, t, s, i, o) {
-  const d = Pi, c = Y;
+  const d = Pi, c = J;
   return t.cmdBreadcrumbs || t.cmdHeadline || e.$slots.default ? (l(), r("header", qp, [
     t.cmdBreadcrumbs || t.cmdHeadline ? (l(), r("div", Rp, [
       t.cmdBreadcrumbs ? (l(), C(d, R(I({ key: 0 }, t.cmdBreadcrumbs)), null, 16)) : m("", !0),
@@ -11576,8 +11576,8 @@ const Up = /* @__PURE__ */ P(Hp, [["render", Np]]), jp = {
       required: !0
     }
   }
-}, zp = ["for"], Gp = { class: "progressbar" }, Wp = { key: 0 }, Kp = ["id", "value"];
-function Jp(e, n, t, s, i, o) {
+}, zp = ["for"], Gp = { class: "progressbar" }, Wp = { key: 0 }, Yp = ["id", "value"];
+function Kp(e, n, t, s, i, o) {
   return l(), r("label", {
     class: "cmd-progressbar",
     for: t.id
@@ -11590,11 +11590,11 @@ function Jp(e, n, t, s, i, o) {
       a("progress", I(e.$attrs, {
         id: t.id,
         value: i.loadingStatus
-      }), null, 16, Kp)
+      }), null, 16, Yp)
     ])
   ], 8, zp);
 }
-const Yp = /* @__PURE__ */ P(jp, [["render", Jp]]), Zp = {
+const Jp = /* @__PURE__ */ P(jp, [["render", Kp]]), Zp = {
   name: "CmdSidebar",
   data() {
     return {
@@ -11670,7 +11670,7 @@ const Yp = /* @__PURE__ */ P(jp, [["render", Jp]]), Zp = {
 }, ef = ["title"];
 function tf(e, n, t, s, i, o) {
   var c;
-  const d = Y;
+  const d = J;
   return l(), r("aside", {
     class: x(["cmd-sidebar", o.wrapperClass, { box: t.styledAsBox, "collapse-to-right": !t.collapseToLeft }])
   }, [
@@ -12146,7 +12146,7 @@ const uf = /* @__PURE__ */ P(rf, [["render", cf]]), mf = {
 };
 function _f(e, n, t, s, i, o) {
   var f, w, b, L, v, B, F, D;
-  const d = Y, c = te, u = K, g = Ai, p = Ei;
+  const d = J, c = te, u = Y, g = Ai, p = Ei;
   return l(), r(S, null, [
     a("fieldset", pf, [
       a("legend", {
@@ -12215,7 +12215,7 @@ function _f(e, n, t, s, i, o) {
                   role: "option",
                   selectData: (G = t.cmdFakeSelect) == null ? void 0 : G.selectData,
                   modelValue: o.searchFilters,
-                  "onUpdate:modelValue": n[4] || (n[4] = (J) => o.searchFilters = J),
+                  "onUpdate:modelValue": n[4] || (n[4] = (K) => o.searchFilters = K),
                   defaultOptionName: (j = t.cmdFakeSelect) == null ? void 0 : j.defaultOptionName,
                   type: (V = t.cmdFakeSelect) == null ? void 0 : V.type,
                   labelText: (N = t.cmdFakeSelect) == null ? void 0 : N.labelText
@@ -12908,11 +12908,11 @@ const Ff = /* @__PURE__ */ P(wf, [["render", Bf]]), Df = "data:image/svg+xml,%3c
   type: "href",
   path: "./",
   tooltip: "Tooltip"
-}, Kf = "/media/images/logos/logo.svg", Jf = "/media/images/logos/logo-darkmode.svg", Yf = "Company Logo", Zf = {
+}, Yf = "/media/images/logos/logo.svg", Kf = "/media/images/logos/logo-darkmode.svg", Jf = "Company Logo", Zf = {
   link: Wf,
-  pathDefaultLogo: Kf,
-  pathDarkmodeLogo: Jf,
-  altText: Yf
+  pathDefaultLogo: Yf,
+  pathDarkmodeLogo: Kf,
+  altText: Jf
 }, Qf = [
   {
     value: "",
@@ -12967,7 +12967,7 @@ const Ff = /* @__PURE__ */ P(wf, [["render", Bf]]), Df = "data:image/svg+xml,%3c
     value: "en",
     text: "United Kingdom"
   }
-], Jn = [
+], Kn = [
   {
     text: "Filter 1",
     value: "1"
@@ -14675,7 +14675,7 @@ const Ff = /* @__PURE__ */ P(wf, [["render", Bf]]), Df = "data:image/svg+xml,%3c
       }
     ]
   }
-], Kg = [
+], Yg = [
   {
     headline: {
       headlineLevel: 4,
@@ -14752,7 +14752,7 @@ const Ff = /* @__PURE__ */ P(wf, [["render", Bf]]), Df = "data:image/svg+xml,%3c
       }
     ]
   }
-], Jg = {
+], Kg = {
   name: "CmdSwitchLanguage",
   emits: ["click"],
   data() {
@@ -14802,10 +14802,10 @@ const Ff = /* @__PURE__ */ P(wf, [["render", Bf]]), Df = "data:image/svg+xml,%3c
       deep: !0
     }
   }
-}, Yg = { class: "cmd-switch-language" }, Zg = ["href", "title", "onClick"], Qg = ["src", "alt"], Xg = ["src", "alt"];
+}, Jg = { class: "cmd-switch-language" }, Zg = ["href", "title", "onClick"], Qg = ["src", "alt"], Xg = ["src", "alt"];
 function $g(e, n, t, s, i, o) {
   const d = Ce("router-link");
-  return l(), r("div", Yg, [
+  return l(), r("div", Jg, [
     a("ul", null, [
       (l(!0), r(S, null, q(t.languages, (c, u) => (l(), r("li", { key: u }, [
         c.link.type === "href" ? (l(), r("a", {
@@ -14838,7 +14838,7 @@ function $g(e, n, t, s, i, o) {
     ])
   ]);
 }
-const ey = /* @__PURE__ */ P(Jg, [["render", $g]]), ty = {
+const ey = /* @__PURE__ */ P(Kg, [["render", $g]]), ty = {
   name: "CmdTable",
   data() {
     return {
@@ -14997,7 +14997,7 @@ const ey = /* @__PURE__ */ P(Jg, [["render", $g]]), ty = {
   "aria-expanded": "true"
 }, dy = ["innerHTML"];
 function cy(e, n, t, s, i, o) {
-  const d = K, c = vt;
+  const d = Y, c = vt;
   return l(), r("div", {
     class: x(["cmd-table-wrapper", { collapsed: !i.showTableData, "full-width": i.fullWidth, "has-caption": o.hasCaption, "has-overflow": i.hasOverflow }])
   }, [
@@ -15178,7 +15178,7 @@ const my = {
   "aria-live": "assertive"
 }, yy = ["innerHTML"];
 function by(e, n, t, s, i, o) {
-  const d = K, c = Y;
+  const d = Y, c = J;
   return l(), r("div", hy, [
     a("ul", {
       class: x({ "stretch-tabs": t.stretchTabs }),
@@ -15346,7 +15346,7 @@ const xy = /* @__PURE__ */ P(my, [["render", by]]), _y = {
 ];
 function Sy(e, n, t, s, i, o) {
   var g, p, f, w;
-  const d = Y, c = _e, u = He;
+  const d = J, c = _e, u = He;
   return l(), r("div", {
     class: x(["cmd-text-image-block flex-container", t.orientation])
   }, [
@@ -15555,7 +15555,7 @@ const Oy = /* @__PURE__ */ P(_y, [["render", Sy]]), Ly = {
   }
 }, Iy = { key: 0 };
 function By(e, n, t, s, i, o) {
-  const d = K, c = te;
+  const d = Y, c = te;
   return l(), r("div", {
     class: x(["cmd-toggle-dark-mode", { "styled-layout": t.useStyledLayout, "dark-mode": i.darkMode }])
   }, [
@@ -15659,7 +15659,7 @@ const Fy = /* @__PURE__ */ P(Ly, [["render", By]]), Dy = {
     };
   }
 };
-function Ki(e, n) {
+function Yi(e, n) {
   return function() {
     return e.apply(n, arguments);
   };
@@ -15671,12 +15671,12 @@ const { toString: My } = Object.prototype, { getPrototypeOf: _n } = Object, Tt =
 function Py(e) {
   return e !== null && !Xe(e) && e.constructor !== null && !Xe(e.constructor) && he(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
-const Ji = ge("ArrayBuffer");
+const Ki = ge("ArrayBuffer");
 function Vy(e) {
   let n;
-  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? n = ArrayBuffer.isView(e) : n = e && e.buffer && Ji(e.buffer), n;
+  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? n = ArrayBuffer.isView(e) : n = e && e.buffer && Ki(e.buffer), n;
 }
-const Ay = St("string"), he = St("function"), Yi = St("number"), Ot = (e) => e !== null && typeof e == "object", Ey = (e) => e === !0 || e === !1, ht = (e) => {
+const Ay = St("string"), he = St("function"), Ji = St("number"), Ot = (e) => e !== null && typeof e == "object", Ey = (e) => e === !0 || e === !1, ht = (e) => {
   if (Tt(e) !== "object")
     return !1;
   const n = _n(e);
@@ -15685,7 +15685,7 @@ const Ay = St("string"), he = St("function"), Yi = St("number"), Ot = (e) => e !
   let n;
   return e && (typeof FormData == "function" && e instanceof FormData || he(e.append) && ((n = Tt(e)) === "formdata" || // detect form-data instance
   n === "object" && he(e.toString) && e.toString() === "[object FormData]"));
-}, zy = ge("URLSearchParams"), [Gy, Wy, Ky, Jy] = ["ReadableStream", "Request", "Response", "Headers"].map(ge), Yy = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+}, zy = ge("URLSearchParams"), [Gy, Wy, Yy, Ky] = ["ReadableStream", "Request", "Response", "Headers"].map(ge), Jy = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function et(e, n, { allOwnKeys: t = !1 } = {}) {
   if (e === null || typeof e > "u")
     return;
@@ -15720,7 +15720,7 @@ function Zt() {
   return n;
 }
 const Zy = (e, n, t, { allOwnKeys: s } = {}) => (et(n, (i, o) => {
-  t && he(i) ? e[o] = Ki(i, t) : e[o] = i;
+  t && he(i) ? e[o] = Yi(i, t) : e[o] = i;
 }, { allOwnKeys: s }), e), Qy = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Xy = (e, n, t, s) => {
   e.prototype = Object.create(n.prototype, s), e.prototype.constructor = e, Object.defineProperty(e, "super", {
     value: n.prototype
@@ -15743,7 +15743,7 @@ const Zy = (e, n, t, { allOwnKeys: s } = {}) => (et(n, (i, o) => {
   if (!e) return null;
   if (Ne(e)) return e;
   let n = e.length;
-  if (!Yi(n)) return null;
+  if (!Ji(n)) return null;
   const t = new Array(n);
   for (; n-- > 0; )
     t[n] = e[n];
@@ -15766,7 +15766,7 @@ const Zy = (e, n, t, { allOwnKeys: s } = {}) => (et(n, (i, o) => {
   function(t, s, i) {
     return s.toUpperCase() + i;
   }
-), Yn = (({ hasOwnProperty: e }) => (n, t) => e.call(n, t))(Object.prototype), ab = ge("RegExp"), $i = (e, n) => {
+), Jn = (({ hasOwnProperty: e }) => (n, t) => e.call(n, t))(Object.prototype), ab = ge("RegExp"), $i = (e, n) => {
   const t = Object.getOwnPropertyDescriptors(e), s = {};
   et(t, (i, o) => {
     let d;
@@ -15828,19 +15828,19 @@ const pb = (e) => {
   return t(e, 0);
 }, fb = ge("AsyncFunction"), gb = (e) => e && (Ot(e) || he(e)) && he(e.then) && he(e.catch), O = {
   isArray: Ne,
-  isArrayBuffer: Ji,
+  isArrayBuffer: Ki,
   isBuffer: Py,
   isFormData: jy,
   isArrayBufferView: Vy,
   isString: Ay,
-  isNumber: Yi,
+  isNumber: Ji,
   isBoolean: Ey,
   isObject: Ot,
   isPlainObject: ht,
   isReadableStream: Gy,
   isRequest: Wy,
-  isResponse: Ky,
-  isHeaders: Jy,
+  isResponse: Yy,
+  isHeaders: Ky,
   isUndefined: Xe,
   isDate: Hy,
   isFile: qy,
@@ -15854,7 +15854,7 @@ const pb = (e) => {
   forEach: et,
   merge: Zt,
   extend: Zy,
-  trim: Yy,
+  trim: Jy,
   stripBOM: Qy,
   inherits: Xy,
   toFlatObject: $y,
@@ -15865,8 +15865,8 @@ const pb = (e) => {
   forEachEntry: ib,
   matchAll: ob,
   isHTMLForm: lb,
-  hasOwnProperty: Yn,
-  hasOwnProp: Yn,
+  hasOwnProperty: Jn,
+  hasOwnProp: Jn,
   // an alias to avoid ESLint no-prototype-builtins detection
   reduceDescriptors: $i,
   freezeMethods: rb,
@@ -16667,7 +16667,7 @@ const mo = (e) => {
     g && d.set(i, g);
   }
   return n;
-}, Wb = typeof XMLHttpRequest < "u", Kb = Wb && function(e) {
+}, Wb = typeof XMLHttpRequest < "u", Yb = Wb && function(e) {
   return new Promise(function(t, s) {
     const i = mo(e);
     let o = i.data;
@@ -16724,7 +16724,7 @@ const mo = (e) => {
     }
     p.send(o || null);
   });
-}, Jb = (e, n) => {
+}, Kb = (e, n) => {
   let t = new AbortController(), s;
   const i = function(u) {
     if (!s) {
@@ -16746,7 +16746,7 @@ const mo = (e) => {
   return c.unsubscribe = d, [c, () => {
     o && clearTimeout(o), o = null;
   }];
-}, Yb = function* (e, n) {
+}, Jb = function* (e, n) {
   let t = e.byteLength;
   if (t < n) {
     yield e;
@@ -16757,7 +16757,7 @@ const mo = (e) => {
     i = s + n, yield e.slice(s, i), s = i;
 }, Zb = async function* (e, n, t) {
   for await (const s of e)
-    yield* Yb(ArrayBuffer.isView(s) ? s : await t(String(s)), n);
+    yield* Jb(ArrayBuffer.isView(s) ? s : await t(String(s)), n);
 }, ni = (e, n, t, s, i) => {
   const o = Zb(e, n, i);
   let d = 0;
@@ -16840,7 +16840,7 @@ const Xb = async (e) => {
     fetchOptions: w
   } = mo(e);
   g = g ? (g + "").toLowerCase() : "text";
-  let [b, L] = i || o || d ? Jb([i, o], d) : [], v, B;
+  let [b, L] = i || o || d ? Kb([i, o], d) : [], v, B;
   const F = () => {
     !v && setTimeout(() => {
       b && b.unsubscribe();
@@ -16872,8 +16872,8 @@ const Xb = async (e) => {
     const G = $t && (g === "stream" || g === "response");
     if ($t && (c || G)) {
       const V = {};
-      ["status", "statusText", "headers"].forEach((J) => {
-        V[J] = M[J];
+      ["status", "statusText", "headers"].forEach((K) => {
+        V[K] = M[K];
       });
       const N = O.toFiniteNumber(M.headers.get("content-length"));
       M = new Response(
@@ -16906,7 +16906,7 @@ const Xb = async (e) => {
   }
 }), en = {
   http: yb,
-  xhr: Kb,
+  xhr: Yb,
   fetch: ex
 };
 O.forEach(en, (e, n) => {
@@ -17282,7 +17282,7 @@ Object.entries(nn).forEach(([e, n]) => {
   nn[n] = e;
 });
 function go(e) {
-  const n = new Pe(e), t = Ki(Pe.prototype.request, n);
+  const n = new Pe(e), t = Yi(Pe.prototype.request, n);
   return O.extend(t, Pe.prototype, n, { allOwnKeys: !0 }), O.extend(t, n, null, { allOwnKeys: !0 }), t.create = function(i) {
     return go(Ee(e, i));
   }, t;
@@ -17673,7 +17673,7 @@ const lx = {
     },
     // use imported function as method (to use in template)
     getFileExtension(e) {
-      return Ke(e);
+      return Ye(e);
     },
     selectFiles() {
       this.$refs.formElement.getDomElement().querySelector("input[type='file']").click();
@@ -17735,12 +17735,12 @@ const lx = {
             );
             continue;
           }
-          if (!this.allowedFileExtensions.includes(Ke(e[n].name))) {
+          if (!this.allowedFileExtensions.includes(Ye(e[n].name))) {
             this.showListOfFileExtensions = !0, this.errors.fileType = !0, this.systemMessages.push(
               this.getMessage(
                 "upload_form.system_message.not_allowed_file_type",
                 e[n].name,
-                Ke(e[n].name)
+                Ye(e[n].name)
               )
             );
             continue;
@@ -17752,7 +17752,7 @@ const lx = {
               this.getMessage(
                 "upload_form.system_message.duplicate_file",
                 e[n].name,
-                Ke(e[n].name)
+                Ye(e[n].name)
               )
             );
             continue;
@@ -17864,7 +17864,7 @@ const lx = {
   class: "progressbar"
 }, Vx = ["value", "title"];
 function Ax(e, n, t, s, i, o) {
-  const d = Y, c = $e, u = K, g = te;
+  const d = J, c = $e, u = Y, g = te;
   return l(), r(S, null, [
     t.advancedMode ? (l(), r("fieldset", {
       key: 0,
@@ -18269,7 +18269,7 @@ const Ex = /* @__PURE__ */ P(lx, [["render", Ax]]), Hx = {
   }
 }, qx = ["id"], Rx = ["id"];
 function Nx(e, n, t, s, i, o) {
-  const d = Y;
+  const d = J;
   return l(), r("div", {
     class: x(["cmd-width-limitation-wrapper", { sticky: t.sticky }]),
     ref: "width-limitation-wrapper"
@@ -18423,7 +18423,7 @@ const zx = /* @__PURE__ */ P(Ux, [["render", jx]]), Gx = {
     }
   }
 }, Wx = { class: "cmd-page-multiple-box-wrapper flex-container vertical" };
-function Kx(e, n, t, s, i, o) {
+function Yx(e, n, t, s, i, o) {
   const d = bn, c = Mi;
   return l(), r("div", Wx, [
     (l(!0), r(S, null, q(t.segments, (u, g) => (l(), r(S, { key: g }, [
@@ -18447,7 +18447,7 @@ function Kx(e, n, t, s, i, o) {
     ], 64))), 128))
   ]);
 }
-const Jx = /* @__PURE__ */ P(Gx, [["render", Kx]]), Yx = {
+const Kx = /* @__PURE__ */ P(Gx, [["render", Yx]]), Jx = {
   name: "MultipleListsOfLinks",
   props: {
     segments: {
@@ -18470,7 +18470,7 @@ function Qx(e, n, t, s, i, o) {
     ], 64))), 128))
   ]);
 }
-const Xx = /* @__PURE__ */ P(Yx, [["render", Qx]]), $x = {
+const Xx = /* @__PURE__ */ P(Jx, [["render", Qx]]), $x = {
   name: "ContactInformation",
   props: {
     /**
@@ -18503,22 +18503,22 @@ const Xx = /* @__PURE__ */ P(Yx, [["render", Qx]]), $x = {
       return !this.$scopedSlots["custom-info"];
     }
   }
-}, e_ = {
+}, e1 = {
   key: 1,
   class: "flex-container"
-}, t_ = { class: "flex-container vertical" };
-function n_(e, n, t, s, i, o) {
+}, t1 = { class: "flex-container vertical" };
+function n1(e, n, t, s, i, o) {
   const d = Di, c = Li, u = Ri;
-  return o.contactFormOnly ? (l(), C(d, R(I({ key: 0 }, e.basicForm)), null, 16)) : (l(), r("div", e_, [
+  return o.contactFormOnly ? (l(), C(d, R(I({ key: 0 }, e.basicForm)), null, 16)) : (l(), r("div", e1, [
     h(d, R(ye(e.basicForm)), null, 16),
-    a("div", t_, [
+    a("div", t1, [
       t.cmdAddressData ? (l(), C(c, R(I({ key: 0 }, t.cmdAddressData)), null, 16)) : m("", !0),
       t.cmdGoogleMaps ? (l(), C(u, R(I({ key: 1 }, t.cmdGoogleMaps)), null, 16)) : m("", !0),
       A(e.$slots, "additional-info")
     ])
   ]));
 }
-const i_ = /* @__PURE__ */ P($x, [["render", n_]]), o_ = {
+const i1 = /* @__PURE__ */ P($x, [["render", n1]]), o1 = {
   name: "PageOverview",
   data() {
     return {
@@ -18526,31 +18526,31 @@ const i_ = /* @__PURE__ */ P($x, [["render", n_]]), o_ = {
       faqsData: zg,
       boxesTeamOverviewData: Gg,
       listOfDownloadsData: Wg,
-      listOfSiteLinksData: Kg
+      listOfSiteLinksData: Yg
     };
   }
-}, l_ = /* @__PURE__ */ a("h2", {
+}, l1 = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-contact-information"
 }, [
   /* @__PURE__ */ a("span", null, "Contact Information")
-], -1), s_ = /* @__PURE__ */ a("h2", {
+], -1), s1 = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-multiple-lists-of-links-downloads"
 }, [
   /* @__PURE__ */ a("span", null, "Multiple Lists of links")
-], -1), a_ = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-downloads" }, "Downloads", -1), r_ = /* @__PURE__ */ a("hr", null, null, -1), d_ = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-sitemap" }, "SiteMap", -1), c_ = /* @__PURE__ */ a("h2", {
+], -1), a1 = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-downloads" }, "Downloads", -1), r1 = /* @__PURE__ */ a("hr", null, null, -1), d1 = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-sitemap" }, "SiteMap", -1), c1 = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-multiple-box-wrapper"
 }, [
   /* @__PURE__ */ a("span", null, "Multiple Box Wrapper")
-], -1), u_ = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-faqs" }, "FAQs", -1), m_ = /* @__PURE__ */ a("hr", null, null, -1), h_ = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-team-overview" }, "Team Overview", -1);
-function p_(e, n, t, s, i, o) {
-  const d = i_, c = yo, u = Xx, g = Jx;
+], -1), u1 = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-faqs" }, "FAQs", -1), m1 = /* @__PURE__ */ a("hr", null, null, -1), h1 = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-team-overview" }, "Team Overview", -1);
+function p1(e, n, t, s, i, o) {
+  const d = i1, c = yo, u = Xx, g = Kx;
   return l(), r(S, null, [
     h(c, null, {
       default: k(() => [
-        l_,
+        l1,
         h(d, {
           cmdBasicForm: e.basicForm,
           cmdAddressData: {},
@@ -18566,29 +18566,29 @@ function p_(e, n, t, s, i, o) {
     }),
     h(c, null, {
       default: k(() => [
-        s_,
-        a_,
+        s1,
+        a1,
         h(u, { segments: i.listOfDownloadsData }, null, 8, ["segments"]),
-        r_,
-        d_,
+        r1,
+        d1,
         h(u, { segments: i.listOfSiteLinksData }, null, 8, ["segments"])
       ]),
       _: 1
     }),
     h(c, null, {
       default: k(() => [
-        c_,
-        u_,
+        c1,
+        u1,
         h(g, { segments: i.faqsData }, null, 8, ["segments"]),
-        m_,
-        h_,
+        m1,
+        h1,
         h(g, { segments: i.boxesTeamOverviewData }, null, 8, ["segments"])
       ]),
       _: 1
     })
   ], 64);
 }
-const bo = /* @__PURE__ */ P(o_, [["render", p_]]), f_ = {
+const bo = /* @__PURE__ */ P(o1, [["render", p1]]), f1 = {
   name: "CmdListOfImages",
   emits: ["click"],
   //   mixins: [EditMode],
@@ -18659,13 +18659,13 @@ const bo = /* @__PURE__ */ P(o_, [["render", p_]]), f_ = {
     }
      */
   }
-}, g_ = {
+}, g1 = {
   key: 0,
   href: "#"
 };
-function y_(e, n, t, s, i, o) {
+function y1(e, n, t, s, i, o) {
   var u;
-  const d = Y, c = _e;
+  const d = J, c = _e;
   return l(), r("div", {
     class: x([
       "cmd-list-of-images",
@@ -18679,39 +18679,39 @@ function y_(e, n, t, s, i, o) {
       class: x(["list-of-images", { vertical: t.orientation === "vertical" }])
     }, [
       (l(!0), r(S, null, q(t.images, (g, p) => (l(), r("li", { key: p }, [
-        g.image.url ? (l(), r("a", g_, [
+        g.image.url ? (l(), r("a", g1, [
           h(c, R(ye(g)), null, 16)
         ])) : (l(), C(c, R(I({ key: 1 }, g)), null, 16))
       ]))), 128))
     ], 2)
   ], 2);
 }
-const b_ = /* @__PURE__ */ P(f_, [["render", y_]]), x_ = "comand-component-library", __ = "4.1.78", C_ = "GPL-3.0-only", w_ = "CoManD-UI", k_ = "module", v_ = {
+const b1 = /* @__PURE__ */ P(f1, [["render", y1]]), x1 = "comand-component-library", _1 = "4.1.80", C1 = "GPL-3.0-only", w1 = "CoManD-UI", k1 = "module", v1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
   "build-lib": "vite build && gulp",
   preview: "vite preview"
-}, T_ = [
+}, T1 = [
   "dist",
   "src"
-], S_ = {
+], S1 = {
   ".": "./dist/comand-component-library.js",
   "./css.js": "./src/css.js",
   "./style.css": "./dist/style.css",
   "./variables.scss": "./src/assets/styles/variables.scss",
   "./export-data.js": "./src/assets/data/export-data.js"
-}, O_ = {
+}, O1 = {
   "clickout-event": "^1.1.2",
   "comand-component-library": "^4.1.63",
-  "comand-frontend-framework": "^4.1.25",
+  "comand-frontend-framework": "^4.1.27",
   "comand-ui-iconfonts": "^1.0.14",
   "core-js": "^3.20.1",
   prismjs: "^1.27.0",
   vue: "^3.2.31",
   "vue-router": "^4.0.12",
   vuex: "^4.0.2"
-}, L_ = {
+}, L1 = {
   "@iconify/vue": "^4.0.0",
   "@vitejs/plugin-vue": "^5.1.1",
   "@vue/test-utils": "^2.0.0-0",
@@ -18721,19 +18721,37 @@ const b_ = /* @__PURE__ */ P(f_, [["render", y_]]), x_ = "comand-component-libra
   "unplugin-vue-components": "^0.24.0",
   vite: "^5.4.11",
   "vue-jest": "^5.0.0-0"
-}, I_ = {
-  name: x_,
-  version: __,
-  license: C_,
-  author: w_,
+}, I1 = {
+  name: x1,
+  version: _1,
+  license: C1,
+  author: w1,
   private: !1,
-  type: k_,
-  scripts: v_,
-  files: T_,
-  exports: S_,
-  dependencies: O_,
-  devDependencies: L_
-}, B_ = {
+  type: k1,
+  scripts: v1,
+  files: T1,
+  exports: S1,
+  dependencies: O1,
+  devDependencies: L1
+};
+function B1(e, n = "dmy", t = ".") {
+  const s = new Date(e);
+  isNaN(s) && console.error("function formatDate received an invalid date as parameter. Provide date in format YYYY-MM-DD");
+  const i = s.getFullYear(), o = String(s.getMonth() + 1).padStart(2, "0"), d = String(s.getDate()).padStart(2, "0");
+  let c = "";
+  switch (n) {
+    case "dmy":
+      c = `${d}${t}${o}${t}${i}`;
+      break;
+    case "mdy":
+      c = `${o}${t}${d}${t}${i}`;
+      break;
+    default:
+      c = `${i}${t}${o}${t}${d}`;
+  }
+  return c;
+}
+const F1 = {
   data() {
     return {
       cmdAddressDataSettingsData: {
@@ -19614,9 +19632,9 @@ const b_ = /* @__PURE__ */ P(f_, [["render", y_]]), x_ = "comand-component-libra
       }
     };
   }
-}, xo = "/media/images/content-images/landscape-medium.jpg", F_ = "/media/images/demo-images/small/landscape-01.jpg", D_ = "/media/images/demo-images/small/landscape-02.jpg", M_ = "/media/images/demo-images/small/landscape-03.jpg", P_ = {
+}, xo = "/media/images/content-images/landscape-medium.jpg", D1 = "/media/images/demo-images/small/landscape-01.jpg", M1 = "/media/images/demo-images/small/landscape-02.jpg", P1 = "/media/images/demo-images/small/landscape-03.jpg", V1 = {
   name: "App",
-  mixins: [B_],
+  mixins: [F1],
   components: {
     PageOverview: bo
   },
@@ -19699,7 +19717,7 @@ const b_ = /* @__PURE__ */ P(f_, [["render", y_]]), x_ = "comand-component-libra
       rangeValue: 50,
       siteSearchFilters: {
         show: !0,
-        selectData: Jn,
+        selectData: Kn,
         defaultOptionName: "Select filters:",
         labelText: "Filters:",
         type: "checkboxOptions"
@@ -19759,7 +19777,7 @@ const b_ = /* @__PURE__ */ P(f_, [["render", y_]]), x_ = "comand-component-libra
       cookieDisclaimerData: Gf,
       fakeSelectColorsData: Qf,
       fakeSelectCountriesData: Xf,
-      fakeSelectFilterOptionsData: Jn,
+      fakeSelectFilterOptionsData: Kn,
       fakeSelectOptionsData: $f,
       formElementsData: eg,
       imageData: cg,
@@ -19780,7 +19798,7 @@ const b_ = /* @__PURE__ */ P(f_, [["render", y_]]), x_ = "comand-component-libra
       tabsData: Ng,
       thumbnailScrollerImagesData: Ug,
       thumbnailScrollerTextData: jg,
-      packageJson: I_
+      packageJson: I1
     };
   },
   computed: {
@@ -19807,6 +19825,7 @@ const b_ = /* @__PURE__ */ P(f_, [["render", y_]]), x_ = "comand-component-libra
     }
   },
   methods: {
+    formatDate: B1,
     updateLanguage(e) {
       this.selectedLanguage = e.iso2;
     },
@@ -19857,7 +19876,7 @@ const b_ = /* @__PURE__ */ P(f_, [["render", y_]]), x_ = "comand-component-libra
       e.originalEvent.preventDefault(), console.log(e);
     },
     localizedTime(e) {
-      return (n, t) => Jh(e)(n, t).toLowerCase();
+      return (n, t) => Kh(e)(n, t).toLowerCase();
     },
     idForReplacedInputsInInputGroup(e) {
       return ug.map((n) => ({ ...n, id: e + n.id, name: e + n.name }));
@@ -19978,225 +19997,225 @@ const b_ = /* @__PURE__ */ P(f_, [["render", y_]]), x_ = "comand-component-libra
       });
     }
   }
-}, V_ = ["id"], A_ = /* @__PURE__ */ a("a", { id: "anchor-back-to-top" }, null, -1), E_ = { for: "select-template" }, H_ = /* @__PURE__ */ a("span", null, "Select template", -1), q_ = /* @__PURE__ */ a("option", { value: "blank" }, "Blank/Unstyled", -1), R_ = /* @__PURE__ */ a("option", { value: "business" }, "Business", -1), N_ = /* @__PURE__ */ a("option", { value: "casual" }, "Casual", -1), U_ = /* @__PURE__ */ a("option", { value: "dating" }, "Dating", -1), j_ = /* @__PURE__ */ a("option", { value: "influencer" }, "Influencer", -1), z_ = [
-  q_,
-  R_,
-  N_,
-  U_,
-  j_
-], G_ = /* @__PURE__ */ a("span", null, "Color Scheme", -1), W_ = { class: "input-wrapper" }, K_ = { for: "default-color-scheme" }, J_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1), Y_ = { for: "light-mode" }, Z_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Light Mode", -1), Q_ = { for: "dark-mode" }, X_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Dark Mode", -1), $_ = ["href", "onClick"], e1 = { class: "box-footer comand-versions" }, t1 = /* @__PURE__ */ a("dt", null, "Frontend-Framework Version:", -1), n1 = /* @__PURE__ */ a("dt", null, "Component-Library Version:", -1), i1 = { class: "closed-sidebar" }, o1 = /* @__PURE__ */ a("span", { class: "icon-settings-template" }, null, -1), l1 = [
-  o1
-], s1 = /* @__PURE__ */ a("span", { class: "icon-settings-component" }, null, -1), a1 = [
-  s1
-], r1 = /* @__PURE__ */ a("span", { class: "icon-file-settings" }, null, -1), d1 = [
-  r1
-], c1 = /* @__PURE__ */ a("span", null, "Hide sidebar", -1), u1 = [
-  c1
-], m1 = {
+}, A1 = ["id"], E1 = /* @__PURE__ */ a("a", { id: "anchor-back-to-top" }, null, -1), H1 = { for: "select-template" }, q1 = /* @__PURE__ */ a("span", null, "Select template", -1), R1 = /* @__PURE__ */ a("option", { value: "blank" }, "Blank/Unstyled", -1), N1 = /* @__PURE__ */ a("option", { value: "business" }, "Business", -1), U1 = /* @__PURE__ */ a("option", { value: "casual" }, "Casual", -1), j1 = /* @__PURE__ */ a("option", { value: "dating" }, "Dating", -1), z1 = /* @__PURE__ */ a("option", { value: "influencer" }, "Influencer", -1), G1 = [
+  R1,
+  N1,
+  U1,
+  j1,
+  z1
+], W1 = /* @__PURE__ */ a("span", null, "Color Scheme", -1), Y1 = { class: "input-wrapper" }, K1 = { for: "default-color-scheme" }, J1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1), Z1 = { for: "light-mode" }, Q1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Light Mode", -1), X1 = { for: "dark-mode" }, $1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Dark Mode", -1), e_ = ["href", "onClick"], t_ = { class: "box-footer comand-versions" }, n_ = /* @__PURE__ */ a("dt", null, "Frontend-Framework Version:", -1), i_ = /* @__PURE__ */ a("dt", null, "Component-Library Version:", -1), o_ = { class: "closed-sidebar" }, l_ = /* @__PURE__ */ a("span", { class: "icon-settings-template" }, null, -1), s_ = [
+  l_
+], a_ = /* @__PURE__ */ a("span", { class: "icon-settings-component" }, null, -1), r_ = [
+  a_
+], d_ = /* @__PURE__ */ a("span", { class: "icon-file-settings" }, null, -1), c_ = [
+  d_
+], u_ = /* @__PURE__ */ a("span", null, "Hide sidebar", -1), m_ = [
+  u_
+], h_ = {
   key: 1,
   id: "content"
-}, h1 = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Components Overview", -1), p1 = {
+}, p_ = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Components Overview", -1), f_ = {
   class: "headline-demopage",
   id: "section-address-data"
-}, f1 = /* @__PURE__ */ a("span", null, "Address Data", -1), g1 = { class: "flex-container" }, y1 = /* @__PURE__ */ a("h2", {
+}, g_ = /* @__PURE__ */ a("span", null, "Address Data", -1), y_ = { class: "flex-container" }, b_ = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-advanced-form-elements"
-}, "Advanced Form Elements", -1), b1 = /* @__PURE__ */ a("h3", null, [
+}, "Advanced Form Elements", -1), x_ = /* @__PURE__ */ a("h3", null, [
   /* @__PURE__ */ a("span", null, "Form elements status:")
-], -1), x1 = { class: "flex-container" }, _1 = { class: "list-status" }, C1 = { class: "error" }, w1 = { class: "flex-container" }, k1 = /* @__PURE__ */ a("legend", null, "Legend", -1), v1 = { class: "headline-demopage" }, T1 = /* @__PURE__ */ a("span", null, "Form Element-Component", -1), S1 = { class: "flex-container" }, O1 = { class: "flex-container" }, L1 = /* @__PURE__ */ a("h2", null, "Inputfields in Columns", -1), I1 = { class: "flex-container" }, B1 = /* @__PURE__ */ a("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1), F1 = { class: "flex-container" }, D1 = /* @__PURE__ */ a("hr", null, null, -1), M1 = { class: "headline-demopage" }, P1 = /* @__PURE__ */ a("span", null, "Fake Selects", -1), V1 = { class: "flex-container" }, A1 = /* @__PURE__ */ a("hr", null, null, -1), E1 = /* @__PURE__ */ a("h2", null, "Progress Bar [native]", -1), H1 = /* @__PURE__ */ a("h2", null, "Slider [native]", -1), q1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1), R1 = { class: "flex-container no-flex" }, N1 = {
+], -1), __ = { class: "flex-container" }, C_ = { class: "list-status" }, w_ = { class: "error" }, k_ = { class: "flex-container" }, v_ = /* @__PURE__ */ a("legend", null, "Legend", -1), T_ = { class: "headline-demopage" }, S_ = /* @__PURE__ */ a("span", null, "Form Element-Component", -1), O_ = { class: "flex-container" }, L_ = { class: "flex-container" }, I_ = /* @__PURE__ */ a("h2", null, "Inputfields in Columns", -1), B_ = { class: "flex-container" }, F_ = /* @__PURE__ */ a("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1), D_ = { class: "flex-container" }, M_ = /* @__PURE__ */ a("hr", null, null, -1), P_ = { class: "headline-demopage" }, V_ = /* @__PURE__ */ a("span", null, "Fake Selects", -1), A_ = { class: "flex-container" }, E_ = /* @__PURE__ */ a("hr", null, null, -1), H_ = /* @__PURE__ */ a("h2", null, "Progress Bar [native]", -1), q_ = /* @__PURE__ */ a("h2", null, "Slider [native]", -1), R_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1), N_ = { class: "flex-container no-flex" }, U_ = {
   class: "inline",
   for: "range-value"
-}, U1 = /* @__PURE__ */ a("span", { class: "label-text" }, [
+}, j_ = /* @__PURE__ */ a("span", { class: "label-text" }, [
   /* @__PURE__ */ a("span", null, "Range Value:")
-], -1), j1 = ["disabled"], z1 = { for: "range-slider" }, G1 = /* @__PURE__ */ a("span", { class: "label-text hidden" }, [
+], -1), z_ = ["disabled"], G_ = { for: "range-slider" }, W_ = /* @__PURE__ */ a("span", { class: "label-text hidden" }, [
   /* @__PURE__ */ a("span", null, "Range Value")
-], -1), W1 = ["disabled"], K1 = /* @__PURE__ */ a("hr", null, null, -1), J1 = /* @__PURE__ */ a("h2", null, "Toggle-Switches", -1), Y1 = /* @__PURE__ */ a("h3", null, "Switches without switch-labels", -1), Z1 = /* @__PURE__ */ a("h3", null, "Switches with switch-labels", -1), Q1 = /* @__PURE__ */ a("br", null, null, -1), X1 = /* @__PURE__ */ a("br", null, null, -1), $1 = /* @__PURE__ */ a("h2", null, "Checkboxes and Radiobuttons", -1), eC = /* @__PURE__ */ a("h3", null, "Checkboxes [native]", -1), tC = { class: "label inline" }, nC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native checkboxes:", -1), iC = { class: "flex-container no-flex" }, oC = /* @__PURE__ */ a("a", { href: "#" }, "link", -1), lC = /* @__PURE__ */ a("h3", null, "Checkboxes (replaced)", -1), sC = { class: "label inline" }, aC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1), rC = { class: "flex-container no-flex" }, dC = /* @__PURE__ */ a("h3", null, "Radiobuttons [native]", -1), cC = { class: "label inline" }, uC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native radiobuttons:", -1), mC = { class: "flex-container no-flex" }, hC = /* @__PURE__ */ a("h3", null, "Radiobuttons (replaced)", -1), pC = { class: "label inline" }, fC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1), gC = { class: "flex-container no-flex" }, yC = {
+], -1), Y_ = ["disabled"], K_ = /* @__PURE__ */ a("hr", null, null, -1), J_ = /* @__PURE__ */ a("h2", null, "Toggle-Switches", -1), Z_ = /* @__PURE__ */ a("h3", null, "Switches without switch-labels", -1), Q_ = /* @__PURE__ */ a("h3", null, "Switches with switch-labels", -1), X_ = /* @__PURE__ */ a("br", null, null, -1), $_ = /* @__PURE__ */ a("br", null, null, -1), eC = /* @__PURE__ */ a("h2", null, "Checkboxes and Radiobuttons", -1), tC = /* @__PURE__ */ a("h3", null, "Checkboxes [native]", -1), nC = { class: "label inline" }, iC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native checkboxes:", -1), oC = { class: "flex-container no-flex" }, lC = /* @__PURE__ */ a("a", { href: "#" }, "link", -1), sC = /* @__PURE__ */ a("h3", null, "Checkboxes (replaced)", -1), aC = { class: "label inline" }, rC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1), dC = { class: "flex-container no-flex" }, cC = /* @__PURE__ */ a("h3", null, "Radiobuttons [native]", -1), uC = { class: "label inline" }, mC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native radiobuttons:", -1), hC = { class: "flex-container no-flex" }, pC = /* @__PURE__ */ a("h3", null, "Radiobuttons (replaced)", -1), fC = { class: "label inline" }, gC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1), yC = { class: "flex-container no-flex" }, bC = {
   class: "headline-demopage",
   id: "section-input-group"
-}, bC = /* @__PURE__ */ a("dt", null, "Selected value:", -1), xC = /* @__PURE__ */ a("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1), _C = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), CC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), wC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), kC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), vC = { class: "flex-container" }, TC = /* @__PURE__ */ a("small", null, "(values will not be submitted with the form!)", -1), SC = { class: "button-wrapper no-flex" }, OC = ["disabled"], LC = /* @__PURE__ */ a("span", { class: "icon-check" }, null, -1), IC = /* @__PURE__ */ a("span", null, "Native submit-button", -1), BC = [
-  LC,
-  IC
-], FC = {
+}, xC = /* @__PURE__ */ a("dt", null, "Selected value:", -1), _C = /* @__PURE__ */ a("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1), CC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), wC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), kC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), vC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), TC = { class: "flex-container" }, SC = /* @__PURE__ */ a("small", null, "(values will not be submitted with the form!)", -1), OC = { class: "button-wrapper no-flex" }, LC = ["disabled"], IC = /* @__PURE__ */ a("span", { class: "icon-check" }, null, -1), BC = /* @__PURE__ */ a("span", null, "Native submit-button", -1), FC = [
+  IC,
+  BC
+], DC = {
   class: "headline-demopage",
   id: "section-bank-account-data"
-}, DC = /* @__PURE__ */ a("span", null, "Bank Account Data", -1), MC = {
+}, MC = /* @__PURE__ */ a("span", null, "Bank Account Data", -1), PC = {
   class: "headline-demopage",
   id: "section-basic-form"
-}, PC = /* @__PURE__ */ a("span", null, "Basic Form", -1), VC = /* @__PURE__ */ a("dt", null, "originalEvent", -1), AC = /* @__PURE__ */ a("dt", null, "formdata", -1), EC = /* @__PURE__ */ a("h2", { class: "headline-demopage" }, "Boxes", -1), HC = { class: "headline-demopage" }, qC = /* @__PURE__ */ a("span", null, "Default Box", -1), RC = /* @__PURE__ */ a("h4", null, " Texts given by slots ", -1), NC = /* @__PURE__ */ a("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1), UC = /* @__PURE__ */ a("p", null, [
+}, VC = /* @__PURE__ */ a("span", null, "Basic Form", -1), AC = /* @__PURE__ */ a("dt", null, "originalEvent", -1), EC = /* @__PURE__ */ a("dt", null, "formdata", -1), HC = /* @__PURE__ */ a("h2", { class: "headline-demopage" }, "Boxes", -1), qC = { class: "headline-demopage" }, RC = /* @__PURE__ */ a("span", null, "Default Box", -1), NC = /* @__PURE__ */ a("h4", null, " Texts given by slots ", -1), UC = /* @__PURE__ */ a("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1), jC = /* @__PURE__ */ a("p", null, [
   /* @__PURE__ */ a("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
-], -1), jC = /* @__PURE__ */ a("p", null, "Additionally 'allowContentToScroll' is active, which enables (as far as a max-height is defined) the content of this box to scroll", -1), zC = /* @__PURE__ */ a("p", null, " Footer content ", -1), GC = /* @__PURE__ */ a("h4", null, " Texts given by slots ", -1), WC = /* @__PURE__ */ a("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1), KC = /* @__PURE__ */ a("p", null, [
+], -1), zC = /* @__PURE__ */ a("p", null, "Additionally 'allowContentToScroll' is active, which enables (as far as a max-height is defined) the content of this box to scroll", -1), GC = /* @__PURE__ */ a("p", null, " Footer content ", -1), WC = /* @__PURE__ */ a("h4", null, " Texts given by slots ", -1), YC = /* @__PURE__ */ a("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1), KC = /* @__PURE__ */ a("p", null, [
   /* @__PURE__ */ a("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
-], -1), JC = /* @__PURE__ */ a("p", null, "Additionally 'allowContentToScroll' is active, which enables (as far as a max-height is defined) the content of this box to scroll", -1), YC = /* @__PURE__ */ a("p", null, " Footer content ", -1), ZC = /* @__PURE__ */ a("h4", null, " Box with inputs ", -1), QC = /* @__PURE__ */ a("p", null, " footer content ", -1), XC = /* @__PURE__ */ a("h4", null, " Box with links ", -1), $C = { class: "navigation" }, ew = /* @__PURE__ */ a("p", null, " footer content ", -1), tw = /* @__PURE__ */ a("h4", null, " Collapsible box with image ", -1), nw = /* @__PURE__ */ a("img", {
+], -1), JC = /* @__PURE__ */ a("p", null, "Additionally 'allowContentToScroll' is active, which enables (as far as a max-height is defined) the content of this box to scroll", -1), ZC = /* @__PURE__ */ a("p", null, " Footer content ", -1), QC = /* @__PURE__ */ a("h4", null, " Box with inputs ", -1), XC = /* @__PURE__ */ a("p", null, " footer content ", -1), $C = /* @__PURE__ */ a("h4", null, " Box with links ", -1), ew = { class: "navigation" }, tw = /* @__PURE__ */ a("p", null, " footer content ", -1), nw = /* @__PURE__ */ a("h4", null, " Collapsible box with image ", -1), iw = /* @__PURE__ */ a("img", {
   src: xo,
   alt: "Alternative text"
-}, null, -1), iw = /* @__PURE__ */ a("h4", null, " Box with image, content and link ", -1), ow = /* @__PURE__ */ a("img", {
+}, null, -1), ow = /* @__PURE__ */ a("h4", null, " Box with image, content and link ", -1), lw = /* @__PURE__ */ a("img", {
   src: xo,
   alt: "Alternative text"
-}, null, -1), lw = /* @__PURE__ */ a("div", { class: "default-padding" }, [
+}, null, -1), sw = /* @__PURE__ */ a("div", { class: "default-padding" }, [
   /* @__PURE__ */ a("h4", null, "Custom headline"),
   /* @__PURE__ */ a("p", null, "Image, custom-headline and this text for the component are given by slot")
-], -1), sw = /* @__PURE__ */ a("p", null, [
+], -1), aw = /* @__PURE__ */ a("p", null, [
   /* @__PURE__ */ a("a", { href: "#" }, "Read more…")
-], -1), aw = /* @__PURE__ */ a("h3", null, "Product boxes", -1), rw = { class: "grid-container-create-columns" }, dw = /* @__PURE__ */ a("h3", null, "User boxes", -1), cw = /* @__PURE__ */ a("span", null, "Boxes in BoxWrapper (collapsible)", -1), uw = {
+], -1), rw = /* @__PURE__ */ a("h3", null, "Product boxes", -1), dw = { class: "grid-container-create-columns" }, cw = /* @__PURE__ */ a("h3", null, "User boxes", -1), uw = /* @__PURE__ */ a("span", null, "Boxes in BoxWrapper (collapsible)", -1), mw = {
   class: "headline-demopage",
   id: "section-breadcrumbs"
-}, mw = /* @__PURE__ */ a("span", null, "Breadcrumbs", -1), hw = {
+}, hw = /* @__PURE__ */ a("span", null, "Breadcrumbs", -1), pw = {
   class: "headline-demopage",
   id: "section-company-logo"
-}, pw = /* @__PURE__ */ a("span", null, "Company Logo", -1), fw = {
+}, fw = /* @__PURE__ */ a("span", null, "Company Logo", -1), gw = {
   class: "headline-demopage",
   id: "section-container"
-}, gw = /* @__PURE__ */ a("span", null, "Container", -1), yw = /* @__PURE__ */ a("h3", null, "Default Container", -1), bw = /* @__PURE__ */ a("h3", null, "Container with default-text", -1), xw = /* @__PURE__ */ a("h3", null, "Container with vertical slots", -1), _w = /* @__PURE__ */ a("p", null, "Slot-content", -1), Cw = /* @__PURE__ */ a("p", null, "Slot-content", -1), ww = /* @__PURE__ */ a("p", null, "Slot-content", -1), kw = /* @__PURE__ */ a("h3", null, "Container with horizontal slots", -1), vw = /* @__PURE__ */ a("h2", {
+}, yw = /* @__PURE__ */ a("span", null, "Container", -1), bw = /* @__PURE__ */ a("h3", null, "Default Container", -1), xw = /* @__PURE__ */ a("h3", null, "Container with default-text", -1), _w = /* @__PURE__ */ a("h3", null, "Container with vertical slots", -1), Cw = /* @__PURE__ */ a("p", null, "Slot-content", -1), ww = /* @__PURE__ */ a("p", null, "Slot-content", -1), kw = /* @__PURE__ */ a("p", null, "Slot-content", -1), vw = /* @__PURE__ */ a("h3", null, "Container with horizontal slots", -1), Tw = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-cookie-disclaimer"
-}, "Cookie Disclaimer", -1), Tw = /* @__PURE__ */ a("span", null, "Open Cookie Disclaimer", -1), Sw = [
-  Tw
-], Ow = /* @__PURE__ */ a("h2", {
+}, "Cookie Disclaimer", -1), Sw = /* @__PURE__ */ a("span", null, "Open Cookie Disclaimer", -1), Ow = [
+  Sw
+], Lw = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-forms"
-}, "Forms", -1), Lw = /* @__PURE__ */ a("h3", null, "Form elements given by data", -1), Iw = /* @__PURE__ */ a("h3", null, "Form elements given by slot", -1), Bw = /* @__PURE__ */ a("h2", {
+}, "Forms", -1), Iw = /* @__PURE__ */ a("h3", null, "Form elements given by data", -1), Bw = /* @__PURE__ */ a("h3", null, "Form elements given by slot", -1), Fw = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-fancybox"
-}, "Fancybox", -1), Fw = /* @__PURE__ */ a("h3", null, "FancyBox with text", -1), Dw = /* @__PURE__ */ a("h3", null, "FancyBox with large image given by url", -1), Mw = /* @__PURE__ */ a("img", {
-  src: F_,
+}, "Fancybox", -1), Dw = /* @__PURE__ */ a("h3", null, "FancyBox with text", -1), Mw = /* @__PURE__ */ a("h3", null, "FancyBox with large image given by url", -1), Pw = /* @__PURE__ */ a("img", {
+  src: D1,
   alt: "Alternative text"
-}, null, -1), Pw = [
-  Mw
-], Vw = /* @__PURE__ */ a("h3", null, "FancyBox with large image given by property", -1), Aw = /* @__PURE__ */ a("img", {
-  src: D_,
+}, null, -1), Vw = [
+  Pw
+], Aw = /* @__PURE__ */ a("h3", null, "FancyBox with large image given by property", -1), Ew = /* @__PURE__ */ a("img", {
+  src: M1,
   alt: "Alternative text"
-}, null, -1), Ew = [
-  Aw
-], Hw = /* @__PURE__ */ a("h3", null, "FancyBox with image as object give by property", -1), qw = /* @__PURE__ */ a("img", {
-  src: M_,
+}, null, -1), Hw = [
+  Ew
+], qw = /* @__PURE__ */ a("h3", null, "FancyBox with image as object give by property", -1), Rw = /* @__PURE__ */ a("img", {
+  src: P1,
   alt: "Alternative text"
-}, null, -1), Rw = [
-  qw
-], Nw = /* @__PURE__ */ a("h2", {
+}, null, -1), Nw = [
+  Rw
+], Uw = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-google-maps"
-}, "Google Maps™", -1), Uw = {
+}, "Google Maps™", -1), jw = {
   class: "headline-demopage",
   id: "section-headlines"
-}, jw = /* @__PURE__ */ a("span", null, "Headlines", -1), zw = /* @__PURE__ */ a("br", null, null, -1), Gw = /* @__PURE__ */ a("h2", {
+}, zw = /* @__PURE__ */ a("span", null, "Headlines", -1), Gw = /* @__PURE__ */ a("br", null, null, -1), Ww = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-icons"
-}, "Icons", -1), Ww = /* @__PURE__ */ a("span", null, "Icon from local iconfont", -1), Kw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (icomoon-font)", -1), Jw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (bootstrap-font)", -1), Yw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (material-design-font)", -1), Zw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1), Qw = {
+}, "Icons", -1), Yw = /* @__PURE__ */ a("span", null, "Icon from local iconfont", -1), Kw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (icomoon-font)", -1), Jw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (bootstrap-font)", -1), Zw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (material-design-font)", -1), Qw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1), Xw = {
   class: "headline-demopage",
   id: "section-image"
-}, Xw = /* @__PURE__ */ a("span", null, "Image", -1), $w = { class: "flex-container" }, ek = {
+}, $w = /* @__PURE__ */ a("span", null, "Image", -1), ek = { class: "flex-container" }, tk = {
   class: "headline-demopage",
   id: "section-image-gallery"
-}, tk = /* @__PURE__ */ a("span", null, "Image-Gallery", -1), nk = /* @__PURE__ */ a("h2", {
+}, nk = /* @__PURE__ */ a("span", null, "Image-Gallery", -1), ik = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-image-zoom"
-}, " Image-Zoom ", -1), ik = {
+}, " Image-Zoom ", -1), ok = {
   class: "headline-demopage",
   id: "section-link"
-}, ok = /* @__PURE__ */ a("span", null, "Link", -1), lk = /* @__PURE__ */ a("span", null, "Add link", -1), sk = [
-  lk
-], ak = {
+}, lk = /* @__PURE__ */ a("span", null, "Link", -1), sk = /* @__PURE__ */ a("span", null, "Add link", -1), ak = [
+  sk
+], rk = {
   class: "headline-demopage",
   id: "section-list-of-links"
-}, rk = /* @__PURE__ */ a("span", null, "List Of Links", -1), dk = {
+}, dk = /* @__PURE__ */ a("span", null, "List Of Links", -1), ck = {
   class: "headline-demopage",
   id: "section-list-of-images"
-}, ck = /* @__PURE__ */ a("span", null, "List Of Images", -1), uk = {
+}, uk = /* @__PURE__ */ a("span", null, "List Of Images", -1), mk = {
   class: "headline-demopage",
   id: "section-login-form"
-}, mk = /* @__PURE__ */ a("span", null, "Login Form", -1), hk = {
+}, hk = /* @__PURE__ */ a("span", null, "Login Form", -1), pk = {
   class: "headline-demopage",
   id: "section-main-navigation"
-}, pk = /* @__PURE__ */ a("span", null, "Main Navigation", -1), fk = {
+}, fk = /* @__PURE__ */ a("span", null, "Main Navigation", -1), gk = {
   class: "headline-demopage",
   id: "section-multistep-form-progress-bar"
-}, gk = /* @__PURE__ */ a("span", null, "Multistepform-Progressbar", -1), yk = /* @__PURE__ */ a("h3", null, "Steps with icons", -1), bk = {
+}, yk = /* @__PURE__ */ a("span", null, "Multistepform-Progressbar", -1), bk = /* @__PURE__ */ a("h3", null, "Steps with icons", -1), xk = {
   class: "headline-demopage",
   id: "section-newsletter-subscription"
-}, xk = /* @__PURE__ */ a("span", null, "Newsletter Subscription", -1), _k = {
+}, _k = /* @__PURE__ */ a("span", null, "Newsletter Subscription", -1), Ck = {
   class: "headline-demopage",
   id: "section-opening-hours"
-}, Ck = /* @__PURE__ */ a("span", null, "Opening Hours", -1), wk = {
+}, wk = /* @__PURE__ */ a("span", null, "Opening Hours", -1), kk = {
   class: "headline-demopage",
   id: "section-page-footer"
-}, kk = /* @__PURE__ */ a("span", null, "Page Footer", -1), vk = /* @__PURE__ */ a("button", {
+}, vk = /* @__PURE__ */ a("span", null, "Page Footer", -1), Tk = /* @__PURE__ */ a("button", {
   class: "button primary",
   title: "Button given by slot"
 }, [
   /* @__PURE__ */ a("span", { class: "icon-mail" }),
   /* @__PURE__ */ a("span", null, "Contact")
-], -1), Tk = {
+], -1), Sk = {
   class: "headline-demopage",
   id: "section-page-header"
-}, Sk = /* @__PURE__ */ a("span", null, "Page Header", -1), Ok = /* @__PURE__ */ a("a", {
+}, Ok = /* @__PURE__ */ a("span", null, "Page Header", -1), Lk = /* @__PURE__ */ a("a", {
   href: "#",
   title: "Link given by slot"
 }, [
   /* @__PURE__ */ a("span", { class: "icon-user-profile" }),
   /* @__PURE__ */ a("span", null, "You are logged in")
-], -1), Lk = {
+], -1), Ik = {
   class: "headline-demopage",
   id: "section-pagination"
-}, Ik = /* @__PURE__ */ a("span", null, "Pagination", -1), Bk = /* @__PURE__ */ a("h2", {
+}, Bk = /* @__PURE__ */ a("span", null, "Pagination", -1), Fk = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-site-footer"
-}, "Site Footer", -1), Fk = {
+}, "Site Footer", -1), Dk = {
   class: "headline-demopage",
   id: "section-site-header"
-}, Dk = /* @__PURE__ */ a("span", null, "Site Header", -1), Mk = {
+}, Mk = /* @__PURE__ */ a("span", null, "Site Header", -1), Pk = {
   class: "headline-demopage",
   id: "section-site-search"
-}, Pk = /* @__PURE__ */ a("span", null, "Site Search", -1), Vk = {
+}, Vk = /* @__PURE__ */ a("span", null, "Site Search", -1), Ak = {
   class: "headline-demopage",
   id: "section-slideshow"
-}, Ak = /* @__PURE__ */ a("span", null, "Slideshow", -1), Ek = {
+}, Ek = /* @__PURE__ */ a("span", null, "Slideshow", -1), Hk = {
   class: "headline-demopage",
   id: "section-social-networks"
-}, Hk = /* @__PURE__ */ a("span", null, "Social Networks", -1), qk = /* @__PURE__ */ a("h2", {
+}, qk = /* @__PURE__ */ a("span", null, "Social Networks", -1), Rk = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-switch-language"
-}, "Switch Language", -1), Rk = {
+}, "Switch Language", -1), Nk = {
   class: "headline-demopage",
   id: "section-system-message"
-}, Nk = /* @__PURE__ */ a("span", null, "System Message", -1), Uk = /* @__PURE__ */ a("ul", null, [
+}, Uk = /* @__PURE__ */ a("span", null, "System Message", -1), jk = /* @__PURE__ */ a("ul", null, [
   /* @__PURE__ */ a("li", null, "Error #1"),
   /* @__PURE__ */ a("li", null, "Error #2"),
   /* @__PURE__ */ a("li", null, "Error #3")
-], -1), jk = {
+], -1), zk = {
   class: "headline-demopage",
   id: "section-tables"
-}, zk = /* @__PURE__ */ a("span", null, "Tables", -1), Gk = /* @__PURE__ */ a("h3", null, "Table as wide as its content (with caption)", -1), Wk = /* @__PURE__ */ a("h3", null, "Table as wide as possible", -1), Kk = {
+}, Gk = /* @__PURE__ */ a("span", null, "Tables", -1), Wk = /* @__PURE__ */ a("h3", null, "Table as wide as its content (with caption)", -1), Yk = /* @__PURE__ */ a("h3", null, "Table as wide as possible", -1), Kk = {
   class: "headline-demopage",
   id: "section-tabs"
-}, Jk = /* @__PURE__ */ a("span", null, "Tabs", -1), Yk = /* @__PURE__ */ a("h4", null, "Tab 1 headline", -1), Zk = /* @__PURE__ */ a("p", null, "Slot-Content Tab 1", -1), Qk = /* @__PURE__ */ a("h4", null, "Tab 2 headline", -1), Xk = /* @__PURE__ */ a("p", null, "Slot-Content Tab 2", -1), $k = /* @__PURE__ */ a("h4", null, "Tab 3 headline", -1), ev = /* @__PURE__ */ a("p", null, "Slot-Content Tab 3", -1), tv = {
+}, Jk = /* @__PURE__ */ a("span", null, "Tabs", -1), Zk = /* @__PURE__ */ a("h4", null, "Tab 1 headline", -1), Qk = /* @__PURE__ */ a("p", null, "Slot-Content Tab 1", -1), Xk = /* @__PURE__ */ a("h4", null, "Tab 2 headline", -1), $k = /* @__PURE__ */ a("p", null, "Slot-Content Tab 2", -1), ev = /* @__PURE__ */ a("h4", null, "Tab 3 headline", -1), tv = /* @__PURE__ */ a("p", null, "Slot-Content Tab 3", -1), nv = {
   class: "headline-demopage",
   id: "section-text-image-block"
-}, nv = /* @__PURE__ */ a("span", null, "Text-Image-Block", -1), iv = { class: "flex-container" }, ov = {
+}, iv = /* @__PURE__ */ a("span", null, "Text-Image-Block", -1), ov = { class: "flex-container" }, lv = {
   class: "headline-demopage",
   id: "section-thumbnail-scroller"
-}, lv = /* @__PURE__ */ a("span", null, "Thumbnail-Scroller", -1), sv = { class: "inline-size" }, av = {
+}, sv = /* @__PURE__ */ a("span", null, "Thumbnail-Scroller", -1), av = { class: "inline-size" }, rv = {
   class: "headline-demopage",
   id: "section-toggle-dark-mode"
-}, rv = /* @__PURE__ */ a("span", null, "Toggle Dark-Mode", -1), dv = {
+}, dv = /* @__PURE__ */ a("span", null, "Toggle Dark-Mode", -1), cv = {
   class: "headline-demopage",
   id: "section-tooltip"
-}, cv = /* @__PURE__ */ a("span", null, "Tooltip", -1), uv = /* @__PURE__ */ a("br", null, null, -1), mv = /* @__PURE__ */ a("br", null, null, -1), hv = {
+}, uv = /* @__PURE__ */ a("span", null, "Tooltip", -1), mv = /* @__PURE__ */ a("br", null, null, -1), hv = /* @__PURE__ */ a("br", null, null, -1), pv = {
   class: "headline-demopage",
   id: "section-upload-form"
-}, pv = /* @__PURE__ */ a("span", null, "Upload-Form", -1), fv = {
+}, fv = /* @__PURE__ */ a("span", null, "Upload-Form", -1), gv = {
   class: "headline-demopage",
   id: "section-width-limitation-wrapper"
-}, gv = /* @__PURE__ */ a("span", null, "Width Limitation Wrapper", -1), yv = /* @__PURE__ */ a("p", null, "Slot-content", -1), bv = /* @__PURE__ */ a("p", null, "Slot-content", -1), xv = /* @__PURE__ */ a("p", null, "Slot-content", -1), _v = {
+}, yv = /* @__PURE__ */ a("span", null, "Width Limitation Wrapper", -1), bv = /* @__PURE__ */ a("p", null, "Slot-content", -1), xv = /* @__PURE__ */ a("p", null, "Slot-content", -1), _v = /* @__PURE__ */ a("p", null, "Slot-content", -1), Cv = {
   key: 2,
   id: "content"
-}, Cv = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Page Overview", -1);
-function wv(e, n, t, s, i, o) {
-  const d = bn, c = Mi, u = nf, g = gn, p = Vi, f = uf, w = yo, b = Li, L = Ei, v = te, B = Ai, F = Yp, D = Ni, M = Ii, G = yr, j = vr, V = Di, N = Pi, J = yu, $ = Ri, Z = Y, ee = K, re = _e, ce = Mm, ue = Rm, ne = qe, E = b_, ie = ch, oe = Ui, Oe = Ce("router-view"), Le = Ih, Ie = Ph, we = dp, Be = Ep, Fe = Up, De = Cp, le = af, nt = Cf, it = Ff, ot = ji, lt = ey, st = $e, je = uy, at = xy, W = Oy, Co = Bi, wo = Fy, Bt = Si, ko = Ex, vo = bo, To = zu, So = Hu, Oo = Md, Lo = zx, Io = Vo("fancybox");
+}, wv = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Page Overview", -1);
+function kv(e, n, t, s, i, o) {
+  const d = bn, c = Mi, u = nf, g = gn, p = Vi, f = uf, w = yo, b = Li, L = Ei, v = te, B = Ai, F = Jp, D = Ni, M = Ii, G = yr, j = vr, V = Di, N = Pi, K = yu, $ = Ri, Z = J, ee = Y, re = _e, ce = Mm, ue = Rm, ne = qe, E = b1, ie = ch, oe = Ui, Oe = Ce("router-view"), Le = Ih, Ie = Ph, we = dp, Be = Ep, Fe = Up, De = Cp, le = af, nt = Cf, it = Ff, ot = ji, lt = ey, st = $e, je = uy, at = xy, W = Oy, Co = Bi, wo = Fy, Bt = Si, ko = Ex, vo = bo, To = zu, So = Hu, Oo = Md, Lo = zx, Io = Vo("fancybox");
   return X((l(), r("div", {
     class: "page-wrapper",
     id: o.templateId
   }, [
-    A_,
+    E1,
     i.showLeftSidebar ? (l(), C(u, {
       key: 0,
       cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -20220,19 +20239,19 @@ function wv(e, n, t, s, i, o) {
               onToggleCollapse: (z) => _.boxToggled(0, z)
             }, {
               body: k(() => [
-                a("label", E_, [
-                  H_,
+                a("label", H1, [
+                  q1,
                   X(a("select", {
                     id: "select-template",
                     "onUpdate:modelValue": n[0] || (n[0] = (z) => i.selectedTemplate = z)
-                  }, z_, 512), [
+                  }, G1, 512), [
                     [Ao, i.selectedTemplate]
                   ])
                 ]),
                 a("div", null, [
-                  G_,
-                  a("div", W_, [
-                    a("label", K_, [
+                  W1,
+                  a("div", Y1, [
+                    a("label", K1, [
                       X(a("input", {
                         type: "radio",
                         id: "default-color-scheme",
@@ -20242,9 +20261,9 @@ function wv(e, n, t, s, i, o) {
                       }, null, 512), [
                         [Dt, i.colorScheme]
                       ]),
-                      J_
+                      J1
                     ]),
-                    a("label", Y_, [
+                    a("label", Z1, [
                       X(a("input", {
                         type: "radio",
                         id: "light-mode",
@@ -20254,9 +20273,9 @@ function wv(e, n, t, s, i, o) {
                       }, null, 512), [
                         [Dt, i.colorScheme]
                       ]),
-                      Z_
+                      Q1
                     ]),
-                    a("label", Q_, [
+                    a("label", X1, [
                       X(a("input", {
                         type: "radio",
                         id: "dark-mode",
@@ -20266,7 +20285,7 @@ function wv(e, n, t, s, i, o) {
                       }, null, 512), [
                         [Dt, i.colorScheme]
                       ]),
-                      X_
+                      $1
                     ])
                   ])
                 ])
@@ -20289,9 +20308,9 @@ function wv(e, n, t, s, i, o) {
                   }, [
                     a("a", {
                       href: o.sectionName(z),
-                      onClick: (Ov) => o.updateSettingsSidebar(o.componentNameWithPrefix(z)),
+                      onClick: (Lv) => o.updateSettingsSidebar(o.componentNameWithPrefix(z)),
                       title: "Go to component"
-                    }, y(o.readableComponentName(z)), 9, $_)
+                    }, y(o.readableComponentName(z)), 9, e_)
                   ], 2))), 128))
                 ])
               ]),
@@ -20353,37 +20372,37 @@ function wv(e, n, t, s, i, o) {
           ]),
           _: 1
         }, 8, ["openBoxesByDefault"]),
-        a("dl", e1, [
-          t1,
+        a("dl", t_, [
+          n_,
           a("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
-          n1,
+          i_,
           a("dd", null, y(i.packageJson.version), 1)
         ])
       ]),
       closed: k(() => [
-        a("div", i1, [
+        a("div", o_, [
           a("a", {
             href: "#",
             class: "button primary",
             title: "Open Template Selection",
             onClick: n[9] || (n[9] = T((_) => o.openBox(0), ["prevent"]))
-          }, l1),
+          }, s_),
           a("a", {
             href: "#",
             class: "button primary",
             title: "Open Components Overview",
             onClick: n[10] || (n[10] = T((_) => o.openBox(1), ["prevent"]))
-          }, a1),
+          }, r_),
           a("a", {
             href: "#",
             class: "button primary",
             title: "Open Page-Templates",
             onClick: n[11] || (n[11] = T((_) => o.openBox(2), ["prevent"]))
-          }, d1),
+          }, c_),
           a("a", {
             href: "#",
             onClick: n[12] || (n[12] = T((_) => i.showLeftSidebar = !1, ["prevent"]))
-          }, u1)
+          }, m_)
         ])
       ]),
       _: 1
@@ -20401,17 +20420,17 @@ function wv(e, n, t, s, i, o) {
       ]),
       _: 1
     }),
-    i.componentView ? (l(), r("main", m1, [
+    i.componentView ? (l(), r("main", h_, [
       h(w, null, {
         default: k(() => [
-          h1
+          p_
         ]),
         _: 1
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", p1, [
-            f1,
+          a("h2", f_, [
+            g_,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -20419,7 +20438,7 @@ function wv(e, n, t, s, i, o) {
               onClick: n[13] || (n[13] = T((_) => o.openSettingsSidebar("CmdAddressData"), ["prevent"]))
             })
           ]),
-          a("div", g1, [
+          a("div", y_, [
             h(b, I({
               ref: "CmdAddressData",
               addressData: i.addressData
@@ -20430,10 +20449,10 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          y1,
-          b1,
-          a("div", x1, [
-            a("ul", _1, [
+          b_,
+          x_,
+          a("div", __, [
+            a("ul", C_, [
               a("li", null, [
                 a("a", {
                   href: "#",
@@ -20442,7 +20461,7 @@ function wv(e, n, t, s, i, o) {
                   id: "status-default"
                 }, " Default ", 2)
               ]),
-              a("li", C1, [
+              a("li", w_, [
                 a("a", {
                   href: "#",
                   onClick: n[15] || (n[15] = T((_) => o.setStatus("error", !1), ["prevent"])),
@@ -20495,10 +20514,10 @@ function wv(e, n, t, s, i, o) {
             novalidate: "novalidate"
           }, {
             default: k(() => [
-              a("fieldset", w1, [
-                k1,
-                a("h2", v1, [
-                  T1,
+              a("fieldset", k_, [
+                v_,
+                a("h2", T_, [
+                  S_,
                   a("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -20510,7 +20529,7 @@ function wv(e, n, t, s, i, o) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }), null, 16, ["status", "disabled"]),
-                a("div", S1, [
+                a("div", O_, [
                   h(v, {
                     labelText: "Input for datalist:",
                     element: "input",
@@ -20522,7 +20541,7 @@ function wv(e, n, t, s, i, o) {
                     tooltipText: "This is a tooltip"
                   }, null, 8, ["status", "disabled", "datalist"])
                 ]),
-                a("div", O1, [
+                a("div", L_, [
                   h(v, I({
                     labelText: "Input (type search (without search-button)):",
                     element: "input",
@@ -20544,8 +20563,8 @@ function wv(e, n, t, s, i, o) {
                     tooltipText: "This is a tooltip"
                   }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
                 ]),
-                L1,
-                a("div", I1, [
+                I_,
+                a("div", B_, [
                   h(v, {
                     element: "input",
                     type: "text",
@@ -20559,7 +20578,7 @@ function wv(e, n, t, s, i, o) {
                     disabled: i.disabledStatus
                   }, {
                     labeltext: k(() => [
-                      B1
+                      F_
                     ]),
                     _: 1
                   }, 8, ["modelValue", "status", "disabled"]),
@@ -20591,7 +20610,7 @@ function wv(e, n, t, s, i, o) {
                     disabled: i.disabledStatus
                   }, null, 8, ["modelValue", "status", "disabled"])
                 ]),
-                a("div", F1, [
+                a("div", D_, [
                   h(v, {
                     labelText: "Label for emailfield (with icon):",
                     element: "input",
@@ -20702,9 +20721,9 @@ function wv(e, n, t, s, i, o) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                D1,
-                a("h3", M1, [
-                  P1,
+                M_,
+                a("h3", P_, [
+                  V_,
                   a("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -20712,7 +20731,7 @@ function wv(e, n, t, s, i, o) {
                     onClick: n[33] || (n[33] = T((_) => o.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
                   })
                 ]),
-                a("div", V1, [
+                a("div", A_, [
                   h(B, I({ ref: "CmdFakeSelect" }, e.cmdFakeSelectSettingsData, {
                     selectData: i.fakeSelectOptionsData,
                     modelValue: i.fakeSelectDefault,
@@ -20764,21 +20783,21 @@ function wv(e, n, t, s, i, o) {
                     type: "color"
                   }, null, 8, ["status", "disabled", "selectData", "modelValue"])
                 ]),
-                A1,
-                E1,
+                E_,
+                H_,
                 h(F, {
                   labelText: "Progress Bar (with optional output):",
                   id: "progress-bar2",
                   max: "100"
                 }),
-                H1,
+                q_,
                 a("div", {
                   class: x(["label", i.validationStatus])
                 }, [
-                  q1,
-                  a("span", R1, [
-                    a("label", N1, [
-                      U1,
+                  R_,
+                  a("span", N_, [
+                    a("label", U_, [
+                      j_,
                       X(a("input", {
                         type: "number",
                         class: x(i.validationStatus),
@@ -20787,12 +20806,12 @@ function wv(e, n, t, s, i, o) {
                         min: "0",
                         max: "100",
                         id: "range-value"
-                      }, null, 10, j1), [
+                      }, null, 10, z_), [
                         [Nt, i.rangeValue]
                       ])
                     ]),
-                    a("label", z1, [
-                      G1,
+                    a("label", G_, [
+                      W_,
                       X(a("input", {
                         type: "range",
                         class: "range-slider",
@@ -20801,15 +20820,15 @@ function wv(e, n, t, s, i, o) {
                         disabled: i.disabledStatus,
                         min: "0",
                         max: "100"
-                      }, null, 8, W1), [
+                      }, null, 8, Y_), [
                         [Nt, i.rangeValue]
                       ])
                     ])
                   ])
                 ], 2),
-                K1,
-                J1,
-                Y1,
+                K_,
+                J_,
+                Z_,
                 h(v, {
                   element: "input",
                   type: "checkbox",
@@ -20834,7 +20853,7 @@ function wv(e, n, t, s, i, o) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                Z1,
+                Q_,
                 h(v, {
                   element: "input",
                   type: "checkbox",
@@ -20909,16 +20928,16 @@ function wv(e, n, t, s, i, o) {
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 a("p", null, [
                   H(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
-                  Q1,
+                  X_,
                   H(" checkbox with boolean: " + y(i.checkboxValue), 1),
-                  X1,
+                  $_,
                   H(" checkboxes with values: " + y(i.checkboxValues), 1)
                 ]),
-                $1,
                 eC,
-                a("div", tC, [
-                  nC,
-                  a("div", iC, [
+                tC,
+                a("div", nC, [
+                  iC,
+                  a("div", oC, [
                     h(v, {
                       element: "input",
                       labelText: "Label for checkbox with boolean",
@@ -20963,17 +20982,17 @@ function wv(e, n, t, s, i, o) {
                     }, {
                       labeltext: k(() => [
                         H(" Labeltext with "),
-                        oC,
+                        lC,
                         H(" given by slot ")
                       ]),
                       _: 1
                     }, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                lC,
-                a("div", sC, [
-                  aC,
-                  a("div", rC, [
+                sC,
+                a("div", aC, [
+                  rC,
+                  a("div", dC, [
                     h(v, {
                       element: "input",
                       labelText: "Label for replaced checkbox",
@@ -21000,10 +21019,10 @@ function wv(e, n, t, s, i, o) {
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                dC,
-                a("div", cC, [
-                  uC,
-                  a("div", mC, [
+                cC,
+                a("div", uC, [
+                  mC,
+                  a("div", hC, [
                     h(v, {
                       element: "input",
                       labelText: "Label for native radiobutton",
@@ -21031,10 +21050,10 @@ function wv(e, n, t, s, i, o) {
                   ])
                 ]),
                 a("p", null, " Radiobuttons with values: " + y(i.radiobuttonValue), 1),
-                hC,
-                a("div", pC, [
-                  fC,
-                  a("div", gC, [
+                pC,
+                a("div", fC, [
+                  gC,
+                  a("div", yC, [
                     h(v, {
                       element: "input",
                       labelText: "Label for replaced radiobutton",
@@ -21063,7 +21082,7 @@ function wv(e, n, t, s, i, o) {
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                a("h3", yC, [
+                a("h3", bC, [
                   H(" Input-Group "),
                   a("a", {
                     href: "#",
@@ -21107,12 +21126,12 @@ function wv(e, n, t, s, i, o) {
                   _: 1
                 }, 16, ["inputElements", "modelValue"]),
                 a("dl", null, [
-                  bC,
+                  xC,
                   a("dd", null, [
                     a("output", null, y(i.inputGroup), 1)
                   ])
                 ]),
-                xC,
+                _C,
                 h(D, {
                   labelText: "Grouplabel for checkbox-group styled as toggle-switches:",
                   inputElements: o.idForReplacedInputsInInputGroup("checkbox-group-toggle-switch"),
@@ -21125,7 +21144,7 @@ function wv(e, n, t, s, i, o) {
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 a("dl", null, [
-                  _C,
+                  CC,
                   a("dd", null, [
                     a("output", null, y(i.inputGroupValueToggleSwitchCheckbox), 1)
                   ])
@@ -21142,7 +21161,7 @@ function wv(e, n, t, s, i, o) {
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 a("dl", null, [
-                  CC,
+                  wC,
                   a("dd", null, [
                     a("output", null, y(i.inputGroupValueToggleSwitchRadio), 1)
                   ])
@@ -21158,7 +21177,7 @@ function wv(e, n, t, s, i, o) {
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 a("dl", null, [
-                  wC,
+                  kC,
                   a("dd", null, [
                     a("output", null, y(i.inputGroupValue3), 1)
                   ])
@@ -21176,15 +21195,15 @@ function wv(e, n, t, s, i, o) {
                   disabled: i.disabledStatus
                 }, null, 8, ["inputElements", "modelValue", "status", "disabled"]),
                 a("dl", null, [
-                  kC,
+                  vC,
                   a("dd", null, [
                     a("output", null, y(i.inputGroupValue4), 1)
                   ])
                 ])
               ]),
-              a("div", vC, [
-                TC,
-                a("div", SC, [
+              a("div", TC, [
+                SC,
+                a("div", OC, [
                   h(v, {
                     element: "button",
                     nativeButton: { text: "Submit-button from component" },
@@ -21197,7 +21216,7 @@ function wv(e, n, t, s, i, o) {
                     class: "button",
                     type: "submit",
                     disabled: i.disabledStatus
-                  }, BC, 8, OC)
+                  }, FC, 8, LC)
                 ])
               ])
             ]),
@@ -21212,8 +21231,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", FC, [
-            DC,
+          a("h2", DC, [
+            MC,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21227,8 +21246,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", MC, [
-            PC,
+          a("h2", PC, [
+            VC,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21249,9 +21268,9 @@ function wv(e, n, t, s, i, o) {
             }
           }, null, 512),
           a("dl", null, [
-            VC,
-            a("dd", null, y(i.basicFormData.originalEvent), 1),
             AC,
+            a("dd", null, y(i.basicFormData.originalEvent), 1),
+            EC,
             a("dd", null, y(i.basicFormData.formData), 1)
           ])
         ]),
@@ -21259,9 +21278,9 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, { anchorId: "section-boxes" }, {
         default: k(() => [
-          EC,
-          a("h3", HC, [
-            qC,
+          HC,
+          a("h3", qC, [
+            RC,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21276,15 +21295,15 @@ function wv(e, n, t, s, i, o) {
             stretchVertically: !0
           }), {
             header: k(() => [
-              RC
+              NC
             ]),
             body: k(() => [
-              NC,
               UC,
-              jC
+              jC,
+              zC
             ]),
             footer: k(() => [
-              zC
+              GC
             ]),
             _: 1
           }, 16),
@@ -21323,15 +21342,15 @@ function wv(e, n, t, s, i, o) {
                 allowContentToScroll: !0
               }, {
                 header: k(() => [
-                  GC
+                  WC
                 ]),
                 body: k(() => [
-                  WC,
+                  YC,
                   KC,
                   JC
                 ]),
                 footer: k(() => [
-                  YC
+                  ZC
                 ]),
                 _: 1
               }),
@@ -21341,7 +21360,7 @@ function wv(e, n, t, s, i, o) {
                 collapsible: !0
               }, {
                 header: k(() => [
-                  ZC
+                  QC
                 ]),
                 body: k(() => [
                   h(M, { legend: { show: !1 } }, {
@@ -21365,7 +21384,7 @@ function wv(e, n, t, s, i, o) {
                   })
                 ]),
                 footer: k(() => [
-                  QC
+                  XC
                 ]),
                 _: 1
               }),
@@ -21374,10 +21393,10 @@ function wv(e, n, t, s, i, o) {
                 useBoxBodyPadding: !1
               }, {
                 header: k(() => [
-                  XC
+                  $C
                 ]),
                 body: k(() => [
-                  a("ul", $C, [
+                  a("ul", ew, [
                     a("li", null, [
                       a("a", {
                         href: "#",
@@ -21409,7 +21428,7 @@ function wv(e, n, t, s, i, o) {
                   ])
                 ]),
                 footer: k(() => [
-                  ew
+                  tw
                 ]),
                 _: 1
               }),
@@ -21420,10 +21439,10 @@ function wv(e, n, t, s, i, o) {
                 collapsible: !0
               }, {
                 header: k(() => [
-                  tw
+                  nw
                 ]),
                 body: k(() => [
-                  nw
+                  iw
                 ]),
                 _: 1
               }),
@@ -21432,14 +21451,14 @@ function wv(e, n, t, s, i, o) {
                 useBoxBodyPadding: !1
               }, {
                 header: k(() => [
-                  iw
+                  ow
                 ]),
                 body: k(() => [
-                  ow,
-                  lw
+                  lw,
+                  sw
                 ]),
                 footer: k(() => [
-                  sw
+                  aw
                 ]),
                 _: 1
               }),
@@ -21469,8 +21488,8 @@ function wv(e, n, t, s, i, o) {
             ]),
             _: 1
           }, 8, ["cmdHeadline"]),
-          aw,
-          a("div", rw, [
+          rw,
+          a("div", dw, [
             (l(!0), r(S, null, q(i.boxProductData, (_, z) => (l(), r("div", {
               class: "grid-small-item",
               key: z
@@ -21482,7 +21501,7 @@ function wv(e, n, t, s, i, o) {
               }, null, 8, ["product"])
             ]))), 128))
           ]),
-          dw,
+          cw,
           h(c, {
             boxesPerRow: [5, 2, 1],
             useRowViewAsDefault: !0,
@@ -21500,7 +21519,7 @@ function wv(e, n, t, s, i, o) {
             _: 1
           }),
           a("h3", null, [
-            cw,
+            uw,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21541,8 +21560,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, { "inner-component": "div" }, {
         default: k(() => [
-          a("h2", uw, [
-            mw,
+          a("h2", mw, [
+            hw,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21560,8 +21579,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", hw, [
-            pw,
+          a("h2", pw, [
+            fw,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21578,8 +21597,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", fw, [
-            gw,
+          a("h2", gw, [
+            yw,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21587,33 +21606,33 @@ function wv(e, n, t, s, i, o) {
               onClick: n[76] || (n[76] = T((_) => o.openSettingsSidebar("CmdContainer"), ["prevent"]))
             })
           ]),
-          yw,
-          h(J, I({
+          bw,
+          h(K, I({
             style: { border: "1px dotted gray" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData), null, 16),
-          bw,
-          h(J, {
+          xw,
+          h(K, {
             style: { border: "1px dotted gray" },
             ref: "CmdContainer",
             innerText: "Some inner text",
             containerType: "flex",
             contentOrientation: "horizontal"
           }, null, 512),
-          xw,
-          h(J, I({
+          _w,
+          h(K, I({
             style: { border: "1px dotted gray" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData), {
             default: k(() => [
-              _w,
               Cw,
-              ww
+              ww,
+              kw
             ]),
             _: 1
           }, 16),
-          kw,
-          h(J, I({
+          vw,
+          h(K, I({
             style: { border: "1px dotted gray" },
             ref: "CmdContainer"
           }, e.cmdContainerSettingsData, {
@@ -21637,19 +21656,19 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          vw,
+          Tw,
           a("a", {
             class: "button",
             href: "#",
             onClick: n[77] || (n[77] = T((_) => i.fancyBoxCookieDisclaimer = !0, ["prevent"]))
-          }, Sw)
+          }, Ow)
         ]),
         _: 1
       }),
       h(w, null, {
         default: k(() => [
-          Ow,
           Lw,
+          Iw,
           h(M, {
             useFieldset: !0,
             useSlot: !1,
@@ -21658,7 +21677,7 @@ function wv(e, n, t, s, i, o) {
             formElements: i.formElementsData,
             onSubmit: o.doConsoleLog
           }, null, 8, ["formElements", "onSubmit"]),
-          Iw,
+          Bw,
           h(M, {
             "use-fieldset": !0,
             id: "form-component",
@@ -21695,27 +21714,27 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          Bw,
           Fw,
+          Dw,
           a("a", {
             href: "#",
             onClick: n[78] || (n[78] = T((_) => o.showFancyBox("text", "Some text", "FancyBox with text"), ["prevent"]))
           }, "Open FancyBox with text"),
-          Dw,
+          Mw,
           a("a", {
             href: "#",
             onClick: n[79] || (n[79] = T((_) => o.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" }
-          }, Pw),
-          Vw,
+          }, Vw),
+          Aw,
           a("a", {
             href: "#",
             onClick: n[80] || (n[80] = T((_) => o.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" }
-          }, Ew),
-          Hw,
+          }, Hw),
+          qw,
           a("a", {
             href: "#",
             onClick: n[81] || (n[81] = T((_) => o.showFancyBox("image", {
@@ -21725,21 +21744,21 @@ function wv(e, n, t, s, i, o) {
             }, "FancyBox with large image given by property"), ["prevent"])),
             title: "Open FancyBox with large image given by property",
             style: { "align-self": "flex-start" }
-          }, Rw)
+          }, Nw)
         ]),
         _: 1
       }),
       h(w, null, {
         default: k(() => [
-          Nw,
+          Uw,
           h($, { address: i.addressData }, null, 8, ["address"])
         ]),
         _: 1
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", Uw, [
-            jw,
+          a("h2", jw, [
+            zw,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21760,7 +21779,7 @@ function wv(e, n, t, s, i, o) {
           }, {
             default: k(() => [
               H(" Headline text"),
-              zw,
+              Gw,
               H(" with html given by slot ")
             ]),
             _: 1
@@ -21770,10 +21789,10 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          Gw,
+          Ww,
           a("ul", null, [
             a("li", null, [
-              Ww,
+              Yw,
               h(ee, { iconClass: "icon-home" })
             ]),
             a("li", null, [
@@ -21785,11 +21804,11 @@ function wv(e, n, t, s, i, o) {
               h(ee, { iconClass: "bi:house-fill" })
             ]),
             a("li", null, [
-              Yw,
+              Zw,
               h(ee, { iconClass: "mdi:home" })
             ]),
             a("li", null, [
-              Zw,
+              Qw,
               h(ee, { iconClass: "fa6-solid:house-chimney" })
             ])
           ])
@@ -21798,8 +21817,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", Qw, [
-            Xw,
+          a("h2", Xw, [
+            $w,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21807,7 +21826,7 @@ function wv(e, n, t, s, i, o) {
               onClick: n[83] || (n[83] = T((_) => o.openSettingsSidebar("CmdImage"), ["prevent"]))
             })
           ]),
-          a("div", $w, [
+          a("div", ek, [
             h(re, I({
               ref: "CmdImage",
               image: i.imageData[0].image,
@@ -21823,8 +21842,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", ek, [
-            tk,
+          a("h2", tk, [
+            nk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21841,7 +21860,7 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          nk,
+          ik,
           h(ue, {
             imageSmall: i.imageZoomData.imageSmall,
             imageLarge: i.imageZoomData.imageLarge
@@ -21851,8 +21870,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", ik, [
-            ok,
+          a("h2", ok, [
+            lk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21883,7 +21902,7 @@ function wv(e, n, t, s, i, o) {
           }), null, 16),
           a("button", {
             onClick: n[86] || (n[86] = (_) => i.showCmdLink = !0)
-          }, sk),
+          }, ak),
           i.showCmdLink ? (l(), C(ne, {
             key: 0,
             path: "#",
@@ -21897,8 +21916,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", ak, [
-            rk,
+          a("h2", rk, [
+            dk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21912,8 +21931,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", dk, [
-            ck,
+          a("h2", ck, [
+            uk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21927,8 +21946,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", uk, [
-            mk,
+          a("h2", mk, [
+            hk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21965,8 +21984,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", hk, [
-            pk,
+          a("h2", pk, [
+            fk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21981,8 +22000,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", fk, [
-            gk,
+          a("h2", gk, [
+            yk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -21990,7 +22009,7 @@ function wv(e, n, t, s, i, o) {
               onClick: n[93] || (n[93] = T((_) => o.openSettingsSidebar("CmdMultistepFormProgressBar"), ["prevent"]))
             })
           ]),
-          yk,
+          bk,
           h(Le, I({
             ref: "CmdMultistepFormProgressBar",
             multisteps: i.multistepsData.withIcon
@@ -22005,8 +22024,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", bk, [
-            xk,
+          a("h2", xk, [
+            _k,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22029,8 +22048,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", _k, [
-            Ck,
+          a("h2", Ck, [
+            wk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22054,8 +22073,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", wk, [
-            kk,
+          a("h2", kk, [
+            vk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22068,7 +22087,7 @@ function wv(e, n, t, s, i, o) {
             cmdSocialNetworks: i.socialNetworksData
           }), {
             default: k(() => [
-              vk
+              Tk
             ]),
             _: 1
           }, 16, ["cmdSocialNetworks"])
@@ -22077,8 +22096,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", Tk, [
-            Sk,
+          a("h2", Sk, [
+            Ok,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22092,7 +22111,7 @@ function wv(e, n, t, s, i, o) {
             cmdHeadline: { headlineText: "Main headline for page", headlineLevel: 1 }
           }, {
             default: k(() => [
-              Ok
+              Lk
             ]),
             _: 1
           }, 8, ["cmdBreadcrumbs"])
@@ -22101,8 +22120,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", Lk, [
-            Ik,
+          a("h2", Ik, [
+            Bk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22121,7 +22140,7 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          Bk,
+          Fk,
           h(le, null, {
             default: k(() => [
               H(" Slotcontent ")
@@ -22133,8 +22152,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", Fk, [
-            Dk,
+          a("h2", Dk, [
+            Mk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22157,8 +22176,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", Mk, [
-            Pk,
+          a("h2", Pk, [
+            Vk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22183,8 +22202,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", Vk, [
-            Ak,
+          a("h2", Ak, [
+            Ek,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22203,8 +22222,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", Ek, [
-            Hk,
+          a("h2", Hk, [
+            qk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22218,7 +22237,7 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          qk,
+          Rk,
           h(lt, {
             languages: i.languagesData,
             onClick: o.updateLanguage
@@ -22229,8 +22248,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", Rk, [
-            Nk,
+          a("h2", Nk, [
+            Uk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22240,7 +22259,7 @@ function wv(e, n, t, s, i, o) {
           ]),
           h(st, I({ ref: "CmdSystemMessage" }, e.cmdSystemMessageSettingsData, { iconMessage: { iconClass: "icon-error-circle", show: !0 } }), {
             default: k(() => [
-              Uk
+              jk
             ]),
             _: 1
           }, 16)
@@ -22249,8 +22268,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", jk, [
-            zk,
+          a("h2", zk, [
+            Gk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22258,9 +22277,9 @@ function wv(e, n, t, s, i, o) {
               onClick: n[111] || (n[111] = T((_) => o.openSettingsSidebar("CmdTable"), ["prevent"]))
             })
           ]),
-          Gk,
-          h(je, I({ ref: "CmdTable" }, e.cmdTableSettingsData, { "table-data": i.tableDataLarge }), null, 16, ["table-data"]),
           Wk,
+          h(je, I({ ref: "CmdTable" }, e.cmdTableSettingsData, { "table-data": i.tableDataLarge }), null, 16, ["table-data"]),
+          Yk,
           h(je, {
             collapsible: !0,
             fullWidthOnDefault: !1,
@@ -22283,16 +22302,16 @@ function wv(e, n, t, s, i, o) {
           ]),
           h(at, I({ ref: "CmdTabs" }, e.cmdTabsSettingsData, { tabs: i.tabsData }), {
             "tab-content-0": k(() => [
-              Yk,
-              Zk
+              Zk,
+              Qk
             ]),
             "tab-content-1": k(() => [
-              Qk,
-              Xk
+              Xk,
+              $k
             ]),
             "tab-content-2": k(() => [
-              $k,
-              ev
+              ev,
+              tv
             ]),
             _: 1
           }, 16, ["tabs"])
@@ -22301,8 +22320,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", tv, [
-            nv,
+          a("h2", nv, [
+            iv,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22310,7 +22329,7 @@ function wv(e, n, t, s, i, o) {
               onClick: n[113] || (n[113] = T((_) => o.openSettingsSidebar("CmdTextImageBlock"), ["prevent"]))
             })
           ]),
-          a("div", iv, [
+          a("div", ov, [
             h(W, {
               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>"
@@ -22355,8 +22374,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", ov, [
-            lv,
+          a("h2", lv, [
+            sv,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22364,7 +22383,11 @@ function wv(e, n, t, s, i, o) {
               onClick: n[114] || (n[114] = T((_) => o.openSettingsSidebar("CmdThumbnailScroller"), ["prevent"]))
             })
           ]),
-          a("div", sv, [
+          a("p", null, " date (YMD/default): " + y(o.formatDate("2025-01-28", "", "-")), 1),
+          a("p", null, " date (DMY): " + y(o.formatDate("2025-01-28", "dmy")), 1),
+          a("p", null, " date (MDY): " + y(o.formatDate("2025-01-28", "mdy", "/")), 1),
+          a("p", null, " date (invalid)): " + y(o.formatDate("invalid")), 1),
+          a("div", av, [
             h(Co, I({ ref: "CmdThumbnailScroller" }, e.cmdThumbnailScrollerSettingsData, { thumbnailScrollerItems: o.thumbnailScrollerData }), null, 16, ["thumbnailScrollerItems"])
           ])
         ]),
@@ -22372,8 +22395,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", av, [
-            rv,
+          a("h2", rv, [
+            dv,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22387,8 +22410,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", dv, [
-            cv,
+          a("h2", cv, [
+            uv,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22403,14 +22426,14 @@ function wv(e, n, t, s, i, o) {
               }, ["prevent"])),
               id: "show-on-hover"
             }, "Show tooltip on hover!"),
-            uv,
+            mv,
             a("a", {
               href: "#",
               onClick: n[118] || (n[118] = T(() => {
               }, ["prevent"])),
               id: "show-with-delay"
             }, "Show tooltip on hover with delay!"),
-            mv,
+            hv,
             a("a", {
               href: "#",
               onClick: n[119] || (n[119] = T(() => {
@@ -22452,8 +22475,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", hv, [
-            pv,
+          a("h2", pv, [
+            fv,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22467,8 +22490,8 @@ function wv(e, n, t, s, i, o) {
       }),
       h(w, null, {
         default: k(() => [
-          a("h2", fv, [
-            gv,
+          a("h2", gv, [
+            yv,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22481,19 +22504,19 @@ function wv(e, n, t, s, i, o) {
             ref: "CmdWidthLimitationWrapper"
           }, e.cmdWidthLimitationWrapperSettingsData), {
             default: k(() => [
-              yv,
               bv,
-              xv
+              xv,
+              _v
             ]),
             _: 1
           }, 16)
         ]),
         _: 1
       })
-    ])) : (l(), r("main", _v, [
+    ])) : (l(), r("main", Cv, [
       h(w, null, {
         default: k(() => [
-          Cv
+          wv
         ]),
         _: 1
       }),
@@ -22543,11 +22566,11 @@ function wv(e, n, t, s, i, o) {
       ]),
       _: 1
     }, 8, ["openSidebar", "onToggleSidebar"])) : m("", !0)
-  ], 8, V_)), [
+  ], 8, A1)), [
     [Io]
   ]);
 }
-const Bv = /* @__PURE__ */ P(P_, [["render", wv]]), Fv = {
+const Fv = /* @__PURE__ */ P(V1, [["render", kv]]), Dv = {
   // el = real dom-element
   mounted(e) {
     if (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A")
@@ -22557,7 +22580,7 @@ const Bv = /* @__PURE__ */ P(P_, [["render", wv]]), Fv = {
       n ? n.focus() : console.warn("No input-element for focus-directive on element " + e.tagName + " found!");
     }
   }
-}, Dv = {
+}, Mv = {
   // el = real dom-element
   // binding.value = value of v-directive
   mounted(e, n) {
@@ -22573,8 +22596,8 @@ function _o(e) {
       t.preventDefault(), be({ url: e[n].href });
     }), e[n].dataset.cmdFancyBoxHandlerRegistered = "true");
 }
-const dt = new MutationObserver(kv);
-function kv(e) {
+const dt = new MutationObserver(vv);
+function vv(e) {
   const n = [];
   for (let t = 0; t < e.length; t++)
     if (e[t].type === "attributes")
@@ -22585,7 +22608,7 @@ function kv(e) {
     }
   n.length > 0 && _o(n);
 }
-const Mv = (e) => {
+const Pv = (e) => {
   const n = e.querySelectorAll(".fancybox");
   _o(n), dt == null || dt.disconnect(), dt.observe(e, {
     subtree: !0,
@@ -22597,22 +22620,22 @@ const Mv = (e) => {
     characterData: !1
   });
 };
-function Pv(e) {
+function Vv(e) {
   return e ? e.slice(0, 1).toUpperCase() + e.slice(1) : "";
 }
-function vv(e, n, t) {
+function Tv(e, n, t) {
   Eo(() => e.addEventListener(n, t)), Ho(() => e.removeEventListener(n, t));
 }
 function on(e) {
   return e.offsetParent ? e.offsetTop + on(e.offsetParent) : e.offsetTop;
 }
-function Tv(e) {
+function Sv(e) {
   return e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [];
 }
-function Sv(e, n) {
+function Ov(e, n) {
   if (!n.length) {
     const t = e();
-    Tv(t).map((s, i) => {
+    Sv(t).map((s, i) => {
       const o = {
         offsetTop: on(s)
       };
@@ -22620,16 +22643,16 @@ function Sv(e, n) {
     }).forEach((s) => n.push(s));
   }
 }
-function Vv(e, n = 0) {
+function Av(e, n = 0) {
   const t = [], s = qo({
     activeItem: n,
     reset() {
       this.activeItem = 0, t.length = 0;
     }
   });
-  return vv(window, "scroll", () => {
+  return Tv(window, "scroll", () => {
     const i = window.scrollY;
-    Sv(e, t);
+    Ov(e, t);
     for (let o = 0, d = t.length; o < d; o++)
       if (i < t[o].offsetTop + t[o].height / 2) {
         s.activeItem = o;
@@ -22637,7 +22660,7 @@ function Vv(e, n = 0) {
       }
   }), s;
 }
-function Av() {
+function Ev() {
   const e = {};
   Ro(s);
   function n(i = "defaultSequence") {
@@ -22670,8 +22693,8 @@ export {
   te as CmdFormElement,
   Ei as CmdFormFilters,
   Ri as CmdGoogleMaps,
-  Y as CmdHeadline,
-  K as CmdIcon,
+  J as CmdHeadline,
+  Y as CmdIcon,
   _e as CmdImage,
   Mm as CmdImageGallery,
   Rm as CmdImageZoom,
@@ -22686,7 +22709,7 @@ export {
   Ep as CmdPageFooter,
   Up as CmdPageHeader,
   Cp as CmdPagination,
-  Yp as CmdProgressBar,
+  Jp as CmdProgressBar,
   nf as CmdSidebar,
   af as CmdSiteFooter,
   uf as CmdSiteHeader,
@@ -22704,22 +22727,23 @@ export {
   Si as CmdTooltip,
   Ex as CmdUploadForm,
   yo as CmdWidthLimitationWrapper,
-  Bv as ComponentLibrary,
-  i_ as ContactInformation,
-  Mv as DirFancybox,
-  Fv as DirFocus,
-  Dv as DirTelephone,
+  Fv as ComponentLibrary,
+  i1 as ContactInformation,
+  Pv as DirFancybox,
+  Dv as DirFocus,
+  Mv as DirTelephone,
   He as EditComponentWrapper,
   me as I18n,
-  Jx as MultipleBoxWrapper,
+  Kx as MultipleBoxWrapper,
   Xx as MultipleListsOfLinks,
-  Pv as capitalize,
+  Vv as capitalize,
   Oi as createHtmlId,
   Qe as createUuid,
+  B1 as formatDate,
   qi as getCookieDisclaimerCookie,
-  Ke as getFileExtension,
+  Ye as getFileExtension,
   be as openFancyBox,
   Cm as setCookieDisclaimerCookie,
-  Vv as useScrollspy,
-  Av as useSequence
+  Av as useScrollspy,
+  Ev as useSequence
 };