comand-component-library 4.1.52 → 4.1.54

package/dist/comand-component-library.js

@@ -1,6 +1,6 @@
 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 We = (e, n, t) => Bo(e, typeof n != "symbol" ? n + "" : 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";
 const Ye = /^[a-z0-9]+(-[a-z0-9]+)*$/, xt = (e, n, t, s = "") => {
   const i = e.split(":");
@@ -163,7 +163,7 @@ function sn(e, n) {
     s ? e.icons[t] = s : e.missing.add(t);
   }) : [];
 }
-function Wo(e, n, t) {
+function Go(e, n, t) {
   try {
     if (typeof t.body == "string")
       return e.icons[n] = { ...t }, !0;
@@ -175,7 +175,7 @@ let Ze = !1;
 function hi(e) {
   return typeof e == "boolean" && (Ze = e), Ze;
 }
-function Go(e) {
+function Wo(e) {
   const n = typeof e == "string" ? xt(e, !0, Ze) : e;
   if (n) {
     const t = Ae(n.provider, n.prefix), s = n.name;
@@ -187,7 +187,7 @@ function Ko(e, n) {
   if (!t)
     return !1;
   const s = Ae(t.provider, t.prefix);
-  return Wo(s, t.name, n);
+  return Go(s, t.name, n);
 }
 function pi(e, n) {
   if (typeof e != "object")
@@ -330,12 +330,12 @@ function an(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const rn = /* @__PURE__ */ Object.create(null), Ge = [
+const rn = /* @__PURE__ */ Object.create(null), We = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
 ], ut = [];
-for (; Ge.length > 0; )
-  Ge.length === 1 || Math.random() > 0.5 ? ut.push(Ge.shift()) : ut.push(Ge.pop());
+for (; We.length > 0; )
+  We.length === 1 || Math.random() > 0.5 ? ut.push(We.shift()) : ut.push(We.pop());
 rn[""] = an({
   resources: ["https://api.iconify.design"].concat(ut)
 });
@@ -598,7 +598,7 @@ function gl(e, n, t, s) {
       P.status === "pending" && (P.status = "aborted");
     }), C = [];
   }
-  function W(P, N, J) {
+  function G(P, N, J) {
     const $ = N !== "success";
     switch (C = C.filter((Z) => Z !== P), u) {
       case "pending":
@@ -645,7 +645,7 @@ function gl(e, n, t, s) {
       status: "pending",
       resource: P,
       callback: (J, $) => {
-        W(N, J, $);
+        G(N, J, $);
       }
     };
     C.push(N), g++, f = setTimeout(j, e.rotate), t(P, n, N.callback);
@@ -721,7 +721,7 @@ function bl(e, n, t) {
   return !s || !i ? (t(void 0, 424), Bn) : s.query(n, i, t)().abort;
 }
 const Fn = "iconify2", Qe = "iconify", xi = Qe + "-count", Dn = Qe + "-version", _i = 36e5, xl = 168;
-function Wt(e, n) {
+function Gt(e, n) {
   try {
     return e.getItem(n);
   } catch {
@@ -739,11 +739,11 @@ function Mn(e, n) {
   } catch {
   }
 }
-function Gt(e, n) {
+function Wt(e, n) {
   return cn(e, xi, n.toString());
 }
 function Kt(e) {
-  return parseInt(Wt(e, xi)) || 0;
+  return parseInt(Gt(e, xi)) || 0;
 }
 const Ct = {
   local: !0,
@@ -770,18 +770,18 @@ function ki(e, n) {
   const t = wi(e);
   if (!t)
     return;
-  const s = Wt(t, Dn);
+  const s = Gt(t, Dn);
   if (s !== Fn) {
     if (s) {
       const c = Kt(t);
       for (let u = 0; u < c; u++)
         Mn(t, Qe + u.toString());
     }
-    cn(t, Dn, Fn), Gt(t, 0);
+    cn(t, Dn, Fn), Wt(t, 0);
     return;
   }
   const i = Math.floor(Date.now() / _i) - xl, o = (c) => {
-    const u = Qe + c.toString(), g = Wt(t, u);
+    const u = Qe + c.toString(), g = Gt(t, u);
     if (typeof g == "string") {
       try {
         const p = JSON.parse(g);
@@ -794,7 +794,7 @@ function ki(e, n) {
   };
   let d = Kt(t);
   for (let c = d - 1; c >= 0; c--)
-    o(c) || (c === d - 1 ? (d--, Gt(t, d)) : Ci[e].add(c));
+    o(c) || (c === d - 1 ? (d--, Wt(t, d)) : Ci[e].add(c));
 }
 function vi() {
   if (!un) {
@@ -834,7 +834,7 @@ function wl(e, n) {
     let d;
     if (o.size)
       o.delete(d = Array.from(o).shift());
-    else if (d = Kt(i), !Gt(i, d + 1))
+    else if (d = Kt(i), !Wt(i, d + 1))
       return;
     const c = {
       cached: Math.floor(Date.now() / _i),
@@ -1148,7 +1148,7 @@ const Pl = {
       let t;
       if (typeof e != "string" || (t = xt(e, !1, !0)) === null)
         return this.abortLoading(), null;
-      const s = Go(t);
+      const s = Wo(t);
       if (!s)
         return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", s !== null && (this._loadingIcon = {
           name: e,
@@ -1240,7 +1240,7 @@ function ql(e, n, t, s, i, o) {
     title: t.tooltip
   }, null, 10, Hl));
 }
-const G = /* @__PURE__ */ V(El, [["render", ql]]);
+const W = /* @__PURE__ */ V(El, [["render", ql]]);
 function Se(e, n) {
   return wt(e, "EditComponentWrapper", n);
 }
@@ -1425,12 +1425,12 @@ function pe(e) {
 const zl = {
   key: 0,
   class: "action-buttons-wrapper"
-}, Wl = ["data-component"], Gl = ["title"], Kl = ["href"], Jl = { key: 0 }, Yl = { key: 1 }, Zl = {
+}, Gl = ["data-component"], Wl = ["title"], Kl = ["href"], Jl = { key: 0 }, Yl = { key: 1 }, Zl = {
   key: 0,
   class: "component-name"
 }, Ql = ["data-component"], Xl = ["title"], $l = ["href", "title"], es = ["title"], ts = { key: 0 }, ns = { key: 1 }, is = ["title"], os = ["title"];
 function ls(e, n, t, s, i, o) {
-  const d = G;
+  const d = W;
   return l(), w(Me(t.componentTag || "div"), {
     class: _(["edit-component-wrapper", { active: o.active }]),
     tabindex: "0",
@@ -1455,7 +1455,7 @@ function ls(e, n, t, s, i, o) {
               h(d, {
                 iconClass: (o.isOuterComponent, "icon-plus")
               }, null, 8, ["iconClass"])
-            ], 10, Gl)
+            ], 10, Wl)
           ]),
           a("li", null, [
             a("a", {
@@ -1508,7 +1508,7 @@ function ls(e, n, t, s, i, o) {
               h(d, { iconClass: "icon-edit" })
             ], 2))
           ]))
-        ], 8, Wl), [
+        ], 8, Gl), [
           [be, o.active]
         ])
       ])) : (l(), r(S, { key: 1 }, [
@@ -1731,7 +1731,7 @@ const He = /* @__PURE__ */ V(jl, [["render", ls]]), le = {
 ];
 function ys(e, n, t, s, i, o) {
   var g;
-  const d = G, c = te, u = He;
+  const d = W, c = te, u = He;
   return !e.editModeContext || e.settingsContext || e.mainSidebarContext || t.headlineText ? (l(), r("div", {
     key: 0,
     class: _(["cmd-headline", { "has-pre-headline-text": t.preHeadlineText, "has-icon": (g = t.cmdIcon) == null ? void 0 : g.iconClass }, o.headlineTextAlign])
@@ -1949,7 +1949,7 @@ const Y = /* @__PURE__ */ V(ss, [["render", ys]]), bs = {
   class: "headline-wrapper"
 }, _s = ["title"];
 function Cs(e, n, t, s, i, o) {
-  const d = Y, c = G;
+  const d = Y, c = W;
   return i.tooltipVisibility ? (l(), r("div", {
     key: 0,
     class: _(["cmd-tooltip", t.validationStatus]),
@@ -2124,7 +2124,7 @@ const Si = /* @__PURE__ */ V(bs, [["render", Cs]]), me = {
 }, vs = { class: "cmd-list-of-requirements" }, Ts = /* @__PURE__ */ a("br", null, null, -1), Ss = /* @__PURE__ */ a("hr", null, null, -1), Os = ["href", "target"], Ls = { key: 1 };
 function Is(e, n, t, s, i, o) {
   var u, g, p;
-  const d = Y, c = G;
+  const d = Y, c = W;
   return l(), r("div", vs, [
     t.showHeadline ? (l(), w(d, {
       key: 0,
@@ -3097,7 +3097,7 @@ const fn = {
 }, Us = ["for", "title"], js = ["innerHTML"], zs = {
   key: 2,
   "aria-hidden": "true"
-}, Ws = ["title", "aria-errormessage", "id"], Gs = {
+}, Gs = ["title", "aria-errormessage", "id"], Ws = {
   key: 1,
   class: "flex-container inner-input-wrapper"
 }, Ks = ["id", "autocomplete", "list", "value", "maxlength"], Js = ["title"], Ys = ["id"], Zs = ["value"], Qs = ["checked", "value", "id", "disabled", "aria-invalid"], Xs = ["innerHTML"], $s = { key: 2 }, ea = { class: "switch-label-wrapper" }, ta = ["checked", "value", "id", "disabled", "aria-invalid"], na = { class: "label-text" }, ia = { class: "label-text" }, oa = ["innerHTML"], la = { key: 0 }, sa = ["id"], aa = ["value", "selected"], ra = ["id", "value", "maxlength"], da = {
@@ -3108,8 +3108,8 @@ 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, W, j, P, N, J, $, Z, ee, se, ce, ue, ne;
-  const d = G, c = mn;
+  var u, g, p, f, C, b, L, v, B, F, D, M, G, j, P, 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,
     class: _([
@@ -3151,7 +3151,7 @@ function ga(e, n, t, s, i, o) {
         id: e.tooltipId
       }, [
         h(d, { iconClass: e.getStatusIconClass }, null, 8, ["iconClass"])
-      ], 8, Ws)) : m("", !0),
+      ], 8, Gs)) : m("", !0),
       e.useCustomTooltip && (e.validationStatus === "" || e.validationStatus === "error") ? (l(), w(c, {
         key: 1,
         ref: "tooltip",
@@ -3161,7 +3161,7 @@ function ga(e, n, t, s, i, o) {
         role: e.validationStatus === "error" ? "alert" : "dialog"
       }, null, 8, ["validationStatus", "relatedId", "cmdListOfRequirements", "role"])) : m("", !0)
     ], 2)) : m("", !0),
-    e.$attrs.type !== "checkbox" && e.$attrs.type !== "radio" && e.$attrs.type !== "search" ? (l(), r("span", Gs, [
+    e.$attrs.type !== "checkbox" && e.$attrs.type !== "radio" && e.$attrs.type !== "search" ? (l(), r("span", Ws, [
       t.fieldIconClass ? (l(), w(d, {
         key: 0,
         class: "place-inside",
@@ -3322,7 +3322,7 @@ function ga(e, n, t, s, i, o) {
     (b = (C = t.nativeButton) == null ? void 0 : C.icon) != null && b.show && (((v = (L = t.nativeButton) == null ? void 0 : L.icon) == null ? void 0 : v.position) === "before" || !((F = (B = t.nativeButton) == null ? void 0 : B.icon) != null && F.position)) ? (l(), w(d, {
       key: 0,
       iconClass: (M = (D = t.nativeButton) == null ? void 0 : D.icon) == null ? void 0 : M.iconClass,
-      type: (j = (W = t.nativeButton) == null ? void 0 : W.icon) == null ? void 0 : j.iconType
+      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 }, [
       E(y(t.nativeButton.text), 1)
@@ -3464,7 +3464,7 @@ const te = /* @__PURE__ */ V(Ns, [["render", ga]]), ya = {
   class: "country-name"
 };
 function Ha(e, n, t, s, i, o) {
-  const d = G, c = te;
+  const d = W, c = te;
   return l(), r(S, null, [
     a("dt", {
       class: _(["cmd-address-data-item", { address: t.addressEntry.name === "address" }]),
@@ -3719,9 +3719,9 @@ const qa = /* @__PURE__ */ V(ya, [["render", Ha]]), Ra = {
     }
   },
   watch: {}
-}, Na = { class: "cmd-address-data vcard" }, Ua = { class: "adr" }, ja = { key: 0 }, za = /* @__PURE__ */ a("span", { class: "icon-plus" }, null, -1), Wa = /* @__PURE__ */ a("span", null, "Add new entry", -1), Ga = [
+}, Na = { class: "cmd-address-data vcard" }, Ua = { class: "adr" }, ja = { key: 0 }, za = /* @__PURE__ */ a("span", { class: "icon-plus" }, null, -1), Ga = /* @__PURE__ */ a("span", null, "Add new entry", -1), Wa = [
   za,
-  Wa
+  Ga
 ], Ka = ["href", "target", "title"], Ja = ["innerHTML"], Ya = ["href", "title"], Za = { class: "street-address" }, Qa = /* @__PURE__ */ a("br", null, null, -1), Xa = {
   key: 0,
   class: "postal-code"
@@ -3743,7 +3743,7 @@ const qa = /* @__PURE__ */ V(ya, [["render", Ha]]), Ra = {
 };
 function mr(e, n, t, s, i, o) {
   var p;
-  const d = Y, c = qa, u = He, g = G;
+  const d = Y, c = qa, u = He, g = W;
   return l(), r("div", Na, [
     t.useSlot ? H(e.$slots, "default", { key: 0 }) : (l(), r(S, { key: 1 }, [
       (p = t.cmdHeadline) != null && p.headlineText || e.editModeContext ? (l(), w(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
@@ -3755,7 +3755,7 @@ function mr(e, n, t, s, i, o) {
               type: "button",
               class: "button confirm small",
               onClick: n[0] || (n[0] = (...f) => o.onAddItem && o.onAddItem(...f))
-            }, Ga)) : m("", !0),
+            }, Wa)) : m("", !0),
             (l(!0), r(S, null, q(t.addressData, (f, C) => (l(), w(u, {
               key: "x" + C,
               class: "edit-items",
@@ -3955,7 +3955,7 @@ const Li = /* @__PURE__ */ V(Ra, [["render", mr]]), hr = {
   }
 }, pr = ["title"];
 function fr(e, n, t, s, i, o) {
-  const d = G;
+  const d = W;
   return l(), w(Pe, { name: "fade" }, {
     default: k(() => [
       o.show ? (l(), r("a", {
@@ -4040,7 +4040,7 @@ const gr = /* @__PURE__ */ V(hr, [["render", fr]]), yr = {
   }
 }, br = { class: "cmd-bank-account-data" }, xr = { key: 0 }, _r = ["onClick", "title"], Cr = { key: 1 };
 function wr(e, n, t, s, i, o) {
-  const d = Y, c = G;
+  const d = Y, c = W;
   return l(), r("div", br, [
     t.useSlot ? H(e.$slots, "default", { key: 0 }) : (l(), r(S, { key: 1 }, [
       t.cmdHeadline ? (l(), w(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
@@ -4162,7 +4162,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 = G, c = Y;
+  const d = W, c = Y;
   return l(), w(Pe, {
     name: t.useTransition ? "fade" : null
   }, {
@@ -4358,8 +4358,8 @@ function Ar(e, n, t, s, i, o) {
         i.systemMessage.show && i.systemMessage.message ? (l(), w(d, {
           key: 0,
           validationStatus: i.systemMessage.validationStatus,
-          "system-message": i.systemMessage.message
-        }, null, 8, ["validationStatus", "system-message"])) : m("", !0),
+          systemMessage: i.systemMessage.message
+        }, null, 8, ["validationStatus", "systemMessage"])) : m("", !0),
         t.useSlot ? H(e.$slots, "default", { key: 1 }) : (l(!0), r(S, { key: 2 }, q(t.formElements, (u, g) => (l(), w(c, {
           key: g,
           element: u.element || "input",
@@ -4446,7 +4446,7 @@ const Ii = /* @__PURE__ */ V(Lr, [["render", Ar]]), Er = {
   }
 }, Te = class Te {
   constructor(n) {
-    We(this, "label");
+    Ge(this, "label");
     this.label = n;
   }
   validate(n) {
@@ -4471,7 +4471,7 @@ const Ii = /* @__PURE__ */ V(Lr, [["render", Ar]]), Er = {
     return !n || n.trim().length === 0 ? [!0, this.label("form_error_empty")] : t && !t.test(n) ? [!0, s || this.label("form_error_invalid")] : [!1, ""];
   }
 };
-We(Te, "PATTERN_SURNAME", /^[a-züöäßáéíóàèìòêîô '-]+$/i), We(Te, "PATTERN_EMAIL", /^[a-z\d._%+-]+@[a-z\d._%+-]+\.[a-z]{2,}$/i), We(Te, "PATTERN_MESSAGE", /^.{2,500}$/);
+Ge(Te, "PATTERN_SURNAME", /^[a-züöäßáéíóàèìòêîô '-]+$/i), Ge(Te, "PATTERN_EMAIL", /^[a-z\d._%+-]+@[a-z\d._%+-]+\.[a-z]{2,}$/i), Ge(Te, "PATTERN_MESSAGE", /^.{2,500}$/);
 let Yt = Te;
 function Je(e) {
   if (e) {
@@ -4726,12 +4726,12 @@ const Hr = {
       deep: !0
     }
   }
-}, qr = ["innerHTML"], Rr = /* @__PURE__ */ a("span", { class: "icon-image" }, null, -1), Nr = ["src", "alt", "title"], Ur = ["src", "alt", "title"], jr = ["innerHTML"], zr = /* @__PURE__ */ a("span", { class: "icon-add" }, null, -1), Wr = /* @__PURE__ */ a("span", null, "Add new image", -1), Gr = [
+}, qr = ["innerHTML"], Rr = /* @__PURE__ */ a("span", { class: "icon-image" }, null, -1), Nr = ["src", "alt", "title"], Ur = ["src", "alt", "title"], jr = ["innerHTML"], zr = /* @__PURE__ */ a("span", { class: "icon-add" }, null, -1), Gr = /* @__PURE__ */ a("span", null, "Add new image", -1), Wr = [
   zr,
-  Wr
+  Gr
 ], Kr = ["innerHTML"], Jr = ["src", "alt", "title"], Yr = ["innerHTML"], Zr = ["src", "alt", "title"];
 function Qr(e, n, t, s, i, o) {
-  var u, g, p, f, C, b, L, v, B, F, D, M, W;
+  var u, g, p, f, C, b, L, v, B, F, D, M, G;
   const d = te, c = He;
   return e.editModeContext ? (l(), w(c, {
     key: 0,
@@ -4818,7 +4818,7 @@ function Qr(e, n, t, s, i, o) {
             type: "button",
             class: "button confirm",
             onClick: n[3] || (n[3] = (...ie) => o.onAddItem && o.onAddItem(...ie))
-          }, Gr)) : m("", !0)
+          }, Wr)) : m("", !0)
         ], 2)
       ];
     }),
@@ -4845,7 +4845,7 @@ function Qr(e, n, t, s, i, o) {
     key: 2,
     src: o.imageSource,
     alt: (M = t.image) == null ? void 0 : M.alt,
-    title: (W = t.image) == null ? void 0 : W.tooltip,
+    title: (G = t.image) == null ? void 0 : G.tooltip,
     onLoad: n[5] || (n[5] = (...j) => o.onImageLoaded && o.onImageLoaded(...j))
   }, null, 40, Zr));
 }
@@ -4915,7 +4915,7 @@ const Ce = /* @__PURE__ */ V(Hr, [["render", Qr]]), Xr = {
   }
 }, ed = ["title"];
 function td(e, n, t, s, i, o) {
-  const d = G;
+  const d = W;
   return l(), r("a", {
     href: "#",
     onClick: n[0] || (n[0] = T(() => {
@@ -5170,7 +5170,7 @@ const vt = /* @__PURE__ */ V($r, [["render", td]]), nd = {
 ];
 function md(e, n, t, s, i, o) {
   var p;
-  const d = Y, c = vt, u = Ce, g = G;
+  const d = Y, c = vt, u = Ce, g = W;
   return l(), r("div", {
     class: _([
       "cmd-thumbnail-scroller",
@@ -5554,8 +5554,8 @@ 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, W, j, P, N, J, $, Z, ee, se, ce, ue, ne, A, ae, ie, Le, Ie, we, Be, Fe, De, ke;
-  const d = Y, c = G, u = Ce, g = vt, p = Bi;
+  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;
+  const d = Y, c = W, u = Ce, g = vt, p = Bi;
   return l(), r("dialog", {
     ref: "dialog",
     class: _(["cmd-fancybox", { "show-overlay": e.showOverlay, image: e.fancyBoxImageUrl || e.fancyBoxGallery, "image-gallery": e.fancyBoxGallery }]),
@@ -5585,7 +5585,7 @@ function Fd(e, n, t, s, i, o) {
           onClick: n[1] || (n[1] = T((re) => e.printPage("grayscale"), ["prevent"]))
         }, [
           h(c, {
-            iconClass: (W = e.fancyBoxOptionsProperties.printButtons.grayscale) == null ? void 0 : W.iconClass,
+            iconClass: (G = e.fancyBoxOptionsProperties.printButtons.grayscale) == null ? void 0 : G.iconClass,
             type: (j = e.fancyBoxOptionsProperties.printButtons.grayscale) == null ? void 0 : j.iconType
           }, null, 8, ["iconClass", "type"])
         ], 8, xd)) : m("", !0),
@@ -5883,10 +5883,8 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
         this.formData.error && e.originalEvent.preventDefault();
         return;
       }
-      e.originalEvent.preventDefault(), console.log("this.reCaptchaWebsiteKey", this.reCaptchaWebsiteKey), this.reCaptchaWebsiteKey ? grecaptcha.ready(function() {
-        grecaptcha.execute(this.reCaptchaWebsiteKey, { action: "submit" }).then(function(n) {
-          this.submitForm(n);
-        });
+      e.originalEvent.preventDefault(), this.reCaptchaWebsiteKey && window.grecaptcha ? grecaptcha.ready(() => {
+        grecaptcha.execute(this.reCaptchaWebsiteKey, { action: "submit" }).then((n) => this.submitForm(n)).catch((n) => console.log("recaptcha error", n));
       }) : this.submitForm();
     },
     submitForm(e) {
@@ -5899,8 +5897,13 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
       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"));
-          for (let o in this.formData)
-            o === "salutation" ? this.formData[o].value = this.configuration.salutation.default : o === "acceptPrivacy" ? this.formData[o].value = !1 : this.formData[o].value = "";
+          try {
+            this.formData.error = !1;
+            for (let o in this.formData)
+              this.formData[o].error && (this.formData[o].error = !1), typeof this.formData[o].value == "string" ? o === "salutation" ? this.formData[o].value = this.configuration.salutation.default : this.formData[o].value = "" : o === "acceptPrivacy" && (this.formData[o].value = !1);
+          } catch (o) {
+            console.error(o);
+          }
         } else
           this.$refs.form.showMessage("error", this.getMessage("basic_form.system_message.error.message_could_not_be_sent"));
       }).catch((i) => {
@@ -5952,7 +5955,7 @@ function Rd(e, n, t, s, i, o) {
       ref: "form"
     }), {
       default: k(() => {
-        var g, p, f, C, b, L, v, B, F, D, M, W, 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, 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;
         return [
           t.configuration.salutation ? (l(), r("div", Pd, [
             h(c, {
@@ -6021,7 +6024,7 @@ function Rd(e, n, t, s, i, o) {
               iconClass: "icon-mail",
               labelText: e.getMessage("basic_form.labeltext.email"),
               placeholder: e.getMessage("basic_form.placeholder.email"),
-              required: (W = t.configuration.email) == null ? void 0 : W.required,
+              required: (G = t.configuration.email) == null ? void 0 : G.required,
               name: (j = t.configuration.email) == null ? void 0 : j.name,
               modelValue: i.formData.email.value,
               "onUpdate:modelValue": n[4] || (n[4] = (K) => i.formData.email.value = K),
@@ -6200,7 +6203,7 @@ const Di = /* @__PURE__ */ V(Md, [["render", Rd]]), Nd = {
     }
   }
 }, Ud = ["title"], jd = { key: 1 }, zd = ["title"];
-function Wd(e, n, t, s, i, o) {
+function Gd(e, n, t, s, i, o) {
   return l(), r(S, null, [
     t.icon.iconClass && t.icon.position === "left" || t.icon.position === "top" || !t.icon.position ? (l(), r("span", {
       key: 0,
@@ -6216,7 +6219,7 @@ function Wd(e, n, t, s, i, o) {
     H(e.$slots, "default")
   ], 64);
 }
-const Gd = /* @__PURE__ */ V(Nd, [["render", Wd]]), Kd = {
+const Wd = /* @__PURE__ */ V(Nd, [["render", Gd]]), Kd = {
   name: "CmdLink",
   emits: ["click"],
   props: {
@@ -6305,7 +6308,7 @@ const Gd = /* @__PURE__ */ V(Nd, [["render", Wd]]), Kd = {
 }, Jd = ["href", "target", "title"], Yd = ["title"];
 function Zd(e, n, t, s, i, o) {
   var u, g, p;
-  const d = Gd, c = _e("router-link");
+  const d = Wd, c = _e("router-link");
   return t.linkType === "href" ? (l(), r("a", {
     key: 0,
     href: t.path,
@@ -6397,7 +6400,7 @@ const Re = /* @__PURE__ */ V(Kd, [["render", Zd]]), Qd = {
   class: "input-wrapper"
 };
 function tc(e, n, t, s, i, o) {
-  var g, p, f, C, b, L, v, B, F, D, M, W, j;
+  var g, p, f, C, b, L, v, B, F, D, M, G, j;
   const d = Re, c = _e("CmdListOfLinksItem", !0), u = te;
   return e.editing ? (l(), r("div", ec, [
     h(u, {
@@ -6422,7 +6425,7 @@ function tc(e, n, t, s, i, o) {
       primaryButton: (F = t.link) == null ? void 0 : F.primaryButton,
       styleAsBox: (D = t.link) == null ? void 0 : D.styleAsBox
     }, null, 8, ["linkType", "text", "path", "target", "icon", "fancybox", "tooltip", "styleAsButton", "primaryButton", "styleAsBox"]),
-    (W = (M = t.link) == null ? void 0 : M.children) != null && W.length ? (l(), r("ul", $d, [
+    (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, {
         key: N,
         link: P
@@ -6991,9 +6994,9 @@ const uc = ["title"], mc = {
   key: 1,
   class: "box-footer"
 };
-function Wc(e, n, t, s, i, o) {
-  var f, C, b, L, v, B, F, D, M, W, j;
-  const d = Y, c = G, u = Ce, g = Re, p = gn;
+function Gc(e, n, t, s, i, o) {
+  var f, C, b, L, v, B, F, D, M, G, j;
+  const d = Y, c = W, u = Ce, g = Re, p = gn;
   return t.boxType === "content" ? (l(), r("div", {
     key: 0,
     ref: "cmdBox",
@@ -7090,7 +7093,7 @@ function Wc(e, n, t, s, i, o) {
     ], 2), [
       [be, i.open]
     ]),
-    (W = t.cmdLink) != null && W.linkType ? (l(), r("div", yc, [
+    (G = t.cmdLink) != null && G.linkType ? (l(), r("div", yc, [
       h(g, R(xe(t.cmdLink)), null, 16)
     ])) : m("", !0),
     (j = t.useSlots) != null && j.includes("footer") ? (l(), r("div", bc, [
@@ -7175,7 +7178,7 @@ function Wc(e, n, t, s, i, o) {
     ])) : m("", !0)
   ], 2)) : m("", !0);
 }
-const bn = /* @__PURE__ */ V(yn, [["render", Wc]]), xn = {
+const bn = /* @__PURE__ */ V(yn, [["render", Gc]]), xn = {
   name: "CmdBoxWrapper",
   data() {
     return {
@@ -7372,7 +7375,7 @@ const bn = /* @__PURE__ */ V(yn, [["render", Wc]]), xn = {
   }));
 }, zn = xn.setup;
 xn.setup = zn ? (e, n) => (jn(), zn(e, n)) : jn;
-const Gc = { class: "cmd-box-wrapper" }, Kc = {
+const Wc = { class: "cmd-box-wrapper" }, Kc = {
   key: 0,
   class: "flex-container headline-wrapper"
 }, Jc = {
@@ -7380,8 +7383,8 @@ const Gc = { class: "cmd-box-wrapper" }, Kc = {
   class: "options-wrapper"
 }, Yc = ["title"];
 function Zc(e, n, t, s, i, o) {
-  const d = Y, c = G;
-  return l(), r("div", Gc, [
+  const d = Y, c = W;
+  return l(), r("div", Wc, [
     t.cmdHeadline.headlineText || t.allowUserToToggleOrientation ? (l(), r("div", Kc, [
       t.cmdHeadline.headlineText ? (l(), w(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
       t.allowUserToToggleOrientation ? (l(), r("div", Jc, [
@@ -7460,7 +7463,7 @@ const Qc = {
   class: "separator"
 };
 function su(e, n, t, s, i, o) {
-  const d = G, c = _e("router-link");
+  const d = W, c = _e("router-link");
   return l(), r("ul", Xc, [
     t.breadcrumbLabel ? (l(), r("li", $c, y(t.breadcrumbLabel), 1)) : m("", !0),
     (l(!0), r(S, null, q(t.breadcrumbLinks || [], (u, g) => (l(), r("li", { key: g }, [
@@ -8054,7 +8057,7 @@ const ju = /* @__PURE__ */ V(Hu, [["render", Uu]]), zu = {
       }
     };
   }
-}, Wu = {
+}, Gu = {
   name: "CmdFakeSelect",
   inheritAttrs: !1,
   mixins: [
@@ -8313,7 +8316,7 @@ const ju = /* @__PURE__ */ V(Hu, [["render", Uu]]), zu = {
       deep: !0
     }
   }
-}, Gu = ["title", "aria-labelledby", "aria-required"], Ku = {
+}, Wu = ["title", "aria-labelledby", "aria-required"], Ku = {
   key: 0,
   class: "label-text"
 }, Ju = ["id"], Yu = {
@@ -8331,7 +8334,7 @@ const ju = /* @__PURE__ */ V(Hu, [["render", Uu]]), zu = {
 };
 function mm(e, n, t, s, i, o) {
   var g, p, f, C;
-  const d = G, c = mn, u = _e("router-link");
+  const d = W, c = mn, u = _e("router-link");
   return l(), r("div", {
     class: _([
       i.validationStatus,
@@ -8510,9 +8513,9 @@ function mm(e, n, t, s, i, o) {
         ], 10, lm)) : t.type === "content" && i.showOptions ? H(e.$slots, "default", { key: 2 }) : m("", !0)
       ])
     ], 42, Qu)
-  ], 10, Gu);
+  ], 10, Wu);
 }
-const Ai = /* @__PURE__ */ V(Wu, [["render", mm]]), hm = {
+const Ai = /* @__PURE__ */ V(Gu, [["render", mm]]), hm = {
   name: "CmdFormFilters",
   data() {
     return {
@@ -8593,7 +8596,7 @@ const Ai = /* @__PURE__ */ V(Wu, [["render", mm]]), hm = {
   class: "cmd-form-filters"
 }, fm = { key: 0 }, gm = { key: 1 }, ym = ["onClick", "title"];
 function bm(e, n, t, s, i, o) {
-  const d = G;
+  const d = W;
   return i.options.length ? (l(), r("ul", pm, [
     i.options.length > 1 ? (l(), r("li", fm, [
       a("a", {
@@ -8887,22 +8890,22 @@ const Dm = /* @__PURE__ */ V(Tm, [["render", Fm]]), Mm = {
     onMouseOver(e) {
       this.showLargeImage = !0, this.$nextTick(() => {
         const n = window.innerHeight - this.$el.getBoundingClientRect().y - 10, t = this.$el.querySelector(".zoom-container");
-        t.style.height = `${n}px`, Wn(this, e);
+        t.style.height = `${n}px`, Gn(this, e);
       });
     },
     onMouseMove(e) {
-      Wn(this, e);
+      Gn(this, e);
     },
     onMouseOut() {
       this.showLargeImage = !1;
     }
   }
 };
-function Wn(e, n) {
-  const t = e.$el.querySelector(".zoom-container"), s = t.querySelector("img"), i = e.$el.querySelector(".zoom-overlay"), o = n.target.getBoundingClientRect().width, d = n.target.getBoundingClientRect().height, c = s.getBoundingClientRect().width, u = s.getBoundingClientRect().height, g = n.pageX - n.target.getBoundingClientRect().x - window.pageXOffset, p = n.pageY - n.target.getBoundingClientRect().y - window.pageYOffset, f = Math.min(o, t.getBoundingClientRect().width / c * o), C = Math.min(d, t.getBoundingClientRect().height / u * d), b = Gn(g - f / 2, 0, o - f), L = Gn(p - C / 2, 0, d - C), v = -(b * (c / o)), B = -(L * (u / d));
+function Gn(e, n) {
+  const t = e.$el.querySelector(".zoom-container"), s = t.querySelector("img"), i = e.$el.querySelector(".zoom-overlay"), o = n.target.getBoundingClientRect().width, d = n.target.getBoundingClientRect().height, c = s.getBoundingClientRect().width, u = s.getBoundingClientRect().height, g = n.pageX - n.target.getBoundingClientRect().x - window.pageXOffset, p = n.pageY - n.target.getBoundingClientRect().y - window.pageYOffset, f = Math.min(o, t.getBoundingClientRect().width / c * o), C = Math.min(d, t.getBoundingClientRect().height / u * d), b = Wn(g - f / 2, 0, o - f), L = Wn(p - C / 2, 0, d - C), v = -(b * (c / o)), B = -(L * (u / d));
   i.style.left = `${b}px`, i.style.top = `${L}px`, i.style.width = `${f}px`, i.style.height = `${C}px`, i.style.display = "block", s.style.marginLeft = `${v}px`, s.style.marginTop = `${B}px`;
 }
-function Gn(e, n, t) {
+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);
@@ -9117,7 +9120,7 @@ const qm = /* @__PURE__ */ V(Mm, [["render", Hm]]), Rm = {
 }, Nm = ["aria-labelledby"], Um = { class: "label-text" }, jm = ["id"], zm = {
   key: 0,
   "aria-hidden": "true"
-}, Wm = ["title", "aria-errormessage", "id"], Gm = ["for"], Km = ["type", "id", "name", "value", "disabled"], Jm = {
+}, Gm = ["title", "aria-errormessage", "id"], Wm = ["for"], Km = ["type", "id", "name", "value", "disabled"], Jm = {
   key: 1,
   class: "label-text"
 }, Ym = {
@@ -9125,7 +9128,7 @@ const qm = /* @__PURE__ */ V(Mm, [["render", Hm]]), Rm = {
   class: "flex-container no-flex"
 };
 function Zm(e, n, t, s, i, o) {
-  const d = G, c = mn;
+  const d = W, c = mn;
   return l(), r("div", {
     class: _([
       "cmd-input-group label",
@@ -9156,7 +9159,7 @@ function Zm(e, n, t, s, i, o) {
         id: e.tooltipId
       }, [
         h(d, { iconClass: e.getStatusIconClass }, null, 8, ["iconClass"])
-      ], 8, Wm)) : m("", !0),
+      ], 8, Gm)) : m("", !0),
       e.useCustomTooltip && (e.validationStatus === "" || e.validationStatus === "error") ? (l(), w(c, {
         key: 1,
         ref: "tooltip",
@@ -9201,7 +9204,7 @@ function Zm(e, n, t, s, i, o) {
           type: u.iconType
         }, null, 8, ["iconClass", "type"])) : m("", !0),
         u.labelText ? (l(), r("span", Jm, y(u.labelText), 1)) : m("", !0)
-      ], 10, Gm))), 128))
+      ], 10, Wm))), 128))
     ], 2))
   ], 10, Nm);
 }
@@ -9491,7 +9494,7 @@ const Ni = /* @__PURE__ */ V(Rm, [["render", Zm]]), Qm = {
 }, Xm = { class: "cmd-login-form flex-container" }, $m = { class: "option-wrapper flex-container" }, eh = { key: 1 }, th = ["type", "disabled"], nh = { key: 1 }, ih = { class: "cmd-login-form flex-container" }, oh = { class: "option-wrapper flex-container" }, lh = { key: 1 }, sh = ["type", "disabled"], ah = { key: 1 };
 function rh(e, n, t, s, i, o) {
   var p, f, C, b, L, v, B, F;
-  const d = Y, c = te, u = G, g = Re;
+  const d = Y, c = te, u = W, g = Re;
   return l(), r(S, null, [
     X(a("fieldset", Xm, [
       a("legend", {
@@ -9754,7 +9757,7 @@ const dh = /* @__PURE__ */ V(Qm, [["render", rh]]), ch = {
   class: "close-nav"
 }, mh = ["href", "title", "target", "onClick"], hh = { key: 1 }, ph = { key: 1 }, fh = ["aria-expanded"], gh = ["href", "title", "target", "onClick"], yh = { key: 1 }, bh = { key: 1 }, xh = ["aria-expanded"], _h = ["href", "title", "target", "onClick"], Ch = { key: 1 }, wh = { key: 1 };
 function kh(e, n, t, s, i, o) {
-  const d = G, c = _e("router-link");
+  const d = W, c = _e("router-link");
   return l(), r("div", {
     class: _([
       "cmd-main-navigation main-navigation-wrapper",
@@ -10002,7 +10005,7 @@ const Ui = /* @__PURE__ */ V(ch, [["render", kh]]), vh = {
   class: "number"
 }, Sh = { key: 2 };
 function Oh(e, n, t, s, i, o) {
-  const d = G, c = Re;
+  const d = W, c = Re;
   return l(), r("ol", {
     class: _(["cmd-multistep-form-progress-bar", { "use-gap": t.useGap }])
   }, [
@@ -10334,7 +10337,7 @@ const Vh = {
   key: 1,
   class: "input-wrapper"
 }, zh = ["title"];
-function Wh(e, n, t, s, i, o) {
+function Gh(e, n, t, s, i, o) {
   const d = te;
   return e.editing ? (l(), r(S, { key: 1 }, [
     a("dt", null, [
@@ -10455,7 +10458,7 @@ function Wh(e, n, t, s, i, o) {
     ])
   ], 64));
 }
-const Gh = /* @__PURE__ */ V(Vh, [["render", Wh]]);
+const Wh = /* @__PURE__ */ V(Vh, [["render", Gh]]);
 function Kh(e) {
   return (n, t) => {
     const s = /* @__PURE__ */ new Date();
@@ -10727,7 +10730,7 @@ const Yh = {
 };
 function ap(e, n, t, s, i, o) {
   var f, C;
-  const d = Y, c = Re, u = te, g = Gh, p = He;
+  const d = Y, c = Re, u = te, g = Wh, p = He;
   return l(), r("div", Zh, [
     (f = t.cmdHeadline) != null && f.headlineText || e.editModeContext ? (l(), w(d, R(I({ key: 0 }, t.cmdHeadline)), null, 16)) : m("", !0),
     !e.editing && t.showOpenStatus ? (l(), r(S, { key: 1 }, [
@@ -10945,7 +10948,7 @@ const rp = /* @__PURE__ */ V(Yh, [["render", ap]]), dp = {
   }
 }, up = { class: "cmd-pagination" }, mp = ["href", "title"], hp = { key: 0 }, pp = { class: "page-index" }, fp = { class: "flex-container" }, gp = ["href", "title", "onClick"], yp = ["href", "title"], bp = { key: 0 };
 function xp(e, n, t, s, i, o) {
-  const d = G;
+  const d = W;
   return l(), r("div", up, [
     a("a", {
       href: o.getPreviousHref,
@@ -11088,7 +11091,7 @@ const _p = /* @__PURE__ */ V(cp, [["render", xp]]), Cp = {
   }
 }, wp = { class: "cmd-social-networks-item" }, kp = ["id", "href", "title"], vp = { key: 1 };
 function Tp(e, n, t, s, i, o) {
-  const d = G;
+  const d = W;
   return l(), r("li", wp, [
     (l(), r("a", {
       key: t.network.path,
@@ -11522,7 +11525,7 @@ const Np = /* @__PURE__ */ V(Ep, [["render", Rp]]), Up = {
       required: !0
     }
   }
-}, jp = ["for"], zp = { class: "progressbar" }, Wp = { key: 0 }, Gp = ["id", "value"];
+}, jp = ["for"], zp = { class: "progressbar" }, Gp = { key: 0 }, Wp = ["id", "value"];
 function Kp(e, n, t, s, i, o) {
   return l(), r("label", {
     class: "cmd-progressbar",
@@ -11532,11 +11535,11 @@ function Kp(e, n, t, s, i, o) {
       class: _(["label-text", { hidden: !t.showLabel }])
     }, y(t.labelText), 3),
     a("span", zp, [
-      t.showLoadingStatus ? (l(), r("span", Wp, y(i.loadingStatus) + " %", 1)) : m("", !0),
+      t.showLoadingStatus ? (l(), r("span", Gp, y(i.loadingStatus) + " %", 1)) : m("", !0),
       a("progress", I(e.$attrs, {
         id: t.id,
         value: i.loadingStatus
-      }), null, 16, Gp)
+      }), null, 16, Wp)
     ])
   ], 8, jp);
 }
@@ -12092,7 +12095,7 @@ const cf = /* @__PURE__ */ V(af, [["render", df]]), uf = {
 };
 function xf(e, n, t, s, i, o) {
   var f, C, b, L, v, B, F, D;
-  const d = Y, c = te, u = G, g = Ai, p = Ei;
+  const d = Y, c = te, u = W, g = Ai, p = Ei;
   return l(), r(S, null, [
     a("fieldset", hf, [
       a("legend", {
@@ -12154,12 +12157,12 @@ function xf(e, n, t, s, i, o) {
         ]),
         h(Pe, { name: "fade" }, {
           default: k(() => {
-            var M, W, j, P, N;
+            var M, G, j, P, N;
             return [
               i.showFilters && ((M = t.cmdFakeSelect) != null && M.selectData.length) ? (l(), r("div", bf, [
                 h(g, {
                   role: "option",
-                  selectData: (W = t.cmdFakeSelect) == null ? void 0 : W.selectData,
+                  selectData: (G = t.cmdFakeSelect) == null ? void 0 : G.selectData,
                   modelValue: o.searchFilters,
                   "onUpdate:modelValue": n[4] || (n[4] = (J) => o.searchFilters = J),
                   defaultOptionName: (j = t.cmdFakeSelect) == null ? void 0 : j.defaultOptionName,
@@ -12426,7 +12429,7 @@ function If(e, n, t, s, i, o) {
               key: 1,
               type: "button",
               class: "button confirm",
-              onClick: n[0] || (n[0] = (...W) => o.onAddItem && o.onAddItem(...W))
+              onClick: n[0] || (n[0] = (...G) => o.onAddItem && o.onAddItem(...G))
             }, Tf)) : m("", !0)
           ];
         }),
@@ -12850,13 +12853,13 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
 }, zf = {
   required: Uf,
   optional: jf
-}, Wf = {
+}, Gf = {
   type: "href",
   path: "./",
   tooltip: "Tooltip"
-}, Gf = "/media/images/logos/logo.svg", Kf = "/media/images/logos/logo-darkmode.svg", Jf = "Company Logo", Yf = {
-  link: Wf,
-  pathDefaultLogo: Gf,
+}, Wf = "/media/images/logos/logo.svg", Kf = "/media/images/logos/logo-darkmode.svg", Jf = "Company Logo", Yf = {
+  link: Gf,
+  pathDefaultLogo: Wf,
   pathDarkmodeLogo: Kf,
   altText: Jf
 }, Zf = [
@@ -13502,7 +13505,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
     path: "https://www.comand-ui.com",
     target: "comand-website"
   }
-], Wi = {
+], Gi = {
   offcanvasPosition: fg,
   stretchMainItems: gg,
   persistOnMobile: yg,
@@ -13787,7 +13790,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
 ], Og = {
   cmdFormElement: Tg,
   networks: Sg
-}, Gi = [
+}, Wi = [
   {
     iso2: "de",
     name: "Deutsch",
@@ -14556,7 +14559,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
       }
     ]
   }
-], Wg = [
+], Gg = [
   {
     headline: {
       headlineLevel: 4,
@@ -14611,7 +14614,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
       }
     ]
   }
-], Gg = [
+], Wg = [
   {
     headline: {
       headlineLevel: 4,
@@ -14710,7 +14713,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
     this.getInitialLanguage();
   },
   methods: {
-    switchLanguage: Gi,
+    switchLanguage: Wi,
     getInitialLanguage() {
       this.currentLanguage = document.documentElement.lang;
     },
@@ -14934,7 +14937,7 @@ const $g = /* @__PURE__ */ V(Kg, [["render", Xg]]), ey = {
 };
 function sy(e, n, t, s, i, o) {
   var u, g, p, f;
-  const d = G, c = vt;
+  const d = W, c = vt;
   return l(), r("div", {
     class: _(["cmd-table-wrapper", { collapsed: !i.showTableData, "full-width": i.fullWidth, "has-caption": o.hasCaption, "has-overflow": i.hasOverflow }])
   }, [
@@ -15099,7 +15102,7 @@ const ry = {
   "aria-live": "assertive"
 }, hy = ["innerHTML"];
 function py(e, n, t, s, i, o) {
-  const d = G, c = Y;
+  const d = W, c = Y;
   return l(), r("div", dy, [
     a("ul", {
       class: _({ "stretch-tabs": t.stretchTabs }),
@@ -15476,7 +15479,7 @@ const ky = /* @__PURE__ */ V(gy, [["render", wy]]), vy = {
   }
 }, Ty = { key: 0 };
 function Sy(e, n, t, s, i, o) {
-  const d = G, c = te;
+  const d = W, c = te;
   return l(), r("div", {
     class: _(["cmd-toggle-dark-mode", { "styled-layout": t.useStyledLayout, "dark-mode": i.darkMode }])
   }, [
@@ -15606,7 +15609,7 @@ const Dy = St("string"), he = St("function"), Yi = St("number"), Ot = (e) => e !
   let n;
   return e && (typeof FormData == "function" && e instanceof FormData || he(e.append) && ((n = Tt(e)) === "formdata" || // detect form-data instance
   n === "object" && he(e.toString) && e.toString() === "[object FormData]"));
-}, Ry = ge("URLSearchParams"), [Ny, Uy, jy, zy] = ["ReadableStream", "Request", "Response", "Headers"].map(ge), Wy = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+}, Ry = ge("URLSearchParams"), [Ny, Uy, jy, zy] = ["ReadableStream", "Request", "Response", "Headers"].map(ge), Gy = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function tt(e, n, { allOwnKeys: t = !1 } = {}) {
   if (e === null || typeof e > "u")
     return;
@@ -15640,7 +15643,7 @@ function Zt() {
     arguments[s] && tt(arguments[s], t);
   return n;
 }
-const Gy = (e, n, t, { allOwnKeys: s } = {}) => (tt(n, (i, o) => {
+const Wy = (e, n, t, { allOwnKeys: s } = {}) => (tt(n, (i, o) => {
   t && he(i) ? e[o] = Ki(i, t) : e[o] = i;
 }, { allOwnKeys: s }), e), Ky = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Jy = (e, n, t, s) => {
   e.prototype = Object.create(n.prototype, s), e.prototype.constructor = e, Object.defineProperty(e, "super", {
@@ -15774,8 +15777,8 @@ const cb = (e) => {
   isFileList: Ey,
   forEach: tt,
   merge: Zt,
-  extend: Gy,
-  trim: Wy,
+  extend: Wy,
+  trim: Gy,
   stripBOM: Ky,
   inherits: Jy,
   toFlatObject: Yy,
@@ -15900,10 +15903,10 @@ function Lt(e, n, t) {
       if (O.endsWith(v, "{}"))
         v = s ? v : v.slice(0, -2), L = JSON.stringify(L);
       else if (O.isArray(L) && pb(L) || (O.isFileList(L) || O.endsWith(v, "[]")) && (F = O.toArray(L)))
-        return v = io(v), F.forEach(function(M, W) {
+        return v = io(v), F.forEach(function(M, G) {
           !(O.isUndefined(M) || M === null) && n.append(
             // eslint-disable-next-line no-nested-ternary
-            d === !0 ? Qn([v], W, o) : d === null ? v : v + "[]",
+            d === !0 ? Qn([v], G, o) : d === null ? v : v + "[]",
             g(M)
           );
         }), !1;
@@ -16667,7 +16670,7 @@ const mo = (e) => {
   return c.unsubscribe = d, [c, () => {
     o && clearTimeout(o), o = null;
   }];
-}, Wb = function* (e, n) {
+}, Gb = function* (e, n) {
   let t = e.byteLength;
   if (t < n) {
     yield e;
@@ -16676,11 +16679,11 @@ const mo = (e) => {
   let s = 0, i;
   for (; s < t; )
     i = s + n, yield e.slice(s, i), s = i;
-}, Gb = async function* (e, n, t) {
+}, Wb = async function* (e, n, t) {
   for await (const s of e)
-    yield* Wb(ArrayBuffer.isView(s) ? s : await t(String(s)), n);
+    yield* Gb(ArrayBuffer.isView(s) ? s : await t(String(s)), n);
 }, ni = (e, n, t, s, i) => {
-  const o = Gb(e, n, i);
+  const o = Wb(e, n, i);
   let d = 0;
   return new ReadableStream({
     type: "bytes",
@@ -16790,8 +16793,8 @@ const Jb = async (e) => {
       withCredentials: f
     });
     let M = await fetch(B);
-    const W = $t && (g === "stream" || g === "response");
-    if ($t && (c || W)) {
+    const G = $t && (g === "stream" || g === "response");
+    if ($t && (c || G)) {
       const P = {};
       ["status", "statusText", "headers"].forEach((J) => {
         P[J] = M[J];
@@ -16801,13 +16804,13 @@ const Jb = async (e) => {
         ni(M.body, oi, c && ii(
           N,
           yt(c, !0)
-        ), W && F, Xt),
+        ), G && F, Xt),
         P
       );
     }
     g = g || "text";
     let j = await bt[O.findKey(bt, g) || "text"](M, e);
-    return !W && F(), L && L(), await new Promise((P, N) => {
+    return !G && F(), L && L(), await new Promise((P, N) => {
       co(P, N, {
         data: j,
         headers: de.from(M.headers),
@@ -17785,7 +17788,7 @@ const tx = {
   class: "progressbar"
 }, Fx = ["value", "title"];
 function Dx(e, n, t, s, i, o) {
-  const d = Y, c = et, u = G, g = te;
+  const d = Y, c = et, u = W, g = te;
   return l(), r(S, null, [
     t.advancedMode ? (l(), r("fieldset", {
       key: 0,
@@ -18368,7 +18371,7 @@ function jx(e, n, t, s, i, o) {
     ], 64))), 128))
   ]);
 }
-const zx = /* @__PURE__ */ V(Nx, [["render", jx]]), Wx = {
+const zx = /* @__PURE__ */ V(Nx, [["render", jx]]), Gx = {
   name: "MultipleListsOfLinks",
   props: {
     segments: {
@@ -18376,10 +18379,10 @@ const zx = /* @__PURE__ */ V(Nx, [["render", jx]]), Wx = {
       default: null
     }
   }
-}, Gx = { class: "cmd-page-multiple-lists-of-links flex-container vertical" };
+}, Wx = { class: "cmd-page-multiple-lists-of-links flex-container vertical" };
 function Kx(e, n, t, s, i, o) {
   const d = gn;
-  return l(), r("div", Gx, [
+  return l(), r("div", Wx, [
     (l(!0), r(S, null, q(t.segments, (c, u) => (l(), r(S, { key: u }, [
       h(d, {
         links: c.links,
@@ -18391,7 +18394,7 @@ function Kx(e, n, t, s, i, o) {
     ], 64))), 128))
   ]);
 }
-const Jx = /* @__PURE__ */ V(Wx, [["render", Kx]]), Yx = {
+const Jx = /* @__PURE__ */ V(Gx, [["render", Kx]]), Yx = {
   name: "ContactInformation",
   props: {
     /**
@@ -18446,8 +18449,8 @@ const $x = /* @__PURE__ */ V(Yx, [["render", Xx]]), e_ = {
       addressData: zi,
       faqsData: jg,
       boxesTeamOverviewData: zg,
-      listOfDownloadsData: Wg,
-      listOfSiteLinksData: Gg
+      listOfDownloadsData: Gg,
+      listOfSiteLinksData: Wg
     };
   }
 }, t_ = /* @__PURE__ */ a("h2", {
@@ -18509,7 +18512,7 @@ function c_(e, n, t, s, i, o) {
     })
   ], 64);
 }
-const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-library", m_ = "4.1.52", h_ = "GPL-3.0-only", p_ = "CoManD-UI", f_ = "module", g_ = {
+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_ = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
@@ -19138,7 +19141,7 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
         sticky: !1,
         navigationInline: !1,
         useGrid: !0,
-        cmdMainNavigation: { ...Wi }
+        cmdMainNavigation: { ...Gi }
       },
       cmdSiteHeaderSettingsControls: {
         "cmdMainNavigation.offcanvasPosition": [
@@ -19573,10 +19576,10 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
       imageGalleryData: lg,
       inputGroupReplacedRadiobuttonsData: ug,
       inputGroupToggleSwitchRadiobuttonsData: mg,
-      languagesData: Gi,
+      languagesData: Wi,
       listOfLinksData: hg,
       multistepsData: Cg,
-      navigationData: Wi,
+      navigationData: Gi,
       openingHoursData: wg,
       selectOptionsData: kg,
       slideshowData: vg,
@@ -19790,7 +19793,7 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
   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), W_ = ["href", "onClick"], G_ = { 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_ = [
+], 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_
@@ -19816,7 +19819,7 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
   /* @__PURE__ */ a("span", null, "Range Value:")
 ], -1), P1 = ["disabled"], A1 = { for: "range-slider" }, E1 = /* @__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), W1 = /* @__PURE__ */ a("h2", null, "Checkboxes and Radiobuttons", -1), G1 = /* @__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), 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 = {
   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 = [
@@ -19832,7 +19835,7 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
   /* @__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, [
   /* @__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), WC = { class: "navigation" }, GC = /* @__PURE__ */ a("p", null, " footer content ", -1), KC = /* @__PURE__ */ a("h4", null, " Collapsible box with image ", -1), JC = /* @__PURE__ */ a("img", {
+], -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,
   alt: "Alternative text"
 }, null, -1), YC = /* @__PURE__ */ a("h4", null, " Box with image, content and link ", -1), ZC = /* @__PURE__ */ a("img", {
@@ -19890,7 +19893,7 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
 }, "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 = {
   class: "headline-demopage",
   id: "section-image"
-}, zw = /* @__PURE__ */ a("span", null, "Image", -1), Ww = { class: "flex-container" }, Gw = {
+}, zw = /* @__PURE__ */ a("span", null, "Image", -1), Gw = { class: "flex-container" }, Ww = {
   class: "headline-demopage",
   id: "section-image-gallery"
 }, Kw = /* @__PURE__ */ a("span", null, "Image-Gallery", -1), Jw = /* @__PURE__ */ a("h2", {
@@ -19971,10 +19974,10 @@ const bo = /* @__PURE__ */ V(e_, [["render", c_]]), u_ = "comand-component-libra
 }, 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 = {
   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), Wk = {
+}, 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 = {
   class: "headline-demopage",
   id: "section-text-image-block"
-}, Gk = /* @__PURE__ */ a("span", null, "Text-Image-Block", -1), Kk = { class: "flex-container" }, Jk = {
+}, Wk = /* @__PURE__ */ a("span", null, "Text-Image-Block", -1), Kk = { class: "flex-container" }, Jk = {
   class: "headline-demopage",
   id: "section-thumbnail-scroller"
 }, Yk = /* @__PURE__ */ a("span", null, "Thumbnail-Scroller", -1), Zk = { class: "inline-size" }, Qk = {
@@ -19994,7 +19997,7 @@ 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, W = gr, j = kr, P = Di, N = Vi, J = gu, $ = Ri, Z = Y, ee = G, 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 = 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");
   return X((l(), r("div", {
     class: "page-wrapper",
     id: o.templateId
@@ -20094,7 +20097,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, W_)
+                    }, y(o.readableComponentName(z)), 9, G_)
                   ], 2))), 128))
                 ])
               ]),
@@ -20156,7 +20159,7 @@ function mv(e, n, t, s, i, o) {
           ]),
           _: 1
         }, 8, ["openBoxesByDefault"]),
-        a("dl", G_, [
+        a("dl", W_, [
           K_,
           a("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
           J_,
@@ -20717,8 +20720,8 @@ function mv(e, n, t, s, i, o) {
                   z1,
                   E(" checkboxes with values: " + y(i.checkboxValues), 1)
                 ]),
-                W1,
                 G1,
+                W1,
                 a("div", K1, [
                   J1,
                   a("div", Y1, [
@@ -21009,7 +21012,7 @@ function mv(e, n, t, s, i, o) {
         ]),
         _: 1
       }),
-      h(W, {
+      h(G, {
         href: "#anchor-back-to-top",
         "scroll-container": ".page-wrapper"
       }),
@@ -21181,7 +21184,7 @@ function mv(e, n, t, s, i, o) {
                   zC
                 ]),
                 body: k(() => [
-                  a("ul", WC, [
+                  a("ul", GC, [
                     a("li", null, [
                       a("a", {
                         href: "#",
@@ -21213,7 +21216,7 @@ function mv(e, n, t, s, i, o) {
                   ])
                 ]),
                 footer: k(() => [
-                  GC
+                  WC
                 ]),
                 _: 1
               }),
@@ -21611,7 +21614,7 @@ function mv(e, n, t, s, i, o) {
               onClick: n[83] || (n[83] = T((x) => o.openSettingsSidebar("CmdImage"), ["prevent"]))
             })
           ]),
-          a("div", Ww, [
+          a("div", Gw, [
             h(se, I({
               ref: "CmdImage",
               image: i.imageData[0].image,
@@ -21627,7 +21630,7 @@ function mv(e, n, t, s, i, o) {
       }),
       h(C, null, {
         default: k(() => [
-          a("h2", Gw, [
+          a("h2", Ww, [
             Kw,
             a("a", {
               href: "#",
@@ -22096,8 +22099,8 @@ function mv(e, n, t, s, i, o) {
       }),
       h(C, null, {
         default: k(() => [
-          a("h2", Wk, [
-            Gk,
+          a("h2", Gk, [
+            Wk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22466,7 +22469,7 @@ export {
   Ei as CmdFormFilters,
   Ri as CmdGoogleMaps,
   Y as CmdHeadline,
-  G as CmdIcon,
+  W as CmdIcon,
   Ce as CmdImage,
   Dm as CmdImageGallery,
   qm as CmdImageZoom,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.1.52",
+  "version": "4.1.54",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/components/CmdBasicForm.vue

@@ -497,13 +497,9 @@ export default {
             // prevent original levent form CmdForm (to avoid submit and reload)
             event.originalEvent.preventDefault()
 
-            console.log("this.reCaptchaWebsiteKey", this.reCaptchaWebsiteKey)
-
-            if(this.reCaptchaWebsiteKey) {
-                grecaptcha.ready(function() {
-                    grecaptcha.execute(this.reCaptchaWebsiteKey, {action: 'submit'}).then(function(token) {
-                        this.submitForm(token)
-                    })
+            if(this.reCaptchaWebsiteKey && window.grecaptcha) {
+                grecaptcha.ready(() => {
+                    grecaptcha.execute(this.reCaptchaWebsiteKey, {action: "submit"}).then(token => this.submitForm(token)).catch(error => console.log("recaptcha error", error))
                 })
             } else {
                 this.submitForm()
@@ -528,14 +524,29 @@ export default {
             fetch(this.formAction, {method: this.cmdForm?.formMethod || "POST", body: customSubmitFormData}).then((response) => {
                 if(response.ok) {
                     this.$refs.form.showMessage("success", this.getMessage("basic_form.system_message.success.message_sent_successfully"))
-                    for (let key in this.formData) {
-                        if(key === "salutation") {
-                            this.formData[key].value = this.configuration.salutation.default
-                        } else if(key === "acceptPrivacy") {
-                            this.formData[key].value = false
-                        } else {
-                            this.formData[key].value = ""
+                    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)
                     }
                 } else {
                     this.$refs.form.showMessage("error", this.getMessage("basic_form.system_message.error.message_could_not_be_sent"))

package/src/components/CmdForm.vue

@@ -7,7 +7,7 @@
                         legend.text
                     }}
                 </legend>
-                <CmdSystemMessage v-if="systemMessage.show && systemMessage.message" :validationStatus="systemMessage.validationStatus" :system-message="systemMessage.message"/>
+                <CmdSystemMessage v-if="systemMessage.show && systemMessage.message" :validationStatus="systemMessage.validationStatus" :systemMessage="systemMessage.message"/>
                 <!-- begin default-slot-content -->
                 <slot v-if="useSlot"></slot>
                 <!-- end default-slot-content -->