comand-component-library 4.0.35 → 4.0.37

package/dist/comand-component-library.js

@@ -555,12 +555,12 @@ function So(e, n, t, s) {
   const o = e.resources.length, i = e.random ? Math.floor(Math.random() * o) : e.index;
   let r;
   if (e.random) {
-    let F = e.resources.slice(0);
-    for (r = []; F.length > 1; ) {
-      const q = Math.floor(Math.random() * F.length);
-      r.push(F[q]), F = F.slice(0, q).concat(F.slice(q + 1));
+    let B = e.resources.slice(0);
+    for (r = []; B.length > 1; ) {
+      const q = Math.floor(Math.random() * B.length);
+      r.push(B[q]), B = B.slice(0, q).concat(B.slice(q + 1));
     }
-    r = r.concat(F);
+    r = r.concat(B);
   } else
     r = e.resources.slice(i).concat(e.resources.slice(0, i));
   const d = Date.now();
@@ -570,12 +570,12 @@ function So(e, n, t, s) {
     h && (clearTimeout(h), h = null);
   }
   function T() {
-    u === "pending" && (u = "aborted"), _(), w.forEach((F) => {
-      F.status === "pending" && (F.status = "aborted");
+    u === "pending" && (u = "aborted"), _(), w.forEach((B) => {
+      B.status === "pending" && (B.status = "aborted");
     }), w = [];
   }
-  function S(F, q) {
-    q && (b = []), typeof F == "function" && b.push(F);
+  function S(B, q) {
+    q && (b = []), typeof B == "function" && b.push(B);
   }
   function O() {
     return {
@@ -589,18 +589,18 @@ function So(e, n, t, s) {
     };
   }
   function A() {
-    u = "failed", b.forEach((F) => {
-      F(void 0, m);
+    u = "failed", b.forEach((B) => {
+      B(void 0, m);
     });
   }
   function M() {
-    w.forEach((F) => {
-      F.status === "pending" && (F.status = "aborted");
+    w.forEach((B) => {
+      B.status === "pending" && (B.status = "aborted");
     }), w = [];
   }
-  function B(F, q, G) {
+  function F(B, q, G) {
     const Y = q !== "success";
-    switch (w = w.filter((j) => j !== F), u) {
+    switch (w = w.filter((j) => j !== B), u) {
       case "pending":
         break;
       case "failed":
@@ -619,7 +619,7 @@ function So(e, n, t, s) {
       return;
     }
     if (_(), M(), !e.random) {
-      const j = e.resources.indexOf(F.resource);
+      const j = e.resources.indexOf(B.resource);
       j !== -1 && j !== e.index && (e.index = j);
     }
     u = "completed", b.forEach((j) => {
@@ -630,8 +630,8 @@ function So(e, n, t, s) {
     if (u !== "pending")
       return;
     _();
-    const F = r.shift();
-    if (F === void 0) {
+    const B = r.shift();
+    if (B === void 0) {
       if (w.length) {
         h = setTimeout(() => {
           _(), u === "pending" && (M(), A());
@@ -643,12 +643,12 @@ function So(e, n, t, s) {
     }
     const q = {
       status: "pending",
-      resource: F,
+      resource: B,
       callback: (G, Y) => {
-        B(q, G, Y);
+        F(q, G, Y);
       }
     };
-    w.push(q), p++, h = setTimeout(z, e.rotate), t(F, n, q.callback);
+    w.push(q), p++, h = setTimeout(z, e.rotate), t(B, n, q.callback);
   }
   return setTimeout(z), O;
 }
@@ -812,7 +812,7 @@ function ci() {
       });
   }
 }
-function Bo(e, n) {
+function Fo(e, n) {
   const t = e.lastModifiedCached;
   if (t && t >= n)
     return t === n;
@@ -824,7 +824,7 @@ function Bo(e, n) {
       });
   return !0;
 }
-function Fo(e, n) {
+function Bo(e, n) {
   Wt || ci();
   function t(s) {
     let o;
@@ -847,7 +847,7 @@ function Fo(e, n) {
       JSON.stringify(d)
     );
   }
-  n.lastModified && !Bo(e, n.lastModified) || Object.keys(n.icons).length && (n.not_found && (n = Object.assign({}, n), delete n.not_found), t("local") || t("session"));
+  n.lastModified && !Fo(e, n.lastModified) || Object.keys(n.icons).length && (n.not_found && (n = Object.assign({}, n), delete n.not_found), t("local") || t("session"));
 }
 function _n() {
 }
@@ -883,7 +883,7 @@ function Eo(e, n) {
             const h = e.pendingIcons;
             h && m.forEach((w) => {
               h.delete(w);
-            }), Fo(e, u);
+            }), Bo(e, u);
           } catch (m) {
             console.error(m);
           }
@@ -2148,11 +2148,11 @@ const Ol = /* @__PURE__ */ L(vl, [["render", Il]]), oe = {
       return this.inputRequirements.length > 1 ? this.getMessage("cmdlistofrequirements.headline.requirements_for_input") : this.getMessage("cmdlistofrequirements.headline.requirement_for_input");
     }
   }
-}, Bl = { class: "cmd-list-of-requirements" }, Fl = /* @__PURE__ */ f("br", null, null, -1), Al = /* @__PURE__ */ f("hr", null, null, -1), El = ["href", "target"], Pl = { key: 1 };
+}, Fl = { class: "cmd-list-of-requirements" }, Bl = /* @__PURE__ */ f("br", null, null, -1), Al = /* @__PURE__ */ f("hr", null, null, -1), El = ["href", "target"], Pl = { key: 1 };
 function Vl(e, n, t, s, o, i) {
   var u, p, m;
   const r = K, d = U;
-  return l(), a("div", Bl, [
+  return l(), a("div", Fl, [
     t.showHeadline ? (l(), C(r, {
       key: 0,
       "headline-level": t.cmdHeadline.headlineLevel
@@ -2160,7 +2160,7 @@ function Vl(e, n, t, s, o, i) {
       default: V(() => [
         H(g(i.headlineRequirements), 1),
         t.labelText ? (l(), a(x, { key: 0 }, [
-          Fl,
+          Bl,
           f("em", null, g(t.labelText), 1)
         ], 64)) : c("", !0)
       ]),
@@ -2767,6 +2767,15 @@ const Kt = {
       type: Boolean,
       required: !1
     },
+    /**
+     * activate if field should be stretch over remaining (horizontal) space if inline
+     *
+     * displayLabelInline-property must be activated
+     */
+    stretchField: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * set status for label and form-element
      *
@@ -3089,7 +3098,7 @@ const Kt = {
   class: "search-field-wrapper flex-container no-gap"
 }, us = ["id", "maxlength", "value"], ms = ["title"], fs = ["title"], hs = { key: 1 };
 function ps(e, n, t, s, o, i) {
-  var u, p, m, h, w, b, _, T, S, O, A, M, B, z, F, q, G, Y, j, le, se, ae, X, he;
+  var u, p, m, h, w, b, _, T, S, O, A, M, F, z, B, q, G, Y, j, le, se, ae, X, he;
   const r = U, d = Gt;
   return t.element === "input" || t.element === "select" || t.element === "textarea" ? (l(), a("label", {
     key: 0,
@@ -3100,6 +3109,7 @@ function ps(e, n, t, s, o, i) {
       {
         disabled: e.$attrs.disabled,
         inline: t.displayLabelInline,
+        "stretch-field": t.stretchField,
         "toggle-switch": t.toggleSwitch,
         colored: t.colored,
         "has-state": e.validationStatus
@@ -3302,9 +3312,9 @@ function ps(e, n, t, s, o, i) {
     (b = (w = t.nativeButton) == null ? void 0 : w.icon) != null && b.show && (((T = (_ = t.nativeButton) == null ? void 0 : _.icon) == null ? void 0 : T.position) === "before" || !((O = (S = t.nativeButton) == null ? void 0 : S.icon) != null && O.position)) ? (l(), C(r, {
       key: 0,
       iconClass: (M = (A = t.nativeButton) == null ? void 0 : A.icon) == null ? void 0 : M.iconClass,
-      type: (z = (B = t.nativeButton) == null ? void 0 : B.icon) == null ? void 0 : z.iconType
+      type: (z = (F = t.nativeButton) == null ? void 0 : F.icon) == null ? void 0 : z.iconType
     }, null, 8, ["iconClass", "type"])) : c("", !0),
-    (F = t.nativeButton) != null && F.icon && ((q = t.nativeButton) != null && q.text) ? (l(), a("span", hs, g(t.nativeButton.text), 1)) : (l(), a(x, { key: 2 }, [
+    (B = t.nativeButton) != null && B.icon && ((q = t.nativeButton) != null && q.text) ? (l(), a("span", hs, g(t.nativeButton.text), 1)) : (l(), a(x, { key: 2 }, [
       H(g(t.nativeButton.text), 1)
     ], 64)),
     (Y = (G = t.nativeButton) == null ? void 0 : G.icon) != null && Y.show && ((le = (j = t.nativeButton) == null ? void 0 : j.icon) == null ? void 0 : le.position) === "after" ? (l(), C(r, {
@@ -3433,10 +3443,10 @@ const ee = /* @__PURE__ */ L(Ul, [["render", ps]]), gs = {
 }, Ss = /* @__PURE__ */ f("br", null, null, -1), Is = { key: 0 }, Os = {
   key: 3,
   class: "country-name"
-}, Ms = { class: "street-address" }, Ls = /* @__PURE__ */ f("br", null, null, -1), Bs = {
+}, Ms = { class: "street-address" }, Ls = /* @__PURE__ */ f("br", null, null, -1), Fs = {
   key: 0,
   class: "postal-code"
-}, Fs = {
+}, Bs = {
   key: 1,
   class: "locality"
 }, As = /* @__PURE__ */ f("br", null, null, -1), Es = /* @__PURE__ */ f("br", null, null, -1), Ps = {
@@ -3580,8 +3590,8 @@ function Vs(e, n, t, s, o, i) {
             key: 1,
             class: y(t.showCityBeforeZip ? "city-zip" : "zip-city")
           }, [
-            t.addressEntry.zip ? (l(), a("span", Bs, g(t.addressEntry.zip), 1)) : c("", !0),
-            t.addressEntry.city ? (l(), a("span", Fs, [
+            t.addressEntry.zip ? (l(), a("span", Fs, g(t.addressEntry.zip), 1)) : c("", !0),
+            t.addressEntry.city ? (l(), a("span", Bs, [
               H(g(t.addressEntry.city), 1),
               t.addressEntry.state ? (l(), a(x, { key: 0 }, [
                 H(" " + g(t.addressEntry.state), 1)
@@ -4085,6 +4095,22 @@ const Dy = /* @__PURE__ */ L(ga, [["render", xa]]), wa = {
       type: String,
       required: !1
     },
+    /**
+     * legend for form
+     *
+     * useFieldset-property must be activated
+     *
+     * @requiredForAccessiblity: true
+     */
+    legend: {
+      default() {
+        return {
+          show: !0,
+          align: "left",
+          text: "Legend"
+        };
+      }
+    },
     /**
      * activate if form-elements should be given by slot
      */
@@ -4124,26 +4150,6 @@ const Dy = /* @__PURE__ */ L(ga, [["render", xa]]), wa = {
       type: Boolean,
       default: !0
     },
-    /**
-     * toggle visibility for legend-text
-     *
-     * useFieldset must be activated
-     */
-    showLegend: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * text for legend
-     *
-     * useFieldset must be activated
-     *
-     * @requiredForAccessibility: true
-     */
-    textLegend: {
-      type: String,
-      required: !1
-    },
     /**
      * submit-button to submit all form-data
      */
@@ -4200,8 +4206,8 @@ function La(e, n, t, s, o, i) {
     t.useFieldset ? (l(), a(x, { key: 0 }, [
       f("fieldset", va, [
         f("legend", {
-          class: y({ hidden: !t.showLegend })
-        }, g(t.textLegend), 3),
+          class: y({ hidden: !t.legend.show, "align-left": t.legend.align === "left" })
+        }, g(t.legend.text), 3),
         t.useSlot ? P(e.$slots, "default", { key: 0 }) : (l(!0), a(x, { key: 1 }, D(t.formElements, (d, u) => (l(), C(r, {
           key: u,
           element: d.element || "input",
@@ -4251,7 +4257,7 @@ function La(e, n, t, s, o, i) {
     ], 64)) : P(e.$slots, "default", { key: 1 })
   ], 42, ka);
 }
-const Ba = /* @__PURE__ */ L(wa, [["render", La]]), Fa = {
+const Fa = /* @__PURE__ */ L(wa, [["render", La]]), Ba = {
   data() {
     return {
       defaultMessageProperties: {
@@ -4311,12 +4317,12 @@ const Ba = /* @__PURE__ */ L(wa, [["render", La]]), Fa = {
   }
 };
 Pe(ge, "PATTERN_SURNAME", /^[a-züöäßáéíóàèìòêîô '-]+$/i), Pe(ge, "PATTERN_EMAIL", /^[a-z\d._%+-]+@[a-z\d._%+-]+\.[a-z]{2,}$/i), Pe(ge, "PATTERN_MESSAGE", /^.{2,500}$/);
-let Bt = ge;
+let Ft = ge;
 const Aa = {
   emits: ["submit"],
   mixins: [
     oe,
-    Fa,
+    Ba,
     rt
   ],
   inject: {
@@ -4326,7 +4332,7 @@ const Aa = {
   },
   data() {
     return {
-      validator: new Bt((e) => e),
+      validator: new Ft((e) => e),
       formData: {
         salutation: { value: this.configuration.salutation.default },
         lastName: { value: "" },
@@ -4360,6 +4366,16 @@ const Aa = {
       type: String,
       required: !1
     },
+    legend: {
+      type: Object,
+      default() {
+        return {
+          show: !0,
+          align: "right",
+          text: "Legend"
+        };
+      }
+    },
     /**
      * configuration for form-elements used in form
      */
@@ -4536,18 +4552,18 @@ const Aa = {
   class: "flex-container"
 }, Ha = ["innerHTML"];
 function Ra(e, n, t, s, o, i) {
-  const r = K, d = ee, u = Ba;
+  const r = K, d = ee, u = Fa;
   return l(), a("div", Ea, [
     t.cmdHeadline ? (l(), C(r, J(R({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
     v(u, {
       onSubmit: i.onSubmit,
       novalidate: "novalidate",
-      textLegend: e.getMessage("basic_form.legend"),
+      legend: t.legend,
       submitButton: t.submitButton,
       formAction: t.formAction
     }, {
       default: V(() => {
-        var p, m, h, w, b, _, T, S, O, A, M, B, z, F, q, G, Y, j, le, se, ae, X, he, E, fe, Me, Le, Be, Fe, Ae, Ee, ne, nn, on, ln, sn, an, rn, dn, cn;
+        var p, m, h, w, b, _, T, S, O, A, M, F, z, B, q, G, Y, j, le, se, ae, X, he, E, fe, Me, Le, Fe, Be, Ae, Ee, ne, nn, on, ln, sn, an, rn, dn, cn;
         return [
           t.configuration.salutation ? (l(), a("div", Pa, [
             v(d, {
@@ -4612,7 +4628,7 @@ function Ra(e, n, t, s, o, i) {
               iconClass: "icon-mail",
               labelText: e.getMessage("basic_form.labeltext.email"),
               placeholder: e.getMessage("basic_form.placeholder.email"),
-              required: (B = t.configuration.email) == null ? void 0 : B.required,
+              required: (F = t.configuration.email) == null ? void 0 : F.required,
               name: ((z = t.configuration.email) == null ? void 0 : z.name) || "email",
               modelValue: o.formData.email.value,
               "onUpdate:modelValue": n[4] || (n[4] = (W) => o.formData.email.value = W),
@@ -4622,7 +4638,7 @@ function Ra(e, n, t, s, o, i) {
             t.configuration.phone ? (l(), C(d, {
               key: 1,
               element: "input",
-              type: ((F = t.configuration.phone) == null ? void 0 : F.type) || "tel",
+              type: ((B = t.configuration.phone) == null ? void 0 : B.type) || "tel",
               iconClass: "icon-phone",
               labelText: e.getMessage("basic_form.labeltext.phone"),
               placeholder: e.getMessage("basic_form.placeholder.phone"),
@@ -4687,7 +4703,7 @@ function Ra(e, n, t, s, o, i) {
                 labelText: e.getMessage("basic_form.labeltext.zip"),
                 placeholder: e.getMessage("basic_form.placeholder.zip"),
                 required: (Le = t.configuration.zip) == null ? void 0 : Le.required,
-                name: ((Be = t.configuration.zip) == null ? void 0 : Be.name) || "zip",
+                name: ((Fe = t.configuration.zip) == null ? void 0 : Fe.name) || "zip",
                 modelValue: o.formData.zip.value,
                 "onUpdate:modelValue": n[9] || (n[9] = (W) => o.formData.zip.value = W),
                 status: o.formData.zip.error ? "error" : "",
@@ -4696,7 +4712,7 @@ function Ra(e, n, t, s, o, i) {
               t.configuration.city ? (l(), C(d, {
                 key: 1,
                 element: "input",
-                type: ((Fe = t.configuration.city) == null ? void 0 : Fe.type) || "text",
+                type: ((Be = t.configuration.city) == null ? void 0 : Be.type) || "text",
                 labelText: e.getMessage("basic_form.labeltext.city"),
                 placeholder: e.getMessage("basic_form.placeholder.city"),
                 required: (Ae = t.configuration.city) == null ? void 0 : Ae.required,
@@ -4757,7 +4773,7 @@ function Ra(e, n, t, s, o, i) {
         ];
       }),
       _: 3
-    }, 8, ["onSubmit", "textLegend", "submitButton", "formAction"])
+    }, 8, ["onSubmit", "legend", "submitButton", "formAction"])
   ]);
 }
 const Na = /* @__PURE__ */ L(Aa, [["render", Ra]]);
@@ -5021,7 +5037,7 @@ function er(e, n, t, s, o, i) {
     itemProvider: ((u = e.editModeConfig) == null ? void 0 : u.allowAddItem) !== !1 ? i.itemProvider : null
   }, {
     default: V((O) => {
-      var A, M, B, z, F, q, G, Y, j, le, se, ae;
+      var A, M, F, z, B, q, G, Y, j, le, se, ae;
       return [
         f("figure", {
           class: y(["cmd-image flex-container no-gap vertical", i.textAlign])
@@ -5036,7 +5052,7 @@ function er(e, n, t, s, o, i) {
               labelText: "Text figcaption",
               modelValue: i.editableFigcaptionText,
               "onUpdate:modelValue": n[0] || (n[0] = (X) => i.editableFigcaptionText = X)
-            }, null, 8, ["class", "modelValue"])) : (B = t.figcaption) != null && B.text ? (l(), a("figcaption", {
+            }, null, 8, ["class", "modelValue"])) : (F = t.figcaption) != null && F.text ? (l(), a("figcaption", {
               key: 1,
               innerHTML: (z = t.figcaption) == null ? void 0 : z.text
             }, null, 8, Ua)) : c("", !0)
@@ -5052,7 +5068,7 @@ function er(e, n, t, s, o, i) {
               za,
               f("img", {
                 src: i.imageSource,
-                alt: (F = t.image) == null ? void 0 : F.alt,
+                alt: (B = t.image) == null ? void 0 : B.alt,
                 title: (q = t.image) == null ? void 0 : q.tooltip
               }, null, 8, Wa)
             ], 16),
@@ -5780,9 +5796,9 @@ const yr = fi, br = ["aria-label"], Cr = { class: "flex-container" }, _r = {
 }, Mr = {
   key: 0,
   class: "flex-container no-flex"
-}, Lr = ["title"], Br = { key: 1 }, Fr = ["title"], Ar = { key: 1 };
+}, Lr = ["title"], Fr = { key: 1 }, Br = ["title"], Ar = { key: 1 };
 function Er(e, n, t, s, o, i) {
-  var h, w, b, _, T, S, O, A, M, B, z, F, q, G, Y, j, le, se, ae, X, he, E, fe, Me, Le, Be, Fe, Ae, Ee;
+  var h, w, b, _, T, S, O, A, M, F, z, B, q, G, Y, j, le, se, ae, X, he, E, fe, Me, Le, Fe, Be, Ae, Ee;
   const r = K, d = U, u = Te, p = dt, m = pr;
   return l(), C(Wi, { to: "body" }, [
     f("dialog", {
@@ -5811,7 +5827,7 @@ function Er(e, n, t, s, o, i) {
               type: (M = e.fancyboxOptions.printButtons.color) == null ? void 0 : M.iconType
             }, null, 8, ["iconClass", "type"])
           ], 8, xr)) : c("", !0),
-          e.showPrintButtons && ((B = e.fancyboxOptions.printButtons) != null && B.grayscale) ? (l(), a("a", {
+          e.showPrintButtons && ((F = e.fancyboxOptions.printButtons) != null && F.grayscale) ? (l(), a("a", {
             key: 1,
             href: "#",
             class: "button print-grayscale",
@@ -5819,7 +5835,7 @@ function Er(e, n, t, s, o, i) {
             onClick: n[1] || (n[1] = I((ne) => e.printInGrayscale = !0, ["prevent"]))
           }, [
             v(d, {
-              iconClass: (F = e.fancyboxOptions.printButtons.grayscale) == null ? void 0 : F.iconClass,
+              iconClass: (B = e.fancyboxOptions.printButtons.grayscale) == null ? void 0 : B.iconClass,
               type: (q = e.fancyboxOptions.printButtons.grayscale) == null ? void 0 : q.iconType
             }, null, 8, ["iconClass", "type"])
           ], 8, wr)) : c("", !0),
@@ -5878,7 +5894,7 @@ function Er(e, n, t, s, o, i) {
             iconClass: (ae = e.fancyboxOptions.submitButtons.cancel) == null ? void 0 : ae.iconClass,
             type: (X = e.fancyboxOptions.submitButtons.cancel) == null ? void 0 : X.iconType
           }, null, 8, ["iconClass", "type"])) : c("", !0),
-          (he = e.fancyboxOptions.submitButtons.cancel) != null && he.buttonText ? (l(), a("span", Br, g((E = e.fancyboxOptions.submitButtons.cancel) == null ? void 0 : E.buttonText), 1)) : c("", !0)
+          (he = e.fancyboxOptions.submitButtons.cancel) != null && he.buttonText ? (l(), a("span", Fr, g((E = e.fancyboxOptions.submitButtons.cancel) == null ? void 0 : E.buttonText), 1)) : c("", !0)
         ], 8, Lr)) : c("", !0),
         (fe = e.fancyboxOptions.submitButtons) != null && fe.confirm ? (l(), a("button", {
           key: 1,
@@ -5887,11 +5903,11 @@ function Er(e, n, t, s, o, i) {
         }, [
           (Le = e.fancyboxOptions.submitButtons.confirm) != null && Le.iconClass ? (l(), C(d, {
             key: 0,
-            iconClass: (Be = e.fancyboxOptions.submitButtons.confirm) == null ? void 0 : Be.iconClass,
-            type: (Fe = e.fancyboxOptions.submitButtons.confirm) == null ? void 0 : Fe.iconType
+            iconClass: (Fe = e.fancyboxOptions.submitButtons.confirm) == null ? void 0 : Fe.iconClass,
+            type: (Be = e.fancyboxOptions.submitButtons.confirm) == null ? void 0 : Be.iconType
           }, null, 8, ["iconClass", "type"])) : c("", !0),
           (Ae = e.fancyboxOptions.submitButtons.confirm) != null && Ae.buttonText ? (l(), a("span", Ar, g((Ee = e.fancyboxOptions.submitButtons.confirm) == null ? void 0 : Ee.buttonText), 1)) : c("", !0)
-        ], 8, Fr)) : c("", !0)
+        ], 8, Br)) : c("", !0)
       ])) : c("", !0),
       e.fancyBoxGallery ? (l(), C(m, {
         key: 1,
@@ -6648,10 +6664,10 @@ const cd = ["title"], ud = {
 }, kd = { class: "box-body" }, vd = { key: 0 }, Td = {
   key: 1,
   class: "price"
-}, Sd = ["title"], Id = { key: 2 }, Od = { class: "box-header flex-container vertical" }, Md = { key: 0 }, Ld = ["src", "alt"], Bd = {
+}, Sd = ["title"], Id = { key: 2 }, Od = { class: "box-header flex-container vertical" }, Md = { key: 0 }, Ld = ["src", "alt"], Fd = {
   key: 0,
   class: "user-name"
-}, Fd = {
+}, Bd = {
   key: 0,
   class: "user-age"
 }, Ad = { key: 1 }, Ed = ["title"], Pd = {
@@ -6692,7 +6708,7 @@ function Ud(e, n, t, s, o, i) {
       href: "#",
       class: "box-header",
       title: o.open ? t.iconOpen.tooltip : t.iconClosed.tooltip,
-      onClick: n[0] || (n[0] = I((...B) => i.toggleContentVisibility && i.toggleContentVisibility(...B), ["prevent"]))
+      onClick: n[0] || (n[0] = I((...F) => i.toggleContentVisibility && i.toggleContentVisibility(...F), ["prevent"]))
     }, [
       (m = t.useSlots) != null && m.includes("header") ? P(e.$slots, "header", { key: 0 }) : (h = t.cmdHeadline) != null && h.headlineText ? (l(), C(r, J(R({ key: 1 }, t.cmdHeadline)), null, 16)) : c("", !0),
       v(d, {
@@ -6730,7 +6746,7 @@ function Ud(e, n, t, s, o, i) {
               t.cutoffTextLines > 0 ? (l(), a("a", {
                 key: 0,
                 href: "#",
-                onClick: n[1] || (n[1] = I((...B) => i.toggleCutOffText && i.toggleCutOffText(...B), ["prevent"]))
+                onClick: n[1] || (n[1] = I((...F) => i.toggleCutOffText && i.toggleCutOffText(...F), ["prevent"]))
               }, g(o.showCutOffText ? e.getMessage("cmdbox.contentbox.collapse_text") : e.getMessage("cmdbox.contentbox.expand_text")), 1)) : c("", !0)
             ]),
             _: 1
@@ -6769,7 +6785,7 @@ function Ud(e, n, t, s, o, i) {
     key: 1,
     class: y(["cmd-box box product", { "stretch-vertically": t.stretchVertically, "stretch-horizontally": t.stretchHorizontally, "row-view": t.rowView }]),
     href: "#",
-    onClick: n[2] || (n[2] = I((B) => i.clickOnProduct(t.product), ["prevent"]))
+    onClick: n[2] || (n[2] = I((F) => i.clickOnProduct(t.product), ["prevent"]))
   }, [
     f("div", yd, [
       t.product.image !== void 0 ? (l(), a("figure", bd, [
@@ -6814,9 +6830,9 @@ function Ud(e, n, t, s, o, i) {
           src: t.user.image.src,
           alt: t.user.image.alt
         }, null, 8, Ld),
-        t.rowView ? c("", !0) : (l(), a("figcaption", Bd, [
+        t.rowView ? c("", !0) : (l(), a("figcaption", Fd, [
           H(g(t.user.name), 1),
-          t.user.age ? (l(), a("span", Fd, " (" + g(t.user.age) + ")", 1)) : c("", !0)
+          t.user.age ? (l(), a("span", Bd, " (" + g(t.user.age) + ")", 1)) : c("", !0)
         ]))
       ])) : (l(), a("div", Ad, [
         f("span", {
@@ -6833,7 +6849,7 @@ function Ud(e, n, t, s, o, i) {
       t.user.description ? (l(), a("p", Rd, g(t.user.description), 1)) : c("", !0)
     ]),
     t.user.tags && t.user.tags.length ? (l(), a("ul", Nd, [
-      (l(!0), a(x, null, D(t.user.tags, (B, z) => (l(), a("li", { key: z }, g(B), 1))), 128))
+      (l(!0), a(x, null, D(t.user.tags, (F, z) => (l(), a("li", { key: z }, g(F), 1))), 128))
     ])) : c("", !0),
     t.user.links && t.user.links.length ? (l(), a("div", jd, [
       v(p, {
@@ -7042,9 +7058,9 @@ const gi = /* @__PURE__ */ L(Zt, [["render", Ud]]), Yt = {
   }
 }, Mn = () => {
   Zn((e) => ({
-    "55a1c0a6": e.boxesPerRowLarge,
-    "5ac88d7a": e.boxesPerRowMedium,
-    "54d20d0e": e.boxesPerRowSmall
+    "4b314fb8": e.boxesPerRowLarge,
+    "1cdf8a98": e.boxesPerRowMedium,
+    "4b992984": e.boxesPerRowSmall
   }));
 }, Ln = Yt.setup;
 Yt.setup = Ln ? (e, n) => (Mn(), Ln(e, n)) : Mn;
@@ -7548,7 +7564,7 @@ const Hy = /* @__PURE__ */ L(fc, [["render", yc]]), bc = {
 }, wc = { key: 0 }, kc = { key: 1 }, vc = ["href", "target"], Tc = ["innerHTML"], Sc = /* @__PURE__ */ f("hr", null, null, -1), Ic = {
   key: 1,
   class: "flex-container vertical"
-}, Oc = { key: 0 }, Mc = { key: 1 }, Lc = ["href", "target"], Bc = ["innerHTML"], Fc = { class: "button-wrapper align-center" };
+}, Oc = { key: 0 }, Mc = { key: 1 }, Lc = ["href", "target"], Fc = ["innerHTML"], Bc = { class: "button-wrapper align-center" };
 function Ac(e, n, t, s, o, i) {
   const r = K, d = ee, u = gi;
   return l(), C(xe, { name: "fade" }, {
@@ -7571,11 +7587,11 @@ function Ac(e, n, t, s, o, i) {
                     "headline-text": (_ = t.cmdBoxRequiredCookies) == null ? void 0 : _.headlineText,
                     "headline-level": (T = t.cmdBoxRequiredCookies) == null ? void 0 : T.headlineLevel
                   }, null, 8, ["headline-text", "headline-level"])) : c("", !0),
-                  (l(!0), a(x, null, D(t.cookieOptions.required.cookies || [], (B, z) => {
-                    var F;
+                  (l(!0), a(x, null, D(t.cookieOptions.required.cookies || [], (F, z) => {
+                    var B;
                     return l(), C(u, {
                       useSlots: ["header", "body"],
-                      collapsible: (F = t.cmdBoxRequiredCookies) == null ? void 0 : F.collapsible,
+                      collapsible: (B = t.cmdBoxRequiredCookies) == null ? void 0 : B.collapsible,
                       key: z
                     }, {
                       header: V(() => [
@@ -7584,23 +7600,23 @@ function Ac(e, n, t, s, o, i) {
                           type: "checkbox",
                           modelValue: i.acceptedCookies,
                           "onUpdate:modelValue": n[0] || (n[0] = (q) => i.acceptedCookies = q),
-                          inputValue: B.value,
-                          labelText: B.labelText,
-                          disabled: B.disabled,
-                          id: B.id,
+                          inputValue: F.value,
+                          labelText: F.labelText,
+                          disabled: F.disabled,
+                          id: F.id,
                           toggleSwitch: !0,
                           title: e.getMessage("cmdcookiedisclaimer.title.cookie_cannot_be_disabled")
                         }, null, 8, ["modelValue", "inputValue", "labelText", "disabled", "id", "title"])
                       ]),
                       body: V(() => [
-                        B.description ? (l(), a("p", wc, g(B.description), 1)) : c("", !0),
-                        B.linkDataPrivacy ? (l(), a("p", kc, [
-                          H(g(B.linkDataPrivacy.label) + " ", 1),
+                        F.description ? (l(), a("p", wc, g(F.description), 1)) : c("", !0),
+                        F.linkDataPrivacy ? (l(), a("p", kc, [
+                          H(g(F.linkDataPrivacy.label) + " ", 1),
                           f("a", {
                             onClick: n[1] || (n[1] = (...q) => i.openDataPrivacy && i.openDataPrivacy(...q)),
-                            href: B.linkDataPrivacy.link,
-                            target: B.linkDataPrivacy.target
-                          }, g(B.linkDataPrivacy.linkText), 9, vc)
+                            href: F.linkDataPrivacy.link,
+                            target: F.linkDataPrivacy.target
+                          }, g(F.linkDataPrivacy.linkText), 9, vc)
                         ])) : c("", !0),
                         o.dataPrivacyContent ? (l(), a("div", {
                           key: 2,
@@ -7618,11 +7634,11 @@ function Ac(e, n, t, s, o, i) {
                     "headline-text": (A = t.cmdBoxOptionalCookies) == null ? void 0 : A.headlineText,
                     "headline-level": (M = t.cmdBoxOptionalCookies) == null ? void 0 : M.headlineLevel
                   }, null, 8, ["headline-text", "headline-level"])) : c("", !0),
-                  (l(!0), a(x, null, D(t.cookieOptions.optional.cookies || [], (B, z) => {
-                    var F;
+                  (l(!0), a(x, null, D(t.cookieOptions.optional.cookies || [], (F, z) => {
+                    var B;
                     return l(), C(u, {
                       useSlots: ["header", "body"],
-                      collapsible: (F = t.cmdBoxOptionalCookies) == null ? void 0 : F.collapsible,
+                      collapsible: (B = t.cmdBoxOptionalCookies) == null ? void 0 : B.collapsible,
                       key: z
                     }, {
                       header: V(() => [
@@ -7631,28 +7647,28 @@ function Ac(e, n, t, s, o, i) {
                           type: "checkbox",
                           modelValue: i.acceptedCookies,
                           "onUpdate:modelValue": n[2] || (n[2] = (q) => i.acceptedCookies = q),
-                          inputValue: B.value,
-                          labelText: B.labelText,
-                          disabled: B.disabled,
-                          id: B.id,
+                          inputValue: F.value,
+                          labelText: F.labelText,
+                          disabled: F.disabled,
+                          id: F.id,
                           toggleSwitch: !0,
                           title: e.getMessage("cmdcookiedisclaimer.title.toggle_to_accept_cookie")
                         }, null, 8, ["modelValue", "inputValue", "labelText", "disabled", "id", "title"])
                       ]),
                       body: V(() => [
-                        B.description ? (l(), a("p", Oc, g(B.description), 1)) : c("", !0),
-                        B.linkDataPrivacy ? (l(), a("p", Mc, [
-                          H(g(B.linkDataPrivacy.label) + " ", 1),
+                        F.description ? (l(), a("p", Oc, g(F.description), 1)) : c("", !0),
+                        F.linkDataPrivacy ? (l(), a("p", Mc, [
+                          H(g(F.linkDataPrivacy.label) + " ", 1),
                           f("a", {
                             onClick: n[3] || (n[3] = (...q) => i.openDataPrivacy && i.openDataPrivacy(...q)),
-                            href: B.linkDataPrivacy.link,
-                            target: B.linkDataPrivacy.target
-                          }, g(B.linkDataPrivacy.linkText), 9, Lc)
+                            href: F.linkDataPrivacy.link,
+                            target: F.linkDataPrivacy.target
+                          }, g(F.linkDataPrivacy.linkText), 9, Lc)
                         ])) : c("", !0),
                         o.dataPrivacyContent ? (l(), a("div", {
                           key: 2,
                           innerHTML: o.dataPrivacyContent
-                        }, null, 8, Bc)) : c("", !0)
+                        }, null, 8, Fc)) : c("", !0)
                       ]),
                       _: 2
                     }, 1032, ["collapsible"]);
@@ -7661,7 +7677,7 @@ function Ac(e, n, t, s, o, i) {
               ];
             }),
             P(e.$slots, "privacy-text"),
-            f("div", Fc, [
+            f("div", Bc, [
               t.buttonLabelAcceptCurrentSettings ? (l(), a("button", {
                 key: 0,
                 type: "button",
@@ -8473,25 +8489,25 @@ const jy = /* @__PURE__ */ L(xu, [["render", Iu]]), Ou = {
     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`, Bn(this, e);
+        t.style.height = `${n}px`, Fn(this, e);
       });
     },
     onMouseMove(e) {
-      Bn(this, e);
+      Fn(this, e);
     },
     onMouseOut() {
       this.showLargeImage = !1;
     }
   }
 };
-function Bn(e, n) {
-  const t = e.$el.querySelector(".zoom-container"), s = t.querySelector("img"), o = e.$el.querySelector(".zoom-overlay"), i = n.target.getBoundingClientRect().width, r = n.target.getBoundingClientRect().height, d = s.getBoundingClientRect().width, u = s.getBoundingClientRect().height, p = n.pageX - n.target.getBoundingClientRect().x - window.pageXOffset, m = n.pageY - n.target.getBoundingClientRect().y - window.pageYOffset, h = Math.min(i, t.getBoundingClientRect().width / d * i), w = Math.min(r, t.getBoundingClientRect().height / u * r), b = Fn(p - h / 2, 0, i - h), _ = Fn(m - w / 2, 0, r - w), T = -(b * (d / i)), S = -(_ * (u / r));
+function Fn(e, n) {
+  const t = e.$el.querySelector(".zoom-container"), s = t.querySelector("img"), o = e.$el.querySelector(".zoom-overlay"), i = n.target.getBoundingClientRect().width, r = n.target.getBoundingClientRect().height, d = s.getBoundingClientRect().width, u = s.getBoundingClientRect().height, p = n.pageX - n.target.getBoundingClientRect().x - window.pageXOffset, m = n.pageY - n.target.getBoundingClientRect().y - window.pageYOffset, h = Math.min(i, t.getBoundingClientRect().width / d * i), w = Math.min(r, t.getBoundingClientRect().height / u * r), b = Bn(p - h / 2, 0, i - h), _ = Bn(m - w / 2, 0, r - w), T = -(b * (d / i)), S = -(_ * (u / r));
   o.style.left = `${b}px`, o.style.top = `${_}px`, o.style.width = `${h}px`, o.style.height = `${w}px`, o.style.display = "block", s.style.marginLeft = `${T}px`, s.style.marginTop = `${S}px`;
 }
-function Fn(e, n, t) {
+function Bn(e, n, t) {
   return e < n ? n : e > t ? t : e;
 }
-const Mu = { class: "cmd-imagezoom flex-container" }, Lu = ["title"], Bu = ["src", "alt"], Fu = {
+const Mu = { class: "cmd-imagezoom flex-container" }, Lu = ["title"], Fu = ["src", "alt"], Bu = {
   key: 0,
   class: "zoom-container"
 }, Au = ["src", "alt"], Eu = {
@@ -8511,9 +8527,9 @@ function Pu(e, n, t, s, o, i) {
         onMouseover: n[0] || (n[0] = (...r) => i.onMouseOver && i.onMouseOver(...r)),
         onMousemove: n[1] || (n[1] = (...r) => i.onMouseMove && i.onMouseMove(...r)),
         onMouseout: n[2] || (n[2] = (...r) => i.onMouseOut && i.onMouseOut(...r))
-      }, null, 40, Bu)
+      }, null, 40, Fu)
     ], 8, Lu),
-    o.showLargeImage ? (l(), a("div", Fu, [
+    o.showLargeImage ? (l(), a("div", Bu, [
       f("img", {
         src: t.imageLarge.src,
         alt: t.imageLarge.alt
@@ -8837,13 +8853,19 @@ const Ju = /* @__PURE__ */ L(Vu, [["render", Gu]]), Ku = {
       }
     },
     /**
-     * text used as legend for login-fieldset
+     * options for legend for login-fieldset
      *
      * @requiredForAccessibility: true
      */
-    textLegendLoginForm: {
-      type: String,
-      default: "Login form"
+    legendLoginForm: {
+      type: Object,
+      default() {
+        return {
+          show: !0,
+          align: "right",
+          text: "Login form"
+        };
+      }
     },
     /**
      * toggle legend visibility
@@ -8857,9 +8879,15 @@ const Ju = /* @__PURE__ */ L(Vu, [["render", Gu]]), Ku = {
      *
      * @requiredForAccessibility: true
     */
-    textLegendForgotLoginForm: {
-      type: String,
-      default: "Forgot login form"
+    legendForgotLoginForm: {
+      type: Object,
+      default() {
+        return {
+          show: !0,
+          align: 'right"',
+          text: "Forgot login form"
+        };
+      }
     },
     /**
      * properties for CmdHeadline-component for login-form
@@ -9062,16 +9090,16 @@ const Ju = /* @__PURE__ */ L(Vu, [["render", Gu]]), Ku = {
   }
 }, Zu = { class: "cmd-login-form flex-container" }, Yu = { class: "option-wrapper flex-container" }, Xu = { key: 1 }, Qu = ["type", "disabled"], $u = { key: 1 }, em = { class: "cmd-login-form flex-container" }, tm = { class: "option-wrapper flex-container" }, nm = { key: 1 }, im = ["type", "disabled"], om = { key: 1 };
 function lm(e, n, t, s, o, i) {
-  var m, h, w, b, _, T, S, O, A, M, B, z, F, q, G, Y;
+  var m, h, w, b, _, T, S, O, A, M, F, z, B, q, G, Y;
   const r = K, d = ee, u = U, p = pi;
   return l(), a(x, null, [
     ue(f("fieldset", Zu, [
       f("legend", {
-        class: y({ hidden: !t.showLegend })
-      }, g(t.textLegendLoginForm), 3),
+        class: y({ hidden: !t.legendLoginForm.show, "align-left": t.legendLoginForm.align === "left" })
+      }, g(t.legendLoginForm.text), 3),
       t.cmdHeadlineLoginForm ? (l(), C(r, J(R({ key: 0 }, t.cmdHeadlineLoginForm)), null, 16)) : c("", !0),
       f("div", {
-        class: y(["login-fields, flex-container", { vertical: t.orientation === "vertical" }])
+        class: y(["login-fields flex-container", { vertical: t.orientation === "vertical" }])
       }, [
         v(d, {
           element: "input",
@@ -9150,8 +9178,8 @@ function lm(e, n, t, s, o, i) {
     ]),
     ue(f("fieldset", em, [
       f("legend", {
-        class: y({ hidden: !t.showLegend })
-      }, g(t.textLegendForgotLoginForm), 3),
+        class: y({ hidden: !t.legendForgotLoginForm.show, "align-left": t.legendForgotLoginForm.align === "left" })
+      }, g(t.legendForgotLoginForm.text), 3),
       t.cmdHeadlineSendLoginForm ? (l(), C(r, J(R({ key: 0 }, t.cmdHeadlineSendLoginForm)), null, 16)) : c("", !0),
       v(d, {
         ref: "sendPassword",
@@ -9190,8 +9218,8 @@ function lm(e, n, t, s, o, i) {
         }, [
           (M = (A = t.buttons.sendLogin) == null ? void 0 : A.icon) != null && M.iconClass ? (l(), C(u, {
             key: 0,
-            iconClass: (z = (B = t.buttons.sendLogin) == null ? void 0 : B.icon) == null ? void 0 : z.iconClass,
-            title: (q = (F = t.buttons.sendLogin) == null ? void 0 : F.icon) == null ? void 0 : q.tooltip
+            iconClass: (z = (F = t.buttons.sendLogin) == null ? void 0 : F.icon) == null ? void 0 : z.iconClass,
+            title: (q = (B = t.buttons.sendLogin) == null ? void 0 : B.icon) == null ? void 0 : q.tooltip
           }, null, 8, ["iconClass", "title"])) : c("", !0),
           (G = t.buttons.sendLogin) != null && G.text ? (l(), a("span", om, g((Y = t.buttons.sendLogin) == null ? void 0 : Y.text), 1)) : c("", !0)
         ], 10, im)) : c("", !0)
@@ -9656,7 +9684,7 @@ function Lm(e, n, t, s, o, i) {
     ], 2))), 128))
   ], 2);
 }
-const Wy = /* @__PURE__ */ L(xm, [["render", Lm]]), Bm = {
+const Wy = /* @__PURE__ */ L(xm, [["render", Lm]]), Fm = {
   name: "CmdNewsletterSubscription",
   emits: ["button-click"],
   data() {
@@ -9799,10 +9827,10 @@ const Wy = /* @__PURE__ */ L(xm, [["render", Lm]]), Bm = {
       immediate: !0
     }
   }
-}, Fm = { class: "cmd-newsletter-subscription flex-container" }, Am = { class: "button-wrapper" };
+}, Bm = { class: "cmd-newsletter-subscription flex-container" }, Am = { class: "button-wrapper" };
 function Em(e, n, t, s, o, i) {
   const r = Ju, d = ee;
-  return l(), a("fieldset", Fm, [
+  return l(), a("fieldset", Bm, [
     f("legend", {
       class: y({ hidden: !t.showLegend })
     }, g(t.textLegend), 3),
@@ -9837,7 +9865,7 @@ function Em(e, n, t, s, o, i) {
     ])
   ]);
 }
-const Gy = /* @__PURE__ */ L(Bm, [["render", Em]]);
+const Gy = /* @__PURE__ */ L(Fm, [["render", Em]]);
 function An(e, n, t, s = !0) {
   function o(i, r) {
     return r && i < 10 ? "0" + i : i;
@@ -10927,7 +10955,7 @@ function Lf(e, n, t, s, o, i) {
     }, Mf))
   ], 2);
 }
-const Bf = /* @__PURE__ */ L(If, [["render", Lf]]), Ff = {
+const Ff = /* @__PURE__ */ L(If, [["render", Lf]]), Bf = {
   name: "CmdPageFooter",
   props: {
     /**
@@ -10992,7 +11020,7 @@ const Bf = /* @__PURE__ */ L(If, [["render", Lf]]), Ff = {
 }, Af = { class: "button-wrapper" }, Ef = ["title"], Pf = { key: 1 };
 function Vf(e, n, t, s, o, i) {
   var d, u, p;
-  const r = Bf;
+  const r = Ff;
   return l(), a("footer", {
     class: y(["cmd-page-footer flex-container", { "small-buttons": t.useSmallButtons }])
   }, [
@@ -11022,7 +11050,7 @@ function Vf(e, n, t, s, o, i) {
     ])
   ], 2);
 }
-const Zy = /* @__PURE__ */ L(Ff, [["render", Vf]]), Df = {
+const Zy = /* @__PURE__ */ L(Bf, [["render", Vf]]), Df = {
   name: "CmdPageHeader",
   props: {
     /**
@@ -11466,22 +11494,20 @@ const eb = /* @__PURE__ */ L(nh, [["render", oh]]), lh = {
       default: !0
     },
     /**
-     * toggle legend visibility
+     * legend for form
      *
-     * textLegend must be set
-     */
-    showLegend: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * text for legend
+     * useFieldset-property must be activated
      *
-     * @requiredForAccessibility: true
+     * @requiredForAccessiblity: true
      */
-    textLegend: {
-      type: String,
-      required: !1
+    legend: {
+      default() {
+        return {
+          show: !0,
+          align: "left",
+          text: "Legend"
+        };
+      }
     },
     /**
      * send search result from outside to display inside this component
@@ -11687,8 +11713,8 @@ function fh(e, n, t, s, o, i) {
   return l(), a(x, null, [
     f("fieldset", ah, [
       f("legend", {
-        class: y({ hidden: !t.showLegend })
-      }, g(t.textLegend), 3),
+        class: y({ hidden: !t.legend.show, "align-left": t.legend.align === "left" })
+      }, g(t.legend.text), 3),
       t.cmdHeadline ? (l(), C(r, J(R({ key: 0 }, t.cmdHeadline)), null, 16)) : c("", !0),
       f("div", rh, [
         v(d, {
@@ -11749,16 +11775,16 @@ function fh(e, n, t, s, o, i) {
         ]),
         v(xe, { name: "fade" }, {
           default: V(() => {
-            var M, B, z, F, q;
+            var M, F, z, B, q;
             return [
               o.showFilters && ((M = t.cmdFakeSelect) != null && M.selectData.length) ? (l(), a("div", mh, [
                 v(p, {
                   role: "option",
-                  selectData: (B = t.cmdFakeSelect) == null ? void 0 : B.selectData,
+                  selectData: (F = t.cmdFakeSelect) == null ? void 0 : F.selectData,
                   modelValue: i.searchFilters,
                   "onUpdate:modelValue": n[4] || (n[4] = (G) => i.searchFilters = G),
                   defaultOptionName: (z = t.cmdFakeSelect) == null ? void 0 : z.defaultOptionName,
-                  type: (F = t.cmdFakeSelect) == null ? void 0 : F.type,
+                  type: (B = t.cmdFakeSelect) == null ? void 0 : B.type,
                   labelText: (q = t.cmdFakeSelect) == null ? void 0 : q.labelText
                 }, null, 8, ["selectData", "modelValue", "defaultOptionName", "type", "labelText"])
               ])) : c("", !0)
@@ -12021,7 +12047,7 @@ function wh(e, n, t, s, o, i) {
               key: 1,
               type: "button",
               class: "button confirm",
-              onClick: n[0] || (n[0] = (...B) => i.onAddItem && i.onAddItem(...B))
+              onClick: n[0] || (n[0] = (...F) => i.onAddItem && i.onAddItem(...F))
             }, bh)) : c("", !0)
           ];
         }),
@@ -12099,7 +12125,7 @@ const nb = /* @__PURE__ */ L(hh, [["render", wh]]), kh = "data:image/svg+xml,%3c
       deep: !0
     }
   }
-}, Mh = { class: "cmd-switch-language" }, Lh = ["href", "title", "onClick"], Bh = ["src", "alt"], Fh = ["src", "alt"];
+}, Mh = { class: "cmd-switch-language" }, Lh = ["href", "title", "onClick"], Fh = ["src", "alt"], Bh = ["src", "alt"];
 function Ah(e, n, t, s, o, i) {
   const r = ce("router-link");
   return l(), a("div", Mh, [
@@ -12115,7 +12141,7 @@ function Ah(e, n, t, s, o, i) {
           f("img", {
             src: o.imageSources[u],
             alt: d.name
-          }, null, 8, Bh)
+          }, null, 8, Fh)
         ], 10, Lh)) : (l(), C(r, {
           key: 1,
           class: y(["flag", d.iso2]),
@@ -12127,7 +12153,7 @@ function Ah(e, n, t, s, o, i) {
             f("img", {
               src: o.imageSources[u],
               alt: d.name
-            }, null, 8, Fh)
+            }, null, 8, Bh)
           ]),
           _: 2
         }, 1032, ["class", "to", "title", "onClick"]))
@@ -13072,7 +13098,7 @@ const Cp = mt("string"), ie = mt("function"), Ci = mt("number"), ft = (e) => e !
   let n;
   return e && (typeof FormData == "function" && e instanceof FormData || ie(e.append) && ((n = ut(e)) === "formdata" || // detect form-data instance
   n === "object" && ie(e.toString) && e.toString() === "[object FormData]"));
-}, Ip = me("URLSearchParams"), [Op, Mp, Lp, Bp] = ["ReadableStream", "Request", "Response", "Headers"].map(me), Fp = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+}, Ip = me("URLSearchParams"), [Op, Mp, Lp, Fp] = ["ReadableStream", "Request", "Response", "Headers"].map(me), Bp = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function Ge(e, n, { allOwnKeys: t = !1 } = {}) {
   if (e === null || typeof e > "u")
     return;
@@ -13097,10 +13123,10 @@ function _i(e, n) {
   return null;
 }
 const xi = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, wi = (e) => !ze(e) && e !== xi;
-function Ft() {
+function Bt() {
   const { caseless: e } = wi(this) && this || {}, n = {}, t = (s, o) => {
     const i = e && _i(n, o) || o;
-    Qe(n[i]) && Qe(s) ? n[i] = Ft(n[i], s) : Qe(s) ? n[i] = Ft({}, s) : Ie(s) ? n[i] = s.slice() : n[i] = s;
+    Qe(n[i]) && Qe(s) ? n[i] = Bt(n[i], s) : Qe(s) ? n[i] = Bt({}, s) : Ie(s) ? n[i] = s.slice() : n[i] = s;
   };
   for (let s = 0, o = arguments.length; s < o; s++)
     arguments[s] && Ge(arguments[s], t);
@@ -13227,7 +13253,7 @@ const Xp = (e) => {
   isReadableStream: Op,
   isRequest: Mp,
   isResponse: Lp,
-  isHeaders: Bp,
+  isHeaders: Fp,
   isUndefined: ze,
   isDate: xp,
   isFile: wp,
@@ -13239,9 +13265,9 @@ const Xp = (e) => {
   isTypedArray: Hp,
   isFileList: vp,
   forEach: Ge,
-  merge: Ft,
+  merge: Bt,
   extend: Ap,
-  trim: Fp,
+  trim: Bp,
   stripBOM: Ep,
   inherits: Pp,
   toFlatObject: Vp,
@@ -13366,10 +13392,10 @@ function ht(e, n, t) {
       if (k.endsWith(T, "{}"))
         T = s ? T : T.slice(0, -2), _ = JSON.stringify(_);
       else if (k.isArray(_) && tg(_) || (k.isFileList(_) || k.endsWith(T, "[]")) && (O = k.toArray(_)))
-        return T = Ii(T), O.forEach(function(M, B) {
+        return T = Ii(T), O.forEach(function(M, F) {
           !(k.isUndefined(M) || M === null) && n.append(
             // eslint-disable-next-line no-nested-ternary
-            r === !0 ? Vn([T], B, i) : r === null ? T : T + "[]",
+            r === !0 ? Vn([T], F, i) : r === null ? T : T + "[]",
             p(M)
           );
         }), !1;
@@ -13539,7 +13565,7 @@ function hg(e) {
     i = t[s], n[i] = e[i];
   return n;
 }
-function Bi(e) {
+function Fi(e) {
   function n(t, s, o, i) {
     let r = t[i++];
     if (r === "__proto__") return !0;
@@ -13570,7 +13596,7 @@ const Je = {
   transformRequest: [function(n, t) {
     const s = t.getContentType() || "", o = s.indexOf("application/json") > -1, i = k.isObject(n);
     if (i && k.isHTMLForm(n) && (n = new FormData(n)), k.isFormData(n))
-      return o ? JSON.stringify(Bi(n)) : n;
+      return o ? JSON.stringify(Fi(n)) : n;
     if (k.isArrayBuffer(n) || k.isBuffer(n) || k.isStream(n) || k.isFile(n) || k.isBlob(n) || k.isReadableStream(n))
       return n;
     if (k.isArrayBufferView(n))
@@ -13833,7 +13859,7 @@ function xt(e, n) {
     i = d.call(t, i, o.normalize(), n ? n.status : void 0);
   }), o.normalize(), i;
 }
-function Fi(e) {
+function Bi(e) {
   return !!(e && e.__CANCEL__);
 }
 function Oe(e, n, t) {
@@ -14111,7 +14137,7 @@ const Pi = (e) => {
     }
     m.send(i || null);
   });
-}, Bg = (e, n) => {
+}, Fg = (e, n) => {
   let t = new AbortController(), s;
   const o = function(u) {
     if (!s) {
@@ -14133,7 +14159,7 @@ const Pi = (e) => {
   return d.unsubscribe = r, [d, () => {
     i && clearTimeout(i), i = null;
   }];
-}, Fg = function* (e, n) {
+}, Bg = function* (e, n) {
   let t = e.byteLength;
   if (!n || t < n) {
     yield e;
@@ -14144,7 +14170,7 @@ const Pi = (e) => {
     o = s + n, yield e.slice(s, o), s = o;
 }, Ag = async function* (e, n, t) {
   for await (const s of e)
-    yield* Fg(ArrayBuffer.isView(s) ? s : await t(String(s)), n);
+    yield* Bg(ArrayBuffer.isView(s) ? s : await t(String(s)), n);
 }, Nn = (e, n, t, s, o) => {
   const i = Ag(e, n, o);
   let r = 0;
@@ -14227,7 +14253,7 @@ const Pg = async (e) => {
     fetchOptions: w
   } = Pi(e);
   p = p ? (p + "").toLowerCase() : "text";
-  let [b, _] = o || i || r ? Bg([o, i], r) : [], T, S;
+  let [b, _] = o || i || r ? Fg([o, i], r) : [], T, S;
   const O = () => {
     !T && setTimeout(() => {
       b && b.unsubscribe();
@@ -14236,12 +14262,12 @@ const Pg = async (e) => {
   let A;
   try {
     if (u && Eg && t !== "get" && t !== "head" && (A = await Vg(m, s)) !== 0) {
-      let F = new Request(n, {
+      let B = new Request(n, {
         method: "POST",
         body: s,
         duplex: "half"
       }), q;
-      k.isFormData(s) && (q = F.headers.get("content-type")) && m.setContentType(q), F.body && (s = Nn(F.body, Un, jn(
+      k.isFormData(s) && (q = B.headers.get("content-type")) && m.setContentType(q), B.body && (s = Nn(B.body, Un, jn(
         A,
         nt(u)
       ), null, Et));
@@ -14256,25 +14282,25 @@ const Pg = async (e) => {
       withCredentials: h
     });
     let M = await fetch(S);
-    const B = Pt && (p === "stream" || p === "response");
-    if (Pt && (d || B)) {
-      const F = {};
+    const F = Pt && (p === "stream" || p === "response");
+    if (Pt && (d || F)) {
+      const B = {};
       ["status", "statusText", "headers"].forEach((G) => {
-        F[G] = M[G];
+        B[G] = M[G];
       });
       const q = k.toFiniteNumber(M.headers.get("content-length"));
       M = new Response(
         Nn(M.body, Un, d && jn(
           q,
           nt(d, !0)
-        ), B && O, Et),
-        F
+        ), F && O, Et),
+        B
       );
     }
     p = p || "text";
     let z = await it[k.findKey(it, p) || "text"](M, e);
-    return !B && O(), _ && _(), await new Promise((F, q) => {
-      Ai(F, q, {
+    return !F && O(), _ && _(), await new Promise((B, q) => {
+      Ai(B, q, {
         data: z,
         headers: te.from(M.headers),
         status: M.status,
@@ -14351,7 +14377,7 @@ function Wn(e) {
       s
     ), s.headers = te.from(s.headers), s;
   }, function(s) {
-    return Fi(s) || (wt(e), s && s.response && (s.response.data = xt.call(
+    return Bi(s) || (wt(e), s && s.response && (s.response.data = xt.call(
       e,
       e.transformResponse,
       s.response
@@ -14678,7 +14704,7 @@ const Z = Hi(Je);
 Z.Axios = _e;
 Z.CanceledError = Oe;
 Z.CancelToken = tn;
-Z.isCancel = Fi;
+Z.isCancel = Bi;
 Z.VERSION = qi;
 Z.toFormData = ht;
 Z.AxiosError = N;
@@ -14690,7 +14716,7 @@ Z.spread = Rg;
 Z.isAxiosError = Ng;
 Z.mergeConfig = ke;
 Z.AxiosHeaders = te;
-Z.formToJSON = (e) => Bi(k.isHTMLForm(e) ? new FormData(e) : e);
+Z.formToJSON = (e) => Fi(k.isHTMLForm(e) ? new FormData(e) : e);
 Z.getAdapter = Di.getAdapter;
 Z.HttpStatusCode = qt;
 Z.default = Z;
@@ -15777,7 +15803,7 @@ function Ly(e, n, t, s, o, i) {
     ], 64))), 128))
   ]);
 }
-const ub = /* @__PURE__ */ L(Oy, [["render", Ly]]), By = {
+const ub = /* @__PURE__ */ L(Oy, [["render", Ly]]), Fy = {
   name: "MultipleListsOfLinks",
   props: {
     segments: {
@@ -15785,10 +15811,10 @@ const ub = /* @__PURE__ */ L(Oy, [["render", Ly]]), By = {
       default: null
     }
   }
-}, Fy = { class: "cmd-page-multiple-lists-of-links flex-container vertical" };
+}, By = { class: "cmd-page-multiple-lists-of-links flex-container vertical" };
 function Ay(e, n, t, s, o, i) {
   const r = hi;
-  return l(), a("div", Fy, [
+  return l(), a("div", By, [
     (l(!0), a(x, null, D(t.segments, (d, u) => (l(), a(x, { key: u }, [
       v(r, {
         links: d.links,
@@ -15800,7 +15826,7 @@ function Ay(e, n, t, s, o, i) {
     ], 64))), 128))
   ]);
 }
-const mb = /* @__PURE__ */ L(By, [["render", Ay]]), fb = {
+const mb = /* @__PURE__ */ L(Fy, [["render", Ay]]), fb = {
   // el = real dom-element
   mounted(e) {
     if (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A")
@@ -15849,7 +15875,7 @@ export {
   Ny as CmdCopyrightInformation,
   ru as CmdFakeSelect,
   qy as CmdFancyBox,
-  Ba as CmdForm,
+  Fa as CmdForm,
   ee as CmdFormElement,
   pu as CmdFormFilters,
   _u as CmdGoogleMaps,
@@ -15876,7 +15902,7 @@ export {
   tb as CmdSiteSearch,
   dt as CmdSlideButton,
   nb as CmdSlideshow,
-  Bf as CmdSocialNetworks,
+  Ff as CmdSocialNetworks,
   ib as CmdSwitchLanguage,
   qh as CmdSystemMessage,
   ob as CmdTable,