comand-component-library 4.1.54 → 4.1.56

package/dist/comand-component-library.js

@@ -1,7 +1,7 @@
 var Io = Object.defineProperty;
 var Bo = (e, n, t) => n in e ? Io(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var Ge = (e, n, t) => Bo(e, typeof n != "symbol" ? n + "" : n, t);
-import { defineComponent as ri, h as Tn, resolveComponent as _e, openBlock as l, createBlock as w, normalizeClass as _, createElementBlock as r, getCurrentInstance as Fo, resolveDynamicComponent as Me, withModifiers as T, withCtx as k, withDirectives as X, createElementVNode as a, createVNode as h, createCommentVNode as m, vShow as be, Fragment as S, toDisplayString as y, renderSlot as H, normalizeProps as R, mergeProps as I, createTextVNode as E, renderList as q, Transition as Pe, toHandlers as Rt, TransitionGroup as ln, createApp as Do, normalizeStyle as ft, guardReactiveProps as xe, useCssVars as di, vModelDynamic as Mo, vModelText as Nt, resolveDirective as Vo, vModelSelect as Po, vModelRadio as Dt, onMounted as Ao, onUnmounted as Eo, reactive as Ho, onBeforeUpdate as qo } from "vue";
+import { defineComponent as ri, h as Tn, resolveComponent as _e, openBlock as l, createBlock as w, normalizeClass as _, createElementBlock as r, getCurrentInstance as Fo, resolveDynamicComponent as Me, withModifiers as T, withCtx as k, withDirectives as X, createElementVNode as a, createVNode as h, createCommentVNode as m, vShow as be, Fragment as S, toDisplayString as y, renderSlot as H, normalizeProps as R, mergeProps as I, createTextVNode as E, renderList as q, Transition as Ve, toHandlers as Rt, TransitionGroup as ln, createApp as Do, normalizeStyle as ft, guardReactiveProps as xe, useCssVars as di, vModelDynamic as Mo, vModelText as Nt, resolveDirective as Po, vModelSelect as Vo, vModelRadio as Dt, onMounted as Ao, onUnmounted as Eo, reactive as Ho, onBeforeUpdate as qo } from "vue";
 const Ye = /^[a-z0-9]+(-[a-z0-9]+)*$/, xt = (e, n, t, s = "") => {
   const i = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -555,12 +555,12 @@ function gl(e, n, t, s) {
   const i = e.resources.length, o = e.random ? Math.floor(Math.random() * i) : e.index;
   let d;
   if (e.random) {
-    let P = e.resources.slice(0);
-    for (d = []; P.length > 1; ) {
-      const N = Math.floor(Math.random() * P.length);
-      d.push(P[N]), P = P.slice(0, N).concat(P.slice(N + 1));
+    let V = e.resources.slice(0);
+    for (d = []; V.length > 1; ) {
+      const N = Math.floor(Math.random() * V.length);
+      d.push(V[N]), V = V.slice(0, N).concat(V.slice(N + 1));
     }
-    d = d.concat(P);
+    d = d.concat(V);
   } else
     d = e.resources.slice(o).concat(e.resources.slice(0, o));
   const c = Date.now();
@@ -570,12 +570,12 @@ function gl(e, n, t, s) {
     f && (clearTimeout(f), f = null);
   }
   function v() {
-    u === "pending" && (u = "aborted"), L(), C.forEach((P) => {
-      P.status === "pending" && (P.status = "aborted");
+    u === "pending" && (u = "aborted"), L(), C.forEach((V) => {
+      V.status === "pending" && (V.status = "aborted");
     }), C = [];
   }
-  function B(P, N) {
-    N && (b = []), typeof P == "function" && b.push(P);
+  function B(V, N) {
+    N && (b = []), typeof V == "function" && b.push(V);
   }
   function F() {
     return {
@@ -589,18 +589,18 @@ function gl(e, n, t, s) {
     };
   }
   function D() {
-    u = "failed", b.forEach((P) => {
-      P(void 0, p);
+    u = "failed", b.forEach((V) => {
+      V(void 0, p);
     });
   }
   function M() {
-    C.forEach((P) => {
-      P.status === "pending" && (P.status = "aborted");
+    C.forEach((V) => {
+      V.status === "pending" && (V.status = "aborted");
     }), C = [];
   }
-  function G(P, N, J) {
+  function G(V, N, J) {
     const $ = N !== "success";
-    switch (C = C.filter((Z) => Z !== P), u) {
+    switch (C = C.filter((Z) => Z !== V), u) {
       case "pending":
         break;
       case "failed":
@@ -619,7 +619,7 @@ function gl(e, n, t, s) {
       return;
     }
     if (L(), M(), !e.random) {
-      const Z = e.resources.indexOf(P.resource);
+      const Z = e.resources.indexOf(V.resource);
       Z !== -1 && Z !== e.index && (e.index = Z);
     }
     u = "completed", b.forEach((Z) => {
@@ -630,8 +630,8 @@ function gl(e, n, t, s) {
     if (u !== "pending")
       return;
     L();
-    const P = d.shift();
-    if (P === void 0) {
+    const V = d.shift();
+    if (V === void 0) {
       if (C.length) {
         f = setTimeout(() => {
           L(), u === "pending" && (M(), D());
@@ -643,12 +643,12 @@ function gl(e, n, t, s) {
     }
     const N = {
       status: "pending",
-      resource: P,
+      resource: V,
       callback: (J, $) => {
         G(N, J, $);
       }
     };
-    C.push(N), g++, f = setTimeout(j, e.rotate), t(P, n, N.callback);
+    C.push(N), g++, f = setTimeout(j, e.rotate), t(V, n, N.callback);
   }
   return setTimeout(j), F;
 }
@@ -687,9 +687,9 @@ function bi(e) {
 }
 function Bn() {
 }
-const Vt = /* @__PURE__ */ Object.create(null);
+const Pt = /* @__PURE__ */ Object.create(null);
 function yl(e) {
-  if (!Vt[e]) {
+  if (!Pt[e]) {
     const n = dn(e);
     if (!n)
       return;
@@ -697,9 +697,9 @@ function yl(e) {
       config: n,
       redundancy: t
     };
-    Vt[e] = s;
+    Pt[e] = s;
   }
-  return Vt[e];
+  return Pt[e];
 }
 function bl(e, n, t) {
   let s, i;
@@ -849,7 +849,7 @@ function wl(e, n) {
   }
   n.lastModified && !Cl(e, n.lastModified) || Object.keys(n.icons).length && (n.not_found && (n = Object.assign({}, n), delete n.not_found), t("local") || t("session"));
 }
-function Vn() {
+function Pn() {
 }
 function kl(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
@@ -901,7 +901,7 @@ const Tl = (e, n) => {
         s.loaded,
         s.missing,
         s.pending,
-        Vn
+        Pn
       );
     }), () => {
       u = !1;
@@ -922,7 +922,7 @@ const Tl = (e, n) => {
   }), o.forEach((u) => {
     const { provider: g, prefix: p } = u;
     i[g][p].length && vl(u, i[g][p]);
-  }), n ? hl(n, s, o) : Vn;
+  }), n ? hl(n, s, o) : Pn;
 };
 function Sl(e, n) {
   const t = {
@@ -985,7 +985,7 @@ function Fl(e) {
 function Dl(e) {
   return 'url("data:image/svg+xml,' + Fl(e) + '")';
 }
-const Pn = {
+const Vn = {
   ...gi,
   inline: !1
 }, Ml = {
@@ -993,7 +993,7 @@ const Pn = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, Vl = {
+}, Pl = {
   display: "inline-block"
 }, Jt = {
   backgroundColor: "currentColor"
@@ -1022,7 +1022,7 @@ function Hn(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const qn = (e, n) => {
-  const t = Sl(Pn, n), s = { ...Ml }, i = n.mode || "svg", o = {}, d = n.style, c = typeof d == "object" && !(d instanceof Array) ? d : {};
+  const t = Sl(Vn, n), s = { ...Ml }, i = n.mode || "svg", o = {}, d = n.style, c = typeof d == "object" && !(d instanceof Array) ? d : {};
   for (let v in n) {
     const B = n[v];
     if (B !== void 0)
@@ -1052,7 +1052,7 @@ const qn = (e, n) => {
           break;
         default: {
           const F = mt[v];
-          F ? (B === !0 || B === "true" || B === 1) && (t[F] = !0) : Pn[v] === void 0 && (s[v] = B);
+          F ? (B === !0 || B === "true" || B === 1) && (t[F] = !0) : Vn[v] === void 0 && (s[v] = B);
         }
       }
   }
@@ -1075,7 +1075,7 @@ const qn = (e, n) => {
     "--svg": Dl(L),
     width: Hn(g.width),
     height: Hn(g.height),
-    ...Vl,
+    ...Pl,
     ...b ? Jt : Ti,
     ...c
   }, Tn("span", s);
@@ -1114,7 +1114,7 @@ if (typeof document < "u" && typeof window < "u") {
       }
   }
 }
-const Pl = {
+const Vl = {
   ..._t,
   body: ""
 }, Al = ri({
@@ -1166,7 +1166,7 @@ const Pl = {
     this.counter;
     const e = this.$attrs, n = this.iconMounted ? this.getIcon(e.icon, e.onLoad) : null;
     if (!n)
-      return qn(Pl, e);
+      return qn(Vl, e);
     let t = e;
     return n.classes && (t = {
       ...e,
@@ -1176,7 +1176,7 @@ const Pl = {
       ...n.data
     }, t);
   }
-}), V = (e, n) => {
+}), P = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [s, i] of n)
     t[s] = i;
@@ -1240,7 +1240,7 @@ function ql(e, n, t, s, i, o) {
     title: t.tooltip
   }, null, 10, Hl));
 }
-const W = /* @__PURE__ */ V(El, [["render", ql]]);
+const W = /* @__PURE__ */ P(El, [["render", ql]]);
 function Se(e, n) {
   return wt(e, "EditComponentWrapper", n);
 }
@@ -1591,7 +1591,7 @@ function ls(e, n, t, s, i, o) {
     _: 3
   }, 8, ["class", "onClick", "title", "data-identifier"]);
 }
-const He = /* @__PURE__ */ V(jl, [["render", ls]]), le = {
+const He = /* @__PURE__ */ P(jl, [["render", ls]]), le = {
   inject: {
     editModeContext: {
       default: null
@@ -1820,7 +1820,7 @@ function ys(e, n, t, s, i, o) {
     _: 3
   }, 8, ["componentProps", "componentPath", "allowDeleteComponent"]));
 }
-const Y = /* @__PURE__ */ V(ss, [["render", ys]]), bs = {
+const Y = /* @__PURE__ */ P(ss, [["render", ys]]), bs = {
   name: "CmdTooltip",
   data() {
     return {
@@ -1974,7 +1974,7 @@ function Cs(e, n, t, s, i, o) {
     ])
   ], 2)) : m("", !0);
 }
-const Si = /* @__PURE__ */ V(bs, [["render", Cs]]), me = {
+const Si = /* @__PURE__ */ P(bs, [["render", Cs]]), me = {
   props: {
     /**
      * Message properties for internationalization.
@@ -2176,7 +2176,7 @@ function Is(e, n, t, s, i, o) {
     ], 64)) : m("", !0)
   ]);
 }
-const Bs = /* @__PURE__ */ V(ks, [["render", Is]]), Fs = {
+const Bs = /* @__PURE__ */ P(ks, [["render", Is]]), Fs = {
   name: "CmdTooltipForFormElements",
   props: {
     /**
@@ -2243,7 +2243,7 @@ function Ds(e, n, t, s, i, o) {
     _: 1
   }, 8, ["class", "relatedId"]);
 }
-const mn = /* @__PURE__ */ V(Fs, [["render", Ds]]), hn = {
+const mn = /* @__PURE__ */ P(Fs, [["render", Ds]]), hn = {
   data() {
     return {
       defaultMessageProperties: {
@@ -2494,7 +2494,7 @@ const mn = /* @__PURE__ */ V(Fs, [["render", Ds]]), hn = {
     }
   }
 };
-function Vs(e = "special character - replace with getMessage") {
+function Ps(e = "special character - replace with getMessage") {
   return {
     message: e,
     valid(n) {
@@ -2502,7 +2502,7 @@ function Vs(e = "special character - replace with getMessage") {
     }
   };
 }
-function Ps(e = "Field contains numbers") {
+function Vs(e = "Field contains numbers") {
   return {
     message: e,
     // short for message: message
@@ -2566,10 +2566,10 @@ const kt = {
       return e.map((n) => n.replace(/\s/g, "")).join("");
     }
   }
-}, Pt = {};
+}, Vt = {};
 function qs(e = "defaultSequence") {
-  const n = Pt[e] || 0;
-  return Pt[e] = n + 1, Pt[e];
+  const n = Vt[e] || 0;
+  return Vt[e] = n + 1, Vt[e];
 }
 const fn = {
   data() {
@@ -3108,7 +3108,7 @@ const fn = {
   class: "search-field-wrapper flex-container no-gap"
 }, ma = ["id", "maxlength", "value"], ha = ["title"], pa = ["title"], fa = { key: 1 };
 function ga(e, n, t, s, i, o) {
-  var u, g, p, f, C, b, L, v, B, F, D, M, G, j, P, N, J, $, Z, ee, se, ce, ue, ne;
+  var u, g, p, f, C, b, L, v, B, F, D, M, G, j, V, N, J, $, Z, ee, se, ce, ue, ne;
   const d = W, c = mn;
   return t.element === "input" || t.element === "select" || t.element === "textarea" ? (l(), r("label", {
     key: 0,
@@ -3324,7 +3324,7 @@ function ga(e, n, t, s, i, o) {
       iconClass: (M = (D = t.nativeButton) == null ? void 0 : D.icon) == null ? void 0 : M.iconClass,
       type: (j = (G = t.nativeButton) == null ? void 0 : G.icon) == null ? void 0 : j.iconType
     }, null, 8, ["iconClass", "type"])) : m("", !0),
-    (P = t.nativeButton) != null && P.icon && ((N = t.nativeButton) != null && N.text) ? (l(), r("span", fa, y(t.nativeButton.text), 1)) : (l(), r(S, { key: 2 }, [
+    (V = t.nativeButton) != null && V.icon && ((N = t.nativeButton) != null && N.text) ? (l(), r("span", fa, y(t.nativeButton.text), 1)) : (l(), r(S, { key: 2 }, [
       E(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(), w(d, {
@@ -3334,7 +3334,7 @@ function ga(e, n, t, s, i, o) {
     }, null, 8, ["iconClass", "type"])) : m("", !0)
   ], 16)) : m("", !0);
 }
-const te = /* @__PURE__ */ V(Ns, [["render", ga]]), ya = {
+const te = /* @__PURE__ */ P(Ns, [["render", ga]]), ya = {
   name: "CmdAddressDataItem",
   mixins: [le],
   data() {
@@ -3456,10 +3456,10 @@ const te = /* @__PURE__ */ V(Ns, [["render", ga]]), ya = {
 }, Fa = { class: "street-address" }, Da = /* @__PURE__ */ a("br", null, null, -1), Ma = {
   key: 0,
   class: "postal-code"
-}, Va = {
+}, Pa = {
   key: 1,
   class: "locality"
-}, Pa = /* @__PURE__ */ a("br", null, null, -1), Aa = /* @__PURE__ */ a("br", null, null, -1), Ea = {
+}, Va = /* @__PURE__ */ a("br", null, null, -1), Aa = /* @__PURE__ */ a("br", null, null, -1), Ea = {
   key: 3,
   class: "country-name"
 };
@@ -3598,14 +3598,14 @@ function Ha(e, n, t, s, i, o) {
             class: _(t.showCityBeforeZip ? "city-zip" : "zip-city")
           }, [
             t.addressEntry.zip ? (l(), r("span", Ma, y(t.addressEntry.zip), 1)) : m("", !0),
-            t.addressEntry.city ? (l(), r("span", Va, [
+            t.addressEntry.city ? (l(), r("span", Pa, [
               E(y(t.addressEntry.city), 1),
               t.addressEntry.state ? (l(), r(S, { key: 0 }, [
                 E(" " + y(t.addressEntry.state), 1)
               ], 64)) : m("", !0)
             ])) : m("", !0)
           ], 2)) : m("", !0),
-          Pa,
+          Va,
           t.addressEntry.miscInfo ? (l(), r(S, { key: 2 }, [
             a("span", null, y(t.addressEntry.miscInfo), 1),
             Aa
@@ -3616,7 +3616,7 @@ function Ha(e, n, t, s, i, o) {
     ])) : m("", !0)
   ], 64);
 }
-const qa = /* @__PURE__ */ V(ya, [["render", Ha]]), Ra = {
+const qa = /* @__PURE__ */ P(ya, [["render", Ha]]), Ra = {
   name: "CmdAddressData",
   mixins: [le],
   props: {
@@ -3891,7 +3891,7 @@ function mr(e, n, t, s, i, o) {
     ], 64))
   ]);
 }
-const Li = /* @__PURE__ */ V(Ra, [["render", mr]]), hr = {
+const Li = /* @__PURE__ */ P(Ra, [["render", mr]]), hr = {
   name: "CmdBackToTopButton",
   data() {
     var e;
@@ -3956,7 +3956,7 @@ const Li = /* @__PURE__ */ V(Ra, [["render", mr]]), hr = {
 }, pr = ["title"];
 function fr(e, n, t, s, i, o) {
   const d = W;
-  return l(), w(Pe, { name: "fade" }, {
+  return l(), w(Ve, { name: "fade" }, {
     default: k(() => [
       o.show ? (l(), r("a", {
         key: 0,
@@ -3976,7 +3976,7 @@ function fr(e, n, t, s, i, o) {
     _: 1
   });
 }
-const gr = /* @__PURE__ */ V(hr, [["render", fr]]), yr = {
+const gr = /* @__PURE__ */ P(hr, [["render", fr]]), yr = {
   name: "CmdBankAccountData",
   props: {
     /**
@@ -4066,7 +4066,7 @@ function wr(e, n, t, s, i, o) {
     ], 64))
   ]);
 }
-const kr = /* @__PURE__ */ V(yr, [["render", wr]]), vr = {
+const kr = /* @__PURE__ */ P(yr, [["render", wr]]), vr = {
   name: "CmdSystemMessage",
   mixins: [kt],
   data() {
@@ -4163,7 +4163,7 @@ const kr = /* @__PURE__ */ V(yr, [["render", wr]]), vr = {
 }, Tr = ["role", "aria-labelledby"], Sr = ["title"];
 function Or(e, n, t, s, i, o) {
   const d = W, c = Y;
-  return l(), w(Pe, {
+  return l(), w(Ve, {
     name: t.useTransition ? "fade" : null
   }, {
     default: k(() => [
@@ -4199,7 +4199,7 @@ function Or(e, n, t, s, i, o) {
     _: 3
   }, 8, ["name"]);
 }
-const et = /* @__PURE__ */ V(vr, [["render", Or]]), Lr = {
+const et = /* @__PURE__ */ P(vr, [["render", Or]]), Lr = {
   name: "CmdForm",
   components: { CmdSystemMessage: et },
   emits: ["submit"],
@@ -4339,7 +4339,7 @@ const et = /* @__PURE__ */ V(vr, [["render", Or]]), Lr = {
 }, Ir = ["action", "data-use-validation", "novalidate", "method"], Br = { class: "flex-container" }, Fr = ["type"], Dr = { key: 1 }, Mr = {
   key: 0,
   class: "button-wrapper"
-}, Vr = ["type"], Pr = { key: 1 };
+}, Pr = ["type"], Vr = { key: 1 };
 function Ar(e, n, t, s, i, o) {
   const d = et, c = te;
   return l(), r("form", {
@@ -4402,14 +4402,14 @@ function Ar(e, n, t, s, i, o) {
             key: 0,
             class: _(o.submitButtonOptions.iconClass)
           }, null, 2)) : m("", !0),
-          o.submitButtonOptions.text ? (l(), r("span", Pr, y(o.submitButtonOptions.text), 1)) : m("", !0)
-        ], 10, Vr)
+          o.submitButtonOptions.text ? (l(), r("span", Vr, y(o.submitButtonOptions.text), 1)) : m("", !0)
+        ], 10, Pr)
       ])) : m("", !0),
       H(e.$slots, "button-row")
     ], 64)) : H(e.$slots, "default", { key: 1 })
   ], 42, Ir);
 }
-const Ii = /* @__PURE__ */ V(Lr, [["render", Ar]]), Er = {
+const Ii = /* @__PURE__ */ P(Lr, [["render", Ar]]), Er = {
   data() {
     return {
       defaultMessageProperties: {
@@ -4450,19 +4450,8 @@ const Ii = /* @__PURE__ */ V(Lr, [["render", Ar]]), Er = {
     this.label = n;
   }
   validate(n) {
-    return [n.lastName.error, n.lastName.errorMessage] = this.validateRequired(
-      n.lastName.value,
-      Te.PATTERN_SURNAME,
-      this.label("form_error_invalid_surname")
-    )[n.email.error, n.email.errorMessage] = this.validateRequired(
-      n.email.value,
-      Te.PATTERN_EMAIL,
-      this.label("form_error_invalid_email")
-    )[n.userMessage.error, n.userMessage.errorMessage] = this.validateRequired(
-      n.userMessage.value,
-      Te.PATTERN_MESSAGE,
-      this.label("form_error_invalid_message")
-    ), n.acceptPrivacy.error = !1, n.error = n.lastName.error || n.email.error || n.userMessage.error, n;
+    const t = this.validateRequired(n.lastName.value, Te.PATTERN_SURNAME, this.label("form_error_invalid_surname")), s = this.validateRequired(n.email.value, Te.PATTERN_EMAIL, this.label("form_error_invalid_email")), i = this.validateRequired(n.userMessage.value, Te.PATTERN_MESSAGE, this.label("form_error_invalid_message"));
+    return n.lastName.error = t[0], n.lastName.errorMessage = t[1], n.email.error = s[0], n.email.errorMessage = s[1], n.userMessage.error = i[0], n.userMessage.errorMessage = i[1], console.log("validate", n.email), n.acceptPrivacy.error = !1, n.error = n.lastName.error || n.email.error || n.userMessage.error, n;
   }
   validatePrivacy(n) {
     return n.acceptPrivacy.error = !n.acceptPrivacy.value, n.acceptPrivacy.errorMessage = n.acceptPrivacy.error ? this.label("form_error_missing_privacy_consent") : "", n.error = n.error || n.acceptPrivacy.error, n;
@@ -4746,12 +4735,12 @@ function Qr(e, n, t, s, i, o) {
     itemProvider: ((u = e.editModeConfig) == null ? void 0 : u.allowAddItem) !== !1 ? o.itemProvider : null
   }, {
     default: k((j) => {
-      var P, N, J, $, Z, ee, se, ce, ue, ne, A, ae;
+      var V, N, J, $, Z, ee, se, ce, ue, ne, A, ae;
       return [
         a("figure", {
           class: _(["cmd-image flex-container no-gap vertical", o.textAlign])
         }, [
-          (P = t.figcaption) != null && P.show && ((N = t.figcaption) == null ? void 0 : N.position) === "top" ? (l(), r(S, { key: 0 }, [
+          (V = t.figcaption) != null && V.show && ((N = t.figcaption) == null ? void 0 : N.position) === "top" ? (l(), r(S, { key: 0 }, [
             j.editing ? (l(), w(d, {
               key: 0,
               element: "input",
@@ -4849,7 +4838,7 @@ function Qr(e, n, t, s, i, o) {
     onLoad: n[5] || (n[5] = (...j) => o.onImageLoaded && o.onImageLoaded(...j))
   }, null, 40, Zr));
 }
-const Ce = /* @__PURE__ */ V(Hr, [["render", Qr]]), Xr = {
+const Ce = /* @__PURE__ */ P(Hr, [["render", Qr]]), Xr = {
   data() {
     return {
       defaultMessageProperties: {
@@ -4929,7 +4918,7 @@ function td(e, n, t, s, i, o) {
     }, null, 8, ["type", "iconClass"])
   ], 10, ed);
 }
-const vt = /* @__PURE__ */ V($r, [["render", td]]), nd = {
+const vt = /* @__PURE__ */ P($r, [["render", td]]), nd = {
   data() {
     return {
       defaultMessageProperties: {
@@ -5249,7 +5238,7 @@ function md(e, n, t, s, i, o) {
     ])
   ], 2);
 }
-const Bi = /* @__PURE__ */ V(id, [["render", md]]), ye = (e) => {
+const Bi = /* @__PURE__ */ P(id, [["render", md]]), ye = (e) => {
   const n = document.createElement("div");
   document.querySelector("body").appendChild(n), Do(Fi, {
     ...e,
@@ -5554,7 +5543,7 @@ const pd = Fi, fd = ["aria-label"], gd = { class: "flex-container" }, yd = {
   class: "flex-container no-flex"
 }, Od = ["title"], Ld = { key: 1 }, Id = ["title"], Bd = { key: 1 };
 function Fd(e, n, t, s, i, o) {
-  var f, C, b, L, v, B, F, D, M, G, j, P, N, J, $, Z, ee, se, ce, ue, ne, A, ae, ie, Le, Ie, we, Be, Fe, De, ke;
+  var f, C, b, L, v, B, F, D, M, G, j, V, N, J, $, Z, ee, se, ce, ue, ne, A, ae, ie, Le, Ie, we, Be, Fe, De, ke;
   const d = Y, c = W, u = Ce, g = vt, p = Bi;
   return l(), r("dialog", {
     ref: "dialog",
@@ -5589,7 +5578,7 @@ function Fd(e, n, t, s, i, o) {
             type: (j = e.fancyBoxOptionsProperties.printButtons.grayscale) == null ? void 0 : j.iconType
           }, null, 8, ["iconClass", "type"])
         ], 8, xd)) : m("", !0),
-        (P = e.fancyBoxOptionsProperties.closeIcon) != null && P.show ? (l(), r("a", {
+        (V = e.fancyBoxOptionsProperties.closeIcon) != null && V.show ? (l(), r("a", {
           key: 2,
           href: "#",
           class: "button",
@@ -5668,7 +5657,7 @@ function Fd(e, n, t, s, i, o) {
     }, null, 8, ["thumbnailScrollerItems", "onClick", "activeItemIndex"])) : m("", !0)
   ], 42, fd);
 }
-const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
+const Dd = /* @__PURE__ */ P(pd, [["render", Fd]]), Md = {
   emits: ["submit"],
   mixins: [
     me,
@@ -5681,6 +5670,7 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
   },
   data() {
     return {
+      sendSuccessfully: !1,
       validator: new Yt((e) => e),
       formData: {
         salutation: { value: this.configuration.salutation.default },
@@ -5878,6 +5868,35 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
     }
   },
   methods: {
+    /*
+            onSuccess() {
+                this.sendSuccessfully = true
+                try {
+                    // reset global validation-status
+                    this.formData.error = false
+    
+                    for (let key in this.formData) {
+                        // reset field-validation-status
+                        if(this.formData[key].error) {
+                            this.formData[key].error = false
+                        }
+    
+                        // reset field-values
+                        if(typeof this.formData[key].value === "string") {
+                            if(key === "salutation") {
+                                this.formData[key].value = this.configuration.salutation.default
+                            } else {
+                                this.formData[key].value = ""
+                            }
+                        } else if(key === "acceptPrivacy") {
+                            this.formData[key].value = false
+                        }
+                    }
+                } catch (error) {
+                    console.error(error)
+                }
+            },
+            */
     onSubmit(e) {
       if (this.onValidate(), this.formData = Object.assign({}, this.validator.validatePrivacy(this.formData)), this.formData.error || this.useNativeSubmit) {
         this.formData.error && e.originalEvent.preventDefault();
@@ -5889,6 +5908,7 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
     },
     submitForm(e) {
       var s;
+      this.sendSuccessfully = !1;
       const n = new FormData();
       e && n.set("recaptchaToken", e);
       const t = Object.keys(this.configuration);
@@ -5896,7 +5916,7 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
         n.set(this.configuration[t[i]].name, this.formData[t[i]].value);
       fetch(this.formAction, { method: ((s = this.cmdForm) == null ? void 0 : s.formMethod) || "POST", body: n }).then((i) => {
         if (i.ok) {
-          this.$refs.form.showMessage("success", this.getMessage("basic_form.system_message.success.message_sent_successfully"));
+          this.sendSuccessfully = !0, this.$refs.form.showMessage("success", this.getMessage("basic_form.system_message.success.message_sent_successfully"));
           try {
             this.formData.error = !1;
             for (let o in this.formData)
@@ -5928,7 +5948,7 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
       this.cityBeforeZip = this.showCityBeforeZip;
     }
   }
-}, Vd = { class: "cmd-pages-basic-form" }, Pd = {
+}, Pd = { class: "cmd-pages-basic-form" }, Vd = {
   key: 0,
   class: "flex-container no-flex row-for-small order-male-female"
 }, Ad = {
@@ -5943,10 +5963,11 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
 }, qd = ["innerHTML"];
 function Rd(e, n, t, s, i, o) {
   const d = Y, c = te, u = Ii;
-  return l(), r("div", Vd, [
+  return l(), r("div", Pd, [
     t.cmdHeadline ? (l(), w(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
     h(u, I({
       onSubmit: o.onSubmit,
+      class: { "send-success": i.sendSuccessfully },
       novalidate: "novalidate"
     }, t.cmdForm, {
       legend: t.legend,
@@ -5955,9 +5976,9 @@ function Rd(e, n, t, s, i, o) {
       ref: "form"
     }), {
       default: k(() => {
-        var g, p, f, C, b, L, v, B, F, D, M, G, j, P, N, J, $, Z, ee, se, ce, ue, ne, A, ae, ie, Le, Ie, we, Be, Fe, De, ke, re, it, ot, lt, st, ze, at, qe;
+        var g, p, f, C, b, L, v, B, F, D, M, G, j, V, N, J, $, Z, ee, se, ce, ue, ne, A, ae, ie, Le, Ie, we, Be, Fe, De, ke, re, it, ot, lt, st, ze, at, qe;
         return [
-          t.configuration.salutation ? (l(), r("div", Pd, [
+          t.configuration.salutation ? (l(), r("div", Vd, [
             h(c, {
               element: "input",
               type: "radio",
@@ -5967,9 +5988,8 @@ function Rd(e, n, t, s, i, o) {
               replaceInputType: (p = t.configuration.salutation) == null ? void 0 : p.replaceInputType,
               modelValue: i.formData.salutation.value,
               "onUpdate:modelValue": n[0] || (n[0] = (K) => i.formData.salutation.value = K),
-              i18n: e.i18n,
-              onValidate: o.onValidate
-            }, null, 8, ["labelText", "name", "replaceInputType", "modelValue", "i18n", "onValidate"]),
+              i18n: e.i18n
+            }, null, 8, ["labelText", "name", "replaceInputType", "modelValue", "i18n"]),
             h(c, {
               element: "input",
               type: "radio",
@@ -5979,9 +5999,8 @@ function Rd(e, n, t, s, i, o) {
               replaceInputType: (C = t.configuration.salutation) == null ? void 0 : C.replaceInputType,
               modelValue: i.formData.salutation.value,
               "onUpdate:modelValue": n[1] || (n[1] = (K) => i.formData.salutation.value = K),
-              i18n: e.i18n,
-              onValidate: o.onValidate
-            }, null, 8, ["labelText", "name", "replaceInputType", "modelValue", "i18n", "onValidate"])
+              i18n: e.i18n
+            }, null, 8, ["labelText", "name", "replaceInputType", "modelValue", "i18n"])
           ])) : m("", !0),
           H(e.$slots, "top"),
           t.configuration.lastName || t.configuration.firstName ? (l(), r("div", Ad, [
@@ -5998,8 +6017,8 @@ function Rd(e, n, t, s, i, o) {
               "onUpdate:modelValue": n[2] || (n[2] = (K) => i.formData.lastName.value = K),
               status: i.formData.lastName.error ? "error" : "",
               i18n: e.i18n,
-              onValidate: o.onValidate
-            }, null, 8, ["type", "labelText", "required", "name", "placeholder", "modelValue", "status", "i18n", "onValidate"])) : m("", !0),
+              showStatusIcon: !1
+            }, null, 8, ["type", "labelText", "required", "name", "placeholder", "modelValue", "status", "i18n"])) : m("", !0),
             t.configuration.firstName ? (l(), w(c, {
               key: 1,
               element: "input",
@@ -6012,9 +6031,8 @@ function Rd(e, n, t, s, i, o) {
               modelValue: i.formData.firstName.value,
               "onUpdate:modelValue": n[3] || (n[3] = (K) => i.formData.firstName.value = K),
               status: i.formData.firstName.error ? "error" : "",
-              i18n: e.i18n,
-              onValidate: o.onValidate
-            }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n", "onValidate"])) : m("", !0)
+              i18n: e.i18n
+            }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n"])) : m("", !0)
           ])) : m("", !0),
           t.configuration.email || t.configuration.phone ? (l(), r("div", Ed, [
             t.configuration.email ? (l(), w(c, {
@@ -6030,12 +6048,12 @@ function Rd(e, n, t, s, i, o) {
               "onUpdate:modelValue": n[4] || (n[4] = (K) => i.formData.email.value = K),
               status: i.formData.email.error ? "error" : "",
               i18n: e.i18n,
-              onValidate: o.onValidate
-            }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n", "onValidate"])) : m("", !0),
+              showStatusIcon: !1
+            }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n"])) : m("", !0),
             t.configuration.phone ? (l(), w(c, {
               key: 1,
               element: "input",
-              type: ((P = t.configuration.phone) == null ? void 0 : P.type) || "tel",
+              type: ((V = t.configuration.phone) == null ? void 0 : V.type) || "tel",
               iconClass: "icon-phone",
               labelText: e.getMessage("basic_form.labeltext.phone"),
               placeholder: e.getMessage("basic_form.placeholder.phone"),
@@ -6044,9 +6062,8 @@ function Rd(e, n, t, s, i, o) {
               required: (N = t.configuration.phone) == null ? void 0 : N.required,
               name: (J = t.configuration.phone) == null ? void 0 : J.name,
               status: i.formData.phone.error ? "error" : "",
-              i18n: e.i18n,
-              onValidate: o.onValidate
-            }, null, 8, ["type", "labelText", "placeholder", "modelValue", "required", "name", "status", "i18n", "onValidate"])) : m("", !0)
+              i18n: e.i18n
+            }, null, 8, ["type", "labelText", "placeholder", "modelValue", "required", "name", "status", "i18n"])) : m("", !0)
           ])) : m("", !0),
           t.configuration.streetNo || t.configuration.streetNo || t.configuration.zip && t.configuration.city ? (l(), r("div", Hd, [
             t.configuration.country ? (l(), w(c, {
@@ -6062,9 +6079,8 @@ function Rd(e, n, t, s, i, o) {
                 o.onCountrySelect
               ],
               status: i.formData.country.error ? "error" : "",
-              i18n: e.i18n,
-              onValidate: o.onValidate
-            }, null, 8, ["labelText", "selectOptions", "required", "name", "modelValue", "status", "i18n", "onValidate", "onUpdate:modelValue"])) : m("", !0),
+              i18n: e.i18n
+            }, null, 8, ["labelText", "selectOptions", "required", "name", "modelValue", "status", "i18n", "onUpdate:modelValue"])) : m("", !0),
             t.configuration.streetNo ? (l(), w(c, {
               key: 1,
               element: "input",
@@ -6076,9 +6092,8 @@ function Rd(e, n, t, s, i, o) {
               modelValue: i.formData.streetNo.value,
               "onUpdate:modelValue": n[7] || (n[7] = (K) => i.formData.streetNo.value = K),
               status: i.formData.streetNo.error ? "error" : "",
-              i18n: e.i18n,
-              onValidate: o.onValidate
-            }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n", "onValidate"])) : m("", !0),
+              i18n: e.i18n
+            }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n"])) : m("", !0),
             t.configuration.pobox ? (l(), w(c, {
               key: 2,
               element: "input",
@@ -6090,9 +6105,8 @@ function Rd(e, n, t, s, i, o) {
               modelValue: i.formData.pobox.value,
               "onUpdate:modelValue": n[8] || (n[8] = (K) => i.formData.pobox.value = K),
               status: i.formData.pobox.error ? "error" : "",
-              i18n: e.i18n,
-              onValidate: o.onValidate
-            }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n", "onValidate"])) : m("", !0),
+              i18n: e.i18n
+            }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n"])) : m("", !0),
             a("div", {
               class: _(["input-wrapper", i.cityBeforeZip ? "order-city-zip" : "order-zip-city"])
             }, [
@@ -6108,9 +6122,8 @@ function Rd(e, n, t, s, i, o) {
                 modelValue: i.formData.zip.value,
                 "onUpdate:modelValue": n[9] || (n[9] = (K) => i.formData.zip.value = K),
                 status: i.formData.zip.error ? "error" : "",
-                i18n: e.i18n,
-                onValidate: o.onValidate
-              }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n", "onValidate"])) : m("", !0),
+                i18n: e.i18n
+              }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n"])) : m("", !0),
               t.configuration.city ? (l(), w(c, {
                 key: 1,
                 element: "input",
@@ -6122,9 +6135,8 @@ function Rd(e, n, t, s, i, o) {
                 modelValue: i.formData.city.value,
                 "onUpdate:modelValue": n[10] || (n[10] = (K) => i.formData.city.value = K),
                 status: i.formData.city.error ? "error" : "",
-                i18n: e.i18n,
-                onValidate: o.onValidate
-              }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n", "onValidate"])) : m("", !0)
+                i18n: e.i18n
+              }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n"])) : m("", !0)
             ], 2),
             t.configuration.additionalAddressInfo ? (l(), w(c, {
               key: 3,
@@ -6137,9 +6149,8 @@ function Rd(e, n, t, s, i, o) {
               modelValue: i.formData.additionalAddressInfo.value,
               "onUpdate:modelValue": n[11] || (n[11] = (K) => i.formData.additionalAddressInfo.value = K),
               status: i.formData.additionalAddressInfo.error ? "error" : "",
-              i18n: e.i18n,
-              onValidate: o.onValidate
-            }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n", "onValidate"])) : m("", !0)
+              i18n: e.i18n
+            }, null, 8, ["type", "labelText", "placeholder", "required", "name", "modelValue", "status", "i18n"])) : m("", !0)
           ])) : m("", !0),
           t.configuration.userMessage ? (l(), w(c, {
             key: 4,
@@ -6154,8 +6165,8 @@ function Rd(e, n, t, s, i, o) {
             "onUpdate:modelValue": n[12] || (n[12] = (K) => i.formData.userMessage.value = K),
             status: i.formData.userMessage.error ? "error" : "",
             i18n: e.i18n,
-            onValidate: o.onValidate
-          }, null, 8, ["element", "labelText", "placeholder", "required", "name", "textCharactersLeft", "maxlength", "modelValue", "status", "i18n", "onValidate"])) : m("", !0),
+            showStatusIcon: !1
+          }, null, 8, ["element", "labelText", "placeholder", "required", "name", "textCharactersLeft", "maxlength", "modelValue", "status", "i18n"])) : m("", !0),
           H(e.$slots, "bottom"),
           t.configuration.acceptPrivacy ? (l(), w(c, {
             key: 5,
@@ -6167,8 +6178,7 @@ function Rd(e, n, t, s, i, o) {
             modelValue: i.formData.acceptPrivacy.value,
             "onUpdate:modelValue": n[13] || (n[13] = (K) => i.formData.acceptPrivacy.value = K),
             status: i.formData.acceptPrivacy.error ? "error" : "",
-            i18n: e.i18n,
-            onValidate: o.onValidate
+            i18n: e.i18n
           }, {
             labeltext: k(() => [
               a("span", {
@@ -6177,14 +6187,14 @@ function Rd(e, n, t, s, i, o) {
               }, null, 8, qd)
             ]),
             _: 1
-          }, 8, ["required", "name", "replaceInputType", "modelValue", "status", "i18n", "onValidate"])) : m("", !0)
+          }, 8, ["required", "name", "replaceInputType", "modelValue", "status", "i18n"])) : m("", !0)
         ];
       }),
       _: 3
-    }, 16, ["onSubmit", "legend", "submitButton", "formAction"])
+    }, 16, ["onSubmit", "class", "legend", "submitButton", "formAction"])
   ]);
 }
-const Di = /* @__PURE__ */ V(Md, [["render", Rd]]), Nd = {
+const Di = /* @__PURE__ */ P(Md, [["render", Rd]]), Nd = {
   name: "CmdInnerLink",
   props: {
     /**
@@ -6219,7 +6229,7 @@ function Gd(e, n, t, s, i, o) {
     H(e.$slots, "default")
   ], 64);
 }
-const Wd = /* @__PURE__ */ V(Nd, [["render", Gd]]), Kd = {
+const Wd = /* @__PURE__ */ P(Nd, [["render", Gd]]), Kd = {
   name: "CmdLink",
   emits: ["click"],
   props: {
@@ -6363,7 +6373,7 @@ function Zd(e, n, t, s, i, o) {
     }, 8, ["text", "icon"])
   ], 10, Yd)) : m("", !0);
 }
-const Re = /* @__PURE__ */ V(Kd, [["render", Zd]]), Qd = {
+const Re = /* @__PURE__ */ P(Kd, [["render", Zd]]), Qd = {
   name: "CmdListOfLinksItem",
   inheritAttrs: !1,
   mixins: [le],
@@ -6410,7 +6420,7 @@ function tc(e, n, t, s, i, o) {
       showLabel: !1,
       placeholder: "Linktext",
       modelValue: i.editableText,
-      "onUpdate:modelValue": n[0] || (n[0] = (P) => i.editableText = P)
+      "onUpdate:modelValue": n[0] || (n[0] = (V) => i.editableText = V)
     }, null, 8, ["modelValue"])
   ])) : (l(), r("li", Xd, [
     h(d, {
@@ -6426,14 +6436,14 @@ function tc(e, n, t, s, i, o) {
       styleAsBox: (D = t.link) == null ? void 0 : D.styleAsBox
     }, null, 8, ["linkType", "text", "path", "target", "icon", "fancybox", "tooltip", "styleAsButton", "primaryButton", "styleAsBox"]),
     (G = (M = t.link) == null ? void 0 : M.children) != null && G.length ? (l(), r("ul", $d, [
-      (l(!0), r(S, null, q((j = t.link) == null ? void 0 : j.children, (P, N) => (l(), w(c, {
+      (l(!0), r(S, null, q((j = t.link) == null ? void 0 : j.children, (V, N) => (l(), w(c, {
         key: N,
-        link: P
+        link: V
       }, null, 8, ["link"]))), 128))
     ])) : m("", !0)
   ]));
 }
-const nc = /* @__PURE__ */ V(Qd, [["render", tc]]), ic = {
+const nc = /* @__PURE__ */ P(Qd, [["render", tc]]), ic = {
   name: "CmdListOfLinks",
   emits: ["click"],
   mixins: [le],
@@ -6617,7 +6627,7 @@ function rc(e, n, t, s, i, o) {
     ], 2)
   ], 2);
 }
-const gn = /* @__PURE__ */ V(ic, [["render", rc]]), dc = {
+const gn = /* @__PURE__ */ P(ic, [["render", rc]]), dc = {
   data() {
     return {
       defaultMessageProperties: {
@@ -6975,10 +6985,10 @@ const uc = ["title"], mc = {
 }, Lc = ["title"], Ic = { key: 2 }, Bc = { class: "box-header flex-container vertical" }, Fc = { key: 0 }, Dc = ["src", "alt"], Mc = {
   key: 0,
   class: "user-name"
-}, Vc = {
+}, Pc = {
   key: 0,
   class: "user-age"
-}, Pc = { key: 1 }, Ac = ["title"], Ec = {
+}, Vc = { key: 1 }, Ac = ["title"], Ec = {
   key: 0,
   class: "user-name"
 }, Hc = { class: "box-body" }, qc = {
@@ -7016,7 +7026,7 @@ function Gc(e, n, t, s, i, o) {
       href: "#",
       class: "box-header",
       title: i.open ? t.iconOpen.tooltip : t.iconClosed.tooltip,
-      onClick: n[0] || (n[0] = T((...P) => o.toggleContentVisibility && o.toggleContentVisibility(...P), ["prevent"]))
+      onClick: n[0] || (n[0] = T((...V) => o.toggleContentVisibility && o.toggleContentVisibility(...V), ["prevent"]))
     }, [
       (f = t.useSlots) != null && f.includes("header") ? H(e.$slots, "header", { key: 0 }) : (C = t.cmdHeadline) != null && C.headlineText && t.headlinePosition === "header" ? (l(), w(d, R(I({ key: 1 }, t.cmdHeadline)), null, 16)) : m("", !0),
       h(c, {
@@ -7041,9 +7051,9 @@ function Gc(e, n, t, s, i, o) {
         style: ft(t.allowContentToScroll ? "max-height: " + i.calculatedBodyHeight : null)
       }, [
         H(e.$slots, "body", {}, () => {
-          var P;
+          var V;
           return [
-            (P = t.cmdHeadline) != null && P.headlineText && t.headlinePosition === "body" ? (l(), w(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
+            (V = t.cmdHeadline) != null && V.headlineText && t.headlinePosition === "body" ? (l(), w(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
             t.cmdIcon !== void 0 ? (l(), r("div", hc, [
               h(c, {
                 iconClass: t.cmdIcon.iconClass,
@@ -7103,7 +7113,7 @@ function Gc(e, n, t, s, i, o) {
     key: 1,
     class: _(["cmd-box box product", { "stretch-vertically": t.stretchVertically, "stretch-horizontally": t.stretchHorizontally, "row-view": t.rowView }]),
     href: "#",
-    onClick: n[2] || (n[2] = T((P) => o.clickOnProduct(t.product), ["prevent"]))
+    onClick: n[2] || (n[2] = T((V) => o.clickOnProduct(t.product), ["prevent"]))
   }, [
     a("div", xc, [
       t.product.image !== void 0 ? (l(), r("figure", _c, [
@@ -7150,9 +7160,9 @@ function Gc(e, n, t, s, i, o) {
         }, null, 8, Dc),
         t.rowView ? m("", !0) : (l(), r("figcaption", Mc, [
           E(y(t.user.name), 1),
-          t.user.age ? (l(), r("span", Vc, " (" + y(t.user.age) + ")", 1)) : m("", !0)
+          t.user.age ? (l(), r("span", Pc, " (" + y(t.user.age) + ")", 1)) : m("", !0)
         ]))
-      ])) : (l(), r("div", Pc, [
+      ])) : (l(), r("div", Vc, [
         a("span", {
           class: _(t.defaultProfileIconClass),
           title: t.user.name
@@ -7167,7 +7177,7 @@ function Gc(e, n, t, s, i, o) {
       t.user.description ? (l(), r("p", Uc, y(t.user.description), 1)) : m("", !0)
     ]),
     t.user.tags && t.user.tags.length ? (l(), r("ul", jc, [
-      (l(!0), r(S, null, q(t.user.tags, (P, N) => (l(), r("li", { key: N }, y(P), 1))), 128))
+      (l(!0), r(S, null, q(t.user.tags, (V, N) => (l(), r("li", { key: N }, y(V), 1))), 128))
     ])) : m("", !0),
     t.user.links && t.user.links.length ? (l(), r("div", zc, [
       h(p, {
@@ -7178,7 +7188,7 @@ function Gc(e, n, t, s, i, o) {
     ])) : m("", !0)
   ], 2)) : m("", !0);
 }
-const bn = /* @__PURE__ */ V(yn, [["render", Gc]]), xn = {
+const bn = /* @__PURE__ */ P(yn, [["render", Gc]]), xn = {
   name: "CmdBoxWrapper",
   data() {
     return {
@@ -7421,7 +7431,7 @@ function Zc(e, n, t, s, i, o) {
     ], 2)
   ]);
 }
-const Mi = /* @__PURE__ */ V(xn, [["render", Zc]]);
+const Mi = /* @__PURE__ */ P(xn, [["render", Zc]]);
 function Ne(e) {
   return e.path ? e.path : ((e.route == null || typeof e.route != "object" || !e.route.path && !e.route.name) && console.error("Error in router configuration. Expected object with 'path' or 'name', got", e.route), e.route);
 }
@@ -7502,7 +7512,7 @@ function su(e, n, t, s, i, o) {
     ]))), 128))
   ]);
 }
-const Vi = /* @__PURE__ */ V(Qc, [["render", su]]), au = {
+const Pi = /* @__PURE__ */ P(Qc, [["render", su]]), au = {
   name: "CmdCompanyLogo",
   data() {
     return {
@@ -7615,7 +7625,7 @@ function cu(e, n, t, s, i, o) {
     }, null, 8, ["image", "onImageLoaded"]))
   ]);
 }
-const Pi = /* @__PURE__ */ V(au, [["render", cu]]), uu = {
+const Vi = /* @__PURE__ */ P(au, [["render", cu]]), uu = {
   name: "CmdContainer",
   props: {
     /**
@@ -7729,7 +7739,7 @@ function fu(e, n, t, s, i, o) {
     }, null, 8, pu)) : m("", !0)
   ]);
 }
-const gu = /* @__PURE__ */ V(uu, [["render", fu]]), yu = {
+const gu = /* @__PURE__ */ P(uu, [["render", fu]]), yu = {
   data() {
     return {
       defaultMessageProperties: {
@@ -7881,10 +7891,10 @@ const gu = /* @__PURE__ */ V(uu, [["render", fu]]), yu = {
 }, wu = ["onClick", "title"], ku = { class: "collapsible-box-body" }, vu = { key: 0 }, Tu = { key: 1 }, Su = ["href", "target"], Ou = /* @__PURE__ */ a("hr", null, null, -1), Lu = {
   key: 1,
   class: "flex-container vertical"
-}, Iu = ["onClick", "title"], Bu = { class: "collapsible-box-body" }, Fu = { key: 0 }, Du = { key: 1 }, Mu = ["href", "target"], Vu = ["innerHTML"], Pu = { class: "button-wrapper align-center" };
+}, Iu = ["onClick", "title"], Bu = { class: "collapsible-box-body" }, Fu = { key: 0 }, Du = { key: 1 }, Mu = ["href", "target"], Pu = ["innerHTML"], Vu = { class: "button-wrapper align-center" };
 function Au(e, n, t, s, i, o) {
   const d = Y, c = te;
-  return l(), w(Pe, { name: "fade" }, {
+  return l(), w(Ve, { name: "fade" }, {
     default: k(() => {
       var u, g, p;
       return [
@@ -8005,8 +8015,8 @@ function Au(e, n, t, s, i, o) {
               key: 1,
               class: "privacy-text",
               innerHTML: e.getMessage("cookie_disclaimer.text.data_privacy")
-            }, null, 8, Vu)) : m("", !0),
-            a("div", Pu, [
+            }, null, 8, Pu)) : m("", !0),
+            a("div", Vu, [
               a("button", {
                 type: "button",
                 onClick: n[4] || (n[4] = (...f) => o.acceptCurrentCookies && o.acceptCurrentCookies(...f))
@@ -8028,7 +8038,7 @@ function Au(e, n, t, s, i, o) {
     _: 3
   });
 }
-const Eu = /* @__PURE__ */ V(bu, [["render", Au]]), Hu = {
+const Eu = /* @__PURE__ */ P(bu, [["render", Au]]), Hu = {
   name: "CmdCopyrightWrapper"
 }, qu = {
   class: "cmd-copyright-information",
@@ -8044,7 +8054,7 @@ const Eu = /* @__PURE__ */ V(bu, [["render", Au]]), Hu = {
 function Uu(e, n, t, s, i, o) {
   return l(), r("div", qu, Nu);
 }
-const ju = /* @__PURE__ */ V(Hu, [["render", Uu]]), zu = {
+const ju = /* @__PURE__ */ P(Hu, [["render", Uu]]), zu = {
   data() {
     return {
       defaultMessageProperties: {
@@ -8515,7 +8525,7 @@ function mm(e, n, t, s, i, o) {
     ], 42, Qu)
   ], 10, Wu);
 }
-const Ai = /* @__PURE__ */ V(Gu, [["render", mm]]), hm = {
+const Ai = /* @__PURE__ */ P(Gu, [["render", mm]]), hm = {
   name: "CmdFormFilters",
   data() {
     return {
@@ -8626,7 +8636,7 @@ function bm(e, n, t, s, i, o) {
     ]))), 128))
   ])) : m("", !0);
 }
-const Ei = /* @__PURE__ */ V(hm, [["render", bm]]), xm = {
+const Ei = /* @__PURE__ */ P(hm, [["render", bm]]), xm = {
   data() {
     return {
       defaultMessageProperties: {
@@ -8726,7 +8736,7 @@ function vm(e, n, t, s, i, o) {
     }))
   ]);
 }
-const Ri = /* @__PURE__ */ V(Cm, [["render", vm]]), Tm = {
+const Ri = /* @__PURE__ */ P(Cm, [["render", vm]]), Tm = {
   name: "CmdImageGallery",
   mixins: [le],
   props: {
@@ -8863,7 +8873,7 @@ function Fm(e, n, t, s, i, o) {
     ], 64))
   ]);
 }
-const Dm = /* @__PURE__ */ V(Tm, [["render", Fm]]), Mm = {
+const Dm = /* @__PURE__ */ P(Tm, [["render", Fm]]), Mm = {
   name: "CmdImageZoom",
   props: {
     /**
@@ -8908,10 +8918,10 @@ function Gn(e, n) {
 function Wn(e, n, t) {
   return e < n ? n : e > t ? t : e;
 }
-const Vm = { class: "cmd-image-zoom flex-container" }, Pm = ["title"], Am = { class: "zoom-container" }, Em = /* @__PURE__ */ a("div", { class: "zoom-overlay" }, null, -1);
+const Pm = { class: "cmd-image-zoom flex-container" }, Vm = ["title"], Am = { class: "zoom-container" }, Em = /* @__PURE__ */ a("div", { class: "zoom-overlay" }, null, -1);
 function Hm(e, n, t, s, i, o) {
   const d = Ce;
-  return l(), r("div", Vm, [
+  return l(), r("div", Pm, [
     a("a", {
       href: "#",
       class: "no-flex thumbnails-imagezoom",
@@ -8923,14 +8933,14 @@ function Hm(e, n, t, s, i, o) {
         onMousemove: o.onMouseMove,
         onMouseout: o.onMouseOut
       }), null, 16, ["onMouseover", "onMousemove", "onMouseout"])
-    ], 8, Pm),
+    ], 8, Vm),
     a("div", Am, [
       h(d, I(t.imageLarge, { useFigureTag: !1 }), null, 16)
     ]),
     Em
   ]);
 }
-const qm = /* @__PURE__ */ V(Mm, [["render", Hm]]), Rm = {
+const qm = /* @__PURE__ */ P(Mm, [["render", Hm]]), Rm = {
   mixins: [
     hn,
     pn,
@@ -9208,7 +9218,7 @@ function Zm(e, n, t, s, i, o) {
     ], 2))
   ], 10, Nm);
 }
-const Ni = /* @__PURE__ */ V(Rm, [["render", Zm]]), Qm = {
+const Ni = /* @__PURE__ */ P(Rm, [["render", Zm]]), Qm = {
   name: "CmdLoginForm",
   data() {
     return {
@@ -9616,7 +9626,7 @@ function rh(e, n, t, s, i, o) {
     ])
   ], 64);
 }
-const dh = /* @__PURE__ */ V(Qm, [["render", rh]]), ch = {
+const dh = /* @__PURE__ */ P(Qm, [["render", rh]]), ch = {
   name: "CmdMainNavigation",
   data() {
     return {
@@ -9956,7 +9966,7 @@ function kh(e, n, t, s, i, o) {
     ])) : m("", !0)
   ], 2);
 }
-const Ui = /* @__PURE__ */ V(ch, [["render", kh]]), vh = {
+const Ui = /* @__PURE__ */ P(ch, [["render", kh]]), vh = {
   name: "CmdMultistepFormProgressBar",
   data() {
     return {
@@ -10036,7 +10046,7 @@ function Oh(e, n, t, s, i, o) {
     ], 2))), 128))
   ], 2);
 }
-const Lh = /* @__PURE__ */ V(vh, [["render", Oh]]), Ih = {
+const Lh = /* @__PURE__ */ P(vh, [["render", Oh]]), Ih = {
   name: "CmdNewsletterSubscription",
   emits: ["button-click"],
   data() {
@@ -10223,7 +10233,7 @@ function Dh(e, n, t, s, i, o) {
     ])
   ]);
 }
-const Mh = /* @__PURE__ */ V(Ih, [["render", Dh]]);
+const Mh = /* @__PURE__ */ P(Ih, [["render", Dh]]);
 function Kn(e, n, t, s = !0, i = !0) {
   function o(d, c) {
     return c && d < 10 ? "0" + d : d;
@@ -10236,7 +10246,7 @@ function Kn(e, n, t, s = !0, i = !0) {
     return o(d, s) + e + o(c, !0) + n;
   };
 }
-const Vh = {
+const Ph = {
   name: "CmdOpeningHoursItem",
   mixins: [le],
   data() {
@@ -10324,7 +10334,7 @@ const Vh = {
       deep: !0
     }
   }
-}, Ph = { class: "cmd-opening-hours-item" }, Ah = {
+}, Vh = { class: "cmd-opening-hours-item" }, Ah = {
   key: 0,
   class: "am"
 }, Eh = {
@@ -10439,7 +10449,7 @@ function Gh(e, n, t, s, i, o) {
       ])
     ])
   ], 64)) : (l(), r(S, { key: 0 }, [
-    a("dt", Ph, y(t.day.day), 1),
+    a("dt", Vh, y(t.day.day), 1),
     a("dd", null, [
       t.day.am ? (l(), r("span", Ah, [
         t.day.am.displayText ? (l(), r(S, { key: 0 }, [
@@ -10458,7 +10468,7 @@ function Gh(e, n, t, s, i, o) {
     ])
   ], 64));
 }
-const Wh = /* @__PURE__ */ V(Vh, [["render", Gh]]);
+const Wh = /* @__PURE__ */ P(Ph, [["render", Gh]]);
 function Kh(e) {
   return (n, t) => {
     const s = /* @__PURE__ */ new Date();
@@ -10835,7 +10845,7 @@ function ap(e, n, t, s, i, o) {
     ])) : m("", !0)
   ]);
 }
-const rp = /* @__PURE__ */ V(Yh, [["render", ap]]), dp = {
+const rp = /* @__PURE__ */ P(Yh, [["render", ap]]), dp = {
   data() {
     return {
       defaultMessageProperties: {
@@ -10990,7 +11000,7 @@ function xp(e, n, t, s, i, o) {
     ], 10, yp)
   ]);
 }
-const _p = /* @__PURE__ */ V(cp, [["render", xp]]), Cp = {
+const _p = /* @__PURE__ */ P(cp, [["render", xp]]), Cp = {
   name: "CmdSocialNetworksItem",
   data() {
     return {
@@ -11111,7 +11121,7 @@ function Tp(e, n, t, s, i, o) {
     ], 10, kp))
   ]);
 }
-const Sp = /* @__PURE__ */ V(Cp, [["render", Tp]]), Op = {
+const Sp = /* @__PURE__ */ P(Cp, [["render", Tp]]), Op = {
   name: "CmdSocialNetworks",
   mixins: [le],
   data() {
@@ -11330,7 +11340,7 @@ function Bp(e, n, t, s, i, o) {
     }, Ip))
   ], 2);
 }
-const ji = /* @__PURE__ */ V(Op, [["render", Bp]]), Fp = {
+const ji = /* @__PURE__ */ P(Op, [["render", Bp]]), Fp = {
   name: "CmdPageFooter",
   props: {
     /**
@@ -11417,8 +11427,8 @@ const ji = /* @__PURE__ */ V(Op, [["render", Bp]]), Fp = {
       });
     }
   }
-}, Dp = { class: "button-wrapper" }, Mp = ["title"], Vp = { key: 1 };
-function Pp(e, n, t, s, i, o) {
+}, Dp = { class: "button-wrapper" }, Mp = ["title"], Pp = { key: 1 };
+function Vp(e, n, t, s, i, o) {
   var c, u, g, p;
   const d = ji;
   return l(), r("footer", {
@@ -11443,12 +11453,12 @@ function Pp(e, n, t, s, i, o) {
           key: 0,
           class: _((p = o.buttonPrintViewOptions.icon) == null ? void 0 : p.iconClass)
         }, null, 2)) : m("", !0),
-        o.buttonPrintViewOptions.text ? (l(), r("span", Vp, y(o.buttonPrintViewOptions.text), 1)) : m("", !0)
+        o.buttonPrintViewOptions.text ? (l(), r("span", Pp, y(o.buttonPrintViewOptions.text), 1)) : m("", !0)
       ], 10, Mp)) : m("", !0)
     ])
   ], 2);
 }
-const Ap = /* @__PURE__ */ V(Fp, [["render", Pp]]), Ep = {
+const Ap = /* @__PURE__ */ P(Fp, [["render", Vp]]), Ep = {
   name: "CmdPageHeader",
   props: {
     /**
@@ -11474,7 +11484,7 @@ const Ap = /* @__PURE__ */ V(Fp, [["render", Pp]]), Ep = {
   class: "headline-wrapper flex-container vertical"
 };
 function Rp(e, n, t, s, i, o) {
-  const d = Vi, c = Y;
+  const d = Pi, c = Y;
   return t.cmdBreadcrumbs || t.cmdHeadline || e.$slots.default ? (l(), r("header", Hp, [
     t.cmdBreadcrumbs || t.cmdHeadline ? (l(), r("div", qp, [
       t.cmdBreadcrumbs ? (l(), w(d, R(I({ key: 0 }, t.cmdBreadcrumbs)), null, 16)) : m("", !0),
@@ -11483,7 +11493,7 @@ function Rp(e, n, t, s, i, o) {
     e.$slots.default ? H(e.$slots, "default", { key: 1 }) : m("", !0)
   ])) : m("", !0);
 }
-const Np = /* @__PURE__ */ V(Ep, [["render", Rp]]), Up = {
+const Np = /* @__PURE__ */ P(Ep, [["render", Rp]]), Up = {
   name: "CmdProgressBar",
   inheritAttrs: !1,
   data() {
@@ -11543,7 +11553,7 @@ function Kp(e, n, t, s, i, o) {
     ])
   ], 8, jp);
 }
-const Jp = /* @__PURE__ */ V(Up, [["render", Kp]]), Yp = {
+const Jp = /* @__PURE__ */ P(Up, [["render", Kp]]), Yp = {
   name: "CmdSidebar",
   data() {
     return {
@@ -11646,7 +11656,7 @@ function ef(e, n, t, s, i, o) {
     ], 8, $p)) : m("", !0)
   ], 2);
 }
-const tf = /* @__PURE__ */ V(Yp, [["render", ef]]), nf = {
+const tf = /* @__PURE__ */ P(Yp, [["render", ef]]), nf = {
   name: "CmdSiteFooter",
   props: {
     /**
@@ -11672,7 +11682,7 @@ function lf(e, n, t, s, i, o) {
     ], 2)
   ]);
 }
-const sf = /* @__PURE__ */ V(nf, [["render", lf]]), af = {
+const sf = /* @__PURE__ */ P(nf, [["render", lf]]), af = {
   name: "CmdSiteHeader",
   emits: ["offcanvas"],
   data() {
@@ -11775,7 +11785,7 @@ const sf = /* @__PURE__ */ V(nf, [["render", lf]]), af = {
 };
 function df(e, n, t, s, i, o) {
   var u, g, p, f, C, b, L, v, B;
-  const d = Pi, c = Ui;
+  const d = Vi, c = Ui;
   return l(), r("div", {
     ref: "site-header",
     class: _([
@@ -11816,7 +11826,7 @@ function df(e, n, t, s, i, o) {
     }), null, 16, ["closeOffcanvas", "onOffcanvas"])) : m("", !0)
   ], 2);
 }
-const cf = /* @__PURE__ */ V(af, [["render", df]]), uf = {
+const cf = /* @__PURE__ */ P(af, [["render", df]]), uf = {
   data() {
     return {
       defaultMessageProperties: {
@@ -12155,9 +12165,9 @@ function xf(e, n, t, s, i, o) {
           }, null, 8, ["iconClass", "type"]),
           i.showFilters ? (l(), r("span", gf, y(e.getMessage("site_search.hide_filter_options")), 1)) : (l(), r("span", yf, y(e.getMessage("site_search.show_filter_options")), 1))
         ]),
-        h(Pe, { name: "fade" }, {
+        h(Ve, { name: "fade" }, {
           default: k(() => {
-            var M, G, j, P, N;
+            var M, G, j, V, N;
             return [
               i.showFilters && ((M = t.cmdFakeSelect) != null && M.selectData.length) ? (l(), r("div", bf, [
                 h(g, {
@@ -12166,7 +12176,7 @@ function xf(e, n, t, s, i, o) {
                   modelValue: o.searchFilters,
                   "onUpdate:modelValue": n[4] || (n[4] = (J) => o.searchFilters = J),
                   defaultOptionName: (j = t.cmdFakeSelect) == null ? void 0 : j.defaultOptionName,
-                  type: (P = t.cmdFakeSelect) == null ? void 0 : P.type,
+                  type: (V = t.cmdFakeSelect) == null ? void 0 : V.type,
                   labelText: (N = t.cmdFakeSelect) == null ? void 0 : N.labelText
                 }, null, 8, ["selectData", "modelValue", "defaultOptionName", "type", "labelText"])
               ])) : m("", !0)
@@ -12184,7 +12194,7 @@ function xf(e, n, t, s, i, o) {
     }, null, 8, ["modelValue", "selectedOptionsName"])) : m("", !0)
   ], 64);
 }
-const _f = /* @__PURE__ */ V(mf, [["render", xf]]), Cf = {
+const _f = /* @__PURE__ */ P(mf, [["render", xf]]), Cf = {
   name: "CmdSlideshow",
   mixins: [le],
   data() {
@@ -12458,16 +12468,16 @@ function If(e, n, t, s, i, o) {
     ], 32)
   ], 2);
 }
-const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='850.394px'%20height='566.929px'%20viewBox='0%200%20850.394%20566.929'%20enable-background='new%200%200%20850.394%20566.929'%20xml:space='preserve'%3e%3cg%20id='it'%3e%3cg%3e%3crect%20fill='%23078E46'%20width='283.465'%20height='566.929'/%3e%3crect%20x='283.465'%20fill='%23FBFDFF'%20width='283.465'%20height='566.929'/%3e%3crect%20x='566.93'%20fill='%23D3242C'%20width='283.465'%20height='566.929'/%3e%3c/g%3e%3c/g%3e%3cg%20id='de'%3e%3cg%3e%3cdesc%3eFlag%20of%20Germany%3c/desc%3e%3crect%20id='black_stripe'%20x='0.901'%20fill='%23010202'%20width='849.492'%20height='566.929'/%3e%3crect%20id='red_stripe'%20x='0.901'%20y='188.977'%20fill='%23DD0B15'%20width='849.492'%20height='377.953'/%3e%3crect%20id='gold_stripe'%20x='0.901'%20y='377.953'%20fill='%23FFCE05'%20width='849.492'%20height='188.976'/%3e%3c/g%3e%3c/g%3e%3cg%20id='fr'%20display='none'%3e%3cg%20display='inline'%3e%3crect%20x='0.901'%20fill='%23CF1327'%20width='849.492'%20height='566.929'/%3e%3crect%20x='0.901'%20fill='%23FFFFFF'%20width='566.328'%20height='566.929'/%3e%3crect%20x='0.901'%20fill='%231D2C4E'%20width='283.164'%20height='566.929'/%3e%3c/g%3e%3c/g%3e%3cg%20id='ru'%20display='none'%3e%3cg%20display='inline'%3e%3crect%20fill='%23FFFFFF'%20width='850.395'%20height='283.465'/%3e%3crect%20y='283.465'%20fill='%23D52D1E'%20width='850.395'%20height='283.464'/%3e%3crect%20y='188.977'%20fill='%231E4295'%20width='850.395'%20height='188.977'/%3e%3c/g%3e%3c/g%3e%3cg%20id='cn'%20display='none'%3e%3cg%20display='inline'%3e%3crect%20x='0.901'%20fill='%23DF2B14'%20width='849.493'%20height='566.929'/%3e%3cg%20transform='translate(5,5)%20scale(3)'%3e%3cpath%20id='s'%20fill='%23FFDE08'%20d='M142.483,56.693l49.932,153.838L61.692,115.454h161.583L92.551,210.531L142.483,56.693z'/%3e%3c/g%3e%3cg%20transform='translate(10,2)%20rotate(23.036243)'%3e%3cpath%20id='s_1_'%20fill='%23FFDE08'%20d='M295.146,30.607l-4.728,53.71l-27.711-46.234l49.566,21.099l-52.488,12.096L295.146,30.607z'/%3e%3c/g%3e%3cg%20transform='translate(12,4)%20rotate(45.869898)'%3e%3cpath%20id='s_2_'%20fill='%23FFDE08'%20d='M361.022,93.648l-25.178,47.665l-7.617-53.376l37.503,38.701l-53.064-9.243L361.022,93.648z'/%3e%3c/g%3e%3cg%20transform='translate(12,7)%20rotate(69.945396)'%3e%3cpath%20id='s_3_'%20fill='%23FFDE08'%20d='M367.298,188.705l-42.412,33.236l14.797-51.844l18.47,50.649l-44.682-30.108L367.298,188.705z'%20/%3e%3c/g%3e%3cg%20transform='translate(10,9)%20rotate(20.659808)'%3e%3cpath%20id='s_4_'%20fill='%23FFDE08'%20d='M294.056,228.595l-2.5,53.86l-29.603-45.045l50.397,19.024l-51.942,14.264L294.056,228.595z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='uk'%20display='none'%3e%3cg%20display='inline'%3e%3crect%20y='0.002'%20fill='%23FFFFFF'%20width='850.16'%20height='566.865'/%3e%3cpolygon%20fill='%23CF172C'%20points='382.569,0%20382.569,226.625%200,226.625%200,339.948%20382.569,339.948%20382.569,566.863%20467.592,566.863%20467.592,339.948%20850.16,339.948%20850.16,226.625%20467.592,226.625%20467.592,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='495.946,0%20495.946,183.497%20771.202,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='495.946,566.863%20771.202,566.863%20495.946,383.368%20'/%3e%3cpolygon%20fill='%2325346C'%20points='78.96,566.863%20354.214,566.863%20354.214,383.368%20'/%3e%3cpolygon%20fill='%2325346C'%20points='78.96,0%20354.214,183.497%20354.214,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='0.003,188.95%20204.392,188.95%200.003,52.699%20'/%3e%3cpolygon%20fill='%2325346C'%20points='645.768,188.95%20850.16,188.95%20850.16,52.699%20'/%3e%3cpolygon%20fill='%2325346C'%20points='645.768,377.913%20850.16,514.171%20850.16,377.913%20'/%3e%3cpolygon%20fill='%2325346C'%20points='0,377.913%200,514.171%20204.392,377.913%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='802.938,0%20520.004,188.95%20567.223,188.95%20850.605,0%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='330.156,377.909%20282.937,377.909%200,566.852%2047.219,566.852%20330.602,377.909%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='0,0%200,31.692%20236.091,189.098%20283.311,189.098%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='566.696,377.832%20850.008,566.929%20850.01,535.239%20613.92,377.832%20'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Df = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Bf = /* @__PURE__ */ P(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='850.394px'%20height='566.929px'%20viewBox='0%200%20850.394%20566.929'%20enable-background='new%200%200%20850.394%20566.929'%20xml:space='preserve'%3e%3cg%20id='it'%3e%3cg%3e%3crect%20fill='%23078E46'%20width='283.465'%20height='566.929'/%3e%3crect%20x='283.465'%20fill='%23FBFDFF'%20width='283.465'%20height='566.929'/%3e%3crect%20x='566.93'%20fill='%23D3242C'%20width='283.465'%20height='566.929'/%3e%3c/g%3e%3c/g%3e%3cg%20id='de'%3e%3cg%3e%3cdesc%3eFlag%20of%20Germany%3c/desc%3e%3crect%20id='black_stripe'%20x='0.901'%20fill='%23010202'%20width='849.492'%20height='566.929'/%3e%3crect%20id='red_stripe'%20x='0.901'%20y='188.977'%20fill='%23DD0B15'%20width='849.492'%20height='377.953'/%3e%3crect%20id='gold_stripe'%20x='0.901'%20y='377.953'%20fill='%23FFCE05'%20width='849.492'%20height='188.976'/%3e%3c/g%3e%3c/g%3e%3cg%20id='fr'%20display='none'%3e%3cg%20display='inline'%3e%3crect%20x='0.901'%20fill='%23CF1327'%20width='849.492'%20height='566.929'/%3e%3crect%20x='0.901'%20fill='%23FFFFFF'%20width='566.328'%20height='566.929'/%3e%3crect%20x='0.901'%20fill='%231D2C4E'%20width='283.164'%20height='566.929'/%3e%3c/g%3e%3c/g%3e%3cg%20id='ru'%20display='none'%3e%3cg%20display='inline'%3e%3crect%20fill='%23FFFFFF'%20width='850.395'%20height='283.465'/%3e%3crect%20y='283.465'%20fill='%23D52D1E'%20width='850.395'%20height='283.464'/%3e%3crect%20y='188.977'%20fill='%231E4295'%20width='850.395'%20height='188.977'/%3e%3c/g%3e%3c/g%3e%3cg%20id='cn'%20display='none'%3e%3cg%20display='inline'%3e%3crect%20x='0.901'%20fill='%23DF2B14'%20width='849.493'%20height='566.929'/%3e%3cg%20transform='translate(5,5)%20scale(3)'%3e%3cpath%20id='s'%20fill='%23FFDE08'%20d='M142.483,56.693l49.932,153.838L61.692,115.454h161.583L92.551,210.531L142.483,56.693z'/%3e%3c/g%3e%3cg%20transform='translate(10,2)%20rotate(23.036243)'%3e%3cpath%20id='s_1_'%20fill='%23FFDE08'%20d='M295.146,30.607l-4.728,53.71l-27.711-46.234l49.566,21.099l-52.488,12.096L295.146,30.607z'/%3e%3c/g%3e%3cg%20transform='translate(12,4)%20rotate(45.869898)'%3e%3cpath%20id='s_2_'%20fill='%23FFDE08'%20d='M361.022,93.648l-25.178,47.665l-7.617-53.376l37.503,38.701l-53.064-9.243L361.022,93.648z'/%3e%3c/g%3e%3cg%20transform='translate(12,7)%20rotate(69.945396)'%3e%3cpath%20id='s_3_'%20fill='%23FFDE08'%20d='M367.298,188.705l-42.412,33.236l14.797-51.844l18.47,50.649l-44.682-30.108L367.298,188.705z'%20/%3e%3c/g%3e%3cg%20transform='translate(10,9)%20rotate(20.659808)'%3e%3cpath%20id='s_4_'%20fill='%23FFDE08'%20d='M294.056,228.595l-2.5,53.86l-29.603-45.045l50.397,19.024l-51.942,14.264L294.056,228.595z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='uk'%20display='none'%3e%3cg%20display='inline'%3e%3crect%20y='0.002'%20fill='%23FFFFFF'%20width='850.16'%20height='566.865'/%3e%3cpolygon%20fill='%23CF172C'%20points='382.569,0%20382.569,226.625%200,226.625%200,339.948%20382.569,339.948%20382.569,566.863%20467.592,566.863%20467.592,339.948%20850.16,339.948%20850.16,226.625%20467.592,226.625%20467.592,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='495.946,0%20495.946,183.497%20771.202,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='495.946,566.863%20771.202,566.863%20495.946,383.368%20'/%3e%3cpolygon%20fill='%2325346C'%20points='78.96,566.863%20354.214,566.863%20354.214,383.368%20'/%3e%3cpolygon%20fill='%2325346C'%20points='78.96,0%20354.214,183.497%20354.214,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='0.003,188.95%20204.392,188.95%200.003,52.699%20'/%3e%3cpolygon%20fill='%2325346C'%20points='645.768,188.95%20850.16,188.95%20850.16,52.699%20'/%3e%3cpolygon%20fill='%2325346C'%20points='645.768,377.913%20850.16,514.171%20850.16,377.913%20'/%3e%3cpolygon%20fill='%2325346C'%20points='0,377.913%200,514.171%20204.392,377.913%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='802.938,0%20520.004,188.95%20567.223,188.95%20850.605,0%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='330.156,377.909%20282.937,377.909%200,566.852%2047.219,566.852%20330.602,377.909%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='0,0%200,31.692%20236.091,189.098%20283.311,189.098%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='566.696,377.832%20850.008,566.929%20850.01,535.239%20613.92,377.832%20'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Df = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ff
-}, Symbol.toStringTag, { value: "Module" })), Mf = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='850.394px'%20height='566.929px'%20viewBox='0%200%20850.394%20566.929'%20enable-background='new%200%200%20850.394%20566.929'%20xml:space='preserve'%3e%3cg%20id='it'%3e%3cg%3e%3crect%20fill='%23078E46'%20width='283.465'%20height='566.929'/%3e%3crect%20x='283.465'%20fill='%23FBFDFF'%20width='283.465'%20height='566.929'/%3e%3crect%20x='566.93'%20fill='%23D3242C'%20width='283.465'%20height='566.929'/%3e%3c/g%3e%3c/g%3e%3cg%20id='de'%3e%3cg%3e%3cdesc%3eFlag%20of%20Germany%3c/desc%3e%3crect%20id='black_stripe'%20x='0.901'%20fill='%23010202'%20width='849.492'%20height='566.929'/%3e%3crect%20id='red_stripe'%20x='0.901'%20y='188.977'%20fill='%23DD0B15'%20width='849.492'%20height='377.953'/%3e%3crect%20id='gold_stripe'%20x='0.901'%20y='377.953'%20fill='%23FFCE05'%20width='849.492'%20height='188.976'/%3e%3c/g%3e%3c/g%3e%3cg%20id='fr'%3e%3cg%3e%3crect%20x='0.901'%20fill='%23CF1327'%20width='849.492'%20height='566.929'/%3e%3crect%20x='0.901'%20fill='%23FFFFFF'%20width='566.328'%20height='566.929'/%3e%3crect%20x='0.901'%20fill='%231D2C4E'%20width='283.164'%20height='566.929'/%3e%3c/g%3e%3c/g%3e%3cg%20id='ru'%3e%3cg%3e%3crect%20fill='%23FFFFFF'%20width='850.395'%20height='283.465'/%3e%3crect%20y='283.465'%20fill='%23D52D1E'%20width='850.395'%20height='283.464'/%3e%3crect%20y='188.977'%20fill='%231E4295'%20width='850.395'%20height='188.977'/%3e%3c/g%3e%3c/g%3e%3cg%20id='cn'%3e%3cg%3e%3crect%20x='0.901'%20fill='%23DF2B14'%20width='849.493'%20height='566.929'/%3e%3cg%20transform='translate(5,5)%20scale(3)'%3e%3cpath%20id='s'%20fill='%23FFDE08'%20d='M142.483,56.693l49.932,153.838L61.692,115.454h161.583L92.551,210.531L142.483,56.693z'/%3e%3c/g%3e%3cg%20transform='translate(10,2)%20rotate(23.036243)'%3e%3cpath%20id='s_1_'%20fill='%23FFDE08'%20d='M295.146,30.607l-4.728,53.71l-27.711-46.234l49.566,21.099l-52.488,12.096L295.146,30.607z'/%3e%3c/g%3e%3cg%20transform='translate(12,4)%20rotate(45.869898)'%3e%3cpath%20id='s_2_'%20fill='%23FFDE08'%20d='M361.022,93.648l-25.178,47.665l-7.617-53.376l37.503,38.701l-53.064-9.243L361.022,93.648z'/%3e%3c/g%3e%3cg%20transform='translate(12,7)%20rotate(69.945396)'%3e%3cpath%20id='s_3_'%20fill='%23FFDE08'%20d='M367.298,188.705l-42.412,33.236l14.797-51.844l18.47,50.649l-44.682-30.108L367.298,188.705z'%20/%3e%3c/g%3e%3cg%20transform='translate(10,9)%20rotate(20.659808)'%3e%3cpath%20id='s_4_'%20fill='%23FFDE08'%20d='M294.056,228.595l-2.5,53.86l-29.603-45.045l50.397,19.024l-51.942,14.264L294.056,228.595z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='uk'%3e%3cg%3e%3crect%20y='0.002'%20fill='%23FFFFFF'%20width='850.16'%20height='566.865'/%3e%3cpolygon%20fill='%23CF172C'%20points='382.569,0%20382.569,226.625%200,226.625%200,339.948%20382.569,339.948%20382.569,566.863%20467.592,566.863%20467.592,339.948%20850.16,339.948%20850.16,226.625%20467.592,226.625%20467.592,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='495.946,0%20495.946,183.497%20771.202,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='495.946,566.863%20771.202,566.863%20495.946,383.368%20'/%3e%3cpolygon%20fill='%2325346C'%20points='78.96,566.863%20354.214,566.863%20354.214,383.368%20'/%3e%3cpolygon%20fill='%2325346C'%20points='78.96,0%20354.214,183.497%20354.214,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='0.003,188.95%20204.392,188.95%200.003,52.699%20'/%3e%3cpolygon%20fill='%2325346C'%20points='645.768,188.95%20850.16,188.95%20850.16,52.699%20'/%3e%3cpolygon%20fill='%2325346C'%20points='645.768,377.913%20850.16,514.171%20850.16,377.913%20'/%3e%3cpolygon%20fill='%2325346C'%20points='0,377.913%200,514.171%20204.392,377.913%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='802.938,0%20520.004,188.95%20567.223,188.95%20850.605,0%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='330.156,377.909%20282.937,377.909%200,566.852%2047.219,566.852%20330.602,377.909%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='0,0%200,31.692%20236.091,189.098%20283.311,189.098%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='566.696,377.832%20850.008,566.929%20850.01,535.239%20613.92,377.832%20'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), Mf = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='850.394px'%20height='566.929px'%20viewBox='0%200%20850.394%20566.929'%20enable-background='new%200%200%20850.394%20566.929'%20xml:space='preserve'%3e%3cg%20id='it'%3e%3cg%3e%3crect%20fill='%23078E46'%20width='283.465'%20height='566.929'/%3e%3crect%20x='283.465'%20fill='%23FBFDFF'%20width='283.465'%20height='566.929'/%3e%3crect%20x='566.93'%20fill='%23D3242C'%20width='283.465'%20height='566.929'/%3e%3c/g%3e%3c/g%3e%3cg%20id='de'%3e%3cg%3e%3cdesc%3eFlag%20of%20Germany%3c/desc%3e%3crect%20id='black_stripe'%20x='0.901'%20fill='%23010202'%20width='849.492'%20height='566.929'/%3e%3crect%20id='red_stripe'%20x='0.901'%20y='188.977'%20fill='%23DD0B15'%20width='849.492'%20height='377.953'/%3e%3crect%20id='gold_stripe'%20x='0.901'%20y='377.953'%20fill='%23FFCE05'%20width='849.492'%20height='188.976'/%3e%3c/g%3e%3c/g%3e%3cg%20id='fr'%3e%3cg%3e%3crect%20x='0.901'%20fill='%23CF1327'%20width='849.492'%20height='566.929'/%3e%3crect%20x='0.901'%20fill='%23FFFFFF'%20width='566.328'%20height='566.929'/%3e%3crect%20x='0.901'%20fill='%231D2C4E'%20width='283.164'%20height='566.929'/%3e%3c/g%3e%3c/g%3e%3cg%20id='ru'%3e%3cg%3e%3crect%20fill='%23FFFFFF'%20width='850.395'%20height='283.465'/%3e%3crect%20y='283.465'%20fill='%23D52D1E'%20width='850.395'%20height='283.464'/%3e%3crect%20y='188.977'%20fill='%231E4295'%20width='850.395'%20height='188.977'/%3e%3c/g%3e%3c/g%3e%3cg%20id='cn'%3e%3cg%3e%3crect%20x='0.901'%20fill='%23DF2B14'%20width='849.493'%20height='566.929'/%3e%3cg%20transform='translate(5,5)%20scale(3)'%3e%3cpath%20id='s'%20fill='%23FFDE08'%20d='M142.483,56.693l49.932,153.838L61.692,115.454h161.583L92.551,210.531L142.483,56.693z'/%3e%3c/g%3e%3cg%20transform='translate(10,2)%20rotate(23.036243)'%3e%3cpath%20id='s_1_'%20fill='%23FFDE08'%20d='M295.146,30.607l-4.728,53.71l-27.711-46.234l49.566,21.099l-52.488,12.096L295.146,30.607z'/%3e%3c/g%3e%3cg%20transform='translate(12,4)%20rotate(45.869898)'%3e%3cpath%20id='s_2_'%20fill='%23FFDE08'%20d='M361.022,93.648l-25.178,47.665l-7.617-53.376l37.503,38.701l-53.064-9.243L361.022,93.648z'/%3e%3c/g%3e%3cg%20transform='translate(12,7)%20rotate(69.945396)'%3e%3cpath%20id='s_3_'%20fill='%23FFDE08'%20d='M367.298,188.705l-42.412,33.236l14.797-51.844l18.47,50.649l-44.682-30.108L367.298,188.705z'%20/%3e%3c/g%3e%3cg%20transform='translate(10,9)%20rotate(20.659808)'%3e%3cpath%20id='s_4_'%20fill='%23FFDE08'%20d='M294.056,228.595l-2.5,53.86l-29.603-45.045l50.397,19.024l-51.942,14.264L294.056,228.595z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='uk'%3e%3cg%3e%3crect%20y='0.002'%20fill='%23FFFFFF'%20width='850.16'%20height='566.865'/%3e%3cpolygon%20fill='%23CF172C'%20points='382.569,0%20382.569,226.625%200,226.625%200,339.948%20382.569,339.948%20382.569,566.863%20467.592,566.863%20467.592,339.948%20850.16,339.948%20850.16,226.625%20467.592,226.625%20467.592,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='495.946,0%20495.946,183.497%20771.202,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='495.946,566.863%20771.202,566.863%20495.946,383.368%20'/%3e%3cpolygon%20fill='%2325346C'%20points='78.96,566.863%20354.214,566.863%20354.214,383.368%20'/%3e%3cpolygon%20fill='%2325346C'%20points='78.96,0%20354.214,183.497%20354.214,0%20'/%3e%3cpolygon%20fill='%2325346C'%20points='0.003,188.95%20204.392,188.95%200.003,52.699%20'/%3e%3cpolygon%20fill='%2325346C'%20points='645.768,188.95%20850.16,188.95%20850.16,52.699%20'/%3e%3cpolygon%20fill='%2325346C'%20points='645.768,377.913%20850.16,514.171%20850.16,377.913%20'/%3e%3cpolygon%20fill='%2325346C'%20points='0,377.913%200,514.171%20204.392,377.913%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='802.938,0%20520.004,188.95%20567.223,188.95%20850.605,0%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='330.156,377.909%20282.937,377.909%200,566.852%2047.219,566.852%20330.602,377.909%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='0,0%200,31.692%20236.091,189.098%20283.311,189.098%20'/%3e%3cpolygon%20fill='%23CF172C'%20points='566.696,377.832%20850.008,566.929%20850.01,535.239%20613.92,377.832%20'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Pf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Mf
-}, Symbol.toStringTag, { value: "Module" })), Pf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), Vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   de: Df,
-  en: Vf
+  en: Pf
 }, Symbol.toStringTag, { value: "Module" })), zi = [
   {
     name: "company",
@@ -13947,14 +13957,14 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
   "Table foot 13",
   "Table foot 14",
   "Table foot 15"
-], Vg = {
+], Pg = {
   caption: Lg,
   rowIndexHighlighted: Ig,
   columnIndexHighlighted: Bg,
   thead: Fg,
   tbody: Dg,
   tfoot: Mg
-}, Pg = {
+}, Vg = {
   show: !0,
   text: "This is a caption for a small table"
 }, Ag = [
@@ -14029,7 +14039,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
   "Table foot 6",
   "Table foot 7"
 ], qg = {
-  caption: Pg,
+  caption: Vg,
   thead: Ag,
   tbody: Eg,
   tfoot: Hg
@@ -14733,7 +14743,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
         this.imageSources = [], this.languages.forEach(
           async (e) => {
             const n = e.iso2;
-            this.imageSources.push(Pf[n].default);
+            this.imageSources.push(Vf[n].default);
           }
         );
       },
@@ -14777,7 +14787,7 @@ function Xg(e, n, t, s, i, o) {
     ])
   ]);
 }
-const $g = /* @__PURE__ */ V(Kg, [["render", Xg]]), ey = {
+const $g = /* @__PURE__ */ P(Kg, [["render", Xg]]), ey = {
   name: "CmdTable",
   data() {
     return {
@@ -14990,7 +15000,7 @@ function sy(e, n, t, s, i, o) {
             (l(!0), r(S, null, q(t.tableData.thead, (C, b) => (l(), r("th", { key: b }, y(C), 1))), 128))
           ])
         ]),
-        h(Pe, {
+        h(Ve, {
           name: t.useTransition ? "fade" : null
         }, {
           default: k(() => [
@@ -15010,7 +15020,7 @@ function sy(e, n, t, s, i, o) {
           ]),
           _: 1
         }, 8, ["name"]),
-        h(Pe, {
+        h(Ve, {
           name: t.useTransition ? "fade" : null
         }, {
           default: k(() => [
@@ -15033,7 +15043,7 @@ function sy(e, n, t, s, i, o) {
     ], 544)
   ], 2);
 }
-const ay = /* @__PURE__ */ V(ey, [["render", sy]]);
+const ay = /* @__PURE__ */ P(ey, [["render", sy]]);
 pi(og);
 const ry = {
   name: "CmdTabs",
@@ -15147,7 +15157,7 @@ function py(e, n, t, s, i, o) {
     ]))
   ]);
 }
-const fy = /* @__PURE__ */ V(ry, [["render", py]]), gy = {
+const fy = /* @__PURE__ */ P(ry, [["render", py]]), gy = {
   name: "CmdTextImageBlock",
   mixins: [le],
   data() {
@@ -15324,7 +15334,7 @@ function wy(e, n, t, s, i, o) {
     }, 8, ["componentProps", "componentPath", "allowDeleteComponent"])) : m("", !0)
   ], 2);
 }
-const ky = /* @__PURE__ */ V(gy, [["render", wy]]), vy = {
+const ky = /* @__PURE__ */ P(gy, [["render", wy]]), vy = {
   name: "ToggleDarkMode",
   mixins: [
     le
@@ -15530,7 +15540,7 @@ function Sy(e, n, t, s, i, o) {
     ], 64))
   ], 2);
 }
-const Oy = /* @__PURE__ */ V(vy, [["render", Sy]]), Ly = {
+const Oy = /* @__PURE__ */ P(vy, [["render", Sy]]), Ly = {
   data() {
     return {
       defaultMessageProperties: {
@@ -15605,7 +15615,7 @@ const Dy = St("string"), he = St("function"), Yi = St("number"), Ot = (e) => e !
     return !1;
   const n = _n(e);
   return (n === null || n === Object.prototype || Object.getPrototypeOf(n) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
-}, Vy = ge("Date"), Py = ge("File"), Ay = ge("Blob"), Ey = ge("FileList"), Hy = (e) => Ot(e) && he(e.pipe), qy = (e) => {
+}, Py = ge("Date"), Vy = ge("File"), Ay = ge("Blob"), Ey = ge("FileList"), Hy = (e) => Ot(e) && he(e.pipe), qy = (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]"));
@@ -15766,8 +15776,8 @@ const cb = (e) => {
   isResponse: jy,
   isHeaders: zy,
   isUndefined: $e,
-  isDate: Vy,
-  isFile: Py,
+  isDate: Py,
+  isFile: Vy,
   isBlob: Ay,
   isRegExp: ib,
   isFunction: he,
@@ -16223,7 +16233,7 @@ function Et(e, n, t, s, i) {
 function Mb(e) {
   return e.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (n, t, s) => t.toUpperCase() + s);
 }
-function Vb(e, n) {
+function Pb(e, n) {
   const t = O.toCamelCase(" " + n);
   ["get", "set", "has"].forEach((s) => {
     Object.defineProperty(e, s + t, {
@@ -16347,7 +16357,7 @@ class de {
     }).accessors, i = this.prototype;
     function o(d) {
       const c = Ke(d);
-      s[c] || (Vb(i, d), s[c] = !0);
+      s[c] || (Pb(i, d), s[c] = !0);
     }
     return O.isArray(n) ? n.forEach(o) : o(n), this;
   }
@@ -16389,7 +16399,7 @@ function co(e, n, t) {
     t
   ));
 }
-function Pb(e) {
+function Vb(e) {
   const n = /^([-+\w]{1,25})(:?\/\/|:)/.exec(e);
   return n && n[1] || "";
 }
@@ -16641,7 +16651,7 @@ const mo = (e) => {
     }), O.isUndefined(i.withCredentials) || (p.withCredentials = !!i.withCredentials), c && c !== "json" && (p.responseType = i.responseType), typeof i.onDownloadProgress == "function" && p.addEventListener("progress", yt(i.onDownloadProgress, !0)), typeof i.onUploadProgress == "function" && p.upload && p.upload.addEventListener("progress", yt(i.onUploadProgress)), (i.cancelToken || i.signal) && (u = (b) => {
       p && (s(!b || b.type ? new je(null, e, p) : b), p.abort(), p = null);
     }, i.cancelToken && i.cancelToken.subscribe(u), i.signal && (i.signal.aborted ? u() : i.signal.addEventListener("abort", u)));
-    const C = Pb(i.url);
+    const C = Vb(i.url);
     if (C && fe.protocols.indexOf(C) === -1) {
       s(new U("Unsupported protocol " + C + ":", U.ERR_BAD_REQUEST, e));
       return;
@@ -16773,12 +16783,12 @@ const Jb = async (e) => {
   let D;
   try {
     if (u && Kb && t !== "get" && t !== "head" && (D = await Yb(p, s)) !== 0) {
-      let P = new Request(n, {
+      let V = new Request(n, {
         method: "POST",
         body: s,
         duplex: "half"
       }), N;
-      O.isFormData(s) && (N = P.headers.get("content-type")) && p.setContentType(N), P.body && (s = ni(P.body, oi, ii(
+      O.isFormData(s) && (N = V.headers.get("content-type")) && p.setContentType(N), V.body && (s = ni(V.body, oi, ii(
         D,
         yt(u)
       ), null, Xt));
@@ -16795,9 +16805,9 @@ const Jb = async (e) => {
     let M = await fetch(B);
     const G = $t && (g === "stream" || g === "response");
     if ($t && (c || G)) {
-      const P = {};
+      const V = {};
       ["status", "statusText", "headers"].forEach((J) => {
-        P[J] = M[J];
+        V[J] = M[J];
       });
       const N = O.toFiniteNumber(M.headers.get("content-length"));
       M = new Response(
@@ -16805,13 +16815,13 @@ const Jb = async (e) => {
           N,
           yt(c, !0)
         ), G && F, Xt),
-        P
+        V
       );
     }
     g = g || "text";
     let j = await bt[O.findKey(bt, g) || "text"](M, e);
-    return !G && F(), L && L(), await new Promise((P, N) => {
-      co(P, N, {
+    return !G && F(), L && L(), await new Promise((V, N) => {
+      co(V, N, {
         data: j,
         headers: de.from(M.headers),
         status: M.status,
@@ -16941,7 +16951,7 @@ const tn = {
   assertOptions: Xb,
   validators: kn
 }, ve = tn.validators;
-class Ve {
+class Pe {
   constructor(n) {
     this.defaults = n, this.interceptors = {
       request: new $n(),
@@ -17039,7 +17049,7 @@ class Ve {
   }
 }
 O.forEach(["delete", "get", "head", "options"], function(n) {
-  Ve.prototype[n] = function(t, s) {
+  Pe.prototype[n] = function(t, s) {
     return this.request(Ee(s || {}, {
       method: n,
       url: t,
@@ -17060,7 +17070,7 @@ O.forEach(["post", "put", "patch"], function(n) {
       }));
     };
   }
-  Ve.prototype[n] = t(), Ve.prototype[n + "Form"] = t(!0);
+  Pe.prototype[n] = t(), Pe.prototype[n + "Form"] = t(!0);
 });
 class vn {
   constructor(n) {
@@ -17206,13 +17216,13 @@ Object.entries(nn).forEach(([e, n]) => {
   nn[n] = e;
 });
 function go(e) {
-  const n = new Ve(e), t = Ki(Ve.prototype.request, n);
-  return O.extend(t, Ve.prototype, n, { allOwnKeys: !0 }), O.extend(t, n, null, { allOwnKeys: !0 }), t.create = function(i) {
+  const n = new Pe(e), t = Ki(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;
 }
 const Q = go(nt);
-Q.Axios = Ve;
+Q.Axios = Pe;
 Q.CanceledError = je;
 Q.CancelToken = vn;
 Q.isCancel = ro;
@@ -17954,7 +17964,7 @@ function Dx(e, n, t, s, i, o) {
                   type: i.showListOfFileExtensions ? t.iconInvisible.iconType : t.iconVisible.iconType
                 }, null, 8, ["iconClass", "type"])
               ], 8, _x),
-              h(Pe, {
+              h(Ve, {
                 name: t.useTransition ? "fade" : null
               }, {
                 default: k(() => [
@@ -18085,7 +18095,7 @@ function Dx(e, n, t, s, i, o) {
     }, null, 8, ["labelText", "disabled", "multiple", "onChange"])
   ], 64);
 }
-const Mx = /* @__PURE__ */ V(tx, [["render", Dx]]), Vx = {
+const Mx = /* @__PURE__ */ P(tx, [["render", Dx]]), Px = {
   name: "CmdWidthLimitationWrapper",
   props: {
     /**
@@ -18191,7 +18201,7 @@ const Mx = /* @__PURE__ */ V(tx, [["render", Dx]]), Vx = {
       return e.length === 1 && typeof e[0].type == "symbol" && Array.isArray(e[0].children) ? e[0].children.length === 1 : e.length === 1;
     }
   }
-}, Px = ["id"], Ax = ["id"];
+}, Vx = ["id"], Ax = ["id"];
 function Ex(e, n, t, s, i, o) {
   const d = Y;
   return l(), r("div", {
@@ -18210,7 +18220,7 @@ function Ex(e, n, t, s, i, o) {
       }, [
         H(e.$slots, "default")
       ], 2))
-    ], 10, Px)) : (l(), r(S, { key: 1 }, [
+    ], 10, Vx)) : (l(), r(S, { key: 1 }, [
       t.anchorId ? (l(), r("a", {
         key: 0,
         id: t.anchorId
@@ -18219,7 +18229,7 @@ function Ex(e, n, t, s, i, o) {
     ], 64))
   ], 2);
 }
-const yo = /* @__PURE__ */ V(Vx, [["render", Ex]]), Hx = {
+const yo = /* @__PURE__ */ P(Px, [["render", Ex]]), Hx = {
   name: "ComponentSettings",
   data() {
     return {
@@ -18338,7 +18348,7 @@ function qx(e, n, t, s, i, o) {
     _: 1
   }, 8, ["cmdHeadline"]);
 }
-const Rx = /* @__PURE__ */ V(Hx, [["render", qx]]), Nx = {
+const Rx = /* @__PURE__ */ P(Hx, [["render", qx]]), Nx = {
   name: "MultipleBoxWrapper",
   props: {
     segments: {
@@ -18371,7 +18381,7 @@ function jx(e, n, t, s, i, o) {
     ], 64))), 128))
   ]);
 }
-const zx = /* @__PURE__ */ V(Nx, [["render", jx]]), Gx = {
+const zx = /* @__PURE__ */ P(Nx, [["render", jx]]), Gx = {
   name: "MultipleListsOfLinks",
   props: {
     segments: {
@@ -18394,7 +18404,7 @@ function Kx(e, n, t, s, i, o) {
     ], 64))), 128))
   ]);
 }
-const Jx = /* @__PURE__ */ V(Gx, [["render", Kx]]), Yx = {
+const Jx = /* @__PURE__ */ P(Gx, [["render", Kx]]), Yx = {
   name: "ContactInformation",
   props: {
     /**
@@ -18442,7 +18452,7 @@ function Xx(e, n, t, s, i, o) {
     ])
   ]));
 }
-const $x = /* @__PURE__ */ V(Yx, [["render", Xx]]), e_ = {
+const $x = /* @__PURE__ */ P(Yx, [["render", Xx]]), e1 = {
   name: "PageOverview",
   data() {
     return {
@@ -18453,28 +18463,28 @@ const $x = /* @__PURE__ */ V(Yx, [["render", Xx]]), e_ = {
       listOfSiteLinksData: Wg
     };
   }
-}, t_ = /* @__PURE__ */ a("h2", {
+}, t1 = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-contact-information"
 }, [
   /* @__PURE__ */ a("span", null, "Contact Information")
-], -1), n_ = /* @__PURE__ */ a("h2", {
+], -1), n1 = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-multiple-lists-of-links-downloads"
 }, [
   /* @__PURE__ */ a("span", null, "Multiple Lists of links")
-], -1), i_ = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-downloads" }, "Downloads", -1), o_ = /* @__PURE__ */ a("hr", null, null, -1), l_ = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-sitemap" }, "SiteMap", -1), s_ = /* @__PURE__ */ a("h2", {
+], -1), i1 = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-downloads" }, "Downloads", -1), o1 = /* @__PURE__ */ a("hr", null, null, -1), l1 = /* @__PURE__ */ a("h3", { id: "section-multiple-lists-of-links-sitemap" }, "SiteMap", -1), s1 = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-multiple-box-wrapper"
 }, [
   /* @__PURE__ */ a("span", null, "Multiple Box Wrapper")
-], -1), a_ = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-faqs" }, "FAQs", -1), r_ = /* @__PURE__ */ a("hr", null, null, -1), d_ = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-team-overview" }, "Team Overview", -1);
-function c_(e, n, t, s, i, o) {
+], -1), a1 = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-faqs" }, "FAQs", -1), r1 = /* @__PURE__ */ a("hr", null, null, -1), d1 = /* @__PURE__ */ a("h3", { id: "section-multiple-box-wrapper-team-overview" }, "Team Overview", -1);
+function c1(e, n, t, s, i, o) {
   const d = $x, c = yo, u = Jx, g = zx;
   return l(), r(S, null, [
     h(c, null, {
       default: k(() => [
-        t_,
+        t1,
         h(d, {
           cmdBasicForm: e.basicForm,
           cmdAddressData: {},
@@ -18490,44 +18500,44 @@ function c_(e, n, t, s, i, o) {
     }),
     h(c, null, {
       default: k(() => [
-        n_,
-        i_,
+        n1,
+        i1,
         h(u, { segments: i.listOfDownloadsData }, null, 8, ["segments"]),
-        o_,
-        l_,
+        o1,
+        l1,
         h(u, { segments: i.listOfSiteLinksData }, null, 8, ["segments"])
       ]),
       _: 1
     }),
     h(c, null, {
       default: k(() => [
-        s_,
-        a_,
+        s1,
+        a1,
         h(g, { segments: i.faqsData }, null, 8, ["segments"]),
-        r_,
-        d_,
+        r1,
+        d1,
         h(g, { segments: i.boxesTeamOverviewData }, null, 8, ["segments"])
       ]),
       _: 1
     })
   ], 64);
 }
-const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-library", m_ = "4.1.54", h_ = "GPL-3.0-only", p_ = "CoManD-UI", f_ = "module", g_ = {
+const bo = /* @__PURE__ */ P(e1, [["render", c1]]), u1 = "comand-component-library", m1 = "4.1.56", h1 = "GPL-3.0-only", p1 = "CoManD-UI", f1 = "module", g1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
   "build-lib": "vite build && gulp",
   preview: "vite preview"
-}, y_ = [
+}, y1 = [
   "dist",
   "src"
-], b_ = {
+], b1 = {
   ".": "./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"
-}, x_ = {
+}, x1 = {
   "clickout-event": "^1.1.2",
   "comand-frontend-framework": "^4.1.11",
   "comand-ui-iconfonts": "^1.0.14",
@@ -18536,7 +18546,7 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
   vue: "^3.2.31",
   "vue-router": "^4.0.12",
   vuex: "^4.0.2"
-}, __ = {
+}, _1 = {
   "@iconify/vue": "^4.0.0",
   "@vitejs/plugin-vue": "^5.1.1",
   "@vue/test-utils": "^2.0.0-0",
@@ -18546,19 +18556,19 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
   "unplugin-vue-components": "^0.24.0",
   vite: "^5.4.11",
   "vue-jest": "^5.0.0-0"
-}, C_ = {
-  name: u_,
-  version: m_,
-  license: h_,
-  author: p_,
+}, C1 = {
+  name: u1,
+  version: m1,
+  license: h1,
+  author: p1,
   private: !1,
-  type: f_,
-  scripts: g_,
-  files: y_,
-  exports: b_,
-  dependencies: x_,
-  devDependencies: __
-}, w_ = {
+  type: f1,
+  scripts: g1,
+  files: y1,
+  exports: b1,
+  dependencies: x1,
+  devDependencies: _1
+}, w1 = {
   data() {
     return {
       cmdAddressDataSettingsData: {
@@ -19423,9 +19433,9 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
       }
     };
   }
-}, xo = "/media/images/content-images/landscape-medium.jpg", k_ = "/media/images/demo-images/small/landscape-01.jpg", v_ = "/media/images/demo-images/small/landscape-02.jpg", T_ = "/media/images/demo-images/small/landscape-03.jpg", S_ = {
+}, xo = "/media/images/content-images/landscape-medium.jpg", k1 = "/media/images/demo-images/small/landscape-01.jpg", v1 = "/media/images/demo-images/small/landscape-02.jpg", T1 = "/media/images/demo-images/small/landscape-03.jpg", S1 = {
   name: "App",
-  mixins: [w_],
+  mixins: [w1],
   components: {
     PageOverview: bo
   },
@@ -19550,9 +19560,9 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
       },
       customRequirements: [
         Es(),
-        Ps(),
-        As(),
         Vs(),
+        As(),
+        Ps(),
         Hs()
       ],
       openLeftSidebar: !0,
@@ -19585,11 +19595,11 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
       slideshowData: vg,
       socialNetworksData: Og,
       tableDataSmall: qg,
-      tableDataLarge: Vg,
+      tableDataLarge: Pg,
       tabsData: Rg,
       thumbnailScrollerImagesData: Ng,
       thumbnailScrollerTextData: Ug,
-      packageJson: C_
+      packageJson: C1
     };
   },
   computed: {
@@ -19787,39 +19797,39 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
       });
     }
   }
-}, O_ = ["id"], L_ = /* @__PURE__ */ a("a", { id: "anchor-back-to-top" }, null, -1), I_ = { for: "select-template" }, B_ = /* @__PURE__ */ a("span", null, "Select template", -1), F_ = /* @__PURE__ */ a("option", { value: "blank" }, "Blank/Unstyled", -1), D_ = /* @__PURE__ */ a("option", { value: "business" }, "Business", -1), M_ = /* @__PURE__ */ a("option", { value: "casual" }, "Casual", -1), V_ = /* @__PURE__ */ a("option", { value: "dating" }, "Dating", -1), P_ = /* @__PURE__ */ a("option", { value: "influencer" }, "Influencer", -1), A_ = [
-  F_,
-  D_,
-  M_,
-  V_,
-  P_
-], E_ = /* @__PURE__ */ a("span", null, "Color Scheme", -1), H_ = { class: "input-wrapper" }, q_ = { for: "default-color-scheme" }, R_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1), N_ = { for: "light-mode" }, U_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Light Mode", -1), j_ = { for: "dark-mode" }, z_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Dark Mode", -1), G_ = ["href", "onClick"], W_ = { class: "box-footer comand-versions" }, K_ = /* @__PURE__ */ a("dt", null, "Frontend-Framework Version:", -1), J_ = /* @__PURE__ */ a("dt", null, "Component-Library Version:", -1), Y_ = { class: "closed-sidebar" }, Z_ = /* @__PURE__ */ a("span", { class: "icon-settings-template" }, null, -1), Q_ = [
-  Z_
-], X_ = /* @__PURE__ */ a("span", { class: "icon-settings-component" }, null, -1), $_ = [
-  X_
-], e1 = /* @__PURE__ */ a("span", { class: "icon-file-settings" }, null, -1), t1 = [
-  e1
-], n1 = /* @__PURE__ */ a("span", null, "Hide sidebar", -1), i1 = [
-  n1
-], o1 = {
+}, O1 = ["id"], L1 = /* @__PURE__ */ a("a", { id: "anchor-back-to-top" }, null, -1), I1 = { for: "select-template" }, B1 = /* @__PURE__ */ a("span", null, "Select template", -1), F1 = /* @__PURE__ */ a("option", { value: "blank" }, "Blank/Unstyled", -1), D1 = /* @__PURE__ */ a("option", { value: "business" }, "Business", -1), M1 = /* @__PURE__ */ a("option", { value: "casual" }, "Casual", -1), P1 = /* @__PURE__ */ a("option", { value: "dating" }, "Dating", -1), V1 = /* @__PURE__ */ a("option", { value: "influencer" }, "Influencer", -1), A1 = [
+  F1,
+  D1,
+  M1,
+  P1,
+  V1
+], E1 = /* @__PURE__ */ a("span", null, "Color Scheme", -1), H1 = { class: "input-wrapper" }, q1 = { for: "default-color-scheme" }, R1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1), N1 = { for: "light-mode" }, U1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Light Mode", -1), j1 = { for: "dark-mode" }, z1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Dark Mode", -1), G1 = ["href", "onClick"], W1 = { class: "box-footer comand-versions" }, K1 = /* @__PURE__ */ a("dt", null, "Frontend-Framework Version:", -1), J1 = /* @__PURE__ */ a("dt", null, "Component-Library Version:", -1), Y1 = { class: "closed-sidebar" }, Z1 = /* @__PURE__ */ a("span", { class: "icon-settings-template" }, null, -1), Q1 = [
+  Z1
+], X1 = /* @__PURE__ */ a("span", { class: "icon-settings-component" }, null, -1), $1 = [
+  X1
+], e_ = /* @__PURE__ */ a("span", { class: "icon-file-settings" }, null, -1), t_ = [
+  e_
+], n_ = /* @__PURE__ */ a("span", null, "Hide sidebar", -1), i_ = [
+  n_
+], o_ = {
   key: 1,
   id: "content"
-}, l1 = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Components Overview", -1), s1 = {
+}, l_ = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Components Overview", -1), s_ = {
   class: "headline-demopage",
   id: "section-address-data"
-}, a1 = /* @__PURE__ */ a("span", null, "Address Data", -1), r1 = { class: "flex-container" }, d1 = /* @__PURE__ */ a("h2", {
+}, a_ = /* @__PURE__ */ a("span", null, "Address Data", -1), r_ = { class: "flex-container" }, d_ = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-advanced-form-elements"
-}, "Advanced Form Elements", -1), c1 = /* @__PURE__ */ a("h3", null, [
+}, "Advanced Form Elements", -1), c_ = /* @__PURE__ */ a("h3", null, [
   /* @__PURE__ */ a("span", null, "Form elements status:")
-], -1), u1 = { class: "flex-container" }, m1 = { class: "list-status" }, h1 = { class: "error" }, p1 = { class: "flex-container" }, f1 = /* @__PURE__ */ a("legend", null, "Legend", -1), g1 = { class: "headline-demopage" }, y1 = /* @__PURE__ */ a("span", null, "Form Element-Component", -1), b1 = { class: "flex-container" }, x1 = { class: "flex-container" }, _1 = /* @__PURE__ */ a("h2", null, "Inputfields in Columns", -1), C1 = { class: "flex-container" }, w1 = /* @__PURE__ */ a("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1), k1 = { class: "flex-container" }, v1 = /* @__PURE__ */ a("hr", null, null, -1), T1 = { class: "headline-demopage" }, S1 = /* @__PURE__ */ a("span", null, "Fake Selects", -1), O1 = { class: "flex-container" }, L1 = /* @__PURE__ */ a("hr", null, null, -1), I1 = /* @__PURE__ */ a("h2", null, "Progress Bar [native]", -1), B1 = /* @__PURE__ */ a("h2", null, "Slider [native]", -1), F1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1), D1 = { class: "flex-container no-flex" }, M1 = {
+], -1), u_ = { class: "flex-container" }, m_ = { class: "list-status" }, h_ = { class: "error" }, p_ = { class: "flex-container" }, f_ = /* @__PURE__ */ a("legend", null, "Legend", -1), g_ = { class: "headline-demopage" }, y_ = /* @__PURE__ */ a("span", null, "Form Element-Component", -1), b_ = { class: "flex-container" }, x_ = { class: "flex-container" }, __ = /* @__PURE__ */ a("h2", null, "Inputfields in Columns", -1), C_ = { class: "flex-container" }, w_ = /* @__PURE__ */ a("span", { innerHTML: "Label with <a href='#'>Link</a> given by slot" }, null, -1), k_ = { class: "flex-container" }, v_ = /* @__PURE__ */ a("hr", null, null, -1), T_ = { class: "headline-demopage" }, S_ = /* @__PURE__ */ a("span", null, "Fake Selects", -1), O_ = { class: "flex-container" }, L_ = /* @__PURE__ */ a("hr", null, null, -1), I_ = /* @__PURE__ */ a("h2", null, "Progress Bar [native]", -1), B_ = /* @__PURE__ */ a("h2", null, "Slider [native]", -1), F_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1), D_ = { class: "flex-container no-flex" }, M_ = {
   class: "inline",
   for: "range-value"
-}, V1 = /* @__PURE__ */ a("span", { class: "label-text" }, [
+}, P_ = /* @__PURE__ */ a("span", { class: "label-text" }, [
   /* @__PURE__ */ a("span", null, "Range Value:")
-], -1), P1 = ["disabled"], A1 = { for: "range-slider" }, E1 = /* @__PURE__ */ a("span", { class: "label-text hidden" }, [
+], -1), V_ = ["disabled"], A_ = { for: "range-slider" }, E_ = /* @__PURE__ */ a("span", { class: "label-text hidden" }, [
   /* @__PURE__ */ a("span", null, "Range Value")
-], -1), H1 = ["disabled"], q1 = /* @__PURE__ */ a("hr", null, null, -1), R1 = /* @__PURE__ */ a("h2", null, "Toggle-Switches", -1), N1 = /* @__PURE__ */ a("h3", null, "Switches without switch-labels", -1), U1 = /* @__PURE__ */ a("h3", null, "Switches with switch-labels", -1), j1 = /* @__PURE__ */ a("br", null, null, -1), z1 = /* @__PURE__ */ a("br", null, null, -1), G1 = /* @__PURE__ */ a("h2", null, "Checkboxes and Radiobuttons", -1), W1 = /* @__PURE__ */ a("h3", null, "Checkboxes [native]", -1), K1 = { class: "label inline" }, J1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native checkboxes:", -1), Y1 = { class: "flex-container no-flex" }, Z1 = /* @__PURE__ */ a("a", { href: "#" }, "link", -1), Q1 = /* @__PURE__ */ a("h3", null, "Checkboxes (replaced)", -1), X1 = { class: "label inline" }, $1 = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1), eC = { class: "flex-container no-flex" }, tC = /* @__PURE__ */ a("h3", null, "Radiobuttons [native]", -1), nC = { class: "label inline" }, iC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native radiobuttons:", -1), oC = { class: "flex-container no-flex" }, lC = /* @__PURE__ */ a("h3", null, "Radiobuttons (replaced)", -1), sC = { class: "label inline" }, aC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1), rC = { class: "flex-container no-flex" }, dC = {
+], -1), H_ = ["disabled"], q_ = /* @__PURE__ */ a("hr", null, null, -1), R_ = /* @__PURE__ */ a("h2", null, "Toggle-Switches", -1), N_ = /* @__PURE__ */ a("h3", null, "Switches without switch-labels", -1), U_ = /* @__PURE__ */ a("h3", null, "Switches with switch-labels", -1), j_ = /* @__PURE__ */ a("br", null, null, -1), z_ = /* @__PURE__ */ a("br", null, null, -1), G_ = /* @__PURE__ */ a("h2", null, "Checkboxes and Radiobuttons", -1), W_ = /* @__PURE__ */ a("h3", null, "Checkboxes [native]", -1), K_ = { class: "label inline" }, J_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native checkboxes:", -1), Y_ = { class: "flex-container no-flex" }, Z_ = /* @__PURE__ */ a("a", { href: "#" }, "link", -1), Q_ = /* @__PURE__ */ a("h3", null, "Checkboxes (replaced)", -1), X_ = { class: "label inline" }, $_ = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1), eC = { class: "flex-container no-flex" }, tC = /* @__PURE__ */ a("h3", null, "Radiobuttons [native]", -1), nC = { class: "label inline" }, iC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for native radiobuttons:", -1), oC = { class: "flex-container no-flex" }, lC = /* @__PURE__ */ a("h3", null, "Radiobuttons (replaced)", -1), sC = { class: "label inline" }, aC = /* @__PURE__ */ a("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1), rC = { class: "flex-container no-flex" }, dC = {
   class: "headline-demopage",
   id: "section-input-group"
 }, cC = /* @__PURE__ */ a("dt", null, "Selected value:", -1), uC = /* @__PURE__ */ a("h3", null, "Input Groups with Checkboxes/Radiobuttons (toggle-switches)", -1), mC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), hC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), pC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), fC = /* @__PURE__ */ a("dt", null, "Selected value(s):", -1), gC = { class: "flex-container" }, yC = /* @__PURE__ */ a("small", null, "(values will not be submitted with the form!)", -1), bC = { class: "button-wrapper no-flex" }, xC = ["disabled"], _C = /* @__PURE__ */ a("span", { class: "icon-check" }, null, -1), CC = /* @__PURE__ */ a("span", null, "Native submit-button", -1), wC = [
@@ -19831,9 +19841,9 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
 }, vC = /* @__PURE__ */ a("span", null, "Bank Account Data", -1), TC = {
   class: "headline-demopage",
   id: "section-basic-form"
-}, SC = /* @__PURE__ */ a("span", null, "Basic Form", -1), OC = /* @__PURE__ */ a("dt", null, "originalEvent", -1), LC = /* @__PURE__ */ a("dt", null, "formdata", -1), IC = /* @__PURE__ */ a("h2", { class: "headline-demopage" }, "Boxes", -1), BC = { class: "headline-demopage" }, FC = /* @__PURE__ */ a("span", null, "Default Box", -1), DC = /* @__PURE__ */ a("h4", null, " Texts given by slots ", -1), MC = /* @__PURE__ */ a("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1), VC = /* @__PURE__ */ a("p", null, [
+}, SC = /* @__PURE__ */ a("span", null, "Basic Form", -1), OC = /* @__PURE__ */ a("dt", null, "originalEvent", -1), LC = /* @__PURE__ */ a("dt", null, "formdata", -1), IC = /* @__PURE__ */ a("h2", { class: "headline-demopage" }, "Boxes", -1), BC = { class: "headline-demopage" }, FC = /* @__PURE__ */ a("span", null, "Default Box", -1), DC = /* @__PURE__ */ a("h4", null, " Texts given by slots ", -1), MC = /* @__PURE__ */ a("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1), PC = /* @__PURE__ */ a("p", null, [
   /* @__PURE__ */ a("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
-], -1), PC = /* @__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), AC = /* @__PURE__ */ a("p", null, " Footer content ", -1), EC = /* @__PURE__ */ a("h4", null, " Texts given by slots ", -1), HC = /* @__PURE__ */ a("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1), qC = /* @__PURE__ */ a("p", null, [
+], -1), VC = /* @__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), AC = /* @__PURE__ */ a("p", null, " Footer content ", -1), EC = /* @__PURE__ */ a("h4", null, " Texts given by slots ", -1), HC = /* @__PURE__ */ a("p", null, " This content with paragraphs inside is placed inside the box-body. ", -1), qC = /* @__PURE__ */ a("p", null, [
   /* @__PURE__ */ a("strong", null, "Header, Content/Body and Footer of this box are given by slots.")
 ], -1), RC = /* @__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), NC = /* @__PURE__ */ a("p", null, " Footer content ", -1), UC = /* @__PURE__ */ a("h4", null, " Box with inputs ", -1), jC = /* @__PURE__ */ a("p", null, " footer content ", -1), zC = /* @__PURE__ */ a("h4", null, " Box with links ", -1), GC = { class: "navigation" }, WC = /* @__PURE__ */ a("p", null, " footer content ", -1), KC = /* @__PURE__ */ a("h4", null, " Collapsible box with image ", -1), JC = /* @__PURE__ */ a("img", {
   src: xo,
@@ -19867,27 +19877,27 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
   class: "headline-demopage",
   id: "section-fancybox"
 }, "Fancybox", -1), kw = /* @__PURE__ */ a("h3", null, "FancyBox with text", -1), vw = /* @__PURE__ */ a("h3", null, "FancyBox with large image given by url", -1), Tw = /* @__PURE__ */ a("img", {
-  src: k_,
+  src: k1,
   alt: "Alternative text"
 }, null, -1), Sw = [
   Tw
 ], Ow = /* @__PURE__ */ a("h3", null, "FancyBox with large image given by property", -1), Lw = /* @__PURE__ */ a("img", {
-  src: v_,
+  src: v1,
   alt: "Alternative text"
 }, null, -1), Iw = [
   Lw
 ], Bw = /* @__PURE__ */ a("h3", null, "FancyBox with image as object give by property", -1), Fw = /* @__PURE__ */ a("img", {
-  src: T_,
+  src: T1,
   alt: "Alternative text"
 }, null, -1), Dw = [
   Fw
 ], Mw = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-google-maps"
-}, "Google Maps™", -1), Vw = {
+}, "Google Maps™", -1), Pw = {
   class: "headline-demopage",
   id: "section-headlines"
-}, Pw = /* @__PURE__ */ a("span", null, "Headlines", -1), Aw = /* @__PURE__ */ a("br", null, null, -1), Ew = /* @__PURE__ */ a("h2", {
+}, Vw = /* @__PURE__ */ a("span", null, "Headlines", -1), Aw = /* @__PURE__ */ a("br", null, null, -1), Ew = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-icons"
 }, "Icons", -1), Hw = /* @__PURE__ */ a("span", null, "Icon from local iconfont", -1), qw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (icomoon-font)", -1), Rw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (bootstrap-font)", -1), Nw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (material-design-font)", -1), Uw = /* @__PURE__ */ a("span", null, "Icon from iconify-api (font-awesome-solid-font)", -1), jw = {
@@ -19971,7 +19981,7 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
 ], -1), Mk = {
   class: "headline-demopage",
   id: "section-tables"
-}, Vk = /* @__PURE__ */ a("span", null, "Tables", -1), Pk = /* @__PURE__ */ a("h3", null, "Table as wide as its content (with caption)", -1), Ak = /* @__PURE__ */ a("h3", null, "Table as wide as possible", -1), Ek = {
+}, Pk = /* @__PURE__ */ a("span", null, "Tables", -1), Vk = /* @__PURE__ */ a("h3", null, "Table as wide as its content (with caption)", -1), Ak = /* @__PURE__ */ a("h3", null, "Table as wide as possible", -1), Ek = {
   class: "headline-demopage",
   id: "section-tabs"
 }, Hk = /* @__PURE__ */ a("span", null, "Tabs", -1), qk = /* @__PURE__ */ a("h4", null, "Tab 1 headline", -1), Rk = /* @__PURE__ */ a("p", null, "Slot-Content Tab 1", -1), Nk = /* @__PURE__ */ a("h4", null, "Tab 2 headline", -1), Uk = /* @__PURE__ */ a("p", null, "Slot-Content Tab 2", -1), jk = /* @__PURE__ */ a("h4", null, "Tab 3 headline", -1), zk = /* @__PURE__ */ a("p", null, "Slot-Content Tab 3", -1), Gk = {
@@ -19997,12 +20007,12 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
   id: "content"
 }, uv = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Page Overview", -1);
 function mv(e, n, t, s, i, o) {
-  const d = bn, c = Mi, u = tf, g = gn, p = Pi, f = cf, C = yo, b = Li, L = Ei, v = te, B = Ai, F = Jp, D = Ni, M = Ii, G = gr, j = kr, P = Di, N = Vi, J = gu, $ = Ri, Z = Y, ee = W, se = Ce, ce = Dm, ue = qm, ne = Re, A = dh, ae = Ui, ie = _e("router-view"), Le = Lh, Ie = Mh, we = rp, Be = Ap, Fe = Np, De = _p, ke = sf, re = _f, it = Bf, ot = ji, lt = $g, st = et, ze = ay, at = fy, qe = ky, K = Bi, Co = Oy, Bt = Si, wo = Mx, ko = bo, vo = ju, To = Eu, So = Dd, Oo = Rx, Lo = Vo("fancybox");
+  const d = bn, c = Mi, u = tf, g = gn, p = Vi, f = cf, C = yo, b = Li, L = Ei, v = te, B = Ai, F = Jp, D = Ni, M = Ii, G = gr, j = kr, V = Di, N = Pi, J = gu, $ = Ri, Z = Y, ee = W, se = Ce, ce = Dm, ue = qm, ne = Re, A = dh, ae = Ui, ie = _e("router-view"), Le = Lh, Ie = Mh, we = rp, Be = Ap, Fe = Np, De = _p, ke = sf, re = _f, it = Bf, ot = ji, lt = $g, st = et, ze = ay, at = fy, qe = ky, K = Bi, Co = Oy, Bt = Si, wo = Mx, ko = bo, vo = ju, To = Eu, So = Dd, Oo = Rx, Lo = Po("fancybox");
   return X((l(), r("div", {
     class: "page-wrapper",
     id: o.templateId
   }, [
-    L_,
+    L1,
     i.showLeftSidebar ? (l(), w(u, {
       key: 0,
       cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -20026,19 +20036,19 @@ function mv(e, n, t, s, i, o) {
               onToggleCollapse: (z) => x.boxToggled(0, z)
             }, {
               body: k(() => [
-                a("label", I_, [
-                  B_,
+                a("label", I1, [
+                  B1,
                   X(a("select", {
                     id: "select-template",
                     "onUpdate:modelValue": n[0] || (n[0] = (z) => i.selectedTemplate = z)
-                  }, A_, 512), [
-                    [Po, i.selectedTemplate]
+                  }, A1, 512), [
+                    [Vo, i.selectedTemplate]
                   ])
                 ]),
                 a("div", null, [
-                  E_,
-                  a("div", H_, [
-                    a("label", q_, [
+                  E1,
+                  a("div", H1, [
+                    a("label", q1, [
                       X(a("input", {
                         type: "radio",
                         id: "default-color-scheme",
@@ -20048,9 +20058,9 @@ function mv(e, n, t, s, i, o) {
                       }, null, 512), [
                         [Dt, i.colorScheme]
                       ]),
-                      R_
+                      R1
                     ]),
-                    a("label", N_, [
+                    a("label", N1, [
                       X(a("input", {
                         type: "radio",
                         id: "light-mode",
@@ -20060,9 +20070,9 @@ function mv(e, n, t, s, i, o) {
                       }, null, 512), [
                         [Dt, i.colorScheme]
                       ]),
-                      U_
+                      U1
                     ]),
-                    a("label", j_, [
+                    a("label", j1, [
                       X(a("input", {
                         type: "radio",
                         id: "dark-mode",
@@ -20072,7 +20082,7 @@ function mv(e, n, t, s, i, o) {
                       }, null, 512), [
                         [Dt, i.colorScheme]
                       ]),
-                      z_
+                      z1
                     ])
                   ])
                 ])
@@ -20097,7 +20107,7 @@ function mv(e, n, t, s, i, o) {
                       href: o.sectionName(z),
                       onClick: (yv) => o.updateSettingsSidebar(o.componentNameWithPrefix(z)),
                       title: "Go to component"
-                    }, y(o.readableComponentName(z)), 9, G_)
+                    }, y(o.readableComponentName(z)), 9, G1)
                   ], 2))), 128))
                 ])
               ]),
@@ -20159,37 +20169,37 @@ function mv(e, n, t, s, i, o) {
           ]),
           _: 1
         }, 8, ["openBoxesByDefault"]),
-        a("dl", W_, [
-          K_,
+        a("dl", W1, [
+          K1,
           a("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
-          J_,
+          J1,
           a("dd", null, y(i.packageJson.version), 1)
         ])
       ]),
       closed: k(() => [
-        a("div", Y_, [
+        a("div", Y1, [
           a("a", {
             href: "#",
             class: "button primary",
             title: "Open Template Selection",
             onClick: n[9] || (n[9] = T((x) => o.openBox(0), ["prevent"]))
-          }, Q_),
+          }, Q1),
           a("a", {
             href: "#",
             class: "button primary",
             title: "Open Components Overview",
             onClick: n[10] || (n[10] = T((x) => o.openBox(1), ["prevent"]))
-          }, $_),
+          }, $1),
           a("a", {
             href: "#",
             class: "button primary",
             title: "Open Page-Templates",
             onClick: n[11] || (n[11] = T((x) => o.openBox(2), ["prevent"]))
-          }, t1),
+          }, t_),
           a("a", {
             href: "#",
             onClick: n[12] || (n[12] = T((x) => i.showLeftSidebar = !1, ["prevent"]))
-          }, i1)
+          }, i_)
         ])
       ]),
       _: 1
@@ -20207,17 +20217,17 @@ function mv(e, n, t, s, i, o) {
       ]),
       _: 1
     }),
-    i.componentView ? (l(), r("main", o1, [
+    i.componentView ? (l(), r("main", o_, [
       h(C, null, {
         default: k(() => [
-          l1
+          l_
         ]),
         _: 1
       }),
       h(C, null, {
         default: k(() => [
-          a("h2", s1, [
-            a1,
+          a("h2", s_, [
+            a_,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -20225,7 +20235,7 @@ function mv(e, n, t, s, i, o) {
               onClick: n[13] || (n[13] = T((x) => o.openSettingsSidebar("CmdAddressData"), ["prevent"]))
             })
           ]),
-          a("div", r1, [
+          a("div", r_, [
             h(b, I({
               ref: "CmdAddressData",
               addressData: i.addressData
@@ -20236,10 +20246,10 @@ function mv(e, n, t, s, i, o) {
       }),
       h(C, null, {
         default: k(() => [
-          d1,
-          c1,
-          a("div", u1, [
-            a("ul", m1, [
+          d_,
+          c_,
+          a("div", u_, [
+            a("ul", m_, [
               a("li", null, [
                 a("a", {
                   href: "#",
@@ -20248,7 +20258,7 @@ function mv(e, n, t, s, i, o) {
                   id: "status-default"
                 }, " Default ", 2)
               ]),
-              a("li", h1, [
+              a("li", h_, [
                 a("a", {
                   href: "#",
                   onClick: n[15] || (n[15] = T((x) => o.setStatus("error", !1), ["prevent"])),
@@ -20301,10 +20311,10 @@ function mv(e, n, t, s, i, o) {
             novalidate: "novalidate"
           }, {
             default: k(() => [
-              a("fieldset", p1, [
-                f1,
-                a("h2", g1, [
-                  y1,
+              a("fieldset", p_, [
+                f_,
+                a("h2", g_, [
+                  y_,
                   a("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -20316,7 +20326,7 @@ function mv(e, n, t, s, i, o) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }), null, 16, ["status", "disabled"]),
-                a("div", b1, [
+                a("div", b_, [
                   h(v, {
                     labelText: "Input for datalist:",
                     element: "input",
@@ -20328,7 +20338,7 @@ function mv(e, n, t, s, i, o) {
                     tooltipText: "This is a tooltip"
                   }, null, 8, ["status", "disabled", "datalist"])
                 ]),
-                a("div", x1, [
+                a("div", x_, [
                   h(v, I({
                     labelText: "Input (type search (without search-button)):",
                     element: "input",
@@ -20350,8 +20360,8 @@ function mv(e, n, t, s, i, o) {
                     tooltipText: "This is a tooltip"
                   }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
                 ]),
-                _1,
-                a("div", C1, [
+                __,
+                a("div", C_, [
                   h(v, {
                     element: "input",
                     type: "text",
@@ -20365,7 +20375,7 @@ function mv(e, n, t, s, i, o) {
                     disabled: i.disabledStatus
                   }, {
                     labeltext: k(() => [
-                      w1
+                      w_
                     ]),
                     _: 1
                   }, 8, ["modelValue", "status", "disabled"]),
@@ -20397,7 +20407,7 @@ function mv(e, n, t, s, i, o) {
                     disabled: i.disabledStatus
                   }, null, 8, ["modelValue", "status", "disabled"])
                 ]),
-                a("div", k1, [
+                a("div", k_, [
                   h(v, {
                     labelText: "Label for emailfield (with icon):",
                     element: "input",
@@ -20508,9 +20518,9 @@ function mv(e, n, t, s, i, o) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                v1,
-                a("h3", T1, [
-                  S1,
+                v_,
+                a("h3", T_, [
+                  S_,
                   a("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -20518,7 +20528,7 @@ function mv(e, n, t, s, i, o) {
                     onClick: n[33] || (n[33] = T((x) => o.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
                   })
                 ]),
-                a("div", O1, [
+                a("div", O_, [
                   h(B, I({ ref: "CmdFakeSelect" }, e.cmdFakeSelectSettingsData, {
                     selectData: i.fakeSelectOptionsData,
                     modelValue: i.fakeSelectDefault,
@@ -20570,21 +20580,21 @@ function mv(e, n, t, s, i, o) {
                     type: "color"
                   }, null, 8, ["status", "disabled", "selectData", "modelValue"])
                 ]),
-                L1,
-                I1,
+                L_,
+                I_,
                 h(F, {
                   labelText: "Progress Bar (with optional output):",
                   id: "progress-bar2",
                   max: "100"
                 }),
-                B1,
+                B_,
                 a("div", {
                   class: _(["label", i.validationStatus])
                 }, [
-                  F1,
-                  a("span", D1, [
-                    a("label", M1, [
-                      V1,
+                  F_,
+                  a("span", D_, [
+                    a("label", M_, [
+                      P_,
                       X(a("input", {
                         type: "number",
                         class: _(i.validationStatus),
@@ -20593,12 +20603,12 @@ function mv(e, n, t, s, i, o) {
                         min: "0",
                         max: "100",
                         id: "range-value"
-                      }, null, 10, P1), [
+                      }, null, 10, V_), [
                         [Nt, i.rangeValue]
                       ])
                     ]),
-                    a("label", A1, [
-                      E1,
+                    a("label", A_, [
+                      E_,
                       X(a("input", {
                         type: "range",
                         class: "range-slider",
@@ -20607,15 +20617,15 @@ function mv(e, n, t, s, i, o) {
                         disabled: i.disabledStatus,
                         min: "0",
                         max: "100"
-                      }, null, 8, H1), [
+                      }, null, 8, H_), [
                         [Nt, i.rangeValue]
                       ])
                     ])
                   ])
                 ], 2),
-                q1,
-                R1,
-                N1,
+                q_,
+                R_,
+                N_,
                 h(v, {
                   element: "input",
                   type: "checkbox",
@@ -20640,7 +20650,7 @@ function mv(e, n, t, s, i, o) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                U1,
+                U_,
                 h(v, {
                   element: "input",
                   type: "checkbox",
@@ -20715,16 +20725,16 @@ function mv(e, n, t, s, i, o) {
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 a("p", null, [
                   E(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
-                  j1,
+                  j_,
                   E(" checkbox with boolean: " + y(i.checkboxValue), 1),
-                  z1,
+                  z_,
                   E(" checkboxes with values: " + y(i.checkboxValues), 1)
                 ]),
-                G1,
-                W1,
-                a("div", K1, [
-                  J1,
-                  a("div", Y1, [
+                G_,
+                W_,
+                a("div", K_, [
+                  J_,
+                  a("div", Y_, [
                     h(v, {
                       element: "input",
                       labelText: "Label for checkbox with boolean",
@@ -20769,16 +20779,16 @@ function mv(e, n, t, s, i, o) {
                     }, {
                       labeltext: k(() => [
                         E(" Labeltext with "),
-                        Z1,
+                        Z_,
                         E(" given by slot ")
                       ]),
                       _: 1
                     }, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                Q1,
-                a("div", X1, [
-                  $1,
+                Q_,
+                a("div", X_, [
+                  $_,
                   a("div", eC, [
                     h(v, {
                       element: "input",
@@ -21042,10 +21052,9 @@ function mv(e, n, t, s, i, o) {
               onClick: n[67] || (n[67] = T((x) => o.openSettingsSidebar("CmdBasicForm"), ["prevent"]))
             })
           ]),
-          h(P, {
+          h(V, {
             ref: "CmdBasicForm",
-            "form-action": "http://berghoff.biock.com/sendmail.php",
-            onSubmit: o.sendBasicForm,
+            cmdForm: { useValidation: !0 },
             userMessage: {
               required: !1,
               element: "textarea",
@@ -21054,7 +21063,7 @@ function mv(e, n, t, s, i, o) {
             submitButton: {
               text: "Send request"
             }
-          }, null, 8, ["onSubmit"]),
+          }, null, 512),
           a("dl", null, [
             OC,
             a("dd", null, y(i.basicFormData.originalEvent), 1),
@@ -21087,8 +21096,8 @@ function mv(e, n, t, s, i, o) {
             ]),
             body: k(() => [
               MC,
-              VC,
-              PC
+              PC,
+              VC
             ]),
             footer: k(() => [
               AC
@@ -21545,8 +21554,8 @@ function mv(e, n, t, s, i, o) {
       }),
       h(C, null, {
         default: k(() => [
-          a("h2", Vw, [
-            Pw,
+          a("h2", Pw, [
+            Vw,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22048,7 +22057,7 @@ function mv(e, n, t, s, i, o) {
       h(C, null, {
         default: k(() => [
           a("h2", Mk, [
-            Vk,
+            Pk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22056,7 +22065,7 @@ function mv(e, n, t, s, i, o) {
               onClick: n[110] || (n[110] = T((x) => o.openSettingsSidebar("CmdTable"), ["prevent"]))
             })
           ]),
-          Pk,
+          Vk,
           h(ze, I({ ref: "CmdTable" }, e.cmdTableSettingsData, { "table-data": i.tableDataLarge }), null, 16, ["table-data"]),
           Ak,
           h(ze, {
@@ -22341,11 +22350,11 @@ function mv(e, n, t, s, i, o) {
       ]),
       _: 1
     }, 8, ["openSidebar", "onToggleSidebar"])) : m("", !0)
-  ], 8, O_)), [
+  ], 8, O1)), [
     [Lo]
   ]);
 }
-const _v = /* @__PURE__ */ V(S_, [["render", mv]]), Cv = {
+const _v = /* @__PURE__ */ P(S1, [["render", mv]]), Cv = {
   // el = real dom-element
   mounted(e) {
     if (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A")
@@ -22457,8 +22466,8 @@ export {
   Di as CmdBasicForm,
   bn as CmdBox,
   Mi as CmdBoxWrapper,
-  Vi as CmdBreadcrumbs,
-  Pi as CmdCompanyLogo,
+  Pi as CmdBreadcrumbs,
+  Vi as CmdCompanyLogo,
   gu as CmdContainer,
   Eu as CmdCookieDisclaimer,
   ju as CmdCopyrightInformation,