comand-component-library 4.1.51 → 4.1.52

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 Ge = (e, n, t) => Bo(e, typeof n != "symbol" ? n + "" : n, t);
+var We = (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 Go(e, n, t) {
+function Wo(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 Wo(e) {
+function Go(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 Go(s, t.name, n);
+  return Wo(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), We = [
+const rn = /* @__PURE__ */ Object.create(null), Ge = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
 ], ut = [];
-for (; We.length > 0; )
-  We.length === 1 || Math.random() > 0.5 ? ut.push(We.shift()) : ut.push(We.pop());
+for (; Ge.length > 0; )
+  Ge.length === 1 || Math.random() > 0.5 ? ut.push(Ge.shift()) : ut.push(Ge.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 G(P, N, J) {
+  function W(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, $) => {
-        G(N, J, $);
+        W(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 Gt(e, n) {
+function Wt(e, n) {
   try {
     return e.getItem(n);
   } catch {
@@ -739,11 +739,11 @@ function Mn(e, n) {
   } catch {
   }
 }
-function Wt(e, n) {
+function Gt(e, n) {
   return cn(e, xi, n.toString());
 }
 function Kt(e) {
-  return parseInt(Gt(e, xi)) || 0;
+  return parseInt(Wt(e, xi)) || 0;
 }
 const Ct = {
   local: !0,
@@ -770,18 +770,18 @@ function ki(e, n) {
   const t = wi(e);
   if (!t)
     return;
-  const s = Gt(t, Dn);
+  const s = Wt(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), Wt(t, 0);
+    cn(t, Dn, Fn), Gt(t, 0);
     return;
   }
   const i = Math.floor(Date.now() / _i) - xl, o = (c) => {
-    const u = Qe + c.toString(), g = Gt(t, u);
+    const u = Qe + c.toString(), g = Wt(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--, Wt(t, d)) : Ci[e].add(c));
+    o(c) || (c === d - 1 ? (d--, Gt(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), !Wt(i, d + 1))
+    else if (d = Kt(i), !Gt(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 = Wo(t);
+      const s = Go(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 W = /* @__PURE__ */ V(El, [["render", ql]]);
+const G = /* @__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"
-}, Gl = ["data-component"], Wl = ["title"], Kl = ["href"], Jl = { key: 0 }, Yl = { key: 1 }, Zl = {
+}, Wl = ["data-component"], Gl = ["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 = W;
+  const d = G;
   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, Wl)
+            ], 10, Gl)
           ]),
           a("li", null, [
             a("a", {
@@ -1508,7 +1508,7 @@ function ls(e, n, t, s, i, o) {
               h(d, { iconClass: "icon-edit" })
             ], 2))
           ]))
-        ], 8, Gl), [
+        ], 8, Wl), [
           [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 = W, c = te, u = He;
+  const d = G, 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 = W;
+  const d = Y, c = G;
   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 = W;
+  const d = Y, c = G;
   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"
-}, Gs = ["title", "aria-errormessage", "id"], Ws = {
+}, Ws = ["title", "aria-errormessage", "id"], Gs = {
   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, G, j, P, N, J, $, Z, ee, se, ce, ue, ne;
-  const d = W, c = mn;
+  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;
   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, Gs)) : m("", !0),
+      ], 8, Ws)) : 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", Ws, [
+    e.$attrs.type !== "checkbox" && e.$attrs.type !== "radio" && e.$attrs.type !== "search" ? (l(), r("span", Gs, [
       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 = (G = t.nativeButton) == null ? void 0 : G.icon) == null ? void 0 : j.iconType
+      type: (j = (W = t.nativeButton) == null ? void 0 : W.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 = W, c = te;
+  const d = G, 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), Ga = /* @__PURE__ */ a("span", null, "Add new entry", -1), Wa = [
+}, 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 = [
   za,
-  Ga
+  Wa
 ], 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 = W;
+  const d = Y, c = qa, u = He, g = G;
   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))
-            }, Wa)) : m("", !0),
+            }, Ga)) : 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 = W;
+  const d = G;
   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 = W;
+  const d = Y, c = G;
   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 = W, c = Y;
+  const d = G, c = Y;
   return l(), w(Pe, {
     name: t.useTransition ? "fade" : null
   }, {
@@ -4446,7 +4446,7 @@ const Ii = /* @__PURE__ */ V(Lr, [["render", Ar]]), Er = {
   }
 }, Te = class Te {
   constructor(n) {
-    Ge(this, "label");
+    We(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, ""];
   }
 };
-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}$/);
+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}$/);
 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), Gr = /* @__PURE__ */ a("span", null, "Add new image", -1), Wr = [
+}, 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 = [
   zr,
-  Gr
+  Wr
 ], 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, G;
+  var u, g, p, f, C, b, L, v, B, F, D, M, W;
   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))
-          }, Wr)) : m("", !0)
+          }, Gr)) : 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: (G = t.image) == null ? void 0 : G.tooltip,
+    title: (W = t.image) == null ? void 0 : W.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 = W;
+  const d = G;
   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 = W;
+  const d = Y, c = vt, u = Ce, g = G;
   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, 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;
+  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;
   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: (G = e.fancyBoxOptionsProperties.printButtons.grayscale) == null ? void 0 : G.iconClass,
+            iconClass: (W = e.fancyBoxOptionsProperties.printButtons.grayscale) == null ? void 0 : W.iconClass,
             type: (j = e.fancyBoxOptionsProperties.printButtons.grayscale) == null ? void 0 : j.iconType
           }, null, 8, ["iconClass", "type"])
         ], 8, xd)) : m("", !0),
@@ -5883,7 +5883,7 @@ const Dd = /* @__PURE__ */ V(pd, [["render", Fd]]), Md = {
         this.formData.error && e.originalEvent.preventDefault();
         return;
       }
-      e.originalEvent.preventDefault(), this.reCaptchaWebsiteKey ? grecaptcha.ready(function() {
+      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);
         });
