comand-component-library 4.2.10 → 4.2.11

package/dist/comand-component-library.js

@@ -1,7 +1,7 @@
 var Hl = Object.defineProperty;
 var ql = (e, t, n) => t in e ? Hl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ye = (e, t, n) => ql(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as hi, h as Mn, resolveComponent as ke, openBlock as a, createBlock as v, normalizeClass as C, createElementBlock as r, getCurrentInstance as Rl, resolveDynamicComponent as Fe, withModifiers as S, withCtx as w, withDirectives as $, createElementVNode as o, createVNode as p, createCommentVNode as m, vShow as he, Fragment as _, toDisplayString as b, renderSlot as P, normalizeProps as j, mergeProps as I, createTextVNode as H, renderList as q, Transition as Pe, toHandlers as zt, TransitionGroup as dn, createApp as jl, normalizeStyle as xt, guardReactiveProps as Ve, useCssVars as gi, vModelDynamic as Nl, createStaticVNode as Ul, vModelText as Wt, resolveDirective as zl, vModelSelect as Wl, vModelRadio as Pt, onBeforeUpdate as Gl, onMounted as Kl, onUnmounted as Jl, reactive as Yl } from "vue";
+import { defineComponent as hi, h as Mn, resolveComponent as ke, openBlock as a, createBlock as v, normalizeClass as C, createElementBlock as r, getCurrentInstance as Rl, resolveDynamicComponent as Fe, withModifiers as S, withCtx as w, withDirectives as $, createElementVNode as o, createVNode as p, createCommentVNode as m, vShow as he, Fragment as _, toDisplayString as b, renderSlot as P, normalizeProps as j, mergeProps as I, createTextVNode as E, renderList as q, Transition as Pe, toHandlers as zt, TransitionGroup as dn, createApp as jl, normalizeStyle as xt, guardReactiveProps as Ve, useCssVars as gi, vModelDynamic as Nl, createStaticVNode as Ul, vModelText as Wt, resolveDirective as zl, vModelSelect as Wl, vModelRadio as Pt, onBeforeUpdate as Gl, onMounted as Kl, onUnmounted as Jl, reactive as Yl } from "vue";
 const $e = /^[a-z0-9]+(-[a-z0-9]+)*$/, wt = (e, t, n, s = "") => {
   const i = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -1798,7 +1798,7 @@ function Sa(e, t, n, s, i, l) {
               n.cmdIcon ? (a(), v(d, j(I({ key: 0 }, n.cmdIcon)), null, 16)) : m("", !0),
               o("span", Ta, b(n.preHeadlineText), 1),
               P(e.$slots, "default", {}, () => [
-                H(b(n.headlineText), 1)
+                E(b(n.headlineText), 1)
               ])
             ]),
             _: 3
@@ -1806,7 +1806,7 @@ function Sa(e, t, n, s, i, l) {
         ], 64)) : n.headlineText ? (a(), v(Fe(l.headlineTag), { key: 2 }, {
           default: w(() => [
             P(e.$slots, "default", {}, () => [
-              H(b(n.headlineText), 1)
+              E(b(n.headlineText), 1)
             ])
           ]),
           _: 3
@@ -1833,6 +1833,11 @@ const Y = /* @__PURE__ */ F(ba, [["render", Sa]]), _a = {
       pointerY: 0
     };
   },
+  inject: {
+    injectScrollContainer: {
+      default: ""
+    }
+  },
   props: {
     /**
      * properties for CmdHeadline-component
@@ -1910,7 +1915,14 @@ const Y = /* @__PURE__ */ F(ba, [["render", Sa]]), _a = {
   mounted() {
     if (this.relatedId) {
       const e = document.getElementById(this.relatedId);
-      e && (this.scrollContainer && (document.querySelector(this.scrollContainer).addEventListener("scroll", this.hideTooltip), document.addEventListener("keyup", this.hideTooltipOnEsc)), this.toggleVisibilityByClick ? e.addEventListener("click", this.toggleTooltipVisibility) : (e.addEventListener("mouseenter", this.showTooltip), e.addEventListener("mouseleave", this.hideTooltip)));
+      if (e) {
+        const t = this.injectScrollContainer || this.scrollContainer;
+        if (t) {
+          const n = document.querySelector(t);
+          n ? n.addEventListener("scroll", this.hideTooltip) : console.warn("'CmdTooltip-Component': Element accessed by " + t + " does not exist! Please provide selector for an existing element!"), document.addEventListener("keyup", this.hideTooltipOnEsc);
+        }
+        this.toggleVisibilityByClick ? e.addEventListener("click", this.toggleTooltipVisibility) : (e.addEventListener("mouseenter", this.showTooltip), e.addEventListener("mouseleave", this.hideTooltip));
+      }
     }
   },
   methods: {
@@ -1974,7 +1986,7 @@ function Ia(e, t, n, s, i, l) {
       ], 8, La)) : m("", !0)
     ])) : m("", !0),
     P(e.$slots, "default", {}, () => [
-      H(b(n.tooltipText), 1)
+      E(b(n.tooltipText), 1)
     ])
   ], 2)) : m("", !0);
 }
