comand-component-library 3.3.45 → 3.3.47

package/dist/comand-component-library.js

@@ -1,10 +1,10 @@
 import { defineComponent as Li, h as zt, resolveComponent as le, openBlock as l, createBlock as C, normalizeClass as _, createElementBlock as o, createCommentVNode as m, createElementVNode as h, toDisplayString as g, resolveDynamicComponent as Ht, withCtx as A, renderSlot as R, createTextVNode as z, resolveDirective as cn, normalizeProps as K, mergeProps as H, Fragment as k, renderList as F, withDirectives as ne, Transition as ue, withModifiers as O, createVNode as x, TransitionGroup as bt, createApp as un, Teleport as dn, useCssVars as Di, vShow as ye, normalizeStyle as Oe, vModelDynamic as mn, vModelText as Ee, toHandlers as qt, onBeforeUpdate as hn } from "vue";
 (function() {
-  const e = "on", i = "out", t = "body", a = "stop", n = "click", s = "apply", u = "target", d = "prototype", r = "Propagation", c = "setAttribute", f = "relatedTarget", p = "addEventListener", b = Symbol(i), y = Object, I = document, v = typeof TouchEvent < "u" ? TouchEvent : void 0, S = HTMLElement, T = S[d], B = Event[d], Q = [n, "dbl" + n, "mousedown", "mouseup", "touchstart", "touchend", "pointerdown", "pointerup"], w = new Set(Q), q = new Set(Q.map((M) => e + M + i)), D = (M, j) => !!j && M instanceof j, P = (M, j) => M.contains(j), G = (M, j) => {
+  const e = "on", i = "out", t = "body", a = "stop", n = "click", s = "apply", u = "target", d = "prototype", r = "Propagation", c = "setAttribute", f = "relatedTarget", p = "addEventListener", b = Symbol(i), y = Object, I = document, v = typeof TouchEvent < "u" ? TouchEvent : void 0, T = HTMLElement, S = T[d], B = Event[d], Q = [n, "dbl" + n, "mousedown", "mouseup", "touchstart", "touchend", "pointerdown", "pointerup"], w = new Set(Q), q = new Set(Q.map((M) => e + M + i)), D = (M, j) => !!j && M instanceof j, P = (M, j) => M.contains(j), G = (M, j) => {
     for (let U of M)
       j(U);
   }, Z = (M) => {
-    D(M, S) && (M[b] ? J(M) : G(w, (j) => {
+    D(M, T) && (M[b] ? J(M) : G(w, (j) => {
       let U = e + j + i, re = M.getAttribute(U);
       re && !V(M)[U] && M[c](U, re);
     }), G(M.childNodes, Z));
@@ -28,19 +28,19 @@ import { defineComponent as Li, h as zt, resolveComponent as le, openBlock as l,
   G(w, (M) => {
     I[p](M, ae, { passive: !0, capture: !0 });
     let j = e + M + i;
-    y.defineProperty(T, j, { get() {
+    y.defineProperty(S, j, { get() {
       return this[b][j];
     }, set(U) {
       this[p](M + i, L), this[b][j] = typeof U == "object" ? U.handleEvent : U;
     } });
-  }), se(T, p, (M) => function(...j) {
+  }), se(S, p, (M) => function(...j) {
     q.has(e + j[0]) && J(this), M[s](this, j);
-  }), se(T, c, (M) => function(j, U) {
+  }), se(S, c, (M) => function(j, U) {
     q.has(j) ? (M[s](Ce, [e + n, U]), this[j] = Ce[e + n]) : M[s](this, [j, U]);
   }), se(B, a + r, te), se(B, a + "Immediate" + r, te), new MutationObserver((M) => {
     G(M, (j) => {
       G(j.addedNodes, Z), G(j.removedNodes, (U) => {
-        D(U, S) && (X = X.filter((re) => !P(U, re)));
+        D(U, T) && (X = X.filter((re) => !P(U, re)));
       });
     });
   }).observe(I.documentElement, { childList: !0, subtree: !0 }), Z(I[t]);
@@ -296,15 +296,15 @@ function In(e, i) {
   };
   let s = t.body;
   [t, a].forEach((y) => {
-    const I = [], v = y.hFlip, S = y.vFlip;
-    let T = y.rotate;
-    v ? S ? T += 2 : (I.push(
+    const I = [], v = y.hFlip, T = y.vFlip;
+    let S = y.rotate;
+    v ? T ? S += 2 : (I.push(
       "translate(" + (n.width + n.left).toString() + " " + (0 - n.top).toString() + ")"
-    ), I.push("scale(-1 1)"), n.top = n.left = 0) : S && (I.push(
+    ), I.push("scale(-1 1)"), n.top = n.left = 0) : T && (I.push(
       "translate(" + (0 - n.left).toString() + " " + (n.height + n.top).toString() + ")"
     ), I.push("scale(1 -1)"), n.top = n.left = 0);
     let B;
-    switch (T < 0 && (T -= Math.floor(T / 4) * 4), T = T % 4, T) {
+    switch (S < 0 && (S -= Math.floor(S / 4) * 4), S = S % 4, S) {
       case 1:
         B = n.height / 2 + n.top, I.unshift(
           "rotate(90 " + B.toString() + " " + B.toString() + ")"
@@ -321,7 +321,7 @@ function In(e, i) {
         );
         break;
     }
-    T % 2 === 1 && (n.left !== n.top && (B = n.left, n.left = n.top, n.top = B), n.width !== n.height && (B = n.width, n.width = n.height, n.height = B)), I.length && (s = '<g transform="' + I.join(" ") + '">' + s + "</g>");
+    S % 2 === 1 && (n.left !== n.top && (B = n.left, n.left = n.top, n.top = B), n.width !== n.height && (B = n.width, n.width = n.height, n.height = B)), I.length && (s = '<g transform="' + I.join(" ") + '">' + s + "</g>");
   });
   const u = a.width, d = a.height, r = n.width, c = n.height;
   let f, p;
@@ -617,17 +617,17 @@ function Un(e, i, t, a) {
       D.status === "pending" && (D.status = "aborted");
     }), b = [];
   }
-  function S(D, P) {
+  function T(D, P) {
     P && (y = []), typeof D == "function" && y.push(D);
   }
-  function T() {
+  function S() {
     return {
       startTime: d,
       payload: i,
       status: r,
       queriesSent: c,
       queriesPending: b.length,
-      subscribe: S,
+      subscribe: T,
       abort: v
     };
   }
@@ -693,7 +693,7 @@ function Un(e, i, t, a) {
     };
     b.push(P), c++, p = setTimeout(q, e.rotate), t(D, i, P.callback);
   }
-  return setTimeout(q), T;
+  return setTimeout(q), S;
 }
 function qi(e) {
   const i = {
@@ -1067,8 +1067,8 @@ function $t(e) {
 const ei = (e, i) => {
   const t = es(Yt, i), a = { ...as }, n = i.mode || "svg", s = {}, u = i.style, d = typeof u == "object" && !(u instanceof Array) ? u : {};
   for (let v in i) {
-    const S = i[v];
-    if (S !== void 0)
+    const T = i[v];
+    if (T !== void 0)
       switch (v) {
         case "icon":
         case "style":
@@ -1078,24 +1078,24 @@ const ei = (e, i) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          t[v] = S === !0 || S === "true" || S === 1;
+          t[v] = T === !0 || T === "true" || T === 1;
           break;
         case "flip":
-          typeof S == "string" && is(t, S);
+          typeof T == "string" && is(t, T);
           break;
         case "color":
-          s.color = S;
+          s.color = T;
           break;
         case "rotate":
-          typeof S == "string" ? t[v] = ns(S) : typeof S == "number" && (t[v] = S);
+          typeof T == "string" ? t[v] = ns(T) : typeof T == "number" && (t[v] = T);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          S !== !0 && S !== "true" && delete a["aria-hidden"];
+          T !== !0 && T !== "true" && delete a["aria-hidden"];
           break;
         default: {
-          const T = Ne[v];
-          T ? (S === !0 || S === "true" || S === 1) && (t[T] = !0) : Yt[v] === void 0 && (a[v] = S);
+          const S = Ne[v];
+          S ? (T === !0 || T === "true" || T === 1) && (t[S] = !0) : Yt[v] === void 0 && (a[v] = T);
         }
       }
   }
@@ -1105,8 +1105,8 @@ const ei = (e, i) => {
       ...s,
       ...d
     }, Object.assign(a, c);
-    let v = 0, S = i.id;
-    return typeof S == "string" && (S = S.replace(/-/g, "_")), a.innerHTML = Mn(r.body, S ? () => S + "ID" + v++ : "iconifyVue"), zt("svg", a);
+    let v = 0, T = i.id;
+    return typeof T == "string" && (T = T.replace(/-/g, "_")), a.innerHTML = Mn(r.body, T ? () => T + "ID" + v++ : "iconifyVue"), zt("svg", a);
   }
   const { body: f, width: p, height: b } = e, y = n === "mask" || (n === "bg" ? !1 : f.indexOf("currentColor") !== -1), I = ss(f, {
     ...c,
@@ -2270,7 +2270,7 @@ const Dl = Wi, Nl = ["aria-label"], jl = { class: "flex-container" }, Bl = {
   class: "flex-container no-flex"
 }, Ul = ["title"], Gl = { key: 1 }, Ql = ["title"], Zl = { key: 1 };
 function Wl(e, i, t, a, n, s) {
-  var p, b, y, I, v, S, T, B, Q, w, q, D, P, G, Z, V, J, Y, ae, te, se, L, X, fe, Ce, M, j, U, re;
+  var p, b, y, I, v, T, S, B, Q, w, q, D, P, G, Z, V, J, Y, ae, te, se, L, X, fe, Ce, M, j, U, re;
   const u = W, d = E, r = Ie, c = St, f = Sl;
   return l(), C(dn, { to: "body" }, [
     h("dialog", {
@@ -2286,11 +2286,11 @@ function Wl(e, i, t, a, n, s) {
           id: e.htmlId
         }, null, 8, ["headlineText", "headlineLevel", "id"])) : m("", !0),
         ((I = e.fancyboxOptions.printButtons) == null ? void 0 : I.color) || ((v = e.fancyboxOptions.printButtons) == null ? void 0 : v.grayscale) || e.fancyboxOptions.closeIcon ? (l(), o("div", Bl, [
-          e.showPrintButtons && ((S = e.fancyboxOptions.printButtons) == null ? void 0 : S.color) ? (l(), o("a", {
+          e.showPrintButtons && ((T = e.fancyboxOptions.printButtons) == null ? void 0 : T.color) ? (l(), o("a", {
             key: 0,
             href: "#",
             class: "button print-color",
-            title: (T = e.fancyboxOptions.printButtons.color) == null ? void 0 : T.tooltip,
+            title: (S = e.fancyboxOptions.printButtons.color) == null ? void 0 : S.tooltip,
             onClick: i[0] || (i[0] = O((ce) => e.printInGrayscale = !1, ["prevent"]))
           }, [
             x(d, {
@@ -2685,7 +2685,7 @@ const no = Ot, so = ["title"], lo = {
   class: "box-footer"
 };
 function Ao(e, i, t, a, n, s) {
-  var c, f, p, b, y, I, v, S;
+  var c, f, p, b, y, I, v, T;
   const u = W, d = E, r = eo;
   return t.boxType === "content" ? (l(), o("div", {
     key: 0,
@@ -2705,7 +2705,7 @@ function Ao(e, i, t, a, n, s) {
       href: "#",
       class: "box-header",
       title: n.open ? t.iconOpen.tooltip : t.iconClosed.tooltip,
-      onClick: i[0] || (i[0] = O((...T) => s.toggleContentVisibility && s.toggleContentVisibility(...T), ["prevent"]))
+      onClick: i[0] || (i[0] = O((...S) => s.toggleContentVisibility && s.toggleContentVisibility(...S), ["prevent"]))
     }, [
       (c = t.useSlots) != null && c.includes("header") ? R(e.$slots, "header", { key: 0 }) : (f = t.cmdHeadline) != null && f.headlineText ? (l(), C(u, K(H({ key: 1 }, t.cmdHeadline)), null, 16)) : m("", !0),
       x(d, {
@@ -2726,7 +2726,7 @@ function Ao(e, i, t, a, n, s) {
     }, [
       x(bt, { name: s.toggleTransition }, {
         default: A(() => {
-          var T, B;
+          var S, B;
           return [
             t.cutoffTextLines > 0 ? (l(), o("div", {
               key: 0,
@@ -2738,7 +2738,7 @@ function Ao(e, i, t, a, n, s) {
                 }
               ])
             }, [
-              (T = t.useSlots) != null && T.includes("body") ? R(e.$slots, "body", { key: 0 }, () => [
+              (S = t.useSlots) != null && S.includes("body") ? R(e.$slots, "body", { key: 0 }, () => [
                 h("p", null, g(t.textBody), 1)
               ]) : m("", !0)
             ], 2)) : (l(), o(k, { key: 1 }, [
@@ -2753,7 +2753,7 @@ function Ao(e, i, t, a, n, s) {
       t.cutoffTextLines > 0 ? (l(), o("a", {
         key: 0,
         href: "#",
-        onClick: i[1] || (i[1] = O((...T) => s.toggleCutOffText && s.toggleCutOffText(...T), ["prevent"]))
+        onClick: i[1] || (i[1] = O((...S) => s.toggleCutOffText && s.toggleCutOffText(...S), ["prevent"]))
       }, g(n.showCutOffText ? e.getMessage("cmdbox.contentbox.collapse_text") : e.getMessage("cmdbox.contentbox.expand_text")), 1)) : (l(), o(k, { key: 1 }, [
         t.image ? (l(), o("img", {
           key: 0,
@@ -2766,14 +2766,14 @@ function Ao(e, i, t, a, n, s) {
         ])) : m("", !0)
       ], 64))
     ], 2)) : m("", !0),
-    (S = t.useSlots) != null && S.includes("footer") ? (l(), o("div", co, [
+    (T = t.useSlots) != null && T.includes("footer") ? (l(), o("div", co, [
       R(e.$slots, "footer")
     ])) : m("", !0)
   ], 2)) : t.boxType === "product" && t.product ? (l(), o("a", {
     key: 1,
     class: _(["cmd-box box product", { "stretch-vertically": t.stretchVertically, "stretch-horizontally": t.stretchHorizontally, "row-view": t.rowView }]),
     href: "#",
-    onClick: i[2] || (i[2] = O((T) => s.clickOnProduct(t.product), ["prevent"]))
+    onClick: i[2] || (i[2] = O((S) => s.clickOnProduct(t.product), ["prevent"]))
   }, [
     h("div", uo, [
       t.product.image !== void 0 ? (l(), o("figure", mo, [
@@ -2837,7 +2837,7 @@ function Ao(e, i, t, a, n, s) {
       t.user.description ? (l(), o("p", jo, g(t.user.description), 1)) : m("", !0)
     ]),
     h("ul", Bo, [
-      (l(!0), o(k, null, F(t.user.tags, (T, B) => (l(), o("li", { key: B }, g(T), 1))), 128))
+      (l(!0), o(k, null, F(t.user.tags, (S, B) => (l(), o("li", { key: B }, g(S), 1))), 128))
     ]),
     t.user.links ? (l(), o("div", Po, [
       x(r, {
@@ -4016,7 +4016,7 @@ const xa = ["color", "date", "datetime-local", "file", "number", "range"], Ta =
   class: "search-field-wrapper flex-container no-gap"
 }, Ja = ["id", "maxlength", "value"], Ya = ["title"], Ka = ["title"], Xa = { key: 1 };
 function $a(e, i, t, a, n, s) {
-  var r, c, f, p, b, y, I, v, S, T, B, Q, w, q, D, P, G, Z, V, J, Y, ae, te, se;
+  var r, c, f, p, b, y, I, v, T, S, B, Q, w, q, D, P, G, Z, V, J, Y, ae, te, se;
   const u = Dt, d = E;
   return t.element === "input" || t.element === "select" || t.element === "textarea" ? (l(), o("label", {
     key: 0,
@@ -4215,7 +4215,7 @@ function $a(e, i, t, a, n, s) {
     key: 1,
     class: "button"
   }, s.buttonAttrs), [
-    ((y = (b = t.nativeButton) == null ? void 0 : b.icon) == null ? void 0 : y.show) && (((v = (I = t.nativeButton) == null ? void 0 : I.icon) == null ? void 0 : v.position) === "before" || !((T = (S = t.nativeButton) == null ? void 0 : S.icon) != null && T.position)) ? (l(), C(d, {
+    ((y = (b = t.nativeButton) == null ? void 0 : b.icon) == null ? void 0 : y.show) && (((v = (I = t.nativeButton) == null ? void 0 : I.icon) == null ? void 0 : v.position) === "before" || !((S = (T = t.nativeButton) == null ? void 0 : T.icon) != null && S.position)) ? (l(), C(d, {
       key: 0,
       iconClass: (Q = (B = t.nativeButton) == null ? void 0 : B.icon) == null ? void 0 : Q.iconClass,
       type: (q = (w = t.nativeButton) == null ? void 0 : w.icon) == null ? void 0 : q.iconType
@@ -4357,7 +4357,7 @@ function gr(e, i, t, a, n, s) {
             headlineLevel: t.cmdHeadlineCookieDisclaimer.headlineLevel
           }, null, 8, ["headlineText", "headlineLevel"])) : m("", !0),
           R(e.$slots, "cookie-options", {}, () => {
-            var b, y, I, v, S, T, B, Q;
+            var b, y, I, v, T, S, B, Q;
             return [
               (b = t.cookieOptions) != null && b.required ? (l(), o("div", nr, [
                 (y = t.cmdBoxRequiredCookies) != null && y.showHeadline ? (l(), C(u, {
@@ -4406,8 +4406,8 @@ function gr(e, i, t, a, n, s) {
                 }), 128))
               ])) : m("", !0),
               rr,
-              (S = t.cookieOptions) != null && S.optional ? (l(), o("div", cr, [
-                (T = t.cmdBoxOptionalCookies) != null && T.showHeadline ? (l(), C(u, {
+              (T = t.cookieOptions) != null && T.optional ? (l(), o("div", cr, [
+                (S = t.cmdBoxOptionalCookies) != null && S.showHeadline ? (l(), C(u, {
                   key: 0,
                   "headline-text": (B = t.cmdBoxOptionalCookies) == null ? void 0 : B.headlineText,
                   "headline-level": (Q = t.cmdBoxOptionalCookies) == null ? void 0 : Q.headlineLevel
@@ -5152,8 +5152,8 @@ const uc = {
   }
 };
 function li(e, i) {
-  const t = e.$el.querySelector(".zoom-container"), a = t.querySelector("img"), n = e.$el.querySelector(".zoom-overlay"), s = i.target.getBoundingClientRect().width, u = i.target.getBoundingClientRect().height, d = a.getBoundingClientRect().width, r = a.getBoundingClientRect().height, c = i.pageX - i.target.getBoundingClientRect().x - window.pageXOffset, f = i.pageY - i.target.getBoundingClientRect().y - window.pageYOffset, p = Math.min(s, t.getBoundingClientRect().width / d * s), b = Math.min(u, t.getBoundingClientRect().height / r * u), y = oi(c - p / 2, 0, s - p), I = oi(f - b / 2, 0, u - b), v = -(y * (d / s)), S = -(I * (r / u));
-  n.style.left = `${y}px`, n.style.top = `${I}px`, n.style.width = `${p}px`, n.style.height = `${b}px`, n.style.display = "block", a.style.marginLeft = `${v}px`, a.style.marginTop = `${S}px`;
+  const t = e.$el.querySelector(".zoom-container"), a = t.querySelector("img"), n = e.$el.querySelector(".zoom-overlay"), s = i.target.getBoundingClientRect().width, u = i.target.getBoundingClientRect().height, d = a.getBoundingClientRect().width, r = a.getBoundingClientRect().height, c = i.pageX - i.target.getBoundingClientRect().x - window.pageXOffset, f = i.pageY - i.target.getBoundingClientRect().y - window.pageYOffset, p = Math.min(s, t.getBoundingClientRect().width / d * s), b = Math.min(u, t.getBoundingClientRect().height / r * u), y = oi(c - p / 2, 0, s - p), I = oi(f - b / 2, 0, u - b), v = -(y * (d / s)), T = -(I * (r / u));
+  n.style.left = `${y}px`, n.style.top = `${I}px`, n.style.width = `${p}px`, n.style.height = `${b}px`, n.style.display = "block", a.style.marginLeft = `${v}px`, a.style.marginTop = `${T}px`;
 }
 function oi(e, i, t) {
   return e < i ? i : e > t ? t : e;
@@ -5578,7 +5578,7 @@ const Oc = {
   }
 }, Lc = { class: "cmd-login-form flex-container" }, Dc = { class: "flex-container" }, Nc = { class: "option-wrapper flex-container" }, jc = { key: 1 }, Bc = ["href"], Pc = { key: 1 }, Ac = /* @__PURE__ */ z(" /> "), Fc = { key: 1 }, zc = ["type", "disabled"], Hc = { key: 1 }, qc = { class: "cmd-login-form flex-container" }, Rc = { class: "option-wrapper flex-container" }, Vc = { key: 1 }, Ec = ["type", "disabled"], Uc = { key: 1 };
 function Gc(e, i, t, a, n, s) {
-  var f, p, b, y, I, v, S;
+  var f, p, b, y, I, v, T;
   const u = W, d = _e, r = E, c = le("router-link");
   return l(), o(k, null, [
     ne(h("fieldset", Lc, [
@@ -5593,12 +5593,12 @@ function Gc(e, i, t, a, n, s) {
           name: t.cmdFormElementUsername.name,
           id: t.cmdFormElementUsername.id,
           modelValue: s.username,
-          "onUpdate:modelValue": i[0] || (i[0] = (T) => s.username = T),
+          "onUpdate:modelValue": i[0] || (i[0] = (S) => s.username = S),
           fieldIconClass: t.cmdFormElementUsername.innerIconClass,
           labelText: t.cmdFormElementUsername.labelText,
           placeholder: t.cmdFormElementUsername.placeholder,
           required: t.cmdFormElementUsername.required,
-          onValidationStatusChange: i[1] || (i[1] = (T) => s.checkValidationStatus(T, "username"))
+          onValidationStatusChange: i[1] || (i[1] = (S) => s.checkValidationStatus(S, "username"))
         }, null, 8, ["name", "id", "modelValue", "fieldIconClass", "labelText", "placeholder", "required"]),
         x(d, {
           element: "input",
@@ -5607,11 +5607,11 @@ function Gc(e, i, t, a, n, s) {
           id: t.cmdFormElementPassword.id,
           fieldIconClass: t.cmdFormElementPassword.innerIconClass,
           modelValue: s.password,
-          "onUpdate:modelValue": i[2] || (i[2] = (T) => s.password = T),
+          "onUpdate:modelValue": i[2] || (i[2] = (S) => s.password = S),
           labelText: t.cmdFormElementPassword.labelText,
           placeholder: t.cmdFormElementPassword.placeholder,
           required: t.cmdFormElementPassword.required,
-          onValidationStatusChange: i[3] || (i[3] = (T) => s.checkValidationStatus(T, "password"))
+          onValidationStatusChange: i[3] || (i[3] = (S) => s.checkValidationStatus(S, "password"))
         }, null, 8, ["name", "id", "fieldIconClass", "modelValue", "labelText", "placeholder", "required"])
       ]),
       h("div", Nc, [
@@ -5619,7 +5619,7 @@ function Gc(e, i, t, a, n, s) {
           t.options.forgotPassword ? (l(), o("a", {
             key: 0,
             href: "#",
-            onClick: i[4] || (i[4] = O((T) => n.sendLogin = !0, ["prevent"]))
+            onClick: i[4] || (i[4] = O((S) => n.sendLogin = !0, ["prevent"]))
           }, [
             ((f = t.options.forgotPassword.icon) == null ? void 0 : f.show) && ((p = t.options.forgotPassword.icon) == null ? void 0 : p.iconClass) ? (l(), C(r, {
               key: 0,
@@ -5661,7 +5661,7 @@ function Gc(e, i, t, a, n, s) {
           key: 1,
           type: t.buttons.login.type === "submit" ? "submit" : "button",
           class: _(["button", { primary: t.buttons.login.primary }]),
-          onClick: i[5] || (i[5] = (...T) => s.onClick && s.onClick(...T)),
+          onClick: i[5] || (i[5] = (...S) => s.onClick && s.onClick(...S)),
           disabled: s.buttonLoginDisabled
         }, [
           t.buttons.login.icon.iconClass ? (l(), C(r, {
@@ -5690,14 +5690,14 @@ function Gc(e, i, t, a, n, s) {
         name: t.cmdFormElementSendLogin.name,
         required: t.cmdFormElementSendLogin.required,
         id: t.cmdFormElementSendLogin.id,
-        onValidationStatusChange: i[6] || (i[6] = (T) => s.checkValidationStatus(T, "email")),
+        onValidationStatusChange: i[6] || (i[6] = (S) => s.checkValidationStatus(S, "email")),
         modelValue: n.sendLoginMail,
-        "onUpdate:modelValue": i[7] || (i[7] = (T) => n.sendLoginMail = T)
+        "onUpdate:modelValue": i[7] || (i[7] = (S) => n.sendLoginMail = S)
       }, null, 8, ["fieldIconClass", "labelText", "placeholder", "name", "required", "id", "modelValue"]),
       h("div", Rc, [
         h("a", {
           href: "#",
-          onClick: i[8] || (i[8] = O((T) => n.sendLogin = !1, ["prevent"]))
+          onClick: i[8] || (i[8] = O((S) => n.sendLogin = !1, ["prevent"]))
         }, [
           t.options.backToLoginForm && t.options.backToLoginForm.icon && t.options.backToLoginForm.icon.show && t.options.backToLoginForm.icon.iconClass ? (l(), C(r, {
             key: 0,
@@ -5716,7 +5716,7 @@ function Gc(e, i, t, a, n, s) {
           (I = t.buttons.sendLogin.icon) != null && I.iconClass ? (l(), C(r, {
             key: 0,
             iconClass: (v = t.buttons.sendLogin.icon) == null ? void 0 : v.iconClass,
-            title: (S = t.buttons.sendLogin.icon) == null ? void 0 : S.tooltip
+            title: (T = t.buttons.sendLogin.icon) == null ? void 0 : T.tooltip
           }, null, 8, ["iconClass", "title"])) : m("", !0),
           t.buttons.sendLogin.text ? (l(), o("span", Uc, g(t.buttons.sendLogin.text), 1)) : m("", !0)
         ], 10, Ec)) : m("", !0)
@@ -5760,6 +5760,10 @@ const Qc = {
         };
       }
     },
+    offcanvasPosition: {
+      type: String,
+      default: "right"
+    },
     buttonOffcanvas: {
       type: Object,
       default: function() {
@@ -5820,7 +5824,8 @@ function lu(e, i, t, a, n, s) {
         "hide-sub-navigation": !n.showSubNavigations,
         "open-off-canvas": n.showOffcanvas,
         "persist-on-mobile": t.persistOnMobile,
-        "show-content-overlay": t.showContentOverlay
+        "show-content-overlay": t.showContentOverlay,
+        "off-canvas-right": t.offcanvasPosition === "right"
       }
     ]),
     id: "main-navigation-wrapper"
@@ -5942,13 +5947,13 @@ function lu(e, i, t, a, n, s) {
                   key: 2,
                   "aria-expanded": n.openSubentry ? "true" : "false"
                 }, [
-                  (l(!0), o(k, null, F(y.subentries, (v, S) => (l(), o("li", { key: S }, [
+                  (l(!0), o(k, null, F(y.subentries, (v, T) => (l(), o("li", { key: T }, [
                     r.type === "href" ? (l(), o("a", {
                       key: 0,
                       href: v.path,
                       title: v.tooltip,
                       target: v.target,
-                      onClick: (T) => s.executeLink(T, v)
+                      onClick: (S) => s.executeLink(S, v)
                     }, [
                       v.iconClass ? (l(), C(u, {
                         key: 0,
@@ -6617,10 +6622,10 @@ const Yu = {
   class: "top-header"
 };
 function Xu(e, i, t, a, n, s) {
-  var r, c, f, p, b, y, I, v;
+  var r, c, f, p, b, y, I, v, T;
   const u = la, d = ou;
   return l(), o("div", {
-    class: _(["cmd-site-header", { sticky: t.sticky, "navigation-inline": t.navigationInline }]),
+    class: _(["cmd-site-header", { sticky: t.sticky, "navigation-inline": t.navigationInline, "off-canvas-right": ((r = t.cmdMainNavigation) == null ? void 0 : r.offcanvasPosition) === "right" }]),
     role: "banner"
   }, [
     e.$slots.topheader ? (l(), o("div", Ku, [
@@ -6629,7 +6634,7 @@ function Xu(e, i, t, a, n, s) {
     h("header", {
       class: _([
         t.useGrid ? "grid-container-create-columns" : "flex-container",
-        { "has-navigation": ((c = (r = t.cmdMainNavigation) == null ? void 0 : r.navigationEntries) == null ? void 0 : c.length) && t.navigationInline || e.$slots.navigation }
+        { "has-navigation": ((f = (c = t.cmdMainNavigation) == null ? void 0 : c.navigationEntries) == null ? void 0 : f.length) && t.navigationInline || e.$slots.navigation }
       ])
     }, [
       e.$slots.logo || e.$slots.header || e.$slots.navigation ? (l(), o(k, { key: 0 }, [
@@ -6637,12 +6642,15 @@ function Xu(e, i, t, a, n, s) {
         R(e.$slots, "header"),
         R(e.$slots, "navigation")
       ], 64)) : m("", !0),
-      t.cmdCompanyLogo || ((p = (f = t.cmdMainNavigation) == null ? void 0 : f.navigationEntries) == null ? void 0 : p.length) ? (l(), o(k, { key: 1 }, [
+      t.cmdCompanyLogo || ((b = (p = t.cmdMainNavigation) == null ? void 0 : p.navigationEntries) == null ? void 0 : b.length) ? (l(), o(k, { key: 1 }, [
         t.cmdCompanyLogo ? (l(), C(u, K(H({ key: 0 }, t.cmdCompanyLogo)), null, 16)) : m("", !0),
-        ((y = (b = t.cmdMainNavigation) == null ? void 0 : b.navigationEntries) == null ? void 0 : y.length) && t.navigationInline ? (l(), C(d, H({ key: 1 }, t.cmdMainNavigation, { closeOffcanvas: t.closeOffcanvas }), null, 16, ["closeOffcanvas"])) : m("", !0)
+        ((I = (y = t.cmdMainNavigation) == null ? void 0 : y.navigationEntries) == null ? void 0 : I.length) && t.navigationInline ? (l(), C(d, H({
+          key: 1,
+          closeOffcanvas: t.closeOffcanvas
+        }, t.cmdMainNavigation), null, 16, ["closeOffcanvas"])) : m("", !0)
       ], 64)) : m("", !0)
     ], 2),
-    ((v = (I = t.cmdMainNavigation) == null ? void 0 : I.navigationEntries) == null ? void 0 : v.length) && !t.navigationInline ? (l(), C(d, {
+    ((T = (v = t.cmdMainNavigation) == null ? void 0 : v.navigationEntries) == null ? void 0 : T.length) && !t.navigationInline ? (l(), C(d, {
       key: 1,
       navigationEntries: t.cmdMainNavigation.navigationEntries,
       closeOffcanvas: t.closeOffcanvas
@@ -6882,7 +6890,7 @@ const ed = {
   "aria-expanded": "true"
 };
 function ad(e, i, t, a, n, s) {
-  var p, b, y, I, v, S, T, B, Q, w;
+  var p, b, y, I, v, T, S, B, Q, w;
   const u = W, d = _e, r = E, c = Er, f = ec;
   return l(), o(k, null, [
     h("fieldset", td, [
@@ -6942,7 +6950,7 @@ function ad(e, i, t, a, n, s) {
         }, [
           x(r, {
             iconClass: n.showFilters ? (y = (b = t.cmdIcon) == null ? void 0 : b.showFilters) == null ? void 0 : y.iconClass : (v = (I = t.cmdIcon) == null ? void 0 : I.hideFilters) == null ? void 0 : v.iconClass,
-            type: n.showFilters ? (T = (S = t.cmdIcon) == null ? void 0 : S.showFilters) == null ? void 0 : T.iconType : (Q = (B = t.cmdIcon) == null ? void 0 : B.hideFilters) == null ? void 0 : Q.iconType
+            type: n.showFilters ? (S = (T = t.cmdIcon) == null ? void 0 : T.showFilters) == null ? void 0 : S.iconType : (Q = (B = t.cmdIcon) == null ? void 0 : B.hideFilters) == null ? void 0 : Q.iconType
           }, null, 8, ["iconClass", "type"]),
           n.showFilters ? (l(), o("span", sd, g(e.getMessage("cmdsitesearch.hide_filter_options")), 1)) : (l(), o("span", ld, g(e.getMessage("cmdsitesearch.show_filter_options")), 1))
         ]),
@@ -7080,7 +7088,7 @@ function hd(e, i, t, a, n, s) {
       }, null, 8, ["onClick"]),
       x(bt, { name: "fade" }, {
         default: A(() => {
-          var r, c, f, p, b, y, I, v, S, T;
+          var r, c, f, p, b, y, I, v, T, S;
           return [
             s.currentItem ? (l(), o(k, { key: 0 }, [
               t.useSlot ? (l(), o("div", {
@@ -7100,8 +7108,8 @@ function hd(e, i, t, a, n, s) {
                     figcaption: (v = s.currentItem) == null ? void 0 : v.figcaption
                   }, null, 8, ["image", "figcaption"])
                 ], 8, cd)) : (l(), C(d, {
-                  image: (S = s.currentItem) == null ? void 0 : S.image,
-                  figcaption: (T = s.currentItem) == null ? void 0 : T.figcaption,
+                  image: (T = s.currentItem) == null ? void 0 : T.image,
+                  figcaption: (S = s.currentItem) == null ? void 0 : S.figcaption,
                   key: n.index
                 }, null, 8, ["image", "figcaption"]))
               ], 64))
@@ -8186,21 +8194,21 @@ function _i() {
   var e = ee, i = Tm(), t = Sm(), a = $i, n = Lm(), s = Dm(), u = Nm(), d = tn(), r = Re(), c = qe();
   return it = function(p) {
     return new Promise(function(y, I) {
-      var v = p.data, S = p.headers, T = p.responseType, B;
+      var v = p.data, T = p.headers, S = p.responseType, B;
       function Q() {
         p.cancelToken && p.cancelToken.unsubscribe(B), p.signal && p.signal.removeEventListener("abort", B);
       }
-      e.isFormData(v) && delete S["Content-Type"];
+      e.isFormData(v) && delete T["Content-Type"];
       var w = new XMLHttpRequest();
       if (p.auth) {
         var q = p.auth.username || "", D = p.auth.password ? unescape(encodeURIComponent(p.auth.password)) : "";
-        S.Authorization = "Basic " + btoa(q + ":" + D);
+        T.Authorization = "Basic " + btoa(q + ":" + D);
       }
       var P = n(p.baseURL, p.url);
       w.open(p.method.toUpperCase(), a(P, p.params, p.paramsSerializer), !0), w.timeout = p.timeout;
       function G() {
         if (!!w) {
-          var V = "getAllResponseHeaders" in w ? s(w.getAllResponseHeaders()) : null, J = !T || T === "text" || T === "json" ? w.responseText : w.response, Y = {
+          var V = "getAllResponseHeaders" in w ? s(w.getAllResponseHeaders()) : null, J = !S || S === "text" || S === "json" ? w.responseText : w.response, Y = {
             data: J,
             status: w.status,
             statusText: w.statusText,
@@ -8231,11 +8239,11 @@ function _i() {
         )), w = null;
       }, e.isStandardBrowserEnv()) {
         var Z = (p.withCredentials || u(P)) && p.xsrfCookieName ? t.read(p.xsrfCookieName) : void 0;
-        Z && (S[p.xsrfHeaderName] = Z);
+        Z && (T[p.xsrfHeaderName] = Z);
       }
-      "setRequestHeader" in w && e.forEach(S, function(J, Y) {
-        typeof v > "u" && Y.toLowerCase() === "content-type" ? delete S[Y] : w.setRequestHeader(Y, J);
-      }), e.isUndefined(p.withCredentials) || (w.withCredentials = !!p.withCredentials), T && T !== "json" && (w.responseType = p.responseType), typeof p.onDownloadProgress == "function" && w.addEventListener("progress", p.onDownloadProgress), typeof p.onUploadProgress == "function" && w.upload && w.upload.addEventListener("progress", p.onUploadProgress), (p.cancelToken || p.signal) && (B = function(V) {
+      "setRequestHeader" in w && e.forEach(T, function(J, Y) {
+        typeof v > "u" && Y.toLowerCase() === "content-type" ? delete T[Y] : w.setRequestHeader(Y, J);
+      }), e.isUndefined(p.withCredentials) || (w.withCredentials = !!p.withCredentials), S && S !== "json" && (w.responseType = p.responseType), typeof p.onDownloadProgress == "function" && w.addEventListener("progress", p.onDownloadProgress), typeof p.onUploadProgress == "function" && w.upload && w.upload.addEventListener("progress", p.onUploadProgress), (p.cancelToken || p.signal) && (B = function(V) {
         !w || (I(!V || V && V.type ? new c("canceled") : V), w.abort(), w = null);
       }, p.cancelToken && p.cancelToken.subscribe(B), p.signal && (p.signal.aborted ? B() : p.signal.addEventListener("abort", B))), v || (v = null), w.send(v);
     });