@@ -5952,7 +5952,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, 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, 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;
         return [
           t.configuration.salutation ? (l(), r("div", Pd, [
             h(c, {
@@ -6021,7 +6021,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: (G = t.configuration.email) == null ? void 0 : G.required,
+              required: (W = t.configuration.email) == null ? void 0 : W.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 +6200,7 @@ const Di = /* @__PURE__ */ V(Md, [["render", Rd]]), Nd = {
     }
   }
 }, Ud = ["title"], jd = { key: 1 }, zd = ["title"];
-function Gd(e, n, t, s, i, o) {
+function Wd(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 +6216,7 @@ function Gd(e, n, t, s, i, o) {
     H(e.$slots, "default")
   ], 64);
 }
-const Wd = /* @__PURE__ */ V(Nd, [["render", Gd]]), Kd = {
+const Gd = /* @__PURE__ */ V(Nd, [["render", Wd]]), Kd = {
   name: "CmdLink",
   emits: ["click"],
   props: {
@@ -6305,7 +6305,7 @@ const Wd = /* @__PURE__ */ V(Nd, [["render", Gd]]), Kd = {
 }, Jd = ["href", "target", "title"], Yd = ["title"];
 function Zd(e, n, t, s, i, o) {
   var u, g, p;
-  const d = Wd, c = _e("router-link");
+  const d = Gd, c = _e("router-link");
   return t.linkType === "href" ? (l(), r("a", {
     key: 0,
     href: t.path,
@@ -6397,7 +6397,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, G, j;
+  var g, p, f, C, b, L, v, B, F, D, M, W, j;
   const d = Re, c = _e("CmdListOfLinksItem", !0), u = te;
   return e.editing ? (l(), r("div", ec, [
     h(u, {
@@ -6422,7 +6422,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"]),
-    (G = (M = t.link) == null ? void 0 : M.children) != null && G.length ? (l(), r("ul", $d, [
+    (W = (M = t.link) == null ? void 0 : M.children) != null && W.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 +6991,9 @@ const uc = ["title"], mc = {
   key: 1,
   class: "box-footer"
 };
-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;
+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;
   return t.boxType === "content" ? (l(), r("div", {
     key: 0,
     ref: "cmdBox",
@@ -7090,7 +7090,7 @@ function Gc(e, n, t, s, i, o) {
     ], 2), [
       [be, i.open]
     ]),
-    (G = t.cmdLink) != null && G.linkType ? (l(), r("div", yc, [
+    (W = t.cmdLink) != null && W.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 +7175,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__ */ V(yn, [["render", Wc]]), xn = {
   name: "CmdBoxWrapper",
   data() {
     return {
@@ -7372,7 +7372,7 @@ const bn = /* @__PURE__ */ V(yn, [["render", Gc]]), xn = {
   }));
 }, zn = xn.setup;
 xn.setup = zn ? (e, n) => (jn(), zn(e, n)) : jn;
-const Wc = { class: "cmd-box-wrapper" }, Kc = {
+const Gc = { class: "cmd-box-wrapper" }, Kc = {
   key: 0,
   class: "flex-container headline-wrapper"
 }, Jc = {
@@ -7380,8 +7380,8 @@ const Wc = { class: "cmd-box-wrapper" }, Kc = {
   class: "options-wrapper"
 }, Yc = ["title"];
 function Zc(e, n, t, s, i, o) {
-  const d = Y, c = W;
-  return l(), r("div", Wc, [
+  const d = Y, c = G;
+  return l(), r("div", Gc, [
     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 +7460,7 @@ const Qc = {
   class: "separator"
 };
 function su(e, n, t, s, i, o) {
-  const d = W, c = _e("router-link");
+  const d = G, 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 +8054,7 @@ const ju = /* @__PURE__ */ V(Hu, [["render", Uu]]), zu = {
       }
     };
   }
-}, Gu = {
+}, Wu = {
   name: "CmdFakeSelect",
   inheritAttrs: !1,
   mixins: [
@@ -8313,7 +8313,7 @@ const ju = /* @__PURE__ */ V(Hu, [["render", Uu]]), zu = {
       deep: !0
     }
   }
-}, Wu = ["title", "aria-labelledby", "aria-required"], Ku = {
+}, Gu = ["title", "aria-labelledby", "aria-required"], Ku = {
   key: 0,
   class: "label-text"
 }, Ju = ["id"], Yu = {
@@ -8331,7 +8331,7 @@ const ju = /* @__PURE__ */ V(Hu, [["render", Uu]]), zu = {
 };
 function mm(e, n, t, s, i, o) {
   var g, p, f, C;
-  const d = W, c = mn, u = _e("router-link");
+  const d = G, c = mn, u = _e("router-link");
   return l(), r("div", {
     class: _([
       i.validationStatus,
@@ -8510,9 +8510,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, Wu);
+  ], 10, Gu);
 }
-const Ai = /* @__PURE__ */ V(Gu, [["render", mm]]), hm = {
+const Ai = /* @__PURE__ */ V(Wu, [["render", mm]]), hm = {
   name: "CmdFormFilters",
   data() {
     return {
@@ -8593,7 +8593,7 @@ const Ai = /* @__PURE__ */ V(Gu, [["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 = W;
+  const d = G;
   return i.options.length ? (l(), r("ul", pm, [
     i.options.length > 1 ? (l(), r("li", fm, [
       a("a", {
@@ -8887,22 +8887,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`, Gn(this, e);
+        t.style.height = `${n}px`, Wn(this, e);
       });
     },
     onMouseMove(e) {
-      Gn(this, e);
+      Wn(this, e);
     },
     onMouseOut() {
       this.showLargeImage = !1;
     }
   }
 };
-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));
+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));
   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 Wn(e, n, t) {
+function Gn(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 +9117,7 @@ const qm = /* @__PURE__ */ V(Mm, [["render", Hm]]), Rm = {
 }, Nm = ["aria-labelledby"], Um = { class: "label-text" }, jm = ["id"], zm = {
   key: 0,
   "aria-hidden": "true"
-}, Gm = ["title", "aria-errormessage", "id"], Wm = ["for"], Km = ["type", "id", "name", "value", "disabled"], Jm = {
+}, Wm = ["title", "aria-errormessage", "id"], Gm = ["for"], Km = ["type", "id", "name", "value", "disabled"], Jm = {
   key: 1,
   class: "label-text"
 }, Ym = {
@@ -9125,7 +9125,7 @@ const qm = /* @__PURE__ */ V(Mm, [["render", Hm]]), Rm = {
   class: "flex-container no-flex"
 };
 function Zm(e, n, t, s, i, o) {
-  const d = W, c = mn;
+  const d = G, c = mn;
   return l(), r("div", {
     class: _([
       "cmd-input-group label",
@@ -9156,7 +9156,7 @@ function Zm(e, n, t, s, i, o) {
         id: e.tooltipId
       }, [
         h(d, { iconClass: e.getStatusIconClass }, null, 8, ["iconClass"])
-      ], 8, Gm)) : m("", !0),
+      ], 8, Wm)) : m("", !0),
       e.useCustomTooltip && (e.validationStatus === "" || e.validationStatus === "error") ? (l(), w(c, {
         key: 1,
         ref: "tooltip",
@@ -9201,7 +9201,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, Wm))), 128))
+      ], 10, Gm))), 128))
     ], 2))
   ], 10, Nm);
 }
@@ -9491,7 +9491,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 = W, g = Re;
+  const d = Y, c = te, u = G, g = Re;
   return l(), r(S, null, [
     X(a("fieldset", Xm, [
       a("legend", {
@@ -9754,7 +9754,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 = W, c = _e("router-link");
+  const d = G, c = _e("router-link");
   return l(), r("div", {
     class: _([
       "cmd-main-navigation main-navigation-wrapper",
@@ -10002,7 +10002,7 @@ const Ui = /* @__PURE__ */ V(ch, [["render", kh]]), vh = {
   class: "number"
 }, Sh = { key: 2 };
 function Oh(e, n, t, s, i, o) {
-  const d = W, c = Re;
+  const d = G, c = Re;
   return l(), r("ol", {
     class: _(["cmd-multistep-form-progress-bar", { "use-gap": t.useGap }])
   }, [
@@ -10334,7 +10334,7 @@ const Vh = {
   key: 1,
   class: "input-wrapper"
 }, zh = ["title"];
-function Gh(e, n, t, s, i, o) {
+function Wh(e, n, t, s, i, o) {
   const d = te;
   return e.editing ? (l(), r(S, { key: 1 }, [
     a("dt", null, [
@@ -10455,7 +10455,7 @@ function Gh(e, n, t, s, i, o) {
     ])
   ], 64));
 }
-const Wh = /* @__PURE__ */ V(Vh, [["render", Gh]]);
+const Gh = /* @__PURE__ */ V(Vh, [["render", Wh]]);
 function Kh(e) {
   return (n, t) => {
     const s = /* @__PURE__ */ new Date();
@@ -10727,7 +10727,7 @@ const Yh = {
 };
 function ap(e, n, t, s, i, o) {
   var f, C;
-  const d = Y, c = Re, u = te, g = Wh, p = He;
+  const d = Y, c = Re, u = te, g = Gh, 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 +10945,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 = W;
+  const d = G;
   return l(), r("div", up, [
     a("a", {
       href: o.getPreviousHref,
@@ -11088,7 +11088,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 = W;
+  const d = G;
   return l(), r("li", wp, [
     (l(), r("a", {
       key: t.network.path,
@@ -11522,7 +11522,7 @@ const Np = /* @__PURE__ */ V(Ep, [["render", Rp]]), Up = {
       required: !0
     }
   }
-}, jp = ["for"], zp = { class: "progressbar" }, Gp = { key: 0 }, Wp = ["id", "value"];
+}, jp = ["for"], zp = { class: "progressbar" }, Wp = { key: 0 }, Gp = ["id", "value"];
 function Kp(e, n, t, s, i, o) {
   return l(), r("label", {
     class: "cmd-progressbar",
@@ -11532,11 +11532,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", Gp, y(i.loadingStatus) + " %", 1)) : m("", !0),
+      t.showLoadingStatus ? (l(), r("span", Wp, y(i.loadingStatus) + " %", 1)) : m("", !0),
       a("progress", I(e.$attrs, {
         id: t.id,
         value: i.loadingStatus
-      }), null, 16, Wp)
+      }), null, 16, Gp)
     ])
   ], 8, jp);
 }
@@ -12092,7 +12092,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 = W, g = Ai, p = Ei;
+  const d = Y, c = te, u = G, g = Ai, p = Ei;
   return l(), r(S, null, [
     a("fieldset", hf, [
       a("legend", {
@@ -12154,12 +12154,12 @@ function xf(e, n, t, s, i, o) {
         ]),
         h(Pe, { name: "fade" }, {
           default: k(() => {
-            var M, G, j, P, N;
+            var M, W, j, P, N;
             return [
               i.showFilters && ((M = t.cmdFakeSelect) != null && M.selectData.length) ? (l(), r("div", bf, [
                 h(g, {
                   role: "option",
-                  selectData: (G = t.cmdFakeSelect) == null ? void 0 : G.selectData,
+                  selectData: (W = t.cmdFakeSelect) == null ? void 0 : W.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 +12426,7 @@ function If(e, n, t, s, i, o) {
               key: 1,
               type: "button",
               class: "button confirm",
-              onClick: n[0] || (n[0] = (...G) => o.onAddItem && o.onAddItem(...G))
+              onClick: n[0] || (n[0] = (...W) => o.onAddItem && o.onAddItem(...W))
             }, Tf)) : m("", !0)
           ];
         }),
@@ -12850,13 +12850,13 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
 }, zf = {
   required: Uf,
   optional: jf
-}, Gf = {
+}, Wf = {
   type: "href",
   path: "./",
   tooltip: "Tooltip"
-}, Wf = "/media/images/logos/logo.svg", Kf = "/media/images/logos/logo-darkmode.svg", Jf = "Company Logo", Yf = {
-  link: Gf,
-  pathDefaultLogo: Wf,
+}, Gf = "/media/images/logos/logo.svg", Kf = "/media/images/logos/logo-darkmode.svg", Jf = "Company Logo", Yf = {
+  link: Wf,
+  pathDefaultLogo: Gf,
   pathDarkmodeLogo: Kf,
   altText: Jf
 }, Zf = [
@@ -13502,7 +13502,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
     path: "https://www.comand-ui.com",
     target: "comand-website"
   }
-], Gi = {
+], Wi = {
   offcanvasPosition: fg,
   stretchMainItems: gg,
   persistOnMobile: yg,
@@ -13787,7 +13787,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
 ], Og = {
   cmdFormElement: Tg,
   networks: Sg
-}, Wi = [
+}, Gi = [
   {
     iso2: "de",
     name: "Deutsch",
@@ -14556,7 +14556,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
       }
     ]
   }
-], Gg = [
+], Wg = [
   {
     headline: {
       headlineLevel: 4,
@@ -14611,7 +14611,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
       }
     ]
   }
-], Wg = [
+], Gg = [
   {
     headline: {
       headlineLevel: 4,
@@ -14710,7 +14710,7 @@ const Bf = /* @__PURE__ */ V(Cf, [["render", If]]), Ff = "data:image/svg+xml,%3c
     this.getInitialLanguage();
   },
   methods: {
-    switchLanguage: Wi,
+    switchLanguage: Gi,
     getInitialLanguage() {
       this.currentLanguage = document.documentElement.lang;
     },
@@ -14934,7 +14934,7 @@ const $g = /* @__PURE__ */ V(Kg, [["render", Xg]]), ey = {
 };
 function sy(e, n, t, s, i, o) {
   var u, g, p, f;
-  const d = W, c = vt;
+  const d = G, 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 +15099,7 @@ const ry = {
   "aria-live": "assertive"
 }, hy = ["innerHTML"];
 function py(e, n, t, s, i, o) {
-  const d = W, c = Y;
+  const d = G, c = Y;
   return l(), r("div", dy, [
     a("ul", {
       class: _({ "stretch-tabs": t.stretchTabs }),
@@ -15476,7 +15476,7 @@ const ky = /* @__PURE__ */ V(gy, [["render", wy]]), vy = {
   }
 }, Ty = { key: 0 };
 function Sy(e, n, t, s, i, o) {
-  const d = W, c = te;
+  const d = G, c = te;
   return l(), r("div", {
     class: _(["cmd-toggle-dark-mode", { "styled-layout": t.useStyledLayout, "dark-mode": i.darkMode }])
   }, [
@@ -15606,7 +15606,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), Gy = (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), Wy = (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 +15640,7 @@ function Zt() {
     arguments[s] && tt(arguments[s], t);
   return n;
 }
-const Wy = (e, n, t, { allOwnKeys: s } = {}) => (tt(n, (i, o) => {
+const Gy = (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 +15774,8 @@ const cb = (e) => {
   isFileList: Ey,
   forEach: tt,
   merge: Zt,
-  extend: Wy,
-  trim: Gy,
+  extend: Gy,
+  trim: Wy,
   stripBOM: Ky,
   inherits: Jy,
   toFlatObject: Yy,
@@ -15900,10 +15900,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, G) {
+        return v = io(v), F.forEach(function(M, W) {
           !(O.isUndefined(M) || M === null) && n.append(
             // eslint-disable-next-line no-nested-ternary
-            d === !0 ? Qn([v], G, o) : d === null ? v : v + "[]",
+            d === !0 ? Qn([v], W, o) : d === null ? v : v + "[]",
             g(M)
           );
         }), !1;
@@ -16667,7 +16667,7 @@ const mo = (e) => {
   return c.unsubscribe = d, [c, () => {
     o && clearTimeout(o), o = null;
   }];
-}, Gb = function* (e, n) {
+}, Wb = function* (e, n) {
   let t = e.byteLength;
   if (t < n) {
     yield e;
@@ -16676,11 +16676,11 @@ const mo = (e) => {
   let s = 0, i;
   for (; s < t; )
     i = s + n, yield e.slice(s, i), s = i;
-}, Wb = async function* (e, n, t) {
+}, Gb = async function* (e, n, t) {
   for await (const s of e)
-    yield* Gb(ArrayBuffer.isView(s) ? s : await t(String(s)), n);
+    yield* Wb(ArrayBuffer.isView(s) ? s : await t(String(s)), n);
 }, ni = (e, n, t, s, i) => {
-  const o = Wb(e, n, i);
+  const o = Gb(e, n, i);
   let d = 0;
   return new ReadableStream({
     type: "bytes",
@@ -16790,8 +16790,8 @@ const Jb = async (e) => {
       withCredentials: f
     });
     let M = await fetch(B);
-    const G = $t && (g === "stream" || g === "response");
-    if ($t && (c || G)) {
+    const W = $t && (g === "stream" || g === "response");
+    if ($t && (c || W)) {
       const P = {};
       ["status", "statusText", "headers"].forEach((J) => {
         P[J] = M[J];
@@ -16801,13 +16801,13 @@ const Jb = async (e) => {
         ni(M.body, oi, c && ii(
           N,
           yt(c, !0)
-        ), G && F, Xt),
+        ), W && F, Xt),
         P
       );
     }
     g = g || "text";
     let j = await bt[O.findKey(bt, g) || "text"](M, e);
-    return !G && F(), L && L(), await new Promise((P, N) => {
+    return !W && F(), L && L(), await new Promise((P, N) => {
       co(P, N, {
         data: j,
         headers: de.from(M.headers),
@@ -17785,7 +17785,7 @@ const tx = {
   class: "progressbar"
 }, Fx = ["value", "title"];
 function Dx(e, n, t, s, i, o) {
-  const d = Y, c = et, u = W, g = te;
+  const d = Y, c = et, u = G, g = te;
   return l(), r(S, null, [
     t.advancedMode ? (l(), r("fieldset", {
       key: 0,
@@ -18368,7 +18368,7 @@ function jx(e, n, t, s, i, o) {
     ], 64))), 128))
   ]);
 }
-const zx = /* @__PURE__ */ V(Nx, [["render", jx]]), Gx = {
+const zx = /* @__PURE__ */ V(Nx, [["render", jx]]), Wx = {
   name: "MultipleListsOfLinks",
   props: {
     segments: {
@@ -18376,10 +18376,10 @@ const zx = /* @__PURE__ */ V(Nx, [["render", jx]]), Gx = {
       default: null
     }
   }
-}, Wx = { class: "cmd-page-multiple-lists-of-links flex-container vertical" };
+}, Gx = { 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", Wx, [
+  return l(), r("div", Gx, [
     (l(!0), r(S, null, q(t.segments, (c, u) => (l(), r(S, { key: u }, [
       h(d, {
         links: c.links,
@@ -18391,7 +18391,7 @@ function Kx(e, n, t, s, i, o) {
     ], 64))), 128))
   ]);
 }
-const Jx = /* @__PURE__ */ V(Gx, [["render", Kx]]), Yx = {
+const Jx = /* @__PURE__ */ V(Wx, [["render", Kx]]), Yx = {
   name: "ContactInformation",
   props: {
     /**
@@ -18439,39 +18439,39 @@ function Xx(e, n, t, s, i, o) {
     ])
   ]));
 }
-const $x = /* @__PURE__ */ V(Yx, [["render", Xx]]), e1 = {
+const $x = /* @__PURE__ */ V(Yx, [["render", Xx]]), e_ = {
   name: "PageOverview",
   data() {
     return {
       addressData: zi,
       faqsData: jg,
       boxesTeamOverviewData: zg,
-      listOfDownloadsData: Gg,
-      listOfSiteLinksData: Wg
+      listOfDownloadsData: Wg,
+      listOfSiteLinksData: Gg
     };
   }
-}, t1 = /* @__PURE__ */ a("h2", {
+}, t_ = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-contact-information"
 }, [
   /* @__PURE__ */ a("span", null, "Contact Information")
-], -1), n1 = /* @__PURE__ */ a("h2", {
+], -1), n_ = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-multiple-lists-of-links-downloads"
 }, [
   /* @__PURE__ */ a("span", null, "Multiple Lists of links")
-], -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", {
+], -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", {
   class: "headline-demopage",
   id: "section-multiple-box-wrapper"
 }, [
   /* @__PURE__ */ a("span", null, "Multiple Box Wrapper")
-], -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) {
+], -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) {
   const d = $x, c = yo, u = Jx, g = zx;
   return l(), r(S, null, [
     h(c, null, {
       default: k(() => [
-        t1,
+        t_,
         h(d, {
           cmdBasicForm: e.basicForm,
           cmdAddressData: {},
@@ -18487,44 +18487,44 @@ function c1(e, n, t, s, i, o) {
     }),
     h(c, null, {
       default: k(() => [
-        n1,
-        i1,
+        n_,
+        i_,
         h(u, { segments: i.listOfDownloadsData }, null, 8, ["segments"]),
-        o1,
-        l1,
+        o_,
+        l_,
         h(u, { segments: i.listOfSiteLinksData }, null, 8, ["segments"])
       ]),
       _: 1
     }),
     h(c, null, {
       default: k(() => [
-        s1,
-        a1,
+        s_,
+        a_,
         h(g, { segments: i.faqsData }, null, 8, ["segments"]),
-        r1,
-        d1,
+        r_,
+        d_,
         h(g, { segments: i.boxesTeamOverviewData }, null, 8, ["segments"])
       ]),
       _: 1
     })
   ], 64);
 }
-const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-library", m1 = "4.1.51", h1 = "GPL-3.0-only", p1 = "CoManD-UI", f1 = "module", g1 = {
+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_ = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
   "build-lib": "vite build && gulp",
   preview: "vite preview"
-}, y1 = [
+}, y_ = [
   "dist",
   "src"
-], b1 = {
+], b_ = {
   ".": "./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"
-}, x1 = {
+}, x_ = {
   "clickout-event": "^1.1.2",
   "comand-frontend-framework": "^4.1.11",
   "comand-ui-iconfonts": "^1.0.14",
@@ -18533,7 +18533,7 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "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",
@@ -18543,19 +18543,19 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
   "unplugin-vue-components": "^0.24.0",
   vite: "^5.4.11",
   "vue-jest": "^5.0.0-0"
-}, C1 = {
-  name: u1,
-  version: m1,
-  license: h1,
-  author: p1,
+}, C_ = {
+  name: u_,
+  version: m_,
+  license: h_,
+  author: p_,
   private: !1,
-  type: f1,
-  scripts: g1,
-  files: y1,
-  exports: b1,
-  dependencies: x1,
-  devDependencies: _1
-}, w1 = {
+  type: f_,
+  scripts: g_,
+  files: y_,
+  exports: b_,
+  dependencies: x_,
+  devDependencies: __
+}, w_ = {
   data() {
     return {
       cmdAddressDataSettingsData: {
@@ -19138,7 +19138,7 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
         sticky: !1,
         navigationInline: !1,
         useGrid: !0,
-        cmdMainNavigation: { ...Gi }
+        cmdMainNavigation: { ...Wi }
       },
       cmdSiteHeaderSettingsControls: {
         "cmdMainNavigation.offcanvasPosition": [
@@ -19420,9 +19420,9 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
       }
     };
   }
-}, 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 = {
+}, 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_ = {
   name: "App",
-  mixins: [w1],
+  mixins: [w_],
   components: {
     PageOverview: bo
   },
@@ -19573,10 +19573,10 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
       imageGalleryData: lg,
       inputGroupReplacedRadiobuttonsData: ug,
       inputGroupToggleSwitchRadiobuttonsData: mg,
-      languagesData: Wi,
+      languagesData: Gi,
       listOfLinksData: hg,
       multistepsData: Cg,
-      navigationData: Gi,
+      navigationData: Wi,
       openingHoursData: wg,
       selectOptionsData: kg,
       slideshowData: vg,
@@ -19586,7 +19586,7 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
       tabsData: Rg,
       thumbnailScrollerImagesData: Ng,
       thumbnailScrollerTextData: Ug,
-      packageJson: C1
+      packageJson: C_
     };
   },
   computed: {
@@ -19784,39 +19784,39 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "comand-component-libra
       });
     }
   }
-}, 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), V1 = /* @__PURE__ */ a("option", { value: "dating" }, "Dating", -1), P1 = /* @__PURE__ */ a("option", { value: "influencer" }, "Influencer", -1), A1 = [
-  F1,
-  D1,
-  M1,
-  V1,
-  P1
-], 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_ = {
+}, 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), 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_ = [
+  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 = {
   key: 1,
   id: "content"
-}, l_ = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Components Overview", -1), s_ = {
+}, l1 = /* @__PURE__ */ a("h1", { class: "headline-demopage" }, "Components Overview", -1), s1 = {
   class: "headline-demopage",
   id: "section-address-data"
-}, a_ = /* @__PURE__ */ a("span", null, "Address Data", -1), r_ = { class: "flex-container" }, d_ = /* @__PURE__ */ a("h2", {
+}, a1 = /* @__PURE__ */ a("span", null, "Address Data", -1), r1 = { class: "flex-container" }, d1 = /* @__PURE__ */ a("h2", {
   class: "headline-demopage",
   id: "section-advanced-form-elements"
-}, "Advanced Form Elements", -1), c_ = /* @__PURE__ */ a("h3", null, [
+}, "Advanced Form Elements", -1), c1 = /* @__PURE__ */ a("h3", null, [
   /* @__PURE__ */ a("span", null, "Form elements status:")
-], -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_ = {
+], -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 = {
   class: "inline",
   for: "range-value"
-}, V_ = /* @__PURE__ */ a("span", { class: "label-text" }, [
+}, V1 = /* @__PURE__ */ a("span", { class: "label-text" }, [
   /* @__PURE__ */ a("span", null, "Range Value:")
-], -1), P_ = ["disabled"], A_ = { for: "range-slider" }, E_ = /* @__PURE__ */ a("span", { class: "label-text hidden" }, [
+], -1), P1 = ["disabled"], A1 = { for: "range-slider" }, E1 = /* @__PURE__ */ a("span", { class: "label-text hidden" }, [
   /* @__PURE__ */ a("span", null, "Range Value")
-], -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 = {
+], -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 = {
   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 +19832,7 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "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), 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", {
+], -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", {
   src: xo,
   alt: "Alternative text"
 }, null, -1), YC = /* @__PURE__ */ a("h4", null, " Box with image, content and link ", -1), ZC = /* @__PURE__ */ a("img", {
@@ -19864,17 +19864,17 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "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: k1,
+  src: k_,
   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: v1,
+  src: v_,
   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: T1,
+  src: T_,
   alt: "Alternative text"
 }, null, -1), Dw = [
   Fw
@@ -19890,7 +19890,7 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "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), Gw = { class: "flex-container" }, Ww = {
+}, zw = /* @__PURE__ */ a("span", null, "Image", -1), Ww = { class: "flex-container" }, Gw = {
   class: "headline-demopage",
   id: "section-image-gallery"
 }, Kw = /* @__PURE__ */ a("span", null, "Image-Gallery", -1), Jw = /* @__PURE__ */ a("h2", {
@@ -19971,10 +19971,10 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "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), Gk = {
+}, 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 = {
   class: "headline-demopage",
   id: "section-text-image-block"
-}, Wk = /* @__PURE__ */ a("span", null, "Text-Image-Block", -1), Kk = { class: "flex-container" }, Jk = {
+}, Gk = /* @__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,12 +19994,12 @@ const bo = /* @__PURE__ */ V(e1, [["render", c1]]), u1 = "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 = 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");
   return X((l(), r("div", {
     class: "page-wrapper",
     id: o.templateId
   }, [
-    L1,
+    L_,
     i.showLeftSidebar ? (l(), w(u, {
       key: 0,
       cmdHeadline: { headlineText: "Site Settings", headlineLevel: 3, textAlign: "center" },
@@ -20023,19 +20023,19 @@ function mv(e, n, t, s, i, o) {
               onToggleCollapse: (z) => x.boxToggled(0, z)
             }, {
               body: k(() => [
-                a("label", I1, [
-                  B1,
+                a("label", I_, [
+                  B_,
                   X(a("select", {
                     id: "select-template",
                     "onUpdate:modelValue": n[0] || (n[0] = (z) => i.selectedTemplate = z)
-                  }, A1, 512), [
+                  }, A_, 512), [
                     [Po, i.selectedTemplate]
                   ])
                 ]),
                 a("div", null, [
-                  E1,
-                  a("div", H1, [
-                    a("label", q1, [
+                  E_,
+                  a("div", H_, [
+                    a("label", q_, [
                       X(a("input", {
                         type: "radio",
                         id: "default-color-scheme",
@@ -20045,9 +20045,9 @@ function mv(e, n, t, s, i, o) {
                       }, null, 512), [
                         [Dt, i.colorScheme]
                       ]),
-                      R1
+                      R_
                     ]),
-                    a("label", N1, [
+                    a("label", N_, [
                       X(a("input", {
                         type: "radio",
                         id: "light-mode",
@@ -20057,9 +20057,9 @@ function mv(e, n, t, s, i, o) {
                       }, null, 512), [
                         [Dt, i.colorScheme]
                       ]),
-                      U1
+                      U_
                     ]),
-                    a("label", j1, [
+                    a("label", j_, [
                       X(a("input", {
                         type: "radio",
                         id: "dark-mode",
@@ -20069,7 +20069,7 @@ function mv(e, n, t, s, i, o) {
                       }, null, 512), [
                         [Dt, i.colorScheme]
                       ]),
-                      z1
+                      z_
                     ])
                   ])
                 ])
@@ -20094,7 +20094,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, G1)
+                    }, y(o.readableComponentName(z)), 9, W_)
                   ], 2))), 128))
                 ])
               ]),
@@ -20156,37 +20156,37 @@ function mv(e, n, t, s, i, o) {
           ]),
           _: 1
         }, 8, ["openBoxesByDefault"]),
-        a("dl", W1, [
-          K1,
+        a("dl", G_, [
+          K_,
           a("dd", null, y(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
-          J1,
+          J_,
           a("dd", null, y(i.packageJson.version), 1)
         ])
       ]),
       closed: k(() => [
-        a("div", Y1, [
+        a("div", Y_, [
           a("a", {
             href: "#",
             class: "button primary",
             title: "Open Template Selection",
             onClick: n[9] || (n[9] = T((x) => o.openBox(0), ["prevent"]))
-          }, Q1),
+          }, Q_),
           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"]))
-          }, t_),
+          }, t1),
           a("a", {
             href: "#",
             onClick: n[12] || (n[12] = T((x) => i.showLeftSidebar = !1, ["prevent"]))
-          }, i_)
+          }, i1)
         ])
       ]),
       _: 1
@@ -20204,17 +20204,17 @@ function mv(e, n, t, s, i, o) {
       ]),
       _: 1
     }),
-    i.componentView ? (l(), r("main", o_, [
+    i.componentView ? (l(), r("main", o1, [
       h(C, null, {
         default: k(() => [
-          l_
+          l1
         ]),
         _: 1
       }),
       h(C, null, {
         default: k(() => [
-          a("h2", s_, [
-            a_,
+          a("h2", s1, [
+            a1,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -20222,7 +20222,7 @@ function mv(e, n, t, s, i, o) {
               onClick: n[13] || (n[13] = T((x) => o.openSettingsSidebar("CmdAddressData"), ["prevent"]))
             })
           ]),
-          a("div", r_, [
+          a("div", r1, [
             h(b, I({
               ref: "CmdAddressData",
               addressData: i.addressData
@@ -20233,10 +20233,10 @@ function mv(e, n, t, s, i, o) {
       }),
       h(C, null, {
         default: k(() => [
-          d_,
-          c_,
-          a("div", u_, [
-            a("ul", m_, [
+          d1,
+          c1,
+          a("div", u1, [
+            a("ul", m1, [
               a("li", null, [
                 a("a", {
                   href: "#",
@@ -20245,7 +20245,7 @@ function mv(e, n, t, s, i, o) {
                   id: "status-default"
                 }, " Default ", 2)
               ]),
-              a("li", h_, [
+              a("li", h1, [
                 a("a", {
                   href: "#",
                   onClick: n[15] || (n[15] = T((x) => o.setStatus("error", !1), ["prevent"])),
@@ -20298,10 +20298,10 @@ function mv(e, n, t, s, i, o) {
             novalidate: "novalidate"
           }, {
             default: k(() => [
-              a("fieldset", p_, [
-                f_,
-                a("h2", g_, [
-                  y_,
+              a("fieldset", p1, [
+                f1,
+                a("h2", g1, [
+                  y1,
                   a("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -20313,7 +20313,7 @@ function mv(e, n, t, s, i, o) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }), null, 16, ["status", "disabled"]),
-                a("div", b_, [
+                a("div", b1, [
                   h(v, {
                     labelText: "Input for datalist:",
                     element: "input",
@@ -20325,7 +20325,7 @@ function mv(e, n, t, s, i, o) {
                     tooltipText: "This is a tooltip"
                   }, null, 8, ["status", "disabled", "datalist"])
                 ]),
-                a("div", x_, [
+                a("div", x1, [
                   h(v, I({
                     labelText: "Input (type search (without search-button)):",
                     element: "input",
@@ -20347,8 +20347,8 @@ function mv(e, n, t, s, i, o) {
                     tooltipText: "This is a tooltip"
                   }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
                 ]),
-                __,
-                a("div", C_, [
+                _1,
+                a("div", C1, [
                   h(v, {
                     element: "input",
                     type: "text",
@@ -20362,7 +20362,7 @@ function mv(e, n, t, s, i, o) {
                     disabled: i.disabledStatus
                   }, {
                     labeltext: k(() => [
-                      w_
+                      w1
                     ]),
                     _: 1
                   }, 8, ["modelValue", "status", "disabled"]),
@@ -20394,7 +20394,7 @@ function mv(e, n, t, s, i, o) {
                     disabled: i.disabledStatus
                   }, null, 8, ["modelValue", "status", "disabled"])
                 ]),
-                a("div", k_, [
+                a("div", k1, [
                   h(v, {
                     labelText: "Label for emailfield (with icon):",
                     element: "input",
@@ -20505,9 +20505,9 @@ function mv(e, n, t, s, i, o) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                v_,
-                a("h3", T_, [
-                  S_,
+                v1,
+                a("h3", T1, [
+                  S1,
                   a("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -20515,7 +20515,7 @@ function mv(e, n, t, s, i, o) {
                     onClick: n[33] || (n[33] = T((x) => o.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
                   })
                 ]),
-                a("div", O_, [
+                a("div", O1, [
                   h(B, I({ ref: "CmdFakeSelect" }, e.cmdFakeSelectSettingsData, {
                     selectData: i.fakeSelectOptionsData,
                     modelValue: i.fakeSelectDefault,
@@ -20567,21 +20567,21 @@ function mv(e, n, t, s, i, o) {
                     type: "color"
                   }, null, 8, ["status", "disabled", "selectData", "modelValue"])
                 ]),
-                L_,
-                I_,
+                L1,
+                I1,
                 h(F, {
                   labelText: "Progress Bar (with optional output):",
                   id: "progress-bar2",
                   max: "100"
                 }),
-                B_,
+                B1,
                 a("div", {
                   class: _(["label", i.validationStatus])
                 }, [
-                  F_,
-                  a("span", D_, [
-                    a("label", M_, [
-                      V_,
+                  F1,
+                  a("span", D1, [
+                    a("label", M1, [
+                      V1,
                       X(a("input", {
                         type: "number",
                         class: _(i.validationStatus),
@@ -20590,12 +20590,12 @@ function mv(e, n, t, s, i, o) {
                         min: "0",
                         max: "100",
                         id: "range-value"
-                      }, null, 10, P_), [
+                      }, null, 10, P1), [
                         [Nt, i.rangeValue]
                       ])
                     ]),
-                    a("label", A_, [
-                      E_,
+                    a("label", A1, [
+                      E1,
                       X(a("input", {
                         type: "range",
                         class: "range-slider",
@@ -20604,15 +20604,15 @@ function mv(e, n, t, s, i, o) {
                         disabled: i.disabledStatus,
                         min: "0",
                         max: "100"
-                      }, null, 8, H_), [
+                      }, null, 8, H1), [
                         [Nt, i.rangeValue]
                       ])
                     ])
                   ])
                 ], 2),
-                q_,
-                R_,
-                N_,
+                q1,
+                R1,
+                N1,
                 h(v, {
                   element: "input",
                   type: "checkbox",
@@ -20637,7 +20637,7 @@ function mv(e, n, t, s, i, o) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
-                U_,
+                U1,
                 h(v, {
                   element: "input",
                   type: "checkbox",
@@ -20712,16 +20712,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),
-                  j_,
+                  j1,
                   E(" checkbox with boolean: " + y(i.checkboxValue), 1),
-                  z_,
+                  z1,
                   E(" checkboxes with values: " + y(i.checkboxValues), 1)
                 ]),
-                G_,
-                W_,
-                a("div", K_, [
-                  J_,
-                  a("div", Y_, [
+                W1,
+                G1,
+                a("div", K1, [
+                  J1,
+                  a("div", Y1, [
                     h(v, {
                       element: "input",
                       labelText: "Label for checkbox with boolean",
@@ -20766,16 +20766,16 @@ function mv(e, n, t, s, i, o) {
                     }, {
                       labeltext: k(() => [
                         E(" Labeltext with "),
-                        Z_,
+                        Z1,
                         E(" given by slot ")
                       ]),
                       _: 1
                     }, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                Q_,
-                a("div", X_, [
-                  $_,
+                Q1,
+                a("div", X1, [
+                  $1,
                   a("div", eC, [
                     h(v, {
                       element: "input",
@@ -21009,7 +21009,7 @@ function mv(e, n, t, s, i, o) {
         ]),
         _: 1
       }),
-      h(G, {
+      h(W, {
         href: "#anchor-back-to-top",
         "scroll-container": ".page-wrapper"
       }),
@@ -21181,7 +21181,7 @@ function mv(e, n, t, s, i, o) {
                   zC
                 ]),
                 body: k(() => [
-                  a("ul", GC, [
+                  a("ul", WC, [
                     a("li", null, [
                       a("a", {
                         href: "#",
@@ -21213,7 +21213,7 @@ function mv(e, n, t, s, i, o) {
                   ])
                 ]),
                 footer: k(() => [
-                  WC
+                  GC
                 ]),
                 _: 1
               }),
@@ -21611,7 +21611,7 @@ function mv(e, n, t, s, i, o) {
               onClick: n[83] || (n[83] = T((x) => o.openSettingsSidebar("CmdImage"), ["prevent"]))
             })
           ]),
-          a("div", Gw, [
+          a("div", Ww, [
             h(se, I({
               ref: "CmdImage",
               image: i.imageData[0].image,
@@ -21627,7 +21627,7 @@ function mv(e, n, t, s, i, o) {
       }),
       h(C, null, {
         default: k(() => [
-          a("h2", Ww, [
+          a("h2", Gw, [
             Kw,
             a("a", {
               href: "#",
@@ -22096,8 +22096,8 @@ function mv(e, n, t, s, i, o) {
       }),
       h(C, null, {
         default: k(() => [
-          a("h2", Gk, [
-            Wk,
+          a("h2", Wk, [
+            Gk,
             a("a", {
               href: "#",
               class: "button small icon-cog",
@@ -22338,11 +22338,11 @@ function mv(e, n, t, s, i, o) {
       ]),
       _: 1
     }, 8, ["openSidebar", "onToggleSidebar"])) : m("", !0)
-  ], 8, O1)), [
+  ], 8, O_)), [
     [Lo]
   ]);
 }
-const _v = /* @__PURE__ */ V(S1, [["render", mv]]), Cv = {
+const _v = /* @__PURE__ */ V(S_, [["render", mv]]), Cv = {
   // el = real dom-element
   mounted(e) {
     if (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A")
@@ -22466,7 +22466,7 @@ export {
   Ei as CmdFormFilters,
   Ri as CmdGoogleMaps,
   Y as CmdHeadline,
-  W as CmdIcon,
+  G as CmdIcon,
   Ce as CmdImage,
   Dm as CmdImageGallery,
   qm as CmdImageZoom,