@@ -2135,10 +2147,10 @@ function Aa(e, t, n, s, i, l) {
       "headline-level": n.cmdHeadline.headlineLevel
     }, {
       default: w(() => [
-        H(b(l.headlineRequirements), 1),
+        E(b(l.headlineRequirements), 1),
         n.labelText ? (a(), r(_, { key: 0 }, [
           t[1] || (t[1] = o("br", null, null, -1)),
-          o("em", null, b(n.labelText), 1)
+          E('"' + b(n.labelText) + '"', 1)
         ], 64)) : m("", !0)
       ]),
       _: 1
@@ -3212,12 +3224,12 @@ function Ts(e, t, n, s, i, l) {
         key: 1,
         id: e.htmlId,
         class: n.inputClass,
-        onFocus: t[1] || (t[1] = (E) => e.tooltip = !0),
-        onBlur: t[2] || (t[2] = (...E) => l.onBlur && l.onBlur(...E)),
-        onInput: t[3] || (t[3] = (...E) => l.onInput && l.onInput(...E)),
-        onMouseover: t[4] || (t[4] = (...E) => l.datalistFocus && l.datalistFocus(...E)),
-        onKeyup: t[5] || (t[5] = (...E) => e.checkForCapsLock && e.checkForCapsLock(...E)),
-        onChange: t[6] || (t[6] = (E) => e.$emit("change", E)),
+        onFocus: t[1] || (t[1] = (H) => e.tooltip = !0),
+        onBlur: t[2] || (t[2] = (...H) => l.onBlur && l.onBlur(...H)),
+        onInput: t[3] || (t[3] = (...H) => l.onInput && l.onInput(...H)),
+        onMouseover: t[4] || (t[4] = (...H) => l.datalistFocus && l.datalistFocus(...H)),
+        onKeyup: t[5] || (t[5] = (...H) => e.checkForCapsLock && e.checkForCapsLock(...H)),
+        onChange: t[6] || (t[6] = (H) => e.$emit("change", H)),
         autocomplete: l.autocomplete,
         list: n.datalist ? n.datalist.id : null,
         value: n.modelValue,
@@ -3229,9 +3241,9 @@ function Ts(e, t, n, s, i, l) {
         key: 2,
         href: "#",
         class: "place-inside",
-        onMousedown: t[7] || (t[7] = S((...E) => l.showPassword && l.showPassword(...E), ["prevent"])),
-        onMouseup: t[8] || (t[8] = S((...E) => l.hidePassword && l.hidePassword(...E), ["prevent"])),
-        onMouseleave: t[9] || (t[9] = S((...E) => l.hidePassword && l.hidePassword(...E), ["prevent"])),
+        onMousedown: t[7] || (t[7] = S((...H) => l.showPassword && l.showPassword(...H), ["prevent"])),
+        onMouseup: t[8] || (t[8] = S((...H) => l.hidePassword && l.hidePassword(...H), ["prevent"])),
+        onMouseleave: t[9] || (t[9] = S((...H) => l.hidePassword && l.hidePassword(...H), ["prevent"])),
         onClick: t[10] || (t[10] = S(() => {
         }, ["prevent"])),
         title: n.iconPasswordVisible.tooltip
@@ -3245,16 +3257,16 @@ function Ts(e, t, n, s, i, l) {
       key: 2,
       id: n.datalist.id
     }, [
-      (a(!0), r(_, null, q(n.datalist.options, (E, X) => (a(), r("option", {
+      (a(!0), r(_, null, q(n.datalist.options, (H, X) => (a(), r("option", {
         key: X,
-        value: E
+        value: H
       }, null, 8, ns))), 128))
     ], 8, ts)) : n.element === "input" && (e.$attrs.type === "checkbox" || e.$attrs.type === "radio") ? (a(), r(_, { key: 3 }, [
       n.onLabel && n.offLabel ? n.onLabel && n.offLabel ? (a(), r(_, { key: 1 }, [
         o("span", as, [
           o("input", I(l.elementAttributes, {
-            onChange: t[13] || (t[13] = (...E) => l.onChange && l.onChange(...E)),
-            onBlur: t[14] || (t[14] = (...E) => l.onBlur && l.onBlur(...E)),
+            onChange: t[13] || (t[13] = (...H) => l.onChange && l.onChange(...H)),
+            onBlur: t[14] || (t[14] = (...H) => l.onBlur && l.onBlur(...H)),
             checked: l.isChecked,
             value: n.inputValue,
             class: { inputClass: n.inputClass, validationStatus: e.validationStatus },
@@ -3274,8 +3286,8 @@ function Ts(e, t, n, s, i, l) {
         ], 2)) : m("", !0)
       ], 64)) : P(e.$slots, "default", { key: 2 }) : (a(), r(_, { key: 0 }, [
         o("input", I(l.elementAttributes, {
-          onChange: t[11] || (t[11] = (...E) => l.onChange && l.onChange(...E)),
-          onBlur: t[12] || (t[12] = (...E) => l.onBlur && l.onBlur(...E)),
+          onChange: t[11] || (t[11] = (...H) => l.onChange && l.onChange(...H)),
+          onBlur: t[12] || (t[12] = (...H) => l.onBlur && l.onBlur(...H)),
           checked: l.isChecked,
           value: n.inputValue,
           class: [n.inputClass, e.validationStatus, l.toggleSwitchIconClass, { "replace-input-type": n.replaceInputType }],
@@ -3299,31 +3311,31 @@ function Ts(e, t, n, s, i, l) {
     ], 64)) : m("", !0),
     n.element === "select" ? (a(), r("select", I({ key: 4 }, l.elementAttributes, {
       id: e.htmlId,
-      onBlur: t[15] || (t[15] = (...E) => l.onBlur && l.onBlur(...E)),
-      onChange: t[16] || (t[16] = (E) => e.$emit("update:modelValue", E.target.value))
+      onBlur: t[15] || (t[15] = (...H) => l.onBlur && l.onBlur(...H)),
+      onChange: t[16] || (t[16] = (H) => e.$emit("update:modelValue", H.target.value))
     }), [
-      n.groupSelectOptionsByInitialLetters ? (a(!0), r(_, { key: 1 }, q(l.initialLetters, (E, X) => (a(), r("optgroup", {
+      n.groupSelectOptionsByInitialLetters ? (a(!0), r(_, { key: 1 }, q(l.initialLetters, (H, X) => (a(), r("optgroup", {
         label: X,
         key: X
       }, [
-        (a(!0), r(_, null, q(E, (te, Ce) => (a(), r("option", {
+        (a(!0), r(_, null, q(H, (te, Ce) => (a(), r("option", {
           key: Ce,
           value: te.value,
           selected: te.value === n.modelValue
         }, b(te.text), 9, hs))), 128))
-      ], 8, fs))), 128)) : (a(!0), r(_, { key: 0 }, q(n.selectOptions, (E, X) => (a(), r("option", {
+      ], 8, fs))), 128)) : (a(!0), r(_, { key: 0 }, q(n.selectOptions, (H, X) => (a(), r("option", {
         key: X,
-        value: E.value,
-        selected: E.value === n.modelValue
-      }, b(E.text), 9, ps))), 128))
+        value: H.value,
+        selected: H.value === n.modelValue
+      }, b(H.text), 9, ps))), 128))
     ], 16, ms)) : m("", !0),
     n.element === "textarea" ? (a(), r("textarea", I({ key: 5 }, l.elementAttributes, {
       id: e.htmlId,
       value: n.modelValue,
       maxlength: l.getMaxLength(),
-      onInput: t[17] || (t[17] = (...E) => l.onInput && l.onInput(...E)),
-      onFocus: t[18] || (t[18] = (E) => e.tooltip = !0),
-      onBlur: t[19] || (t[19] = (...E) => l.onBlur && l.onBlur(...E))
+      onInput: t[17] || (t[17] = (...H) => l.onInput && l.onInput(...H)),
+      onFocus: t[18] || (t[18] = (H) => e.tooltip = !0),
+      onBlur: t[19] || (t[19] = (...H) => l.onBlur && l.onBlur(...H))
     }), null, 16, gs)) : m("", !0),
     n.element === "textarea" && n.showCharactersTextarea ? (a(), r("span", bs, [
       n.textCharactersLeft ? (a(), r("span", ys, b(n.textCharactersLeft), 1)) : m("", !0),
@@ -3338,7 +3350,7 @@ function Ts(e, t, n, s, i, l) {
       }, null, 8, ["iconClass"])) : m("", !0),
       o("input", I(l.elementAttributes, {
         id: e.htmlId,
-        onInput: t[20] || (t[20] = (...E) => l.onInput && l.onInput(...E)),
+        onInput: t[20] || (t[20] = (...H) => l.onInput && l.onInput(...H)),
         maxlength: l.getMaxLength(),
         value: n.modelValue
       }), null, 16, Cs),
@@ -3347,7 +3359,7 @@ function Ts(e, t, n, s, i, l) {
         href: "#",
         class: C(["button no-flex", { disabled: e.$attrs.disabled }]),
         title: n.iconSearch.tooltip,
-        onClick: t[21] || (t[21] = S((...E) => l.executeSearch && l.executeSearch(...E), ["prevent"]))
+        onClick: t[21] || (t[21] = S((...H) => l.executeSearch && l.executeSearch(...H), ["prevent"]))
       }, [
         p(d, {
           iconClass: n.iconSearch.iconClass
@@ -3356,7 +3368,7 @@ function Ts(e, t, n, s, i, l) {
       (c = n.iconDelete) != null && c.show ? (a(), r("a", {
         key: 2,
         href: "#",
-        onClick: t[22] || (t[22] = S((E) => e.$emit("update:modelValue", ""), ["prevent"])),
+        onClick: t[22] || (t[22] = S((H) => e.$emit("update:modelValue", ""), ["prevent"])),
         title: (h = n.iconDelete) == null ? void 0 : h.tooltip
       }, [
         p(d, {
@@ -3369,7 +3381,7 @@ function Ts(e, t, n, s, i, l) {
     key: 1,
     class: "button"
   }, l.buttonAttrs, {
-    onClick: t[23] || (t[23] = (...E) => l.submit && l.submit(...E))
+    onClick: t[23] || (t[23] = (...H) => l.submit && l.submit(...H))
   }), [
     (y = (k = n.nativeButton) == null ? void 0 : k.icon) != null && y.show && (((T = (O = n.nativeButton) == null ? void 0 : O.icon) == null ? void 0 : T.position) === "before" || !((B = (M = n.nativeButton) == null ? void 0 : M.icon) != null && B.position)) ? (a(), v(d, {
       key: 0,
@@ -3377,7 +3389,7 @@ function Ts(e, t, n, s, i, l) {
       type: (W = (U = n.nativeButton) == null ? void 0 : U.icon) == null ? void 0 : W.iconType
     }, null, 8, ["iconClass", "type"])) : m("", !0),
     (A = n.nativeButton) != null && A.icon && ((R = n.nativeButton) != null && R.text) ? (a(), r("span", ws, b(n.nativeButton.text), 1)) : (a(), r(_, { key: 2 }, [
-      H(b(n.nativeButton.text), 1)
+      E(b(n.nativeButton.text), 1)
     ], 64)),
     (Z = (J = n.nativeButton) == null ? void 0 : J.icon) != null && Z.show && ((oe = (Q = n.nativeButton) == null ? void 0 : Q.icon) == null ? void 0 : oe.position) === "after" ? (a(), v(d, {
       key: 3,
@@ -3573,9 +3585,9 @@ function js(e, t, n, s, i, l) {
         }, [
           n.addressEntry.zip ? (a(), r("span", Fs, b(n.addressEntry.zip), 1)) : m("", !0),
           n.addressEntry.city ? (a(), r("span", Vs, [
-            H(b(n.addressEntry.city), 1),
+            E(b(n.addressEntry.city), 1),
             n.addressEntry.state ? (a(), r(_, { key: 0 }, [
-              H(b(n.addressEntry.state), 1)
+              E(b(n.addressEntry.state), 1)
             ], 64)) : m("", !0)
           ])) : m("", !0)
         ], 2)) : m("", !0),
@@ -3651,9 +3663,9 @@ function js(e, t, n, s, i, l) {
           }, [
             n.addressEntry.zip ? (a(), r("span", Hs, b(n.addressEntry.zip), 1)) : m("", !0),
             n.addressEntry.city ? (a(), r("span", qs, [
-              H(b(n.addressEntry.city), 1),
+              E(b(n.addressEntry.city), 1),
               n.addressEntry.state ? (a(), r(_, { key: 0 }, [
-                H(" " + b(n.addressEntry.state), 1)
+                E(" " + b(n.addressEntry.state), 1)
               ], 64)) : m("", !0)
             ])) : m("", !0)
           ], 2)) : m("", !0),
@@ -3871,7 +3883,7 @@ function lr(e, t, n, s, i, l) {
                     type: g.iconType
                   }, null, 8, ["iconClass", "type"])) : m("", !0)
                 ], 64)) : (a(), r(_, { key: 1 }, [
-                  H(b(g.href), 1)
+                  E(b(g.href), 1)
                 ], 64))
               ], 10, Ks)) : n.showIconsOnly ? m("", !0) : (a(), r("span", {
                 key: 1,
@@ -3901,9 +3913,9 @@ function lr(e, t, n, s, i, l) {
                     }, [
                       g.zip ? (a(), r("span", Qs, b(g.zip) + " ", 1)) : m("", !0),
                       g.city ? (a(), r("span", Xs, [
-                        H(b(g.city), 1),
+                        E(b(g.city), 1),
                         g.state ? (a(), r(_, { key: 0 }, [
-                          H(b(g.state), 1)
+                          E(b(g.state), 1)
                         ], 64)) : m("", !0)
                       ])) : m("", !0),
                       t[3] || (t[3] = o("br", null, null, -1))
@@ -3930,9 +3942,9 @@ function lr(e, t, n, s, i, l) {
                   }, [
                     g.zip ? (a(), r("span", tr, b(g.zip) + " ", 1)) : m("", !0),
                     g.city ? (a(), r("span", nr, [
-                      H(b(g.city), 1),
+                      E(b(g.city), 1),
                       g.state ? (a(), r(_, { key: 0 }, [
-                        H(b(g.state), 1)
+                        E(b(g.state), 1)
                       ], 64)) : m("", !0)
                     ])) : m("", !0),
                     t[7] || (t[7] = o("br", null, null, -1))
@@ -4471,7 +4483,7 @@ function Mr(e, t, n, s, i, l) {
         l.submitButtonOptions && (l.submitButtonOptions.position === "insideFieldset" || l.submitButtonOptions.position === null) ? (a(), r("div", wr, [
           n.mandatoryText ? (a(), r("small", Tr, [
             t[1] || (t[1] = o("sup", null, "*", -1)),
-            H(b(n.mandatoryText), 1)
+            E(b(n.mandatoryText), 1)
           ])) : m("", !0),
           o("button", {
             class: C(["button stretch-on-small-devices", { primary: l.submitButtonOptions.primary }, { disabled: l.submitButtonOptions.disabled }]),
@@ -4488,7 +4500,7 @@ function Mr(e, t, n, s, i, l) {
       l.submitButtonOptions && l.submitButtonOptions.position === "belowFieldset" ? (a(), r("div", Or, [
         n.mandatoryText ? (a(), r("small", Lr, [
           t[2] || (t[2] = o("sup", null, "*", -1)),
-          H(b(n.mandatoryText), 1)
+          E(b(n.mandatoryText), 1)
         ])) : m("", !0),
         o("button", {
           class: C(["button stretch-on-small-devices", { primary: l.submitButtonOptions.primary }, { disabled: l.submitButtonOptions.disabled }]),
@@ -4828,7 +4840,7 @@ function Nr(e, t, n, s, i, l) {
     itemProvider: ((c = e.editModeConfig) == null ? void 0 : c.allowAddItem) !== !1 ? l.itemProvider : null
   }, {
     default: w((W) => {
-      var A, R, J, Z, Q, oe, ie, le, re, me, E, X;
+      var A, R, J, Z, Q, oe, ie, le, re, me, H, X;
       return [
         o("figure", {
           class: C(["cmd-image flex-container no-gap vertical", l.textAlign])
@@ -4890,7 +4902,7 @@ function Nr(e, t, n, s, i, l) {
               modelValue: l.editableFigcaptionText,
               "onUpdate:modelValue": t[2] || (t[2] = (te) => l.editableFigcaptionText = te),
               placeholder: "figcaption"
-            }, null, 8, ["class", "modelValue"])) : (E = n.figcaption) != null && E.text ? (a(), r("figcaption", {
+            }, null, 8, ["class", "modelValue"])) : (H = n.figcaption) != null && H.text ? (a(), r("figcaption", {
               key: 1,
               innerHTML: (X = n.figcaption) == null ? void 0 : X.text
             }, null, 8, Er)) : m("", !0)
@@ -5640,7 +5652,7 @@ const nd = Hi, id = ["aria-label"], ld = { class: "flex-container" }, od = {
   class: "flex-container no-flex"
 }, hd = ["title"], gd = { key: 1 }, bd = ["title"], yd = { key: 1 };
 function xd(e, t, n, s, i, l) {
-  var g, k, y, O, T, M, B, D, V, U, W, A, R, J, Z, Q, oe, ie, le, re, me, E, X, te, Ce, Oe, Le, Ie, Be, Me, De;
+  var g, k, y, O, T, M, B, D, V, U, W, A, R, J, Z, Q, oe, ie, le, re, me, H, X, te, Ce, Oe, Le, Ie, Be, Me, De;
   const d = Y, u = G, c = be, h = Lt, f = Ei;
   return a(), r("dialog", {
     ref: "dialog",
@@ -5728,7 +5740,7 @@ function xd(e, t, n, s, i, l) {
         (re = e.fancyBoxOptionsProperties.submitButtons.cancel) != null && re.iconClass ? (a(), v(u, {
           key: 0,
           iconClass: (me = e.fancyBoxOptionsProperties.submitButtons.cancel) == null ? void 0 : me.iconClass,
-          type: (E = e.fancyBoxOptionsProperties.submitButtons.cancel) == null ? void 0 : E.iconType
+          type: (H = e.fancyBoxOptionsProperties.submitButtons.cancel) == null ? void 0 : H.iconType
         }, null, 8, ["iconClass", "type"])) : m("", !0),
         (X = e.fancyBoxOptionsProperties.submitButtons.cancel) != null && X.buttonText ? (a(), r("span", gd, b((te = e.fancyBoxOptionsProperties.submitButtons.cancel) == null ? void 0 : te.buttonText), 1)) : m("", !0)
       ], 8, hd)) : m("", !0),
@@ -6073,7 +6085,7 @@ function Ld(e, t, n, s, i, l) {
       ref: "form"
     }), {
       default: w(() => {
-        var h, f, g, k, y, O, T, M, B, D, V, U, W, A, R, J, Z, Q, oe, ie, le, re, me, E, X, te, Ce, Oe, Le, Ie, Be, Me, De, de, at, st, Ge, rt, dt, ut, ct;
+        var h, f, g, k, y, O, T, M, B, D, V, U, W, A, R, J, Z, Q, oe, ie, le, re, me, H, X, te, Ce, Oe, Le, Ie, Be, Me, De, de, at, st, Ge, rt, dt, ut, ct;
         return [
           n.configuration.salutation ? (a(), r("div", wd, [
             p(u, {
@@ -6197,7 +6209,7 @@ function Ld(e, t, n, s, i, l) {
               type: ((me = n.configuration.pobox) == null ? void 0 : me.type) || "text",
               labelText: e.getMessage("basic_form.labeltext.pobox"),
               placeholder: e.getMessage("basic_form.placeholder.pobox"),
-              required: (E = n.configuration.pobox) == null ? void 0 : E.required,
+              required: (H = n.configuration.pobox) == null ? void 0 : H.required,
               name: (X = n.configuration.pobox) == null ? void 0 : X.name,
               modelValue: i.formData.pobox.value,
               "onUpdate:modelValue": t[8] || (t[8] = (K) => i.formData.pobox.value = K),
@@ -7289,7 +7301,7 @@ function Du(e, t, n, s, i, l) {
           alt: n.user.image.alt
         }, null, 8, xu),
         n.rowView ? m("", !0) : (a(), r("figcaption", Cu, [
-          H(b(n.user.name), 1),
+          E(b(n.user.name), 1),
           n.user.age ? (a(), r("span", vu, " (" + b(n.user.age) + ")", 1)) : m("", !0)
         ]))
       ])) : (a(), r("div", ku, [
@@ -8076,7 +8088,7 @@ function kc(e, t, n, s, i, l) {
                     $(o("div", uc, [
                       y.description ? (a(), r("p", cc, b(y.description), 1)) : m("", !0),
                       y.linkDataPrivacy ? (a(), r("p", mc, [
-                        H(b(y.linkDataPrivacy.label) + " ", 1),
+                        E(b(y.linkDataPrivacy.label) + " ", 1),
                         o("a", {
                           onClick: t[1] || (t[1] = (...T) => l.openDataPrivacy && l.openDataPrivacy(...T)),
                           href: y.linkDataPrivacy.link,
@@ -8127,7 +8139,7 @@ function kc(e, t, n, s, i, l) {
                     $(o("div", gc, [
                       y.description ? (a(), r("p", bc, b(y.description), 1)) : m("", !0),
                       y.linkDataPrivacy ? (a(), r("p", yc, [
-                        H(b(y.linkDataPrivacy.label) + " ", 1),
+                        E(b(y.linkDataPrivacy.label) + " ", 1),
                         o("a", {
                           onClick: t[3] || (t[3] = (...T) => l.openDataPrivacy && l.openDataPrivacy(...T)),
                           href: y.linkDataPrivacy.link,
@@ -8357,7 +8369,7 @@ const Oc = /* @__PURE__ */ F(Tc, [["render", _c]]), Lc = {
   },
   computed: {
     validationTooltip() {
-      return this.useCustomTooltip ? this.validationStatus === "error" ? this.getMessage("cmdformelement.validation_tooltip.an_error_occurred") : this.validationStatus === "success" ? this.getMessage("cmdformelement.validation_tooltip.information_is_filled_correctly") : this.getMessage("cmdformelement.validation_tooltip.open_field_requirements") : this.getValidationMessage;
+      return this.useCustomTooltip ? this.validationStatus === "error" ? this.getMessage("form_element.validation_tooltip.an_error_occurred") : this.validationStatus === "success" ? this.getMessage("form_element.validation_tooltip.information_is_filled_correctly") : this.getMessage("form_element.validation_tooltip.open_field_requirements") : this.getValidationMessage;
     },
     // get the displayed option name
     optionName() {
@@ -8493,7 +8505,7 @@ function Zc(e, t, n, s, i, l) {
   }, [
     n.showLabel ? (a(), r("span", Mc, [
       o("span", { id: e.htmlId }, [
-        H(b(n.labelText), 1),
+        E(b(n.labelText), 1),
         e.$attrs.required !== void 0 ? (a(), r("sup", Fc, "*")) : m("", !0)
       ], 8, Dc),
       (e.$attrs.required || e.inputRequirements.length) && n.showStatusIcon ? (a(), r("a", {
@@ -9271,7 +9283,7 @@ const Tm = /* @__PURE__ */ F(xm, [["render", wm]]), Sm = {
   },
   computed: {
     validationTooltip() {
-      return this.useCustomTooltip ? this.validationStatus === "error" ? this.getMessage("cmdformelement.validation_tooltip.an_error_occurred") : this.validationStatus === "success" ? this.getMessage("cmdformelement.validation_tooltip.information_is_filled_correctly") : this.getMessage("cmdformelement.validation_tooltip.open_field_requirements") : this.getValidationMessage;
+      return this.useCustomTooltip ? this.validationStatus === "error" ? this.getMessage("form_element.validation_tooltip.an_error_occurred") : this.validationStatus === "success" ? this.getMessage("form_element.validation_tooltip.information_is_filled_correctly") : this.getMessage("form_element.validation_tooltip.open_field_requirements") : this.getValidationMessage;
     },
     inputValue: {
       // read inputValue
@@ -9326,7 +9338,7 @@ function Am(e, t, n, s, i, l) {
   }, [
     $(o("span", Om, [
       o("span", { id: e.htmlId }, [
-        H(b(n.labelText), 1),
+        E(b(n.labelText), 1),
         n.required ? (a(), r("sup", Im, "*")) : m("", !0)
       ], 8, Lm),
       (n.required || e.inputRequirements.length > 0) && n.showStatusIcon ? (a(), r("a", {
@@ -10709,16 +10721,16 @@ function Vp(e, t, n, s, i, l) {
     o("dd", null, [
       n.day.am ? (a(), r("span", Sp, [
         n.day.am.displayText ? (a(), r(_, { key: 0 }, [
-          H(b(n.day.am.displayText), 1)
+          E(b(n.day.am.displayText), 1)
         ], 64)) : (a(), r(_, { key: 1 }, [
-          H(b(l.getTime(n.day.am.fromTime, n.abbreviationTextAm)) + " " + b(n.separator) + " " + b(l.getTime(n.day.am.tillTime)), 1)
+          E(b(l.getTime(n.day.am.fromTime, n.abbreviationTextAm)) + " " + b(n.separator) + " " + b(l.getTime(n.day.am.tillTime)), 1)
         ], 64))
       ])) : m("", !0),
       n.day.pm ? (a(), r("span", _p, [
         n.day.pm.displayText ? (a(), r(_, { key: 0 }, [
-          H(b(n.day.pm.displayText), 1)
+          E(b(n.day.pm.displayText), 1)
         ], 64)) : (a(), r(_, { key: 1 }, [
-          H(b(l.getTime(n.day.pm.fromTime, n.abbreviationTextPm)) + " " + b(n.separator) + " " + b(l.getTime(n.day.pm.tillTime)), 1)
+          E(b(l.getTime(n.day.pm.fromTime, n.abbreviationTextPm)) + " " + b(n.separator) + " " + b(l.getTime(n.day.pm.tillTime)), 1)
         ], 64))
       ])) : m("", !0)
     ])
@@ -11004,7 +11016,7 @@ function Kp(e, t, n, s, i, l) {
         class: { closed: l.isClosed }
       }), {
         default: w(() => [
-          H(b(l.textOpenClosed), 1)
+          E(b(l.textOpenClosed), 1)
         ]),
         _: 1
       }, 16, ["linkType", "class"])) : (a(), r("span", {
@@ -18242,7 +18254,7 @@ function cx(e, t, n, s, i, l) {
           n.showTotalUpload && i.listOfFiles.length !== 1 ? (a(), r("div", qy, [
             p(d, I(n.cmdHeadlineSummaryOfAllFiles, { headlineLevel: "4" }), {
               default: w(() => [
-                H(b(e.getMessage("upload_form.headline.summary_of_all_files")), 1)
+                E(b(e.getMessage("upload_form.headline.summary_of_all_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -18256,11 +18268,11 @@ function cx(e, t, n, s, i, l) {
                   p(c, j(Ve(n.iconDelete)), null, 16)
                 ], 8, Ny),
                 o("span", null, [
-                  H(b(i.listOfFiles.length) + " ", 1),
+                  E(b(i.listOfFiles.length) + " ", 1),
                   n.allowMultipleFileUploads ? (a(), r(_, { key: 1 }, [
-                    H(b(e.getMessage("upload_form.labeltext.files_uploading")), 1)
+                    E(b(e.getMessage("upload_form.labeltext.files_uploading")), 1)
                   ], 64)) : (a(), r(_, { key: 0 }, [
-                    H(b(e.getMessage("upload_form.labeltext.file_uploading")), 1)
+                    E(b(e.getMessage("upload_form.labeltext.file_uploading")), 1)
                   ], 64))
                 ]),
                 o("small", {
@@ -18284,7 +18296,7 @@ function cx(e, t, n, s, i, l) {
           o("div", Wy, [
             p(d, I(n.cmdHeadlineListOfSelectedFiles, { headlineLevel: "4" }), {
               default: w(() => [
-                H(b(e.getMessage("upload_form.headline.list_of_selected_files")), 1)
+                E(b(e.getMessage("upload_form.headline.list_of_selected_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -18307,7 +18319,7 @@ function cx(e, t, n, s, i, l) {
                     { error: f.error }
                   ])
                 }, [
-                  H(b(f.file.name) + " ", 1),
+                  E(b(f.file.name) + " ", 1),
                   o("small", null, "(" + b(l.formatSize(f.file.size)) + ")", 1)
                 ], 2),
                 i.uploadInitiated && !f.error ? (a(), r("span", Jy, [
@@ -18331,7 +18343,7 @@ function cx(e, t, n, s, i, l) {
         ])) : (a(), r(_, { key: 0 }, [
           n.allowMultipleFileUploads ? (a(), v(d, I({ key: 0 }, n.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
             default: w(() => [
-              H(b(l.headlineTextNoFilesToUpload), 1)
+              E(b(l.headlineTextNoFilesToUpload), 1)
             ]),
             _: 1
           }, 16)) : m("", !0)
@@ -18339,13 +18351,13 @@ function cx(e, t, n, s, i, l) {
         o("div", Qy, [
           n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), v(d, I({ key: 0 }, n.cmdHeadlineSelectAdditionalFiles, { headlineLevel: "4" }), {
             default: w(() => [
-              H(b(e.getMessage("upload_form.headline.select_additional_files")), 1)
+              E(b(e.getMessage("upload_form.headline.select_additional_files")), 1)
             ]),
             _: 1
           }, 16)) : m("", !0),
           !n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), v(d, I({ key: 1 }, n.cmdHeadlineSelectNewFile, { headlineLevel: "4" }), {
             default: w(() => [
-              H(b(e.getMessage("upload_form.headline.select_new_file")), 1)
+              E(b(e.getMessage("upload_form.headline.select_new_file")), 1)
             ]),
             _: 1
           }, 16)) : m("", !0),
@@ -18413,14 +18425,14 @@ function cx(e, t, n, s, i, l) {
           }, [
             o("span", null, b(e.getMessage("upload_form.or")), 1),
             o("strong", null, [
-              H(b(e.getMessage("upload_form.drag_and_drop")) + " ", 1),
+              E(b(e.getMessage("upload_form.drag_and_drop")) + " ", 1),
               n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), r(_, { key: 0 }, [
-                H(b(e.getMessage("upload_form.additional")), 1)
+                E(b(e.getMessage("upload_form.additional")), 1)
               ], 64)) : m("", !0),
               !n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), r(_, { key: 1 }, [
-                H(b(e.getMessage("upload_form.new")), 1)
+                E(b(e.getMessage("upload_form.new")), 1)
               ], 64)) : m("", !0),
-              H(" " + b(e.getMessage("upload_form.files_to_this_area")), 1)
+              E(" " + b(e.getMessage("upload_form.files_to_this_area")), 1)
             ])
           ], 2)) : m("", !0)
         ])
@@ -18785,7 +18797,7 @@ function kx(e, t, n, s, i, l) {
             rowView: f.rowView
           }), {
             default: w(() => [
-              H(" box " + b(g), 1)
+              E(" box " + b(g), 1)
             ]),
             _: 2
           }, 1040, ["rowView"]))), 128))
@@ -18896,7 +18908,7 @@ function Vx(e, t, n, s, i, l) {
           cmdGoogleMaps: {}
         }, {
           "additional-info": w(() => t[0] || (t[0] = [
-            H(" Additional information given by slot ")
+            E(" Additional information given by slot ")
           ])),
           _: 1
         }, 8, ["cmdBasicForm"])
@@ -19159,7 +19171,7 @@ function $x(e, t, n, s, i, l) {
     ], 64);
   }), 128)) : (a(), v(u, j(I({ key: 1 }, n.cmdSystemMessage)), null, 16));
 }
-const e1 = /* @__PURE__ */ F(Ex, [["render", $x]]), t1 = {
+const eC = /* @__PURE__ */ F(Ex, [["render", $x]]), tC = {
   name: "CmdMailToolFilter",
   data() {
     return {
@@ -19278,16 +19290,16 @@ const e1 = /* @__PURE__ */ F(Ex, [["render", $x]]), t1 = {
       immediate: !0
     }
   }
-}, n1 = { class: "cmd-mail-tool-filter align-items-center" }, i1 = { class: "flex-container horizontal align-items-center" }, l1 = { class: "flex-container horizontal sort-wrapper" }, o1 = ["title"], a1 = { key: 0 }, s1 = ["title"], r1 = { key: 0 };
-function d1(e, t, n, s, i, l) {
+}, nC = { class: "cmd-mail-tool-filter align-items-center" }, iC = { class: "flex-container horizontal align-items-center" }, lC = { class: "flex-container horizontal sort-wrapper" }, oC = ["title"], aC = { key: 0 }, sC = ["title"], rC = { key: 0 };
+function dC(e, t, n, s, i, l) {
   const d = Y, u = ne;
-  return a(), r("div", n1, [
+  return a(), r("div", nC, [
     l.headlineText ? (a(), v(d, {
       key: 0,
       headlineText: l.headlineText,
       headlineLevel: l.headlineLevel
     }, null, 8, ["headlineText", "headlineLevel"])) : m("", !0),
-    o("div", i1, [
+    o("div", iC, [
       p(u, {
         element: "input",
         type: "search",
@@ -19320,34 +19332,34 @@ function d1(e, t, n, s, i, l) {
         inputValue: l.senderReceiver
       }, null, 8, ["id", "labelText", "modelValue", "inputValue"])
     ]),
-    o("div", l1, [
+    o("div", lC, [
       i.sortOrderAsc ? (a(), r("a", {
         key: 0,
         href: "#",
         onClick: t[3] || (t[3] = S((c) => l.sortByDate("asc"), ["prevent"])),
         title: n.linkSortAscending.title
       }, [
-        n.linkSortAscending.text ? (a(), r("span", a1, b(n.linkSortAscending.text), 1)) : m("", !0),
+        n.linkSortAscending.text ? (a(), r("span", aC, b(n.linkSortAscending.text), 1)) : m("", !0),
         n.linkSortAscending.iconClass ? (a(), r("span", {
           key: 1,
           class: C(n.linkSortAscending.iconClass)
         }, null, 2)) : m("", !0)
-      ], 8, o1)) : (a(), r("a", {
+      ], 8, oC)) : (a(), r("a", {
         key: 1,
         href: "#",
         onClick: t[4] || (t[4] = S((c) => l.sortByDate("desc"), ["prevent"])),
         title: n.linkSortDescending.title
       }, [
-        n.linkSortDescending.text ? (a(), r("span", r1, b(n.linkSortDescending.text), 1)) : m("", !0),
+        n.linkSortDescending.text ? (a(), r("span", rC, b(n.linkSortDescending.text), 1)) : m("", !0),
         n.linkSortDescending.iconClass ? (a(), r("span", {
           key: 1,
           class: C(n.linkSortDescending.iconClass)
         }, null, 2)) : m("", !0)
-      ], 8, s1))
+      ], 8, sC))
     ])
   ]);
 }
-const u1 = /* @__PURE__ */ F(t1, [["render", d1]]), c1 = {
+const uC = /* @__PURE__ */ F(tC, [["render", dC]]), cC = {
   name: "CmdMailTool",
   data() {
     return {
@@ -19446,8 +19458,8 @@ const u1 = /* @__PURE__ */ F(t1, [["render", d1]]), c1 = {
     }
   }
 };
-function m1(e, t, n, s, i, l) {
-  const d = u1, u = e1, c = el;
+function mC(e, t, n, s, i, l) {
+  const d = uC, u = eC, c = el;
   return a(), v(c, I({ class: "cmd-mail-tool" }, n.cmdTabs), {
     "tab-content-0": w(() => [
       p(d, I(n.cmdMailToolFilterInbox, {
@@ -19466,7 +19478,7 @@ function m1(e, t, n, s, i, l) {
     _: 1
   }, 16);
 }
-const p1 = /* @__PURE__ */ F(c1, [["render", m1]]), f1 = {
+const pC = /* @__PURE__ */ F(cC, [["render", mC]]), fC = {
   name: "CmdListOfImages",
   emits: ["click"],
   //   mixins: [EditMode],
@@ -19537,11 +19549,11 @@ const p1 = /* @__PURE__ */ F(c1, [["render", m1]]), f1 = {
     }
      */
   }
-}, h1 = {
+}, hC = {
   key: 0,
   href: "#"
 };
-function g1(e, t, n, s, i, l) {
+function gC(e, t, n, s, i, l) {
   var c;
   const d = Y, u = be;
   return a(), r("div", {
@@ -19557,7 +19569,7 @@ function g1(e, t, n, s, i, l) {
       class: C(["list-of-images", { vertical: n.orientation === "vertical" }])
     }, [
       (a(!0), r(_, null, q(n.images, (h, f) => (a(), r("li", { key: f }, [
-        h.image.url ? (a(), r("a", h1, [
+        h.image.url ? (a(), r("a", hC, [
           p(u, I({ ref_for: !0 }, h), null, 16)
         ])) : (a(), v(u, I({
           key: 1,
@@ -19567,7 +19579,7 @@ function g1(e, t, n, s, i, l) {
     ], 2)
   ], 2);
 }
-const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
+const bC = /* @__PURE__ */ F(fC, [["render", gC]]), yC = [
   {
     id: 1,
     cmdImage: {
@@ -19590,7 +19602,7 @@ const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
     isoDate: "2025-02-20",
     time: "21:08"
   }
-], x1 = [
+], xC = [
   {
     id: 3,
     cmdImage: {
@@ -19613,10 +19625,10 @@ const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
     isoDate: "2025-02-21",
     time: "15:55"
   }
-], C1 = {
-  inbox: y1,
-  outbox: x1
-}, v1 = [
+], CC = {
+  inbox: yC,
+  outbox: xC
+}, vC = [
   {
     id: 1,
     displayValue: "Option #1",
@@ -19638,12 +19650,12 @@ const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
       iconClass: "icon-globe"
     }
   }
-], k1 = {
+], kC = {
   labelText: "Label for inputfield (search) with smart-search:"
-}, w1 = {
-  listOfRecommendations: v1,
-  cmdFormElement: k1
-}, T1 = [
+}, wC = {
+  listOfRecommendations: vC,
+  cmdFormElement: kC
+}, TC = [
   {
     text: "Afghanistan",
     value: "af"
@@ -20424,16 +20436,16 @@ const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
     text: "Zimbabwe",
     value: "zw"
   }
-], S1 = "comand-component-library", _1 = "4.2.10", O1 = "GPL-3.0-only", L1 = "CoManD-UI", I1 = "module", B1 = {
+], SC = "comand-component-library", _C = "4.2.11", OC = "GPL-3.0-only", LC = "CoManD-UI", IC = "module", BC = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
   "build-lib": "vite build && gulp",
   preview: "vite preview"
-}, M1 = [
+}, MC = [
   "dist",
   "src"
-], D1 = {
+], DC = {
   ".": "./dist/comand-component-library.js",
   "./css.js": "./src/css.js",
   "./style.css": "./dist/style.css",
@@ -20443,16 +20455,17 @@ const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
   "./currencies.json": "./src/assets/lists-of-data/currencies.json",
   "./dial-codes.json": "./src/assets/lists-of-data/dial-codes.json",
   "./us-cities.json": "./src/assets/lists-of-data/us-cities.json"
-}, F1 = {
+}, FC = {
   "clickout-event": "^1.1.2",
-  "comand-frontend-framework": "^4.2.15",
+  "comand-component-library": "^4.2.10",
+  "comand-frontend-framework": "^4.2.26",
   "comand-ui-iconfonts": "^1.0.19",
   "core-js": "^3.20.1",
   prismjs: "^1.27.0",
   vue: "^3.2.31",
   "vue-router": "^4.0.12",
   vuex: "^4.0.2"
-}, V1 = {
+}, VC = {
   "@iconify/vue": "^4.0.0",
   "@vitejs/plugin-vue": "^5.1.1",
   "@vue/test-utils": "^2.0.0-0",
@@ -20462,19 +20475,19 @@ const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
   "unplugin-vue-components": "^0.24.0",
   vite: "^5.4.11",
   "vue-jest": "^5.0.0-0"
-}, A1 = {
-  name: S1,
-  version: _1,
-  license: O1,
-  author: L1,
+}, AC = {
+  name: SC,
+  version: _C,
+  license: OC,
+  author: LC,
   private: !1,
-  type: I1,
-  scripts: B1,
-  files: M1,
-  exports: D1,
-  dependencies: F1,
-  devDependencies: V1
-}, P1 = {
+  type: IC,
+  scripts: BC,
+  files: MC,
+  exports: DC,
+  dependencies: FC,
+  devDependencies: VC
+}, PC = {
   data() {
     return {
       cmdAddressDataSettingsData: {
@@ -21354,9 +21367,9 @@ const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
       }
     };
   }
-}, fi = "/media/images/content-images/landscape-medium.jpg", E1 = "/media/images/demo-images/small/landscape-01.jpg", H1 = "/media/images/demo-images/small/landscape-02.jpg", q1 = "/media/images/demo-images/small/landscape-03.jpg", R1 = {
+}, fi = "/media/images/content-images/landscape-medium.jpg", EC = "/media/images/demo-images/small/landscape-01.jpg", HC = "/media/images/demo-images/small/landscape-02.jpg", qC = "/media/images/demo-images/small/landscape-03.jpg", RC = {
   name: "App",
-  mixins: [P1],
+  mixins: [PC],
   components: {
     PageOverview: Sl
   },
@@ -21518,20 +21531,20 @@ const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
       switchLanguage: $i,
       listOfLinksData: Kh,
       multistepsData: tg,
-      mailToolData: C1,
+      mailToolData: CC,
       navigationData: Xi,
       openingHoursData: ng,
       selectOptionsData: ig,
       slideshowData: lg,
-      smartSearchData: w1,
+      smartSearchData: wC,
       socialNetworksData: sg,
       tableDataSmall: vg,
       tableDataLarge: gg,
       tabsData: kg,
       thumbnailScrollerImagesData: wg,
       thumbnailScrollerTextData: Tg,
-      allCountriesData: T1,
-      packageJson: A1
+      allCountriesData: TC,
+      packageJson: AC
     };
   },
   mounted() {
@@ -21736,76 +21749,76 @@ const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
       });
     }
   }
-}, j1 = ["id"], N1 = { for: "select-template" }, U1 = { class: "input-wrapper" }, z1 = { for: "default-color-scheme" }, W1 = { for: "light-mode" }, G1 = { for: "dark-mode" }, K1 = ["href", "onClick"], J1 = { class: "box-footer comand-versions" }, Y1 = { class: "closed-sidebar" }, Z1 = {
+}, jC = ["id"], NC = { for: "select-template" }, UC = { class: "input-wrapper" }, zC = { for: "default-color-scheme" }, WC = { for: "light-mode" }, GC = { for: "dark-mode" }, KC = ["href", "onClick"], JC = { class: "box-footer comand-versions" }, YC = { class: "closed-sidebar" }, ZC = {
   key: 1,
   id: "content"
-}, Q1 = {
+}, QC = {
   class: "headline-demopage",
   id: "section-address-data"
-}, X1 = { class: "flex-container" }, $1 = { class: "flex-container" }, eC = { class: "list-status" }, tC = { class: "error" }, nC = { class: "flex-container" }, iC = { class: "headline-demopage" }, lC = { class: "flex-container" }, oC = { class: "flex-container" }, aC = { class: "flex-container" }, sC = { class: "flex-container" }, rC = { class: "flex-container" }, dC = { class: "headline-demopage" }, uC = { class: "flex-container" }, cC = { class: "flex-container no-flex" }, mC = {
+}, XC = { class: "flex-container" }, $C = { class: "flex-container" }, e1 = { class: "list-status" }, t1 = { class: "error" }, n1 = { class: "flex-container" }, i1 = { class: "headline-demopage" }, l1 = { class: "flex-container" }, o1 = { class: "flex-container" }, a1 = { class: "flex-container" }, s1 = { class: "flex-container" }, r1 = { class: "flex-container" }, d1 = { class: "headline-demopage" }, u1 = { class: "flex-container" }, c1 = { class: "flex-container no-flex" }, m1 = {
   class: "inline",
   for: "range-value"
-}, pC = ["disabled"], fC = { for: "range-slider" }, hC = ["disabled"], gC = { class: "label inline" }, bC = { class: "flex-container no-flex" }, yC = { class: "label inline" }, xC = { class: "flex-container no-flex" }, CC = { class: "label inline" }, vC = { class: "flex-container no-flex" }, kC = { class: "label inline" }, wC = { class: "flex-container no-flex" }, TC = {
+}, p1 = ["disabled"], f1 = { for: "range-slider" }, h1 = ["disabled"], g1 = { class: "label inline" }, b1 = { class: "flex-container no-flex" }, y1 = { class: "label inline" }, x1 = { class: "flex-container no-flex" }, C1 = { class: "label inline" }, v1 = { class: "flex-container no-flex" }, k1 = { class: "label inline" }, w1 = { class: "flex-container no-flex" }, T1 = {
   class: "headline-demopage",
   id: "section-input-group"
-}, SC = { class: "flex-container" }, _C = { class: "button-wrapper no-flex" }, OC = ["disabled"], LC = {
+}, S1 = { class: "flex-container" }, _1 = { class: "button-wrapper no-flex" }, O1 = ["disabled"], L1 = {
   class: "headline-demopage",
   id: "section-bank-account-data"
-}, IC = {
+}, I1 = {
   class: "headline-demopage",
   id: "section-basic-form"
-}, BC = { class: "headline-demopage" }, MC = { class: "navigation" }, DC = { class: "grid-container-create-columns" }, FC = {
+}, B1 = { class: "headline-demopage" }, M1 = { class: "navigation" }, D1 = { class: "grid-container-create-columns" }, F1 = {
   class: "headline-demopage",
   id: "section-breadcrumbs"
-}, VC = {
+}, V1 = {
   class: "headline-demopage",
   id: "section-company-logo"
-}, AC = {
+}, A1 = {
   class: "headline-demopage",
   id: "section-container"
-}, PC = {
+}, P1 = {
   class: "headline-demopage",
   id: "section-headlines"
-}, EC = {
+}, E1 = {
   class: "headline-demopage",
   id: "section-image"
-}, HC = { class: "flex-container" }, qC = {
+}, H1 = { class: "flex-container" }, q1 = {
   class: "headline-demopage",
   id: "section-image-gallery"
-}, RC = {
+}, R1 = {
   class: "headline-demopage",
   id: "section-link"
-}, jC = { class: "output" }, NC = {
+}, j1 = { class: "output" }, N1 = {
   class: "headline-demopage",
   id: "section-list-of-links"
-}, UC = { class: "output" }, zC = {
+}, U1 = { class: "output" }, z1 = {
   class: "headline-demopage",
   id: "section-list-of-images"
-}, WC = {
+}, W1 = {
   class: "headline-demopage",
   id: "section-login-form"
-}, GC = {
+}, G1 = {
   class: "headline-demopage",
   id: "section-main-navigation"
-}, KC = {
+}, K1 = {
   class: "headline-demopage",
   id: "section-multistep-form-progress-bar"
-}, JC = {
+}, J1 = {
   class: "headline-demopage",
   id: "section-newsletter-subscription"
-}, YC = {
+}, Y1 = {
   class: "headline-demopage",
   id: "section-opening-hours"
-}, ZC = {
+}, Z1 = {
   class: "headline-demopage",
   id: "section-page-footer"
-}, QC = {
+}, Q1 = {
   class: "headline-demopage",
   id: "section-page-header"
-}, XC = {
+}, X1 = {
   class: "headline-demopage",
   id: "section-pagination"
-}, $C = {
+}, $1 = {
   class: "headline-demopage",
   id: "section-site-header"
 }, ev = {
@@ -21849,7 +21862,7 @@ const b1 = /* @__PURE__ */ F(f1, [["render", g1]]), y1 = [
   id: "content"
 };
 function hv(e, t, n, s, i, l) {
-  const d = kn, u = Ri, c = Rf, h = Cn, f = Ni, g = Jf, k = Tl, y = Ai, O = zi, T = ne, M = hh, B = Ui, D = Ff, V = Ji, U = Pi, W = rr, A = hr, R = qi, J = ji, Z = ic, Q = tm, oe = Ki, ie = Y, le = G, re = be, me = ym, E = Tm, X = Re, te = b1, Ce = Xm, Oe = p1, Le = Yi, Ie = ke("router-view"), Be = bp, Me = kp, De = Jp, de = vf, at = _f, st = sf, Ge = zf, rt = lh, dt = ch, ut = Zi, ct = Ag, K = Ne, In = Gg, Ll = el, Vt = lb, Il = Ei, Bl = rb, At = Fi, Ml = mx, Dl = Sl, Fl = Oc, Vl = wc, Al = Cd, Pl = xx, El = zl("fancybox");
+  const d = kn, u = Ri, c = Rf, h = Cn, f = Ni, g = Jf, k = Tl, y = Ai, O = zi, T = ne, M = hh, B = Ui, D = Ff, V = Ji, U = Pi, W = rr, A = hr, R = qi, J = ji, Z = ic, Q = tm, oe = Ki, ie = Y, le = G, re = be, me = ym, H = Tm, X = Re, te = bC, Ce = Xm, Oe = pC, Le = Yi, Ie = ke("router-view"), Be = bp, Me = kp, De = Jp, de = vf, at = _f, st = sf, Ge = zf, rt = lh, dt = ch, ut = Zi, ct = Ag, K = Ne, In = Gg, Ll = el, Vt = lb, Il = Ei, Bl = rb, At = Fi, Ml = mx, Dl = Sl, Fl = Oc, Vl = wc, Al = Cd, Pl = xx, El = zl("fancybox");
   return $((a(), r("div", {
     class: "page-wrapper",
     id: l.templateId
@@ -21878,7 +21891,7 @@ function hv(e, t, n, s, i, l) {
               onToggleCollapse: (z) => x.boxToggled(0, z)
             }, {
               body: w(() => [
-                o("label", N1, [
+                o("label", NC, [
                   t[126] || (t[126] = o("span", null, "Select template", -1)),
                   $(o("select", {
                     id: "select-template",
@@ -21895,8 +21908,8 @@ function hv(e, t, n, s, i, l) {
                 ]),
                 o("div", null, [
                   t[130] || (t[130] = o("span", null, "Color Scheme", -1)),
-                  o("div", U1, [
-                    o("label", z1, [
+                  o("div", UC, [
+                    o("label", zC, [
                       $(o("input", {
                         type: "radio",
                         id: "default-color-scheme",
@@ -21908,7 +21921,7 @@ function hv(e, t, n, s, i, l) {
                       ]),
                       t[127] || (t[127] = o("span", { class: "label-text" }, "Color-Scheme by Browser/OS", -1))
                     ]),
-                    o("label", W1, [
+                    o("label", WC, [
                       $(o("input", {
                         type: "radio",
                         id: "light-mode",
@@ -21920,7 +21933,7 @@ function hv(e, t, n, s, i, l) {
                       ]),
                       t[128] || (t[128] = o("span", { class: "label-text" }, "Light Mode", -1))
                     ]),
-                    o("label", G1, [
+                    o("label", GC, [
                       $(o("input", {
                         type: "radio",
                         id: "dark-mode",
@@ -21955,7 +21968,7 @@ function hv(e, t, n, s, i, l) {
                       href: l.sectionName(z),
                       onClick: (je) => l.updateSettingsSidebar(l.componentNameWithPrefix(z)),
                       title: "Go to component"
-                    }, b(l.readableComponentName(z)), 9, K1)
+                    }, b(l.readableComponentName(z)), 9, KC)
                   ], 2))), 128))
                 ])
               ]),
@@ -21977,7 +21990,7 @@ function hv(e, t, n, s, i, l) {
                     }, " Contact Information ")
                   ]),
                   o("li", null, [
-                    t[131] || (t[131] = H(" Multiple Lists Of Links ")),
+                    t[131] || (t[131] = E(" Multiple Lists Of Links ")),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -21994,7 +22007,7 @@ function hv(e, t, n, s, i, l) {
                     ])
                   ]),
                   o("li", null, [
-                    t[132] || (t[132] = H(" Multiple Box Wrapper ")),
+                    t[132] || (t[132] = E(" Multiple Box Wrapper ")),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -22017,7 +22030,7 @@ function hv(e, t, n, s, i, l) {
           ]),
           _: 1
         }, 8, ["openBoxesByDefault"]),
-        o("dl", J1, [
+        o("dl", JC, [
           t[133] || (t[133] = o("dt", null, "Frontend-Framework Version:", -1)),
           o("dd", null, b(i.packageJson.dependencies["comand-frontend-framework"].replace("^", "")), 1),
           t[134] || (t[134] = o("dt", null, "Component-Library Version:", -1)),
@@ -22025,7 +22038,7 @@ function hv(e, t, n, s, i, l) {
         ])
       ]),
       closed: w(() => [
-        o("div", Y1, [
+        o("div", YC, [
           o("a", {
             href: "#",
             class: "button primary",
@@ -22073,7 +22086,7 @@ function hv(e, t, n, s, i, l) {
       ]),
       _: 1
     }),
-    i.componentView ? (a(), r("main", Z1, [
+    i.componentView ? (a(), r("main", ZC, [
       p(k, null, {
         default: w(() => t[139] || (t[139] = [
           o("h1", { class: "headline-demopage" }, "Components Overview", -1)
@@ -22082,7 +22095,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", Q1, [
+          o("h2", QC, [
             t[140] || (t[140] = o("span", null, "Address Data", -1)),
             o("a", {
               href: "#",
@@ -22091,7 +22104,7 @@ function hv(e, t, n, s, i, l) {
               onClick: t[13] || (t[13] = S((x) => l.openSettingsSidebar("CmdAddressData"), ["prevent"]))
             })
           ]),
-          o("div", X1, [
+          o("div", XC, [
             p(y, I({
               ref: "CmdAddressData",
               addressData: i.addressData
@@ -22109,8 +22122,8 @@ function hv(e, t, n, s, i, l) {
           t[181] || (t[181] = o("h3", null, [
             o("span", null, "Form elements status:")
           ], -1)),
-          o("div", $1, [
-            o("ul", eC, [
+          o("div", $C, [
+            o("ul", e1, [
               o("li", null, [
                 o("a", {
                   href: "#",
@@ -22119,7 +22132,7 @@ function hv(e, t, n, s, i, l) {
                   id: "status-default"
                 }, " Default ", 2)
               ]),
-              o("li", tC, [
+              o("li", t1, [
                 o("a", {
                   href: "#",
                   onClick: t[15] || (t[15] = S((x) => l.setStatus("error", !1), ["prevent"])),
@@ -22172,9 +22185,9 @@ function hv(e, t, n, s, i, l) {
             novalidate: "novalidate"
           }, {
             default: w(() => [
-              o("fieldset", nC, [
+              o("fieldset", n1, [
                 t[160] || (t[160] = o("legend", null, "Legend", -1)),
-                o("h2", iC, [
+                o("h2", i1, [
                   t[141] || (t[141] = o("span", null, "Form Element-Component", -1)),
                   o("a", {
                     href: "#",
@@ -22187,7 +22200,7 @@ function hv(e, t, n, s, i, l) {
                   status: i.validationStatus,
                   disabled: i.disabledStatus
                 }), null, 16, ["status", "disabled"]),
-                o("div", lC, [
+                o("div", l1, [
                   p(T, {
                     labelText: "Input for datalist:",
                     element: "input",
@@ -22199,7 +22212,7 @@ function hv(e, t, n, s, i, l) {
                     tooltipText: "This is a tooltip"
                   }, null, 8, ["status", "disabled", "datalist"])
                 ]),
-                o("div", oC, [
+                o("div", o1, [
                   p(T, I({
                     labelText: "Input (type search (without search-button)):",
                     element: "input",
@@ -22222,7 +22235,7 @@ function hv(e, t, n, s, i, l) {
                   }, { useCustomTooltip: !1 }), null, 16, ["status", "disabled"])
                 ]),
                 t[161] || (t[161] = o("h3", null, "Inputfields in Columns", -1)),
-                o("div", aC, [
+                o("div", a1, [
                   p(T, {
                     element: "input",
                     type: "text",
@@ -22268,7 +22281,7 @@ function hv(e, t, n, s, i, l) {
                     disabled: i.disabledStatus
                   }, null, 8, ["modelValue", "status", "disabled"])
                 ]),
-                o("div", sC, [
+                o("div", s1, [
                   p(T, {
                     labelText: "Label for emailfield (with icon):",
                     element: "input",
@@ -22317,8 +22330,9 @@ function hv(e, t, n, s, i, l) {
                 ]),
                 p(T, {
                   element: "input",
-                  labelText: "Label for inputfield (number):",
+                  labelText: "Label:",
                   type: "number",
+                  class: "flex-none",
                   id: "inputfield-number",
                   required: "required",
                   min: "0",
@@ -22332,7 +22346,7 @@ function hv(e, t, n, s, i, l) {
                 }, null, 8, ["modelValue", "customRequirements", "status", "disabled"]),
                 p(T, {
                   element: "input",
-                  labelText: "Label (inline) for inputfield (number):",
+                  labelText: "Label for inputfield (number):",
                   displayLabelInline: !0,
                   type: "number",
                   id: "inputfield-number",
@@ -22357,7 +22371,7 @@ function hv(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 t[162] || (t[162] = o("h3", null, "Searchfields", -1)),
-                o("div", rC, [
+                o("div", r1, [
                   p(T, {
                     element: "input",
                     labelText: "Label for inputfield (search) without search-button:",
@@ -22405,7 +22419,7 @@ function hv(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 t[164] || (t[164] = o("hr", null, null, -1)),
-                o("h3", dC, [
+                o("h3", d1, [
                   t[143] || (t[143] = o("span", null, "Fake Selects", -1)),
                   o("a", {
                     href: "#",
@@ -22414,7 +22428,7 @@ function hv(e, t, n, s, i, l) {
                     onClick: t[35] || (t[35] = S((x) => l.openSettingsSidebar("CmdFakeSelect"), ["prevent"]))
                   })
                 ]),
-                o("div", uC, [
+                o("div", u1, [
                   p(B, I({ ref: "CmdFakeSelect" }, e.cmdFakeSelectSettingsData, {
                     selectData: i.fakeSelectOptionsData,
                     modelValue: i.fakeSelectDefault,
@@ -22491,8 +22505,8 @@ function hv(e, t, n, s, i, l) {
                   class: C(["label", i.validationStatus])
                 }, [
                   t[146] || (t[146] = o("span", { class: "label-text" }, "Single-Slider (with in- and output):", -1)),
-                  o("span", cC, [
-                    o("label", mC, [
+                  o("span", c1, [
+                    o("label", m1, [
                       t[144] || (t[144] = o("span", { class: "label-text" }, [
                         o("span", null, "Range Value:")
                       ], -1)),
@@ -22504,11 +22518,11 @@ function hv(e, t, n, s, i, l) {
                         min: "0",
                         max: "100",
                         id: "range-value"
-                      }, null, 10, pC), [
+                      }, null, 10, p1), [
                         [Wt, i.rangeValue]
                       ])
                     ]),
-                    o("label", fC, [
+                    o("label", f1, [
                       t[145] || (t[145] = o("span", { class: "label-text hidden" }, [
                         o("span", null, "Range Value")
                       ], -1)),
@@ -22520,7 +22534,7 @@ function hv(e, t, n, s, i, l) {
                         disabled: i.disabledStatus,
                         min: "0",
                         max: "100"
-                      }, null, 8, hC), [
+                      }, null, 8, h1), [
                         [Wt, i.rangeValue]
                       ])
                     ])
@@ -22627,17 +22641,17 @@ function hv(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 o("p", null, [
-                  H(" checkbox (required) with boolean: " + b(i.checkboxRequiredValue), 1),
+                  E(" checkbox (required) with boolean: " + b(i.checkboxRequiredValue), 1),
                   t[147] || (t[147] = o("br", null, null, -1)),
-                  H(" checkbox with boolean: " + b(i.checkboxValue), 1),
+                  E(" checkbox with boolean: " + b(i.checkboxValue), 1),
                   t[148] || (t[148] = o("br", null, null, -1)),
-                  H(" checkboxes with values: " + b(i.checkboxValues), 1)
+                  E(" checkboxes with values: " + b(i.checkboxValues), 1)
                 ]),
                 t[172] || (t[172] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
                 t[173] || (t[173] = o("h3", null, "Checkboxes [native]", -1)),
-                o("div", gC, [
+                o("div", g1, [
                   t[150] || (t[150] = o("span", { class: "label-text" }, "Label for native checkboxes:", -1)),
-                  o("div", bC, [
+                  o("div", b1, [
                     p(T, {
                       element: "input",
                       labelText: "Label for checkbox with boolean",
@@ -22681,18 +22695,18 @@ function hv(e, t, n, s, i, l) {
                       disabled: i.disabledStatus
                     }, {
                       labeltext: w(() => t[149] || (t[149] = [
-                        H(" Labeltext with "),
+                        E(" Labeltext with "),
                         o("a", { href: "#" }, "link", -1),
-                        H(" given by slot ")
+                        E(" given by slot ")
                       ])),
                       _: 1
                     }, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
                 t[174] || (t[174] = o("h3", null, "Checkboxes (replaced)", -1)),
-                o("div", yC, [
+                o("div", y1, [
                   t[151] || (t[151] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Checkbox:", -1)),
-                  o("div", xC, [
+                  o("div", x1, [
                     p(T, {
                       element: "input",
                       labelText: "Label for replaced checkbox",
@@ -22720,9 +22734,9 @@ function hv(e, t, n, s, i, l) {
                   ])
                 ]),
                 t[175] || (t[175] = o("h3", null, "Radiobuttons [native]", -1)),
-                o("div", CC, [
+                o("div", C1, [
                   t[152] || (t[152] = o("span", { class: "label-text" }, "Label for native radiobuttons:", -1)),
-                  o("div", vC, [
+                  o("div", v1, [
                     p(T, {
                       element: "input",
                       labelText: "Label for native radiobutton",
@@ -22751,9 +22765,9 @@ function hv(e, t, n, s, i, l) {
                 ]),
                 o("p", null, " Radiobuttons with values: " + b(i.radiobuttonValue), 1),
                 t[176] || (t[176] = o("h3", null, "Radiobuttons (replaced)", -1)),
-                o("div", kC, [
+                o("div", k1, [
                   t[153] || (t[153] = o("span", { class: "label-text" }, "Label for Replaced Input-Type-Radio:", -1)),
-                  o("div", wC, [
+                  o("div", w1, [
                     p(T, {
                       element: "input",
                       labelText: "Label for replaced radiobutton",
@@ -22782,8 +22796,8 @@ function hv(e, t, n, s, i, l) {
                     }, null, 8, ["modelValue", "status", "disabled"])
                   ])
                 ]),
-                o("h3", TC, [
-                  t[154] || (t[154] = H(" Input-Group ")),
+                o("h3", T1, [
+                  t[154] || (t[154] = E(" Input-Group ")),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -22902,9 +22916,9 @@ function hv(e, t, n, s, i, l) {
                   ])
                 ])
               ]),
-              o("div", SC, [
+              o("div", S1, [
                 t[179] || (t[179] = o("small", null, "(values will not be submitted with the form!)", -1)),
-                o("div", _C, [
+                o("div", _1, [
                   p(T, {
                     element: "button",
                     nativeButton: { text: "Submit-button from component" },
@@ -22920,7 +22934,7 @@ function hv(e, t, n, s, i, l) {
                   }, t[178] || (t[178] = [
                     o("span", { class: "icon-check" }, null, -1),
                     o("span", null, "Native submit-button", -1)
-                  ]), 8, OC)
+                  ]), 8, O1)
                 ])
               ])
             ]),
@@ -22935,7 +22949,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", LC, [
+          o("h2", L1, [
             t[182] || (t[182] = o("span", null, "Bank Account Data", -1)),
             o("a", {
               href: "#",
@@ -22950,7 +22964,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", IC, [
+          o("h2", I1, [
             t[183] || (t[183] = o("span", null, "Basic Form", -1)),
             o("a", {
               href: "#",
@@ -22983,7 +22997,7 @@ function hv(e, t, n, s, i, l) {
       p(k, { anchorId: "section-boxes" }, {
         default: w(() => [
           t[204] || (t[204] = o("h2", { class: "headline-demopage" }, "Boxes", -1)),
-          o("h3", BC, [
+          o("h3", B1, [
             t[186] || (t[186] = o("span", null, "Default Box", -1)),
             o("a", {
               href: "#",
@@ -23039,7 +23053,7 @@ function hv(e, t, n, s, i, l) {
                 "cutoff-text-lines": 4
               }, {
                 body: w(() => t[190] || (t[190] = [
-                  H(" This is a long text that is cutoff after a specific number of lines that can be defined by the property 'cutoffTextLines' and be toggled by a link below. ")
+                  E(" This is a long text that is cutoff after a specific number of lines that can be defined by the property 'cutoffTextLines' and be toggled by a link below. ")
                 ])),
                 _: 1
               }),
@@ -23104,7 +23118,7 @@ function hv(e, t, n, s, i, l) {
                   o("h4", null, " Box with links ", -1)
                 ])),
                 body: w(() => [
-                  o("ul", MC, [
+                  o("ul", M1, [
                     o("li", null, [
                       o("a", {
                         href: "#",
@@ -23208,7 +23222,7 @@ function hv(e, t, n, s, i, l) {
             _: 1
           }),
           t[205] || (t[205] = o("h3", null, "Product boxes", -1)),
-          o("div", DC, [
+          o("div", D1, [
             (a(!0), r(_, null, q(i.boxProductData, (x, z) => (a(), r("div", {
               class: "grid-small-item",
               key: z
@@ -23267,7 +23281,7 @@ function hv(e, t, n, s, i, l) {
                 onToggleCollapse: (ve) => x.boxToggled(z - 1, ve)
               }, {
                 body: w(() => [
-                  H(b(x.currentOpenBox) + "Content " + b(z), 1)
+                  E(b(x.currentOpenBox) + "Content " + b(z), 1)
                 ]),
                 _: 2
               }, 1032, ["cmdHeadline", "rowView", "openCollapsedBox", "onToggleCollapse"]))), 128))
@@ -23279,7 +23293,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, { "inner-component": "div" }, {
         default: w(() => [
-          o("h2", FC, [
+          o("h2", F1, [
             t[207] || (t[207] = o("span", null, "Breadcrumbs", -1)),
             o("a", {
               href: "#",
@@ -23298,7 +23312,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", VC, [
+          o("h2", V1, [
             t[208] || (t[208] = o("span", null, "Company Logo", -1)),
             o("a", {
               href: "#",
@@ -23316,7 +23330,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", AC, [
+          o("h2", A1, [
             t[209] || (t[209] = o("span", null, "Container", -1)),
             o("a", {
               href: "#",
@@ -23459,7 +23473,7 @@ function hv(e, t, n, s, i, l) {
             style: { "align-self": "flex-start" }
           }, t[220] || (t[220] = [
             o("img", {
-              src: E1,
+              src: EC,
               alt: "Alternative text"
             }, null, -1)
           ])),
@@ -23471,7 +23485,7 @@ function hv(e, t, n, s, i, l) {
             style: { "align-self": "flex-start" }
           }, t[221] || (t[221] = [
             o("img", {
-              src: H1,
+              src: HC,
               alt: "Alternative text"
             }, null, -1)
           ])),
@@ -23487,7 +23501,7 @@ function hv(e, t, n, s, i, l) {
             style: { "align-self": "flex-start" }
           }, t[222] || (t[222] = [
             o("img", {
-              src: q1,
+              src: qC,
               alt: "Alternative text"
             }, null, -1)
           ]))
@@ -23559,7 +23573,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", PC, [
+          o("h2", P1, [
             t[232] || (t[232] = o("span", null, "Headlines", -1)),
             o("a", {
               href: "#",
@@ -23585,9 +23599,9 @@ function hv(e, t, n, s, i, l) {
             headlineLevel: "3"
           }, {
             default: w(() => t[233] || (t[233] = [
-              H(" Headline text"),
+              E(" Headline text"),
               o("br", null, null, -1),
-              H(" with html-content given by slot ")
+              E(" with html-content given by slot ")
             ])),
             _: 1
           }, 512)
@@ -23627,7 +23641,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", EC, [
+          o("h2", E1, [
             t[240] || (t[240] = o("span", null, "Image", -1)),
             o("a", {
               href: "#",
@@ -23636,7 +23650,7 @@ function hv(e, t, n, s, i, l) {
               onClick: t[86] || (t[86] = S((x) => l.openSettingsSidebar("CmdImage"), ["prevent"]))
             })
           ]),
-          o("div", HC, [
+          o("div", H1, [
             p(re, I({
               ref: "CmdImage",
               image: i.imageData[0].image,
@@ -23652,7 +23666,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", qC, [
+          o("h2", q1, [
             t[241] || (t[241] = o("span", null, "Image-Gallery", -1)),
             o("a", {
               href: "#",
@@ -23674,7 +23688,7 @@ function hv(e, t, n, s, i, l) {
             class: "headline-demopage",
             id: "section-image-zoom"
           }, " Image-Zoom ", -1)),
-          p(E, {
+          p(H, {
             imageSmall: i.imageZoomData.imageSmall,
             imageLarge: i.imageZoomData.imageLarge
           }, null, 8, ["imageSmall", "imageLarge"])
@@ -23685,7 +23699,7 @@ function hv(e, t, n, s, i, l) {
         default: w(() => {
           var x, z, ve, je, Ke, Je;
           return [
-            o("h2", RC, [
+            o("h2", R1, [
               t[243] || (t[243] = o("span", null, "Link", -1)),
               o("a", {
                 href: "#",
@@ -23731,7 +23745,7 @@ function hv(e, t, n, s, i, l) {
               fancybox: !0,
               icon: { iconClass: "icon-chevron-one-stripe-right", position: "right", tooltip: "Tooltip for hyperlink" }
             })) : m("", !0),
-            o("dl", jC, [
+            o("dl", j1, [
               t[245] || (t[245] = o("dt", null, "Event:", -1)),
               o("dd", null, b((z = (x = i.outputCmdLink) == null ? void 0 : x.event) == null ? void 0 : z.originalEvent.originalEvent), 1),
               t[246] || (t[246] = o("dt", null, "Target:", -1)),
@@ -23747,7 +23761,7 @@ function hv(e, t, n, s, i, l) {
         default: w(() => {
           var x, z, ve, je, Ke, Je;
           return [
-            o("h2", NC, [
+            o("h2", N1, [
               t[248] || (t[248] = o("span", null, "List Of Links", -1)),
               o("a", {
                 href: "#",
@@ -23760,7 +23774,7 @@ function hv(e, t, n, s, i, l) {
               links: i.listOfLinksData,
               onClick: l.cmdLinkOutput
             }), null, 16, ["links", "onClick"]),
-            o("dl", UC, [
+            o("dl", U1, [
               t[249] || (t[249] = o("dt", null, "Event:", -1)),
               o("dd", null, b((z = (x = i.outputCmdLink) == null ? void 0 : x.event) == null ? void 0 : z.originalEvent), 1),
               t[250] || (t[250] = o("dt", null, "Target:", -1)),
@@ -23774,7 +23788,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", zC, [
+          o("h2", z1, [
             t[252] || (t[252] = o("span", null, "List Of Images", -1)),
             o("a", {
               href: "#",
@@ -23789,7 +23803,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", WC, [
+          o("h2", W1, [
             t[253] || (t[253] = o("span", null, "Login Form", -1)),
             o("a", {
               href: "#",
@@ -23829,7 +23843,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", GC, [
+          o("h2", G1, [
             t[255] || (t[255] = o("span", null, "Main Navigation", -1)),
             o("a", {
               href: "#",
@@ -23845,7 +23859,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", KC, [
+          o("h2", K1, [
             t[256] || (t[256] = o("span", null, "Multistepform-Progressbar", -1)),
             o("a", {
               href: "#",
@@ -23869,7 +23883,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", JC, [
+          o("h2", J1, [
             t[258] || (t[258] = o("span", null, "Newsletter Subscription", -1)),
             o("a", {
               href: "#",
@@ -23893,7 +23907,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", YC, [
+          o("h2", Y1, [
             t[259] || (t[259] = o("span", null, "Opening Hours", -1)),
             o("a", {
               href: "#",
@@ -23912,7 +23926,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", ZC, [
+          o("h2", Z1, [
             t[260] || (t[260] = o("span", null, "Page Footer", -1)),
             o("a", {
               href: "#",
@@ -23941,7 +23955,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", QC, [
+          o("h2", Q1, [
             t[262] || (t[262] = o("span", null, "Page Header", -1)),
             o("a", {
               href: "#",
@@ -23971,7 +23985,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", XC, [
+          o("h2", X1, [
             t[264] || (t[264] = o("span", null, "Pagination", -1)),
             o("a", {
               href: "#",
@@ -23997,7 +24011,7 @@ function hv(e, t, n, s, i, l) {
           }, "Site Footer", -1)),
           p(Ge, null, {
             default: w(() => t[265] || (t[265] = [
-              H(" Slotcontent ")
+              E(" Slotcontent ")
             ])),
             _: 1
           })
@@ -24006,7 +24020,7 @@ function hv(e, t, n, s, i, l) {
       }),
       p(k, null, {
         default: w(() => [
-          o("h2", $C, [
+          o("h2", $1, [
             t[267] || (t[267] = o("span", null, "Site Header", -1)),
             o("a", {
               href: "#",
@@ -24067,7 +24081,7 @@ function hv(e, t, n, s, i, l) {
           ]),
           p(dt, I({ ref: "CmdSlideshow" }, e.cmdSlideshowSettingsData, { "slideshow-items": i.slideshowData }), {
             default: w(() => t[270] || (t[270] = [
-              H("Slot-Content ")
+              E("Slot-Content ")
             ])),
             _: 1
           }, 16, ["slideshow-items"])
@@ -24309,7 +24323,7 @@ function hv(e, t, n, s, i, l) {
             "related-id": "show-on-hover"
           }, e.cmdTooltipSettingsData), {
             default: w(() => t[288] || (t[288] = [
-              H(" Tooltip on hover ")
+              E(" Tooltip on hover ")
             ])),
             _: 1
           }, 16),
@@ -24318,7 +24332,7 @@ function hv(e, t, n, s, i, l) {
             "related-id": "show-with-delay"
           }, {
             default: w(() => t[289] || (t[289] = [
-              H(" Tooltip on hover with delay ")
+              E(" Tooltip on hover with delay ")
             ])),
             _: 1
           }),
@@ -24328,7 +24342,7 @@ function hv(e, t, n, s, i, l) {
             allowEscapeKey: !0
           }, {
             default: w(() => t[290] || (t[290] = [
-              H(" Tooltip on click ")
+              E(" Tooltip on click ")
             ])),
             _: 1
           })
@@ -24386,7 +24400,7 @@ function hv(e, t, n, s, i, l) {
     ])),
     p(Ge, null, {
       default: w(() => t[295] || (t[295] = [
-        H(" Slot-Content for Site-Footer ")
+        E(" Slot-Content for Site-Footer ")
       ])),
       _: 1
     }),
@@ -24428,11 +24442,11 @@ function hv(e, t, n, s, i, l) {
       ]),
       _: 1
     }, 8, ["openSidebar", "onToggleSidebar"])) : m("", !0)
-  ], 8, j1)), [
+  ], 8, jC)), [
     [El]
   ]);
 }
-const wv = /* @__PURE__ */ F(R1, [["render", hv]]), Tv = {
+const wv = /* @__PURE__ */ F(RC, [["render", hv]]), Tv = {
   // el = real dom-element
   mounted(e) {
     if (e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A")