comand-component-library 3.3.16 → 3.3.17

package/dist/comand-component-library.js

@@ -1,4 +1,4 @@
-import { defineComponent as Is, h as Vt, resolveComponent as oe, openBlock as o, createBlock as b, normalizeClass as _, createElementBlock as l, createCommentVNode as r, createElementVNode as m, toDisplayString as f, resolveDynamicComponent as At, withCtx as A, renderSlot as N, createTextVNode as R, resolveDirective as an, normalizeProps as Z, mergeProps as j, Fragment as v, withDirectives as re, Transition as ce, withModifiers as M, createVNode as S, renderList as E, TransitionGroup as Os, createApp as rn, Teleport as cn, useCssVars as Ms, vShow as pe, normalizeStyle as Oe, vModelDynamic as dn, toHandlers as Pt, onBeforeUpdate as un } from "vue";
+import { defineComponent as Is, h as Vt, resolveComponent as oe, openBlock as o, createBlock as _, normalizeClass as b, createElementBlock as l, createCommentVNode as r, createElementVNode as m, toDisplayString as f, resolveDynamicComponent as At, withCtx as A, renderSlot as N, createTextVNode as R, resolveDirective as an, normalizeProps as Z, mergeProps as j, Fragment as v, withDirectives as re, Transition as ce, withModifiers as M, createVNode as S, renderList as E, TransitionGroup as Os, createApp as rn, Teleport as cn, useCssVars as Ms, vShow as pe, normalizeStyle as Oe, vModelDynamic as dn, toHandlers as Pt, onBeforeUpdate as un } from "vue";
 (function() {
   const t = "on", s = "out", e = "body", a = "stop", n = "click", i = "apply", d = "target", u = "prototype", c = "Propagation", h = "setAttribute", g = "relatedTarget", y = "addEventListener", C = Symbol(s), p = Object, x = document, w = typeof TouchEvent < "u" ? TouchEvent : void 0, T = HTMLElement, I = T[u], F = Event[u], z = [n, "dbl" + n, "mousedown", "mouseup", "touchstart", "touchend", "pointerdown", "pointerup"], k = new Set(z), P = new Set(z.map((O) => t + O + s)), L = (O, q) => !!q && O instanceof q, V = (O, q) => O.contains(q), U = (O, q) => {
     for (let W of O)
@@ -1243,14 +1243,14 @@ const D = (t, s) => {
 }, di = ["title"];
 function ui(t, s, e, a, n, i) {
   const d = oe("Icon");
-  return i.isIconify ? (o(), b(d, {
+  return i.isIconify ? (o(), _(d, {
     key: 0,
     icon: e.iconClass,
     title: e.tooltip,
-    class: _(t.$attrs.class)
+    class: b(t.$attrs.class)
   }, null, 8, ["icon", "title", "class"])) : (o(), l("span", {
     key: 1,
-    class: _([e.iconClass, t.$attrs.class]),
+    class: b([e.iconClass, t.$attrs.class]),
     title: e.tooltip
   }, null, 10, di));
 }
@@ -1292,16 +1292,16 @@ function gi(t, s, e, a, n, i) {
   var u, c, h;
   const d = G;
   return o(), l("div", {
-    class: _(["cmd-headline", { "has-pre-headline-text": e.preHeadlineText, "has-icon": (u = e.headlineIcon) == null ? void 0 : u.iconClass }, i.getTextAlign])
+    class: b(["cmd-headline", { "has-pre-headline-text": e.preHeadlineText, "has-icon": (u = e.headlineIcon) == null ? void 0 : u.iconClass }, i.getTextAlign])
   }, [
-    e.headlineIcon ? (o(), b(d, {
+    e.headlineIcon ? (o(), _(d, {
       key: 0,
       iconClass: (c = e.headlineIcon) == null ? void 0 : c.iconClass,
       type: (h = e.headlineIcon) == null ? void 0 : h.iconType
     }, null, 8, ["iconClass", "type"])) : r("", !0),
     e.preHeadlineText ? (o(), l("div", mi, [
       m("span", fi, f(e.preHeadlineText), 1),
-      (o(), b(At(i.getHeadlineTag), null, {
+      (o(), _(At(i.getHeadlineTag), null, {
         default: A(() => [
           N(t.$slots, "default", {}, () => [
             R(f(e.headlineText), 1)
@@ -1309,7 +1309,7 @@ function gi(t, s, e, a, n, i) {
         ]),
         _: 3
       }))
-    ])) : (o(), b(At(i.getHeadlineTag), { key: 2 }, {
+    ])) : (o(), _(At(i.getHeadlineTag), { key: 2 }, {
       default: A(() => [
         N(t.$slots, "default", {}, () => [
           R(f(e.headlineText), 1)
@@ -1447,11 +1447,11 @@ function il(t, s, e, a, n, i) {
   var h, g, y, C, p, x, w, T, I, F, z, k, P, L, V, U, J, H, K, X;
   const d = Y, u = G, c = an("telephone");
   return o(), l("div", _i, [
-    e.cmdHeadline ? (o(), b(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
+    e.cmdHeadline ? (o(), _(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
     m("address", bi, [
       e.showLabels ? (o(), l("dl", Ci, [
         (h = e.addressData.company) != null && h.text ? (o(), l("dt", vi, [
-          e.addressData.company.iconClass && e.showLabelIcons ? (o(), b(u, {
+          e.addressData.company.iconClass && e.showLabelIcons ? (o(), _(u, {
             key: 0,
             iconClass: e.addressData.company.iconClass,
             type: e.addressData.company.iconType,
@@ -1462,7 +1462,7 @@ function il(t, s, e, a, n, i) {
         (g = e.addressData.company) != null && g.text ? (o(), l("dd", ki, f(e.addressData.company.text), 1)) : r("", !0),
         e.addressData.address && e.addressData.address !== void 0 ? (o(), l(v, { key: 2 }, [
           m("dt", xi, [
-            e.addressData.address.iconClass && e.showLabelIcons ? (o(), b(u, {
+            e.addressData.address.iconClass && e.showLabelIcons ? (o(), _(u, {
               key: 0,
               iconClass: e.addressData.address.iconClass,
               type: e.addressData.address.iconType,
@@ -1510,7 +1510,7 @@ function il(t, s, e, a, n, i) {
           ])) : r("", !0)
         ], 64)) : r("", !0),
         (y = e.addressData.telephone) != null && y.text ? (o(), l("dt", Ni, [
-          e.addressData.telephone.iconClass && e.showLabelIcons ? (o(), b(u, {
+          e.addressData.telephone.iconClass && e.showLabelIcons ? (o(), _(u, {
             key: 0,
             iconClass: e.addressData.telephone.iconClass,
             type: e.addressData.telephone.iconType,
@@ -1530,7 +1530,7 @@ function il(t, s, e, a, n, i) {
           ])
         ])) : r("", !0),
         (p = e.addressData.mobilephone) != null && p.text ? (o(), l("dt", Gi, [
-          e.addressData.mobilephone.iconClass && e.showLabelIcons ? (o(), b(u, {
+          e.addressData.mobilephone.iconClass && e.showLabelIcons ? (o(), _(u, {
             key: 0,
             iconClass: e.addressData.mobilephone.iconClass,
             type: e.addressData.mobilephone.iconType,
@@ -1550,7 +1550,7 @@ function il(t, s, e, a, n, i) {
           ])
         ])) : r("", !0),
         (w = e.addressData.fax) != null && w.text ? (o(), l("dt", Yi, [
-          e.addressData.fax.iconClass && e.showLabelIcons ? (o(), b(u, {
+          e.addressData.fax.iconClass && e.showLabelIcons ? (o(), _(u, {
             key: 0,
             iconClass: e.addressData.fax.iconClass,
             type: e.addressData.fax.iconType,
@@ -1560,7 +1560,7 @@ function il(t, s, e, a, n, i) {
         ])) : r("", !0),
         (T = e.addressData.fax) != null && T.text ? (o(), l("dd", Zi, f(e.addressData.fax.text), 1)) : r("", !0),
         (I = e.addressData.email) != null && I.text ? (o(), l("dt", $i, [
-          e.addressData.email.iconClass && e.showLabelIcons ? (o(), b(u, {
+          e.addressData.email.iconClass && e.showLabelIcons ? (o(), _(u, {
             key: 0,
             iconClass: e.addressData.email.iconClass,
             type: e.addressData.email.iconType,
@@ -1575,7 +1575,7 @@ function il(t, s, e, a, n, i) {
           }, f(e.addressData.email.text), 9, so)
         ])) : r("", !0),
         (k = e.addressData.website) != null && k.text ? (o(), l("dt", no, [
-          e.addressData.website.iconClass && e.showLabelIcons ? (o(), b(u, {
+          e.addressData.website.iconClass && e.showLabelIcons ? (o(), _(u, {
             key: 0,
             iconClass: e.addressData.website.iconClass,
             type: e.addressData.website.iconType
@@ -1590,7 +1590,7 @@ function il(t, s, e, a, n, i) {
           }, f(i.websiteUrlText), 9, lo)
         ])) : r("", !0),
         (L = e.addressData.custom) != null && L.text ? (o(), l("dt", ao, [
-          e.addressData.custom.iconClass && e.showLabelIcons ? (o(), b(u, {
+          e.addressData.custom.iconClass && e.showLabelIcons ? (o(), _(u, {
             key: 0,
             iconClass: e.addressData.custom.iconClass,
             type: e.addressData.custom.iconType
@@ -1763,7 +1763,7 @@ const ol = {
 }, ll = ["title"];
 function al(t, s, e, a, n, i) {
   const d = G;
-  return o(), b(ce, { name: "fade" }, {
+  return o(), _(ce, { name: "fade" }, {
     default: A(() => [
       i.show ? (o(), l("a", {
         key: 0,
@@ -1822,7 +1822,7 @@ const rl = {
 function ml(t, s, e, a, n, i) {
   const d = Y, u = G;
   return o(), l("div", cl, [
-    e.cmdHeadline ? (o(), b(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
+    e.cmdHeadline ? (o(), _(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
     m("dl", null, [
       (o(!0), l(v, null, E(e.accountData, (c, h) => (o(), l(v, { key: h }, [
         m("dt", null, f(c.text), 1),
@@ -1870,7 +1870,7 @@ const fl = {
 function _l(t, s, e, a, n, i) {
   var d, u, c, h, g, y;
   return o(), l("figure", {
-    class: _(["cmd-image", i.getTextAlign])
+    class: b(["cmd-image", i.getTextAlign])
   }, [
     ((d = e.figcaption) == null ? void 0 : d.show) && ((u = e.figcaption) == null ? void 0 : u.position) === "top" ? (o(), l("figcaption", gl, f((c = e.figcaption) == null ? void 0 : c.text), 1)) : r("", !0),
     m("img", {
@@ -1925,7 +1925,7 @@ function vl(t, s, e, a, n, i) {
     href: "#",
     onClick: s[0] || (s[0] = M(() => {
     }, ["prevent"])),
-    class: _(["cmd-slide-button", "button", e.slideButtonType]),
+    class: b(["cmd-slide-button", "button", e.slideButtonType]),
     title: i.getDirection.tooltip
   }, [
     S(d, {
@@ -2033,7 +2033,7 @@ const kl = {
 function Sl(t, s, e, a, n, i) {
   const d = He, u = he;
   return o(), l("div", {
-    class: _(["cmd-thumbnail-scroller", { "gallery-scroller": !e.allowOpenFancyBox, "full-width": e.fullWidth }])
+    class: b(["cmd-thumbnail-scroller", { "gallery-scroller": !e.allowOpenFancyBox, "full-width": e.fullWidth }])
   }, [
     S(d, {
       onClick: M(i.showPrevItem, ["prevent"]),
@@ -2046,7 +2046,7 @@ function Sl(t, s, e, a, n, i) {
       default: A(() => [
         (o(!0), l(v, null, E(n.thumbnails, (c, h) => (o(), l("li", {
           key: h,
-          class: _({ active: e.imgIndex === h })
+          class: b({ active: e.imgIndex === h })
         }, [
           m("a", {
             href: "#",
@@ -2314,14 +2314,14 @@ const Ll = Gs, Bl = ["aria-label"], Dl = { class: "flex-container" }, Fl = {
 function Jl(t, s, e, a, n, i) {
   var y, C, p, x, w, T, I, F, z, k, P, L, V, U, J, H, K, X, ae, se, ie, B, $, fe, be, O, q, W;
   const d = Y, u = G, c = he, h = He, g = Tl;
-  return o(), b(cn, { to: "body" }, [
+  return o(), _(cn, { to: "body" }, [
     m("dialog", {
       ref: "dialog",
-      class: _(["cmd-fancybox", { "show-overlay": t.showOverlay, image: t.fancyBoxImageUrl || t.fancyBoxGallery, "image-gallery": t.fancyBoxGallery }]),
+      class: b(["cmd-fancybox", { "show-overlay": t.showOverlay, image: t.fancyBoxImageUrl || t.fancyBoxGallery, "image-gallery": t.fancyBoxGallery }]),
       "aria-label": t.ariaLabelText
     }, [
       m("header", Dl, [
-        (y = t.cmdHeadline) != null && y.show ? (o(), b(d, {
+        (y = t.cmdHeadline) != null && y.show ? (o(), _(d, {
           key: 0,
           headlineText: (C = t.cmdHeadline) == null ? void 0 : C.headlineText,
           headlineLevel: (p = t.cmdHeadline) == null ? void 0 : p.headlineLevel,
@@ -2369,7 +2369,7 @@ function Jl(t, s, e, a, n, i) {
         ])) : r("", !0)
       ]),
       m("div", {
-        class: _(["outer-content-wrapper", { grayscale: t.printInGrayscale }])
+        class: b(["outer-content-wrapper", { grayscale: t.printInGrayscale }])
       }, [
         t.fancyBoxImageUrl ? (o(), l("div", Pl, [
           S(c, {
@@ -2402,7 +2402,7 @@ function Jl(t, s, e, a, n, i) {
           onClick: s[3] || (s[3] = (...Q) => t.cancel && t.cancel(...Q)),
           title: (H = t.fancyboxOptions.submitButtons.cancel) == null ? void 0 : H.tooltip
         }, [
-          (K = t.fancyboxOptions.submitButtons.cancel) != null && K.iconClass ? (o(), b(u, {
+          (K = t.fancyboxOptions.submitButtons.cancel) != null && K.iconClass ? (o(), _(u, {
             key: 0,
             iconClass: (X = t.fancyboxOptions.submitButtons.cancel) == null ? void 0 : X.iconClass,
             type: (ae = t.fancyboxOptions.submitButtons.cancel) == null ? void 0 : ae.iconType
@@ -2414,7 +2414,7 @@ function Jl(t, s, e, a, n, i) {
           onClick: s[4] || (s[4] = (...Q) => t.confirm && t.confirm(...Q)),
           title: ($ = t.fancyboxOptions.submitButtons.cancel) == null ? void 0 : $.tooltip
         }, [
-          (fe = t.fancyboxOptions.submitButtons.confirm) != null && fe.iconClass ? (o(), b(u, {
+          (fe = t.fancyboxOptions.submitButtons.confirm) != null && fe.iconClass ? (o(), _(u, {
             key: 0,
             iconClass: (be = t.fancyboxOptions.submitButtons.confirm) == null ? void 0 : be.iconClass,
             type: (O = t.fancyboxOptions.submitButtons.confirm) == null ? void 0 : O.iconType
@@ -2422,7 +2422,7 @@ function Jl(t, s, e, a, n, i) {
           (q = t.fancyboxOptions.submitButtons.confirm) != null && q.buttonText ? (o(), l("span", Gl, f((W = t.fancyboxOptions.submitButtons.confirm) == null ? void 0 : W.buttonText), 1)) : r("", !0)
         ], 8, Wl)) : r("", !0)
       ])) : r("", !0),
-      t.fancyBoxGallery ? (o(), b(g, {
+      t.fancyBoxGallery ? (o(), _(g, {
         key: 1,
         thumbnailScrollerItems: [...t.fancyBoxGallery],
         allowOpenFancyBox: !1,
@@ -2481,15 +2481,15 @@ const Kl = {
 function Zl(t, s, e, a, n, i) {
   const d = Y, u = G, c = oe("router-link");
   return o(), l("div", {
-    class: _(["cmd-list-of-links", { box: e.styleAsBox, horizontal: e.orientation === "horizontal", "section-anchors": e.sectionAnchors }])
+    class: b(["cmd-list-of-links", { box: e.styleAsBox, horizontal: e.orientation === "horizontal", "section-anchors": e.sectionAnchors }])
   }, [
-    e.cmdHeadline ? (o(), b(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
+    e.cmdHeadline ? (o(), _(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
     m("ul", {
-      class: _(["flex-container", { "no-gap": !e.useGap }, "align-" + e.align])
+      class: b(["flex-container", { "no-gap": !e.useGap }, "align-" + e.align])
     }, [
       (o(!0), l(v, null, E(e.links, (h, g) => (o(), l("li", {
         key: g,
-        class: _({ active: e.sectionAnchors && e.activeSection === g })
+        class: b({ active: e.sectionAnchors && e.activeSection === g })
       }, [
         h.type === "href" || h.type === void 0 ? (o(), l("a", {
           key: 0,
@@ -2498,19 +2498,19 @@ function Zl(t, s, e, a, n, i) {
           onClick: (y) => i.executeLink(h, y),
           title: h.tooltip && h.tooltip !== void 0 ? h.tooltip : void 0
         }, [
-          h.iconClass ? (o(), b(u, {
+          h.iconClass ? (o(), _(u, {
             key: 0,
             iconClass: h.iconClass,
             type: h.iconType
           }, null, 8, ["iconClass", "type"])) : r("", !0),
           h.text ? (o(), l("span", Yl, f(h.text), 1)) : r("", !0)
-        ], 8, Xl)) : h.type === "router" ? (o(), b(c, {
+        ], 8, Xl)) : h.type === "router" ? (o(), _(c, {
           key: 1,
           to: i.getRoute(h),
           title: h.tooltip
         }, {
           default: A(() => [
-            h.iconClass ? (o(), b(u, {
+            h.iconClass ? (o(), _(u, {
               key: 0,
               iconClass: h.iconClass,
               type: h.iconType
@@ -2718,7 +2718,7 @@ function Va(t, s, e, a, n, i) {
   const d = Y, u = G, c = $l;
   return e.boxType === "content" ? (o(), l("div", {
     key: 0,
-    class: _([
+    class: b([
       "cmd-box box content",
       {
         open: n.open,
@@ -2736,20 +2736,20 @@ function Va(t, s, e, a, n, i) {
       title: n.open ? e.iconOpen.tooltip : e.iconClosed.tooltip,
       onClick: s[0] || (s[0] = M((...T) => i.toggleContentVisibility && i.toggleContentVisibility(...T), ["prevent"]))
     }, [
-      (h = e.useSlots) != null && h.includes("header") ? N(t.$slots, "header", { key: 0 }) : (g = e.cmdHeadline) != null && g.headlineText ? (o(), b(d, Z(j({ key: 1 }, e.cmdHeadline)), null, 16)) : r("", !0),
+      (h = e.useSlots) != null && h.includes("header") ? N(t.$slots, "header", { key: 0 }) : (g = e.cmdHeadline) != null && g.headlineText ? (o(), _(d, Z(j({ key: 1 }, e.cmdHeadline)), null, 16)) : r("", !0),
       S(u, {
         iconClass: n.open ? e.iconOpen.iconClass : e.iconClosed.iconClass,
         type: n.open ? e.iconOpen.iconType : e.iconClosed.iconType
       }, null, 8, ["iconClass", "type"])
     ], 8, na)) : (o(), l("div", ia, [
-      (y = e.useSlots) != null && y.includes("header") ? N(t.$slots, "header", { key: 0 }) : (C = e.cmdHeadline) != null && C.headlineText ? (o(), b(d, Z(j({ key: 1 }, e.cmdHeadline)), null, 16)) : r("", !0)
+      (y = e.useSlots) != null && y.includes("header") ? N(t.$slots, "header", { key: 0 }) : (C = e.cmdHeadline) != null && C.headlineText ? (o(), _(d, Z(j({ key: 1 }, e.cmdHeadline)), null, 16)) : r("", !0)
     ])),
     n.open ? (o(), l("div", oa, [
       (p = e.useSlots) != null && p.includes("body") ? N(t.$slots, "body", { key: 0 }, () => [
         S(Os, { name: i.toggleTransition }, {
           default: A(() => [
             m("p", {
-              class: _({
+              class: b({
                 "cutoff-text": e.cutoffTextLines > 0,
                 "fade-last-line": e.fadeLastLine && !n.showCutOffText,
                 "show-text": n.showCutOffText
@@ -2769,7 +2769,7 @@ function Va(t, s, e, a, n, i) {
           src: e.image.src,
           alt: e.image.altText
         }, null, 8, la)) : r("", !0),
-        (x = e.cmdHeadline) != null && x.headlineText ? (o(), b(d, Z(j({ key: 1 }, e.cmdHeadline)), null, 16)) : r("", !0),
+        (x = e.cmdHeadline) != null && x.headlineText ? (o(), _(d, Z(j({ key: 1 }, e.cmdHeadline)), null, 16)) : r("", !0),
         e.textBody ? (o(), l("p", aa, f(e.textBody), 1)) : r("", !0)
       ], 64))
     ])) : r("", !0),
@@ -2778,7 +2778,7 @@ function Va(t, s, e, a, n, i) {
     ])) : r("", !0)
   ], 2)) : e.boxType === "product" && e.product ? (o(), l("a", {
     key: 1,
-    class: _(["cmd-box box product", { "stretch-vertically": e.stretchVertically, "stretch-horizontally": e.stretchHorizontally, "row-view": n.isRowView }]),
+    class: b(["cmd-box box product", { "stretch-vertically": e.stretchVertically, "stretch-horizontally": e.stretchHorizontally, "row-view": n.isRowView }]),
     href: "#",
     onClick: s[2] || (s[2] = M((T) => i.clickOnProduct(e.product), ["prevent"]))
   }, [
@@ -2809,7 +2809,7 @@ function Va(t, s, e, a, n, i) {
     ])
   ], 2)) : e.boxType === "user" && e.user ? (o(), l("div", {
     key: 2,
-    class: _([
+    class: b([
       "cmd-box box user",
       e.profileType,
       {
@@ -2835,7 +2835,7 @@ function Va(t, s, e, a, n, i) {
         ])
       ])) : (o(), l("div", Sa, [
         m("span", {
-          class: _(e.defaultProfileIconClass),
+          class: b(e.defaultProfileIconClass),
           title: e.user.name
         }, null, 10, Ta),
         n.isRowView ? r("", !0) : (o(), l("p", Ia, f(e.user.name), 1))
@@ -2986,7 +2986,7 @@ function Ua(t, s, e, a, n, i) {
   const d = Y, u = G;
   return o(), l("div", Ha, [
     m("div", Ra, [
-      e.cmdHeadline.headlineText ? (o(), b(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
+      e.cmdHeadline.headlineText ? (o(), _(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
       e.allowUserToToggleOrientation || e.allowTogglingCollapsingBoxes ? (o(), l("div", Ea, [
         e.allowTogglingCollapsingBoxes ? (o(), l("a", {
           key: 0,
@@ -3013,7 +3013,7 @@ function Ua(t, s, e, a, n, i) {
       ])) : r("", !0)
     ]),
     m("div", {
-      class: _([e.useFlexbox ? "flex-container" : "grid-container-create-columns", { "row-view": n.rowView, "stretch-boxes-vertically": e.stretchBoxesVertically }])
+      class: b([e.useFlexbox ? "flex-container" : "grid-container-create-columns", { "row-view": n.rowView, "stretch-boxes-vertically": e.stretchBoxesVertically }])
     }, [
       N(t.$slots, "default", {
         collapsingBoxesOpen: n.collapsingBoxesOpen,
@@ -3056,18 +3056,18 @@ function $a(t, s, e, a, n, i) {
         key: 0,
         href: c.path
       }, [
-        c.iconClass ? (o(), b(d, {
+        c.iconClass ? (o(), _(d, {
           key: 0,
           iconClass: c.iconClass,
           type: c.iconType
         }, null, 8, ["iconClass", "type"])) : r("", !0),
         c.text ? (o(), l("span", Ka, f(c.text), 1)) : r("", !0)
-      ], 8, Ja)) : c.type === "router" ? (o(), b(u, {
+      ], 8, Ja)) : c.type === "router" ? (o(), _(u, {
         key: 1,
         to: i.getRoute(c)
       }, {
         default: A(() => [
-          c.iconClass ? (o(), b(d, {
+          c.iconClass ? (o(), _(d, {
             key: 0,
             iconClass: c.iconClass,
             type: c.iconType
@@ -3076,7 +3076,7 @@ function $a(t, s, e, a, n, i) {
         ]),
         _: 2
       }, 1032, ["to"])) : (o(), l("span", Ya, [
-        c.iconClass ? (o(), b(d, {
+        c.iconClass ? (o(), _(d, {
           key: 0,
           iconClass: c.iconClass,
           type: c.iconType
@@ -3154,7 +3154,7 @@ const er = {
 function nr(t, s, e, a, n, i) {
   const d = he, u = oe("router-link");
   return o(), l("div", tr, [
-    e.link.type === "router" ? (o(), b(u, {
+    e.link.type === "router" ? (o(), _(u, {
       key: 0,
       to: e.link.path,
       title: e.link.tooltip
@@ -3163,13 +3163,16 @@ function nr(t, s, e, a, n, i) {
         S(d, { image: i.image }, null, 8, ["image"])
       ]),
       _: 1
-    }, 8, ["to", "title"])) : (o(), l("a", {
+    }, 8, ["to", "title"])) : e.link.type === "href" ? (o(), l("a", {
       key: 1,
       href: e.link.path,
       title: e.link.tooltip
     }, [
       S(d, { image: i.image }, null, 8, ["image"])
-    ], 8, sr))
+    ], 8, sr)) : (o(), _(d, {
+      key: 2,
+      image: i.image
+    }, null, 8, ["image"]))
   ]);
 }
 const ir = /* @__PURE__ */ D(er, [["render", nr]]);
@@ -3259,11 +3262,11 @@ function rr(t, s, e, a, n, i) {
   const d = Y, u = G;
   return n.tooltipVisibility ? (o(), l("div", {
     key: 0,
-    class: _(["cmd-tooltip", e.status]),
+    class: b(["cmd-tooltip", e.status]),
     ref: "tooltip"
   }, [
     e.cmdHeadline || e.iconClose.show ? (o(), l("div", lr, [
-      e.cmdHeadline ? (o(), b(d, {
+      e.cmdHeadline ? (o(), _(d, {
         key: 0,
         iconClass: e.cmdHeadline.iconClass,
         preHeadline: e.cmdHeadline.preHeadline,
@@ -3365,7 +3368,7 @@ function pr(t, s, e, a, n, i) {
   var c, h, g;
   const d = Y, u = G;
   return o(), l("div", hr, [
-    e.showHeadline ? (o(), b(d, {
+    e.showHeadline ? (o(), _(d, {
       key: 0,
       "headline-level": e.cmdHeadline.headlineLevel
     }, {
@@ -3382,10 +3385,10 @@ function pr(t, s, e, a, n, i) {
       (o(!0), l(v, null, E(e.inputRequirements, (y, C) => (o(), l(v, { key: C }, [
         m("dt", {
           "aria-live": "assertive",
-          class: _(y.valid(e.inputModelValue, e.inputAttributes) ? "success" : "error")
+          class: b(y.valid(e.inputModelValue, e.inputAttributes) ? "success" : "error")
         }, f(y.message) + ":", 3),
         m("dd", {
-          class: _(y.valid(e.inputModelValue, e.inputAttributes) ? "success" : "error")
+          class: b(y.valid(e.inputModelValue, e.inputAttributes) ? "success" : "error")
         }, [
           S(u, {
             "aria-live": "assertive",
@@ -3405,9 +3408,9 @@ function pr(t, s, e, a, n, i) {
         onClick: s[0] || (s[0] = M(() => {
         }, ["prevent"]))
       }, [
-        (c = e.helplink.icon) != null && c.iconClass ? (o(), b(u, {
+        (c = e.helplink.icon) != null && c.iconClass ? (o(), _(u, {
           key: 0,
-          class: _((h = e.helplink.icon) == null ? void 0 : h.iconClass),
+          class: b((h = e.helplink.icon) == null ? void 0 : h.iconClass),
           title: (g = e.helplink.icon) == null ? void 0 : g.tooltip
         }, null, 8, ["class", "title"])) : r("", !0),
         e.helplink.text ? (o(), l("span", yr, f(e.helplink.text), 1)) : r("", !0)
@@ -3450,14 +3453,14 @@ const _r = /* @__PURE__ */ D(ur, [["render", pr]]), br = {
 };
 function Cr(t, s, e, a, n, i) {
   const d = _r, u = cr;
-  return o(), b(u, {
+  return o(), _(u, {
     ref: "tooltip",
-    class: _(["box", e.validationStatus]),
+    class: b(["box", e.validationStatus]),
     relatedId: e.relatedId,
     "toggle-visibility-by-click": !0
   }, {
     default: A(() => [
-      e.cmdListOfRequirements.showRequirements ? (o(), b(d, {
+      e.cmdListOfRequirements.showRequirements ? (o(), _(d, {
         key: 0,
         showHeadline: e.cmdListOfRequirements.showHeadline,
         inputRequirements: e.cmdListOfRequirements.inputRequirements,
@@ -4008,11 +4011,14 @@ const xr = ["color", "date", "datetime-local", "file", "number", "range"], Sr =
 }, Tr = ["for", "title"], Ir = {
   key: 0,
   class: "label-text"
-}, Or = { key: 2 }, Mr = ["title", "aria-errormessage", "id"], Lr = { class: "flex-container" }, Br = ["id", "autocomplete", "list", "value", "maxlength"], Dr = ["title"], Fr = ["id"], qr = ["value"], Vr = ["checked", "value", "id", "disabled", "aria-invalid"], Ar = { key: 2 }, Pr = { class: "switch-label-wrapper" }, Hr = ["checked", "value", "id", "disabled", "aria-invalid"], Rr = { class: "label-text" }, Er = { class: "label-text" }, jr = {
+}, Or = { key: 2 }, Mr = ["title", "aria-errormessage", "id"], Lr = {
+  key: 1,
+  class: "flex-container"
+}, Br = ["id", "autocomplete", "list", "value", "maxlength"], Dr = ["title"], Fr = ["id"], qr = ["value"], Vr = ["checked", "value", "id", "disabled", "aria-invalid"], Ar = { key: 2 }, Pr = { class: "switch-label-wrapper" }, Hr = ["checked", "value", "id", "disabled", "aria-invalid"], Rr = { class: "label-text" }, Er = { class: "label-text" }, jr = {
   key: 0,
   class: "label-text"
-}, Nr = { key: 0 }, Ur = ["id"], zr = ["value", "selected"], Wr = ["id", "value", "maxlength"], Gr = { key: 5 }, Jr = {
-  key: 6,
+}, Nr = { key: 0 }, Ur = ["id"], zr = ["value", "selected"], Wr = ["id", "value", "maxlength"], Gr = { key: 6 }, Jr = {
+  key: 7,
   class: "search-field-wrapper flex-container no-gap"
 }, Kr = ["id", "maxlength", "value"], Xr = ["title"], Yr = ["title"], Qr = { key: 1 };
 function Zr(t, s, e, a, n, i) {
@@ -4020,7 +4026,7 @@ function Zr(t, s, e, a, n, i) {
   const d = Ot, u = G;
   return e.element === "input" || e.element === "select" || e.element === "textarea" ? (o(), l("label", {
     key: 0,
-    class: _([
+    class: b([
       "cmd-form-element",
       t.validationStatus,
       t.$attrs.class,
@@ -4046,7 +4052,7 @@ function Zr(t, s, e, a, n, i) {
         ], 64)) : N(t.$slots, "labeltext", { key: 1 }),
         t.$attrs.required ? (o(), l("sup", Or, "*")) : r("", !0)
       ]),
-      t.useCustomTooltip && (t.validationStatus === "" || t.validationStatus === "error") ? (o(), b(d, {
+      t.useCustomTooltip && (t.validationStatus === "" || t.validationStatus === "error") ? (o(), _(d, {
         key: 0,
         ref: "tooltip",
         validationStatus: t.validationStatus,
@@ -4070,13 +4076,13 @@ function Zr(t, s, e, a, n, i) {
     ], 512)), [
       [pe, e.showLabel]
     ]) : r("", !0),
-    m("span", Lr, [
-      t.$attrs.type !== "checkbox" && t.$attrs.type !== "radio" && e.fieldIconClass ? (o(), b(u, {
+    t.$attrs.type !== "checkbox" && t.$attrs.type !== "radio" ? (o(), l("span", Lr, [
+      e.fieldIconClass ? (o(), _(u, {
         key: 0,
         class: "place-inside",
         iconClass: e.fieldIconClass
       }, null, 8, ["iconClass"])) : r("", !0),
-      e.element === "input" && t.$attrs.type !== "checkbox" && t.$attrs.type !== "radio" && t.$attrs.type !== "search" ? (o(), l("input", j({ key: 1 }, i.elementAttributes, {
+      e.element === "input" && t.$attrs.type !== "search" ? (o(), l("input", j({ key: 1 }, i.elementAttributes, {
         id: t.htmlId,
         class: e.inputClass,
         onFocus: s[1] || (s[1] = (B) => t.tooltip = !0),
@@ -4106,16 +4112,16 @@ function Zr(t, s, e, a, n, i) {
           iconClass: e.iconPasswordVisible.iconClass
         }, null, 8, ["iconClass"])
       ], 40, Dr)) : r("", !0)
-    ]),
+    ])) : r("", !0),
     e.datalist && e.datalist.options.length ? (o(), l("datalist", {
-      key: 1,
+      key: 2,
       id: e.datalist.id
     }, [
       (o(!0), l(v, null, E(e.datalist.options, (B, $) => (o(), l("option", {
         key: $,
         value: B
       }, null, 8, qr))), 128))
-    ], 8, Fr)) : e.element === "input" && (t.$attrs.type === "checkbox" || t.$attrs.type === "radio") ? (o(), l(v, { key: 2 }, [
+    ], 8, Fr)) : e.element === "input" && (t.$attrs.type === "checkbox" || t.$attrs.type === "radio") ? (o(), l(v, { key: 3 }, [
       e.onLabel && e.offLabel ? e.onLabel && e.offLabel ? (o(), l(v, { key: 1 }, [
         m("span", Pr, [
           m("input", j(i.elementAttributes, {
@@ -4150,7 +4156,7 @@ function Zr(t, s, e, a, n, i) {
         }), null, 16, Vr),
         e.labelText || t.$slots.labeltext ? (o(), l("span", {
           key: 0,
-          class: _(["label-text", { hidden: !e.showLabel }])
+          class: b(["label-text", { hidden: !e.showLabel }])
         }, [
           m("span", null, [
             e.labelText ? (o(), l(v, { key: 0 }, [
@@ -4161,7 +4167,7 @@ function Zr(t, s, e, a, n, i) {
         ], 2)) : r("", !0)
       ], 64))
     ], 64)) : r("", !0),
-    e.element === "select" ? (o(), l("select", j({ key: 3 }, i.elementAttributes, {
+    e.element === "select" ? (o(), l("select", j({ key: 4 }, i.elementAttributes, {
       id: t.htmlId,
       onBlur: s[15] || (s[15] = (...B) => i.onBlur && i.onBlur(...B)),
       onChange: s[16] || (s[16] = (B) => t.$emit("update:modelValue", B.target.value))
@@ -4172,7 +4178,7 @@ function Zr(t, s, e, a, n, i) {
         selected: B.value === e.modelValue
       }, f(B.text), 9, zr))), 128))
     ], 16, Ur)) : r("", !0),
-    e.element === "textarea" ? (o(), l("textarea", j({ key: 4 }, i.elementAttributes, {
+    e.element === "textarea" ? (o(), l("textarea", j({ key: 5 }, i.elementAttributes, {
       id: t.htmlId,
       value: e.modelValue,
       maxlength: i.getMaxLength(),
@@ -4191,7 +4197,7 @@ function Zr(t, s, e, a, n, i) {
       e.showSearchButton ? (o(), l("a", {
         key: 0,
         href: "#",
-        class: _(["button no-flex", { disabled: t.$attrs.disabled }]),
+        class: b(["button no-flex", { disabled: t.$attrs.disabled }]),
         title: e.iconSearch.tooltip,
         onClick: s[21] || (s[21] = M((...B) => i.executeSearch && i.executeSearch(...B), ["prevent"]))
       }, [
@@ -4215,7 +4221,7 @@ function Zr(t, s, e, a, n, i) {
     key: 1,
     class: "button"
   }, i.buttonAttrs), [
-    ((p = (C = e.nativeButton) == null ? void 0 : C.icon) == null ? void 0 : p.show) && (((w = (x = e.nativeButton) == null ? void 0 : x.icon) == null ? void 0 : w.position) === "before" || !((I = (T = e.nativeButton) == null ? void 0 : T.icon) != null && I.position)) ? (o(), b(u, {
+    ((p = (C = e.nativeButton) == null ? void 0 : C.icon) == null ? void 0 : p.show) && (((w = (x = e.nativeButton) == null ? void 0 : x.icon) == null ? void 0 : w.position) === "before" || !((I = (T = e.nativeButton) == null ? void 0 : T.icon) != null && I.position)) ? (o(), _(u, {
       key: 0,
       iconClass: (z = (F = e.nativeButton) == null ? void 0 : F.icon) == null ? void 0 : z.iconClass,
       type: (P = (k = e.nativeButton) == null ? void 0 : k.icon) == null ? void 0 : P.iconType
@@ -4223,7 +4229,7 @@ function Zr(t, s, e, a, n, i) {
     ((L = e.nativeButton) == null ? void 0 : L.icon) && ((V = e.nativeButton) == null ? void 0 : V.text) ? (o(), l("span", Qr, f(e.nativeButton.text), 1)) : (o(), l(v, { key: 2 }, [
       R(f(e.nativeButton.text), 1)
     ], 64)),
-    ((J = (U = e.nativeButton) == null ? void 0 : U.icon) == null ? void 0 : J.show) && ((K = (H = e.nativeButton) == null ? void 0 : H.icon) == null ? void 0 : K.position) === "after" ? (o(), b(u, {
+    ((J = (U = e.nativeButton) == null ? void 0 : U.icon) == null ? void 0 : J.show) && ((K = (H = e.nativeButton) == null ? void 0 : H.icon) == null ? void 0 : K.position) === "after" ? (o(), _(u, {
       key: 3,
       iconClass: (ae = (X = e.nativeButton) == null ? void 0 : X.icon) == null ? void 0 : ae.iconClass,
       type: (ie = (se = e.nativeButton) == null ? void 0 : se.icon) == null ? void 0 : ie.iconType
@@ -4346,12 +4352,12 @@ const ec = {
 }, cc = { key: 0 }, dc = { key: 1 }, uc = ["href", "target"], hc = ["innerHTML"], mc = { class: "button-wrapper align-center" };
 function fc(t, s, e, a, n, i) {
   const d = Y, u = _e, c = Aa;
-  return o(), b(ce, { name: "fade" }, {
+  return o(), _(ce, { name: "fade" }, {
     default: A(() => {
       var h, g, y;
       return [
         m("div", tc, [
-          ((h = e.cmdHeadlineCookieDisclaimer) == null ? void 0 : h.show) && ((g = e.cmdHeadlineCookieDisclaimer) == null ? void 0 : g.headlineText) && ((y = e.cmdHeadlineCookieDisclaimer) == null ? void 0 : y.headlineLevel) ? (o(), b(d, {
+          ((h = e.cmdHeadlineCookieDisclaimer) == null ? void 0 : h.show) && ((g = e.cmdHeadlineCookieDisclaimer) == null ? void 0 : g.headlineText) && ((y = e.cmdHeadlineCookieDisclaimer) == null ? void 0 : y.headlineLevel) ? (o(), _(d, {
             key: 0,
             headlineText: e.cmdHeadlineCookieDisclaimer.headlineText,
             headlineLevel: e.cmdHeadlineCookieDisclaimer.headlineLevel
@@ -4360,14 +4366,14 @@ function fc(t, s, e, a, n, i) {
             var C, p, x, w, T, I, F, z;
             return [
               (C = e.cookieOptions) != null && C.required ? (o(), l("div", sc, [
-                (p = e.cmdBoxRequiredCookies) != null && p.showHeadline ? (o(), b(d, {
+                (p = e.cmdBoxRequiredCookies) != null && p.showHeadline ? (o(), _(d, {
                   key: 0,
                   "headline-text": (x = e.cmdBoxRequiredCookies) == null ? void 0 : x.headlineText,
                   "headline-level": (w = e.cmdBoxRequiredCookies) == null ? void 0 : w.headlineLevel
                 }, null, 8, ["headline-text", "headline-level"])) : r("", !0),
                 (o(!0), l(v, null, E(e.cookieOptions.required.cookies || [], (k, P) => {
                   var L;
-                  return o(), b(c, {
+                  return o(), _(c, {
                     useSlots: ["header", "body"],
                     collapsible: (L = e.cmdBoxRequiredCookies) == null ? void 0 : L.collapsible,
                     key: P
@@ -4407,14 +4413,14 @@ function fc(t, s, e, a, n, i) {
               ])) : r("", !0),
               ac,
               (T = e.cookieOptions) != null && T.optional ? (o(), l("div", rc, [
-                (I = e.cmdBoxOptionalCookies) != null && I.showHeadline ? (o(), b(d, {
+                (I = e.cmdBoxOptionalCookies) != null && I.showHeadline ? (o(), _(d, {
                   key: 0,
                   "headline-text": (F = e.cmdBoxOptionalCookies) == null ? void 0 : F.headlineText,
                   "headline-level": (z = e.cmdBoxOptionalCookies) == null ? void 0 : z.headlineLevel
                 }, null, 8, ["headline-text", "headline-level"])) : r("", !0),
                 (o(!0), l(v, null, E(e.cookieOptions.optional.cookies || [], (k, P) => {
                   var L;
-                  return o(), b(c, {
+                  return o(), _(c, {
                     useSlots: ["header", "body"],
                     collapsible: (L = e.cmdBoxOptionalCookies) == null ? void 0 : L.collapsible,
                     key: P
@@ -4705,7 +4711,7 @@ function jc(t, s, e, a, n, i) {
   var h, g, y, C;
   const d = Ot, u = G, c = oe("router-link");
   return o(), l("div", {
-    class: _([
+    class: b([
       n.validationStatus,
       "cmd-fake-select label",
       {
@@ -4725,7 +4731,7 @@ function jc(t, s, e, a, n, i) {
         R(f(e.labelText), 1),
         t.$attrs.required !== void 0 ? (o(), l("sup", Sc, "*")) : r("", !0)
       ], 8, xc),
-      t.useCustomTooltip && (n.validationStatus === "" || n.validationStatus === "error") ? (o(), b(d, {
+      t.useCustomTooltip && (n.validationStatus === "" || n.validationStatus === "error") ? (o(), _(d, {
         key: 0,
         ref: "tooltip",
         validationStatus: n.validationStatus,
@@ -4748,7 +4754,7 @@ function jc(t, s, e, a, n, i) {
       ], 8, Tc)) : r("", !0)
     ])) : r("", !0),
     m("ul", {
-      class: _({ open: n.showOptions }),
+      class: b({ open: n.showOptions }),
       onClickout: s[5] || (s[5] = (...p) => i.closeOptions && i.closeOptions(...p)),
       "aria-expanded": n.showOptions
     }, [
@@ -4763,12 +4769,12 @@ function jc(t, s, e, a, n, i) {
             key: 0,
             src: i.pathFlag(i.optionCountry),
             alt: i.optionCountry,
-            class: _(["flag", i.optionCountry])
+            class: b(["flag", i.optionCountry])
           }, null, 10, Mc)) : e.type === "color" ? (o(), l("span", {
             key: 1,
             style: Oe("background: " + i.optionColor)
           }, null, 4)) : r("", !0),
-          (g = i.optionIcon) != null && g.iconClass ? (o(), b(u, {
+          (g = i.optionIcon) != null && g.iconClass ? (o(), _(u, {
             key: 2,
             type: (y = i.optionIcon) == null ? void 0 : y.iconType,
             iconClass: (C = i.optionIcon) == null ? void 0 : C.iconClass
@@ -4778,7 +4784,7 @@ function jc(t, s, e, a, n, i) {
             class: "option-name",
             style: Oe(n.limitWidthStyle)
           }, f(i.optionName), 5)) : r("", !0),
-          e.iconDropdown ? (o(), b(u, {
+          e.iconDropdown ? (o(), _(u, {
             key: 4,
             iconClass: e.iconDropdown.iconClass,
             type: e.iconDropdown.iconType,
@@ -4795,24 +4801,24 @@ function jc(t, s, e, a, n, i) {
               key: 0,
               href: "#",
               onClick: M((w) => i.selectOption(p.value), ["prevent"]),
-              class: _({ active: p.value === e.modelValue }),
+              class: b({ active: p.value === e.modelValue }),
               title: p.tooltip
             }, [
-              p.iconClass ? (o(), b(u, {
+              p.iconClass ? (o(), _(u, {
                 key: 0,
                 iconClass: p.iconClass,
                 type: p.iconType
               }, null, 8, ["iconClass", "type"])) : r("", !0),
               p.text ? (o(), l("span", Fc, f(p.text), 1)) : r("", !0)
             ], 10, Dc)) : r("", !0),
-            e.optionLinkType === "router" ? (o(), b(c, {
+            e.optionLinkType === "router" ? (o(), _(c, {
               key: 1,
               to: "#",
               onClick: M((w) => i.selectOption(p.value), ["prevent"]),
-              class: _({ active: p.value === e.modelValue })
+              class: b({ active: p.value === e.modelValue })
             }, {
               default: A(() => [
-                p.iconClass ? (o(), b(u, {
+                p.iconClass ? (o(), _(u, {
                   key: 0,
                   iconClass: p.iconClass,
                   type: p.iconType
@@ -4824,14 +4830,14 @@ function jc(t, s, e, a, n, i) {
           ], 8, Bc))), 128))
         ])) : e.type !== "default" && e.type !== "content" && n.showOptions ? (o(), l("ul", {
           key: 1,
-          class: _({ "checkbox-options": e.type === "checkboxOptions" }),
+          class: b({ "checkbox-options": e.type === "checkboxOptions" }),
           "aria-expanded": n.showOptions
         }, [
           (o(!0), l(v, null, E(e.selectData, (p, x) => (o(), l("li", { key: x }, [
             e.type === "checkboxOptions" ? (o(), l("label", {
               key: 0,
               for: "option-" + (x + 1),
-              class: _({ active: e.modelValue.includes(`${p.value}`) })
+              class: b({ active: e.modelValue.includes(`${p.value}`) })
             }, [
               m("input", {
                 type: "checkbox",
@@ -4845,7 +4851,7 @@ function jc(t, s, e, a, n, i) {
               key: 1,
               href: "#",
               onClick: M((w) => i.selectOption(p.value), ["prevent"]),
-              class: _({ active: p.value === e.modelValue })
+              class: b({ active: p.value === e.modelValue })
             }, [
               m("img", {
                 class: "flag",
@@ -4857,7 +4863,7 @@ function jc(t, s, e, a, n, i) {
               key: 2,
               href: "#",
               onClick: M((w) => i.selectOption(p.value), ["prevent"]),
-              class: _({ active: p.value === e.modelValue })
+              class: b({ active: p.value === e.modelValue })
             }, [
               m("span", {
                 class: "color",
@@ -4922,7 +4928,7 @@ const Uc = {
 }, zc = ["data-use-validation", "novalidate"], Wc = { class: "flex-container" };
 function Gc(t, s, e, a, n, i) {
   return o(), l("form", {
-    class: _(["cmd-form", { error: n.errorOccurred }]),
+    class: b(["cmd-form", { error: n.errorOccurred }]),
     "data-use-validation": e.useValidation,
     onSubmit: s[0] || (s[0] = (...d) => i.onSubmit && i.onSubmit(...d)),
     novalidate: e.novalidate
@@ -4930,7 +4936,7 @@ function Gc(t, s, e, a, n, i) {
     e.useFieldset ? (o(), l(v, { key: 0 }, [
       m("fieldset", Wc, [
         m("legend", {
-          class: _({ hidden: !e.showLegend })
+          class: b({ hidden: !e.showLegend })
         }, f(e.textLegend), 3),
         N(t.$slots, "default")
       ]),
@@ -5011,7 +5017,7 @@ function Zc(t, s, e, a, n, i) {
         href: "#",
         onClick: s[0] || (s[0] = M((...u) => i.deleteAllFilters && i.deleteAllFilters(...u), ["prevent"]))
       }, [
-        e.linkDeleteAllFilters.icon && e.linkDeleteAllFilters.icon.show ? (o(), b(d, {
+        e.linkDeleteAllFilters.icon && e.linkDeleteAllFilters.icon.show ? (o(), _(d, {
           key: 0,
           iconClass: e.linkDeleteAllFilters.icon.iconClass,
           title: e.linkDeleteAllFilters.icon.tooltip
@@ -5296,7 +5302,7 @@ const yd = {
 function Td(t, s, e, a, n, i) {
   const d = Ot, u = G;
   return o(), l("div", {
-    class: _([
+    class: b([
       "cmd-input-group label",
       t.validationStatus,
       {
@@ -5314,7 +5320,7 @@ function Td(t, s, e, a, n, i) {
         R(f(e.labelText), 1),
         e.required ? (o(), l("sup", Cd, "*")) : r("", !0)
       ], 8, bd),
-      t.useCustomTooltip && (t.validationStatus === "" || t.validationStatus === "error") ? (o(), b(d, {
+      t.useCustomTooltip && (t.validationStatus === "" || t.validationStatus === "error") ? (o(), _(d, {
         key: 0,
         ref: "tooltip",
         showRequirements: t.showRequirements,
@@ -5346,7 +5352,7 @@ function Td(t, s, e, a, n, i) {
       N(t.$slots, "default")
     ])) : (o(), l("span", {
       key: 0,
-      class: _(["flex-container", { "no-flex": !e.stretchHorizontally, "no-gap": e.multipleSwitch }])
+      class: b(["flex-container", { "no-flex": !e.stretchHorizontally, "no-gap": e.multipleSwitch }])
     }, [
       (o(!0), l(v, null, E(e.inputElements, (c, h) => (o(), l("label", {
         key: h,
@@ -5359,11 +5365,11 @@ function Td(t, s, e, a, n, i) {
           value: c.value,
           "onUpdate:modelValue": s[1] || (s[1] = (g) => i.inputValue = g),
           disabled: e.disabled,
-          class: _({ "replace-input-type": e.replaceInputType, "toggle-switch": e.toggleSwitch })
+          class: b({ "replace-input-type": e.replaceInputType, "toggle-switch": e.toggleSwitch })
         }, null, 10, kd), [
           [dn, i.inputValue]
         ]),
-        e.multipleSwitch && c.iconClass ? (o(), b(u, {
+        e.multipleSwitch && c.iconClass ? (o(), _(u, {
           key: 0,
           iconClass: c.iconClass,
           type: c.iconType
@@ -5572,9 +5578,9 @@ function Ud(t, s, e, a, n, i) {
   return o(), l(v, null, [
     re(m("fieldset", Od, [
       m("legend", {
-        class: _({ hidden: !e.showLegend })
+        class: b({ hidden: !e.showLegend })
       }, f(e.textLegendLoginForm), 3),
-      e.cmdHeadlineLoginForm ? (o(), b(d, Z(j({ key: 0 }, e.cmdHeadlineLoginForm)), null, 16)) : r("", !0),
+      e.cmdHeadlineLoginForm ? (o(), _(d, Z(j({ key: 0 }, e.cmdHeadlineLoginForm)), null, 16)) : r("", !0),
       m("div", Md, [
         S(u, {
           element: "input",
@@ -5610,7 +5616,7 @@ function Ud(t, s, e, a, n, i) {
             href: "#",
             onClick: s[4] || (s[4] = M((I) => n.sendLogin = !0, ["prevent"]))
           }, [
-            ((g = e.options.forgotPassword.icon) == null ? void 0 : g.show) && ((y = e.options.forgotPassword.icon) == null ? void 0 : y.iconClass) ? (o(), b(c, {
+            ((g = e.options.forgotPassword.icon) == null ? void 0 : g.show) && ((y = e.options.forgotPassword.icon) == null ? void 0 : y.iconClass) ? (o(), _(c, {
               key: 0,
               iconClass: e.options.forgotPassword.icon.iconClass,
               type: e.options.forgotPassword.icon.iconType,
@@ -5622,21 +5628,21 @@ function Ud(t, s, e, a, n, i) {
             key: 1,
             href: e.options.createAccount.path
           }, [
-            ((C = e.options.createAccount.icon) == null ? void 0 : C.show) && ((p = e.options.createAccount.icon) == null ? void 0 : p.iconClass) ? (o(), b(c, {
+            ((C = e.options.createAccount.icon) == null ? void 0 : C.show) && ((p = e.options.createAccount.icon) == null ? void 0 : p.iconClass) ? (o(), _(c, {
               key: 0,
               iconClass: e.options.createAccount.icon.iconClass,
               type: e.options.createAccount.icon.iconType,
               title: e.options.createAccount.icon.tooltip
             }, null, 8, ["iconClass", "type", "title"])) : r("", !0),
             e.options.createAccount.text ? (o(), l("span", Fd, f(e.options.createAccount.text), 1)) : r("", !0)
-          ], 8, Dd)) : e.options.createAccount && e.options.createAccount.linkType === "router" ? (o(), b(h, {
+          ], 8, Dd)) : e.options.createAccount && e.options.createAccount.linkType === "router" ? (o(), _(h, {
             key: 2,
             to: e.options.createAccount.path
           }, {
             default: A(() => [
-              e.options.createAccount.icon && e.options.createAccount.icon.show && e.options.createAccount.icon.iconClass ? (o(), b(c, {
+              e.options.createAccount.icon && e.options.createAccount.icon.show && e.options.createAccount.icon.iconClass ? (o(), _(c, {
                 key: 0,
-                class: _(e.options.createAccount.icon.iconClass),
+                class: b(e.options.createAccount.icon.iconClass),
                 type: e.options.createAccount.icon.iconType,
                 title: e.options.createAccount.icon.tooltip
               }, null, 8, ["class", "type", "title"])) : r("", !0),
@@ -5649,11 +5655,11 @@ function Ud(t, s, e, a, n, i) {
         e.buttons.login.linkType === "button" ? (o(), l("button", {
           key: 1,
           type: e.buttons.login.type === "submit" ? "submit" : "button",
-          class: _(["button", { primary: e.buttons.login.primary }]),
+          class: b(["button", { primary: e.buttons.login.primary }]),
           onClick: s[5] || (s[5] = (...I) => i.onClick && i.onClick(...I)),
           disabled: i.buttonLoginDisabled
         }, [
-          e.buttons.login.icon.iconClass ? (o(), b(c, {
+          e.buttons.login.icon.iconClass ? (o(), _(c, {
             key: 0,
             iconClass: e.buttons.login.icon.iconClass,
             type: e.buttons.login.icon.iconType,
@@ -5667,9 +5673,9 @@ function Ud(t, s, e, a, n, i) {
     ]),
     re(m("fieldset", Hd, [
       m("legend", {
-        class: _({ hidden: !e.showLegend })
+        class: b({ hidden: !e.showLegend })
       }, f(e.textLegendForgotLoginForm), 3),
-      e.cmdHeadlineSendLoginForm ? (o(), b(d, Z(j({ key: 0 }, e.cmdHeadlineSendLoginForm)), null, 16)) : r("", !0),
+      e.cmdHeadlineSendLoginForm ? (o(), _(d, Z(j({ key: 0 }, e.cmdHeadlineSendLoginForm)), null, 16)) : r("", !0),
       S(u, {
         element: "input",
         type: "email",
@@ -5688,7 +5694,7 @@ function Ud(t, s, e, a, n, i) {
           href: "#",
           onClick: s[8] || (s[8] = M((I) => n.sendLogin = !1, ["prevent"]))
         }, [
-          e.options.backToLoginForm && e.options.backToLoginForm.icon && e.options.backToLoginForm.icon.show && e.options.backToLoginForm.icon.iconClass ? (o(), b(c, {
+          e.options.backToLoginForm && e.options.backToLoginForm.icon && e.options.backToLoginForm.icon.show && e.options.backToLoginForm.icon.iconClass ? (o(), _(c, {
             key: 0,
             iconClass: e.options.backToLoginForm.icon.iconClass,
             type: e.options.backToLoginForm.icon.iconType,
@@ -5699,10 +5705,10 @@ function Ud(t, s, e, a, n, i) {
         e.buttons.sendLogin.linkType === "button" ? (o(), l("button", {
           key: 0,
           type: e.buttons.sendLogin.type === "submit" ? "submit" : "button",
-          class: _(["button", { primary: e.buttons.sendLogin.primary }]),
+          class: b(["button", { primary: e.buttons.sendLogin.primary }]),
           disabled: i.buttonSendLoginDisabled
         }, [
-          (x = e.buttons.sendLogin.icon) != null && x.iconClass ? (o(), b(c, {
+          (x = e.buttons.sendLogin.icon) != null && x.iconClass ? (o(), _(c, {
             key: 0,
             iconClass: (w = e.buttons.sendLogin.icon) == null ? void 0 : w.iconClass,
             title: (T = e.buttons.sendLogin.icon) == null ? void 0 : T.tooltip
@@ -5803,7 +5809,7 @@ const zd = {
 function nu(t, s, e, a, n, i) {
   const d = G, u = oe("router-link");
   return o(), l("div", {
-    class: _([
+    class: b([
       "cmd-main-navigation",
       {
         "hide-sub-navigation": !n.showSubNavigations,
@@ -5816,7 +5822,7 @@ function nu(t, s, e, a, n, i) {
   }, [
     m("nav", null, [
       m("ul", {
-        class: _({ "stretch-items": e.stretchMainItems })
+        class: b({ "stretch-items": e.stretchMainItems })
       }, [
         n.showOffcanvas ? (o(), l("li", Wd, [
           m("a", {
@@ -5825,13 +5831,13 @@ function nu(t, s, e, a, n, i) {
             role: "button",
             onClick: s[0] || (s[0] = M((...c) => i.closeOffcanvasNavigation && i.closeOffcanvasNavigation(...c), ["prevent"]))
           }, [
-            e.closeOffcanvas.iconClass ? (o(), b(d, {
+            e.closeOffcanvas.iconClass ? (o(), _(d, {
               key: 0,
               iconClass: e.closeOffcanvas.iconClass,
               type: e.closeOffcanvas.iconType
             }, null, 8, ["iconClass", "type"])) : r("", !0),
             m("span", {
-              class: _({ hidden: !e.closeOffcanvas.showText })
+              class: b({ hidden: !e.closeOffcanvas.showText })
             }, f(e.closeOffcanvas.text), 3)
           ])
         ])) : r("", !0),
@@ -5839,7 +5845,7 @@ function nu(t, s, e, a, n, i) {
           var g, y, C;
           return o(), l("li", {
             key: h,
-            class: _({ active: c.active, open: n.openEntry === h, "has-subentries": (g = c == null ? void 0 : c.subentries) == null ? void 0 : g.length })
+            class: b({ active: c.active, open: n.openEntry === h, "has-subentries": (g = c == null ? void 0 : c.subentries) == null ? void 0 : g.length })
           }, [
             c.type === "href" ? (o(), l("a", {
               key: 0,
@@ -5850,7 +5856,7 @@ function nu(t, s, e, a, n, i) {
               onMouseover: s[1] || (s[1] = (p) => i.closeAllSubentries()),
               onFocus: s[2] || (s[2] = (p) => i.closeAllSubentries())
             }, [
-              c.iconClass ? (o(), b(d, {
+              c.iconClass ? (o(), _(d, {
                 key: 0,
                 iconClass: c.iconClass,
                 type: c.iconType
@@ -5858,16 +5864,16 @@ function nu(t, s, e, a, n, i) {
               c.text ? (o(), l("span", Jd, f(c.text), 1)) : r("", !0),
               (y = c == null ? void 0 : c.subentries) != null && y.length ? (o(), l("span", {
                 key: 2,
-                class: _(["subentry-icon", e.subentriesIconClass])
+                class: b(["subentry-icon", e.subentriesIconClass])
               }, null, 2)) : r("", !0)
             ], 40, Gd)) : r("", !0),
-            c.type === "router" ? (o(), b(u, {
+            c.type === "router" ? (o(), _(u, {
               key: 1,
               to: i.getRoute(c),
               title: c.tooltip
             }, {
               default: A(() => [
-                c.iconClass ? (o(), b(d, {
+                c.iconClass ? (o(), _(d, {
                   key: 0,
                   iconClass: c.iconClass,
                   type: c.iconType
@@ -5875,7 +5881,7 @@ function nu(t, s, e, a, n, i) {
                 c.text ? (o(), l("span", Kd, f(c.text), 1)) : r("", !0),
                 c.subentries && c.subentries.length > 0 ? (o(), l("span", {
                   key: 2,
-                  class: _(["subentry-icon", e.subentriesIconClass])
+                  class: b(["subentry-icon", e.subentriesIconClass])
                 }, null, 2)) : r("", !0)
               ]),
               _: 2
@@ -5886,7 +5892,7 @@ function nu(t, s, e, a, n, i) {
             }, [
               (o(!0), l(v, null, E(c.subentries, (p, x) => (o(), l("li", {
                 key: x,
-                class: _({ open: n.openSubentry === x })
+                class: b({ open: n.openSubentry === x })
               }, [
                 p.type === "href" ? (o(), l("a", {
                   key: 0,
@@ -5897,7 +5903,7 @@ function nu(t, s, e, a, n, i) {
                   onMouseover: s[3] || (s[3] = (w) => i.closeAllSubentries(1)),
                   onFocus: s[4] || (s[4] = (w) => i.closeAllSubentries(1))
                 }, [
-                  p.iconClass ? (o(), b(d, {
+                  p.iconClass ? (o(), _(d, {
                     key: 0,
                     iconClass: p.iconClass,
                     type: p.iconType
@@ -5905,16 +5911,16 @@ function nu(t, s, e, a, n, i) {
                   p.text ? (o(), l("span", Qd, f(p.text), 1)) : r("", !0),
                   p.subentries && p.subentries.length > 0 ? (o(), l("span", {
                     key: 2,
-                    class: _(["subentry-icon", e.subentriesIconClass])
+                    class: b(["subentry-icon", e.subentriesIconClass])
                   }, null, 2)) : r("", !0)
                 ], 40, Yd)) : r("", !0),
-                p.type === "router" ? (o(), b(u, {
+                p.type === "router" ? (o(), _(u, {
                   key: 1,
                   to: i.getRoute(p),
                   title: p.tooltip
                 }, {
                   default: A(() => [
-                    p.iconClass ? (o(), b(d, {
+                    p.iconClass ? (o(), _(d, {
                       key: 0,
                       iconClass: p.iconClass,
                       type: p.iconType
@@ -5922,7 +5928,7 @@ function nu(t, s, e, a, n, i) {
                     p.text ? (o(), l("span", Zd, f(p.text), 1)) : r("", !0),
                     p.subentries && p.subentries.length > 0 ? (o(), l("span", {
                       key: 2,
-                      class: _(["subentry-icon", e.subentriesIconClass])
+                      class: b(["subentry-icon", e.subentriesIconClass])
                     }, null, 2)) : r("", !0)
                   ]),
                   _: 2
@@ -5939,7 +5945,7 @@ function nu(t, s, e, a, n, i) {
                       target: w.target,
                       onClick: (I) => i.executeLink(I, w)
                     }, [
-                      w.iconClass ? (o(), b(d, {
+                      w.iconClass ? (o(), _(d, {
                         key: 0,
                         iconClass: w.iconClass,
                         type: w.iconType
@@ -5947,16 +5953,16 @@ function nu(t, s, e, a, n, i) {
                       w.text ? (o(), l("span", tu, f(w.text), 1)) : r("", !0),
                       w.subentries && w.subentries.length > 0 ? (o(), l("span", {
                         key: 2,
-                        class: _(["subentry-icon", e.subentriesIconClass])
+                        class: b(["subentry-icon", e.subentriesIconClass])
                       }, null, 2)) : r("", !0)
                     ], 8, eu)) : r("", !0),
-                    c.type === "router" ? (o(), b(u, {
+                    c.type === "router" ? (o(), _(u, {
                       key: 1,
                       to: i.getRoute(w),
                       target: w.target
                     }, {
                       default: A(() => [
-                        w.iconClass ? (o(), b(d, {
+                        w.iconClass ? (o(), _(d, {
                           key: 0,
                           iconClass: w.iconClass,
                           type: w.iconType
@@ -5964,7 +5970,7 @@ function nu(t, s, e, a, n, i) {
                         w.text ? (o(), l("span", su, f(w.text), 1)) : r("", !0),
                         w.subentries && w.subentries.length > 0 ? (o(), l("span", {
                           key: 2,
-                          class: _(["subentry-icon", e.subentriesIconClass])
+                          class: b(["subentry-icon", e.subentriesIconClass])
                         }, null, 2)) : r("", !0)
                       ]),
                       _: 2
@@ -5989,7 +5995,7 @@ function nu(t, s, e, a, n, i) {
         type: e.buttonOffcanvas.iconType
       }, null, 8, ["iconClass", "type"]),
       m("span", {
-        class: _({ hidden: !e.buttonOffcanvas.showText })
+        class: b({ hidden: !e.buttonOffcanvas.showText })
       }, f(e.buttonOffcanvas.text), 3)
     ])) : r("", !0)
   ], 2);
@@ -6041,7 +6047,7 @@ function gu(t, s, e, a, n, i) {
   return o(), l("ol", lu, [
     (o(!0), l(v, null, E(e.multisteps, (c, h) => (o(), l("li", {
       key: h,
-      class: _({ active: n.activeLink === h })
+      class: b({ active: n.activeLink === h })
     }, [
       c.type === "href" ? (o(), l("a", {
         key: 0,
@@ -6050,31 +6056,31 @@ function gu(t, s, e, a, n, i) {
         title: c.tooltip
       }, [
         e.showStepNumber ? (o(), l("span", ru, f(h + 1), 1)) : r("", !0),
-        c.iconClass ? (o(), b(d, {
+        c.iconClass ? (o(), _(d, {
           key: 1,
           iconClass: c.iconClass,
           type: c.iconType
         }, null, 8, ["iconClass", "type"])) : r("", !0),
         c.text ? (o(), l("span", cu, f(c.text), 1)) : r("", !0),
         m("span", {
-          class: _(e.separatorIconClass)
+          class: b(e.separatorIconClass)
         }, null, 2)
       ], 8, au)) : r("", !0),
-      c.type === "router" ? (o(), b(u, {
+      c.type === "router" ? (o(), _(u, {
         key: 1,
         to: i.getRoute(c),
         title: c.tooltip
       }, {
         default: A(() => [
           e.showStepNumber ? (o(), l("span", du, f(h + 1), 1)) : r("", !0),
-          c.iconClass ? (o(), b(d, {
+          c.iconClass ? (o(), _(d, {
             key: 1,
             iconClass: c.iconClass,
             type: c.iconType
           }, null, 8, ["iconClass", "type"])) : r("", !0),
           c.text ? (o(), l("span", uu, f(c.text), 1)) : r("", !0),
           m("span", {
-            class: _(e.separatorIconClass)
+            class: b(e.separatorIconClass)
           }, null, 2)
         ]),
         _: 2
@@ -6089,14 +6095,14 @@ function gu(t, s, e, a, n, i) {
         onClick: M((g) => i.clickedStep(g, h), ["stop", "prevent"])
       }, [
         e.showStepNumber ? (o(), l("span", mu, f(h + 1), 1)) : r("", !0),
-        c.iconClass ? (o(), b(d, {
+        c.iconClass ? (o(), _(d, {
           key: 1,
           iconClass: c.iconClass,
           type: c.iconType
         }, null, 8, ["iconClass", "type"])) : r("", !0),
         c.text ? (o(), l("span", fu, f(c.text), 1)) : r("", !0),
         m("span", {
-          class: _(e.separatorIconClass)
+          class: b(e.separatorIconClass)
         }, null, 2)
       ], 8, hu)) : r("", !0)
     ], 2))), 128))
@@ -6220,17 +6226,17 @@ function ku(t, s, e, a, n, i) {
   var c, h;
   const d = Y, u = oe("router-link");
   return o(), l("div", _u, [
-    e.cmdHeadline ? (o(), b(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
+    e.cmdHeadline ? (o(), _(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
     e.link && ((c = e.link) == null ? void 0 : c.path) && ((h = e.link) == null ? void 0 : h.show) ? (o(), l(v, { key: 1 }, [
       e.link.type === "href" ? (o(), l("a", {
         key: 0,
         href: e.link.path,
-        class: _({ closed: i.isClosed })
+        class: b({ closed: i.isClosed })
       }, f(i.textOpenClosed), 11, bu)) : r("", !0),
-      e.link.type === "router" ? (o(), b(u, {
+      e.link.type === "router" ? (o(), _(u, {
         key: 1,
         to: e.link.path,
-        class: _({ closed: i.isClosed })
+        class: b({ closed: i.isClosed })
       }, {
         default: A(() => [
           R(f(i.textOpenClosed), 1)
@@ -6239,11 +6245,11 @@ function ku(t, s, e, a, n, i) {
       }, 8, ["to", "class"])) : r("", !0),
       e.link.type === "button" ? (o(), l("button", {
         key: 2,
-        class: _(["button", { closed: i.isClosed }])
+        class: b(["button", { closed: i.isClosed }])
       }, f(i.textOpenClosed), 3)) : r("", !0)
     ], 64)) : (o(), l("span", {
       key: 2,
-      class: _({ closed: i.isClosed })
+      class: b({ closed: i.isClosed })
     }, f(i.textOpenClosed), 3)),
     m("dl", null, [
       (o(!0), l(v, null, E(i.openingHoursFormatted, (g) => (o(), l(v, {
@@ -6348,7 +6354,7 @@ function qu(t, s, e, a, n, i) {
   return o(), l("div", Tu, [
     m("a", {
       href: i.getPreviousHref,
-      class: _(["page-change", { disabled: n.currentPage === 1, button: e.linkType === "button" }]),
+      class: b(["page-change", { disabled: n.currentPage === 1, button: e.linkType === "button" }]),
       onClick: s[0] || (s[0] = M((...u) => i.previousPage && i.previousPage(...u), ["prevent"])),
       title: e.prevLink.showText ? null : e.prevLink.text
     }, [
@@ -6362,7 +6368,7 @@ function qu(t, s, e, a, n, i) {
       m("div", Lu, [
         (o(!0), l(v, null, E(e.pages, (u, c) => (o(), l("a", {
           href: i.getHref(u),
-          class: _({ disabled: n.currentPage === c + 1, button: e.linkType === "button" }),
+          class: b({ disabled: n.currentPage === c + 1, button: e.linkType === "button" }),
           title: n.currentPage !== c + 1 ? t.getMessage("cmdpager.tooltip.go_to_page", c + 1) : t.getMessage("cmdpager.tooltip.not_possible"),
           key: c,
           onClick: M((h) => i.showPage(u), ["stop", "prevent"]),
@@ -6374,7 +6380,7 @@ function qu(t, s, e, a, n, i) {
     ]),
     m("a", {
       href: i.getNextHref,
-      class: _(["page-change", { disabled: n.currentPage === i.numberOfPages, button: e.linkType === "button" }]),
+      class: b(["page-change", { disabled: n.currentPage === i.numberOfPages, button: e.linkType === "button" }]),
       onClick: s[1] || (s[1] = M((...u) => i.nextPage && i.nextPage(...u), ["prevent"])),
       title: e.nextLink.showText ? null : e.nextLink.text
     }, [
@@ -6420,7 +6426,7 @@ function Eu(t, s, e, a, n, i) {
     for: e.id
   }, [
     m("span", {
-      class: _(["label-text", { hidden: !e.showLabel }])
+      class: b(["label-text", { hidden: !e.showLabel }])
     }, f(e.labelText), 3),
     m("span", Pu, [
       e.showLoadingStatus ? (o(), l("span", Hu, f(n.loadingStatus) + " %", 1)) : r("", !0),
@@ -6508,10 +6514,10 @@ const ju = {
 function Wu(t, s, e, a, n, i) {
   const d = Y, u = _e, c = G;
   return o(), l("div", {
-    class: _(["cmd-share-buttons", { stretch: e.stretchButtons, "align-right": e.align === "right" }])
+    class: b(["cmd-share-buttons", { stretch: e.stretchButtons, "align-right": e.align === "right" }])
   }, [
-    e.cmdHeadline ? (o(), b(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
-    e.userMustAcceptDataPrivacy ? (o(), b(u, {
+    e.cmdHeadline ? (o(), _(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
+    e.userMustAcceptDataPrivacy ? (o(), _(u, {
       key: 1,
       element: "input",
       type: "checkbox",
@@ -6524,20 +6530,20 @@ function Wu(t, s, e, a, n, i) {
     m("div", Nu, [
       (o(!0), l(v, null, E(i.validShareButtons, (h) => (o(), l("a", {
         key: h.path,
-        class: _(["button", { disabled: e.userMustAcceptDataPrivacy && !n.dataPrivacyAccepted }]),
+        class: b(["button", { disabled: e.userMustAcceptDataPrivacy && !n.dataPrivacyAccepted }]),
         id: h.id,
         href: i.getUrl(h),
         onClick: s[1] || (s[1] = (...g) => i.preventOnDisabled && i.preventOnDisabled(...g)),
         target: "_blank",
         title: i.tooltip(h.tooltip)
       }, [
-        h.iconClass && h.iconPosition !== "right" ? (o(), b(c, {
+        h.iconClass && h.iconPosition !== "right" ? (o(), _(c, {
           key: 0,
           iconClass: h.iconClass,
           type: h.iconType
         }, null, 8, ["iconClass", "type"])) : r("", !0),
         h.linkText ? (o(), l("span", zu, f(h.linkText), 1)) : r("", !0),
-        h.iconClass && h.iconPosition === "right" ? (o(), b(c, {
+        h.iconClass && h.iconPosition === "right" ? (o(), _(c, {
           key: 2,
           iconClass: h.iconClass,
           type: h.iconType
@@ -6559,7 +6565,7 @@ const Gu = {
 function Ku(t, s, e, a, n, i) {
   return o(), l("div", Ju, [
     m("footer", {
-      class: _(["flex-container", { vertical: e.orientation === "vertical" }])
+      class: b(["flex-container", { vertical: e.orientation === "vertical" }])
     }, [
       N(t.$slots, "default")
     ], 2)
@@ -6602,14 +6608,14 @@ function Qu(t, s, e, a, n, i) {
   var c, h, g, y, C, p, x, w;
   const d = ir, u = iu;
   return o(), l("div", {
-    class: _(["cmd-site-header", { sticky: e.sticky, "navigation-inline": e.navigationInline }]),
+    class: b(["cmd-site-header", { sticky: e.sticky, "navigation-inline": e.navigationInline }]),
     role: "banner"
   }, [
     t.$slots.topheader ? (o(), l("div", Yu, [
       N(t.$slots, "topheader")
     ])) : r("", !0),
     m("header", {
-      class: _([
+      class: b([
         e.useGrid ? "grid-container-create-columns" : "flex-container",
         { "has-navigation": ((h = (c = e.cmdMainNavigation) == null ? void 0 : c.navigationEntries) == null ? void 0 : h.length) && e.navigationInline || t.$slots.navigation }
       ])
@@ -6620,15 +6626,15 @@ function Qu(t, s, e, a, n, i) {
         N(t.$slots, "navigation")
       ], 64)) : r("", !0),
       e.cmdCompanyLogo || ((y = (g = e.cmdMainNavigation) == null ? void 0 : g.navigationEntries) == null ? void 0 : y.length) ? (o(), l(v, { key: 1 }, [
-        e.cmdCompanyLogo ? (o(), b(d, Z(j({ key: 0 }, e.cmdCompanyLogo)), null, 16)) : r("", !0),
-        ((p = (C = e.cmdMainNavigation) == null ? void 0 : C.navigationEntries) == null ? void 0 : p.length) && e.navigationInline ? (o(), b(u, {
+        e.cmdCompanyLogo ? (o(), _(d, Z(j({ key: 0 }, e.cmdCompanyLogo)), null, 16)) : r("", !0),
+        ((p = (C = e.cmdMainNavigation) == null ? void 0 : C.navigationEntries) == null ? void 0 : p.length) && e.navigationInline ? (o(), _(u, {
           key: 1,
           navigationEntries: e.cmdMainNavigation.navigationEntries,
           closeOffcanvas: e.closeOffcanvas
         }, null, 8, ["navigationEntries", "closeOffcanvas"])) : r("", !0)
       ], 64)) : r("", !0)
     ], 2),
-    ((w = (x = e.cmdMainNavigation) == null ? void 0 : x.navigationEntries) == null ? void 0 : w.length) && !e.navigationInline ? (o(), b(u, {
+    ((w = (x = e.cmdMainNavigation) == null ? void 0 : x.navigationEntries) == null ? void 0 : w.length) && !e.navigationInline ? (o(), _(u, {
       key: 1,
       navigationEntries: e.cmdMainNavigation.navigationEntries,
       closeOffcanvas: e.closeOffcanvas
@@ -6873,9 +6879,9 @@ function lh(t, s, e, a, n, i) {
   return o(), l(v, null, [
     m("fieldset", eh, [
       m("legend", {
-        class: _({ hidden: !e.showLegend })
+        class: b({ hidden: !e.showLegend })
       }, f(e.textLegend), 3),
-      e.cmdHeadline ? (o(), b(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
+      e.cmdHeadline ? (o(), _(d, Z(j({ key: 0 }, e.cmdHeadline)), null, 16)) : r("", !0),
       m("div", th, [
         S(u, {
           element: "input",
@@ -6889,7 +6895,7 @@ function lh(t, s, e, a, n, i) {
           "onUpdate:modelValue": s[0] || (s[0] = (P) => i.searchValue1 = P)
         }, null, 8, ["type", "show-label", "labelText", "placeholder", "required", "showSearchButton", "modelValue"]),
         m("div", sh, [
-          e.cmdFormElementInput2.show ? (o(), b(u, {
+          e.cmdFormElementInput2.show ? (o(), _(u, {
             key: 0,
             element: "input",
             type: e.cmdFormElementInput2.type,
@@ -6900,7 +6906,7 @@ function lh(t, s, e, a, n, i) {
             modelValue: i.searchValue2,
             "onUpdate:modelValue": s[1] || (s[1] = (P) => i.searchValue2 = P)
           }, null, 8, ["type", "show-label", "labelText", "placeholder", "required", "modelValue"])) : r("", !0),
-          e.cmdFormElementRadius.show ? (o(), b(u, {
+          e.cmdFormElementRadius.show ? (o(), _(u, {
             key: 1,
             element: "select",
             class: "no-flex",
@@ -6952,7 +6958,7 @@ function lh(t, s, e, a, n, i) {
         })
       ], 64)) : r("", !0)
     ]),
-    (k = e.cmdFakeSelect) != null && k.show ? (o(), b(g, {
+    (k = e.cmdFakeSelect) != null && k.show ? (o(), _(g, {
       key: 0,
       modelValue: i.searchFilters,
       "onUpdate:modelValue": s[5] || (s[5] = (P) => i.searchFilters = P),
@@ -7076,7 +7082,7 @@ const ah = (t) => !t.loaded, rh = (t) => t.images && t.images.find(ah), ch = {
 function gh(t, s, e, a, n, i) {
   const d = He, u = he;
   return o(), l("div", {
-    class: _(["cmd-slideshow", { "full-width": n.fullWidth }])
+    class: b(["cmd-slideshow", { "full-width": n.fullWidth }])
   }, [
     m("div", {
       class: "inner-slideshow-wrapper",
@@ -7127,7 +7133,7 @@ function gh(t, s, e, a, n, i) {
       e.showQuickLinkIcons ? (o(), l("ol", hh, [
         (o(!0), l(v, null, E(e.slideshowItems, (c, h) => (o(), l("li", {
           key: h,
-          class: _({ active: h === n.index })
+          class: b({ active: h === n.index })
         }, [
           m("a", {
             href: "#",
@@ -7186,7 +7192,7 @@ function vh(t, s, e, a, n, i) {
         u.link.type === "href" ? (o(), l("a", {
           key: 0,
           href: u.link.path,
-          class: _(["flag", u.iso2, { active: i.activeLanguage(u) }]),
+          class: b(["flag", u.iso2, { active: i.activeLanguage(u) }]),
           title: u.tooltip,
           onClick: (h) => t.$emit("click", { originalEvent: h, language: u })
         }, [
@@ -7194,9 +7200,9 @@ function vh(t, s, e, a, n, i) {
             src: n.imageSources[c],
             alt: u.name
           }, null, 8, bh)
-        ], 10, _h)) : (o(), b(d, {
+        ], 10, _h)) : (o(), _(d, {
           key: 1,
-          class: _(["flag", u.iso2]),
+          class: b(["flag", u.iso2]),
           to: i.getRoute(u),
           title: u.tooltip,
           onClick: (h) => t.$emit("click", { originalEvent: h, language: u })
@@ -7278,11 +7284,11 @@ const wh = {
 }, kh = ["role", "aria-labelledby"], xh = ["title"];
 function Sh(t, s, e, a, n, i) {
   const d = G, u = Y;
-  return o(), b(ce, { name: "fade" }, {
+  return o(), _(ce, { name: "fade" }, {
     default: A(() => [
       n.showSystemMessage ? (o(), l("div", {
         key: 0,
-        class: _(["cmd-system-message", "system-message", "flex-container", "vertical", { "full-width": e.fullWidth }, e.validationStatus]),
+        class: b(["cmd-system-message", "system-message", "flex-container", "vertical", { "full-width": e.fullWidth }, e.validationStatus]),
         role: e.validationStatus === "error" ? "alert" : "dialog",
         "aria-labelledby": t.htmlId
       }, [
@@ -7398,7 +7404,7 @@ function qh(t, s, e, a, n, i) {
   var u, c, h, g;
   const d = G;
   return o(), l("div", {
-    class: _(["cmd-table-wrapper", { collapsed: !n.showTableData, "full-width": n.fullWidth, "has-caption": i.hasCaption }])
+    class: b(["cmd-table-wrapper", { collapsed: !n.showTableData, "full-width": n.fullWidth, "has-caption": i.hasCaption }])
   }, [
     e.collapsible || e.userCanToggleWidth ? (o(), l("div", Oh, [
       e.userCanToggleWidth ? (o(), l("a", {
@@ -7428,11 +7434,11 @@ function qh(t, s, e, a, n, i) {
     ])) : r("", !0),
     m("div", Bh, [
       m("table", {
-        class: _({ "full-width": n.fullWidth })
+        class: b({ "full-width": n.fullWidth })
       }, [
         ((u = e.tableData.caption) == null ? void 0 : u.text) || ((c = e.caption) == null ? void 0 : c.text) ? (o(), l("caption", {
           key: 0,
-          class: _({ hidden: i.hideCaption })
+          class: b({ hidden: i.hideCaption })
         }, f(((h = e.caption) == null ? void 0 : h.text) || ((g = e.tableData.caption) == null ? void 0 : g.text)), 3)) : r("", !0),
         m("thead", null, [
           m("tr", null, [
@@ -7443,11 +7449,11 @@ function qh(t, s, e, a, n, i) {
           default: A(() => [
             re(m("tbody", Dh, [
               (o(!0), l(v, null, E(e.tableData.tbody, (y, C) => (o(), l("tr", {
-                class: _({ highlighted: e.tableData.rowIndexHighlighted === C }),
+                class: b({ highlighted: e.tableData.rowIndexHighlighted === C }),
                 key: C
               }, [
                 (o(!0), l(v, null, E(y, (p, x) => (o(), l("td", {
-                  class: _({ highlighted: e.tableData.columnIndexHighlighted === x }),
+                  class: b({ highlighted: e.tableData.columnIndexHighlighted === x }),
                   key: x
                 }, f(p), 3))), 128))
               ], 2))), 128))
@@ -7462,7 +7468,7 @@ function qh(t, s, e, a, n, i) {
             e.tableData.tfoot && e.tableData.tfoot.length && n.showTableData ? (o(), l("tfoot", Fh, [
               m("tr", null, [
                 (o(!0), l(v, null, E(e.tableData.tfoot, (y, C) => (o(), l("td", {
-                  class: _({ highlighted: e.tableData.columnIndexHighlighted === C }),
+                  class: b({ highlighted: e.tableData.columnIndexHighlighted === C }),
                   key: C
                 }, f(y), 3))), 128))
               ])
@@ -7543,7 +7549,7 @@ function Gh(t, s, e, a, n, i) {
   const d = G, u = Y;
   return o(), l("div", jh, [
     m("ul", {
-      class: _({ "stretch-tabs": e.stretchTabs }),
+      class: b({ "stretch-tabs": e.stretchTabs }),
       role: "tablist"
     }, [
       (o(!0), l(v, null, E(e.tabs, (c, h) => (o(), l("li", {
@@ -7551,12 +7557,12 @@ function Gh(t, s, e, a, n, i) {
         role: "tab"
       }, [
         m("a", {
-          class: _({ active: n.showTab === h }),
+          class: b({ active: n.showTab === h }),
           onClick: M((g) => i.setActiveTab(h), ["prevent"]),
           title: c.name ? void 0 : c.tooltip,
           href: "#"
         }, [
-          c.iconClass ? (o(), b(d, {
+          c.iconClass ? (o(), _(d, {
             key: 0,
             iconClass: c.iconClass,
             type: c.iconType
@@ -7573,7 +7579,7 @@ function Gh(t, s, e, a, n, i) {
     ])), [
       [pe, n.showTab === c - 1]
     ])), 128)) : (o(), l("div", zh, [
-      e.cmdHeadline ? (o(), b(u, j({ key: 0 }, e.cmdHeadline, {
+      e.cmdHeadline ? (o(), _(u, j({ key: 0 }, e.cmdHeadline, {
         headlineText: e.tabs[n.showTab].headlineText,
         headlineLevel: e.tabs[n.showTab].headlineLevel
       }), null, 16, ["headlineText", "headlineLevel"])) : r("", !0),
@@ -7647,7 +7653,7 @@ const Jh = {
 function Kh(t, s, e, a, n, i) {
   const d = _e;
   return o(), l("div", {
-    class: _(["cmd-toggle-dark-mode", { "styled-layout": e.useStyledLayout, "dark-mode": n.darkMode }])
+    class: b(["cmd-toggle-dark-mode", { "styled-layout": e.useStyledLayout, "dark-mode": n.darkMode }])
   }, [
     S(d, {
       element: "input",
@@ -8954,13 +8960,13 @@ function bf(t, s, e, a, n, i) {
   return o(), l(v, null, [
     e.advancedMode ? (o(), l("fieldset", {
       key: 0,
-      class: _(["cmd-upload-form flex-container", { "upload-initiated": n.uploadInitiated }])
+      class: b(["cmd-upload-form flex-container", { "upload-initiated": n.uploadInitiated }])
     }, [
       m("legend", {
-        class: _({ hidden: !e.showLegend })
+        class: b({ hidden: !e.showLegend })
       }, f(e.textLegend), 3),
-      e.cmdHeadlineFieldset ? (o(), b(d, Z(j({ key: 0 }, e.cmdHeadlineFieldset)), null, 16)) : r("", !0),
-      i.systemMessageStatus && i.allSystemMessages.length ? (o(), b(u, {
+      e.cmdHeadlineFieldset ? (o(), _(d, Z(j({ key: 0 }, e.cmdHeadlineFieldset)), null, 16)) : r("", !0),
+      i.systemMessageStatus && i.allSystemMessages.length ? (o(), _(u, {
         key: 1,
         iconClose: { show: !1 },
         validationStatus: i.systemMessageStatus,
@@ -9005,7 +9011,7 @@ function bf(t, s, e, a, n, i) {
                   ], 64))
                 ]),
                 m("small", {
-                  class: _([
+                  class: b([
                     "text-align-right",
                     { error: e.maxTotalUploadSize > 0 && i.totalSize > e.maxTotalUploadSize }
                   ])
@@ -9045,7 +9051,7 @@ function bf(t, s, e, a, n, i) {
                   }, null, 8, ["iconClass", "type"])
                 ], 8, tf),
                 m("span", {
-                  class: _([
+                  class: b([
                     "text-align-right",
                     g.allowedType ? "allowed" : "not-allowed",
                     { error: g.error }
@@ -9073,25 +9079,25 @@ function bf(t, s, e, a, n, i) {
             lf
           ])
         ])) : (o(), l(v, { key: 0 }, [
-          e.allowMultipleFileUploads ? (o(), b(d, j({ key: 0 }, e.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
+          e.allowMultipleFileUploads ? (o(), _(d, j({ key: 0 }, e.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
             default: A(() => [
               R(f(t.getMessage("cmduploadform.no_files_to_upload")), 1)
             ]),
             _: 1
-          }, 16)) : (o(), b(d, j({ key: 1 }, e.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
+          }, 16)) : (o(), _(d, j({ key: 1 }, e.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
             default: A(() => [
               R(f(t.getMessage("cmduploadform.no_file_to_upload")), 1)
             ]),
             _: 1
           }, 16))
         ], 64)),
-        e.allowMultipleFileUploads && n.listOfFiles.length ? (o(), b(d, j({ key: 2 }, e.cmdHeadlineSelectAdditionalFiles, { headlineLevel: "4" }), {
+        e.allowMultipleFileUploads && n.listOfFiles.length ? (o(), _(d, j({ key: 2 }, e.cmdHeadlineSelectAdditionalFiles, { headlineLevel: "4" }), {
           default: A(() => [
             R(f(t.getMessage("cmduploadform.headline.select_additional_files")), 1)
           ]),
           _: 1
         }, 16)) : r("", !0),
-        !e.allowMultipleFileUploads && n.listOfFiles.length ? (o(), b(d, j({ key: 3 }, e.cmdHeadlineSelectNewFile, { headlineLevel: "4" }), {
+        !e.allowMultipleFileUploads && n.listOfFiles.length ? (o(), _(d, j({ key: 3 }, e.cmdHeadlineSelectNewFile, { headlineLevel: "4" }), {
           default: A(() => [
             R(f(t.getMessage("cmduploadform.headline.select_new_file")), 1)
           ]),
@@ -9100,20 +9106,20 @@ function bf(t, s, e, a, n, i) {
         m("dl", af, [
           e.maxTotalUploadSize > 0 ? (o(), l(v, { key: 0 }, [
             m("dt", {
-              class: _({ error: i.totalSize > e.maxTotalUploadSize })
+              class: b({ error: i.totalSize > e.maxTotalUploadSize })
             }, f(t.getMessage("cmduploadform.max_total_upload_size")), 3),
             m("dd", {
-              class: _(["text-align-right", { error: i.totalSize > e.maxTotalUploadSize }])
+              class: b(["text-align-right", { error: i.totalSize > e.maxTotalUploadSize }])
             }, f(i.formatSize(e.maxTotalUploadSize)), 3)
           ], 64)) : r("", !0),
           m("dt", {
-            class: _({ error: n.errors.fileSize })
+            class: b({ error: n.errors.fileSize })
           }, f(t.getMessage("cmduploadform.max_file_upload_size")), 3),
           m("dd", {
-            class: _(["text-align-right", { error: n.errors.fileSize }])
+            class: b(["text-align-right", { error: n.errors.fileSize }])
           }, f(i.formatSize(e.maxFileUploadSize)), 3),
           m("dt", {
-            class: _({ error: n.errors.fileType })
+            class: b({ error: n.errors.fileType })
           }, f(t.getMessage("cmduploadform.allowed_file_types")), 3),
           m("dd", null, [
             m("a", {
@@ -9131,7 +9137,7 @@ function bf(t, s, e, a, n, i) {
                 n.showListOfFileExtensions ? (o(), l("ul", cf, [
                   (o(!0), l(v, null, E(e.allowedFileExtensions, (g, y) => (o(), l("li", {
                     key: y,
-                    class: _({ error: n.errors.fileType })
+                    class: b({ error: n.errors.fileType })
                   }, f(g), 3))), 128))
                 ])) : r("", !0)
               ]),
@@ -9142,7 +9148,7 @@ function bf(t, s, e, a, n, i) {
         m("div", null, [
           m("button", {
             type: "button",
-            class: _(["button upload primary", { disabled: n.uploadInitiated }]),
+            class: b(["button upload primary", { disabled: n.uploadInitiated }]),
             disabled: n.uploadInitiated,
             onClick: s[3] || (s[3] = (g) => i.selectFiles())
           }, [
@@ -9154,7 +9160,7 @@ function bf(t, s, e, a, n, i) {
           ], 10, df),
           e.enableDragAndDrop ? (o(), l("p", {
             key: 0,
-            class: _(["text-drag-and-drop", { disabled: n.uploadInitiated }])
+            class: b(["text-drag-and-drop", { disabled: n.uploadInitiated }])
           }, [
             m("span", null, f(t.getMessage("cmduploadform.or")), 1),
             m("strong", null, [
@@ -9170,7 +9176,7 @@ function bf(t, s, e, a, n, i) {
           ], 2)) : r("", !0)
         ])
       ], 16),
-      e.enableComment ? (o(), b(h, {
+      e.enableComment ? (o(), _(h, {
         key: 2,
         element: "textarea",
         labelText: t.getMessage("cmduploadform.labeltext.comment"),
@@ -9183,7 +9189,7 @@ function bf(t, s, e, a, n, i) {
       }, null, 8, ["labelText", "modelValue", "required", "validationMessage", "placeholder", "status"])) : r("", !0),
       m("div", mf, [
         m("button", {
-          class: _([
+          class: b([
             "button primary",
             {
               disabled: n.listOfFiles.length === 0 || e.maxTotalUploadSize > 0 && i.totalSize > e.maxTotalUploadSize || n.uploadInitiated
@@ -9199,7 +9205,7 @@ function bf(t, s, e, a, n, i) {
           n.listOfFiles.length === 1 || !e.allowMultipleFileUploads ? (o(), l("span", gf, f(t.getMessage("cmduploadform.buttontext.upload_file")), 1)) : (o(), l("span", yf, f(t.getMessage("cmduploadform.buttontext.upload_files")), 1))
         ], 10, ff),
         m("button", {
-          class: _(["button", { disabled: n.listOfFiles.length === 0 }]),
+          class: b(["button", { disabled: n.listOfFiles.length === 0 }]),
           onClick: s[6] || (s[6] = (...g) => i.cancel && i.cancel(...g))
         }, [
           S(c, {
@@ -9307,17 +9313,17 @@ const Cf = {
 function kf(t, s, e, a, n, i) {
   const d = Y;
   return o(), l("div", {
-    class: _(["cmd-width-limitation-wrapper", { sticky: e.sticky }])
+    class: b(["cmd-width-limitation-wrapper", { sticky: e.sticky }])
   }, [
     e.innerWrapper ? (o(), l("section", {
       key: 0,
-      class: _(i.setInnerClass)
+      class: b(i.setInnerClass)
     }, [
       e.anchorId ? (o(), l("a", {
         key: 0,
         id: e.anchorId
       }, null, 8, vf)) : r("", !0),
-      e.cmdHeadline ? (o(), b(d, {
+      e.cmdHeadline ? (o(), _(d, {
         key: 1,
         "pre-headline-text": e.cmdHeadline.preHeadlineText,
         "headline-text": e.cmdHeadline.headlineText,