comand-component-library 4.2.87 → 4.2.88

package/dist/comand-component-library.js

@@ -1,4 +1,4 @@
-import { defineComponent as Yn, h as dn, resolveComponent as de, createBlock as x, createElementBlock as r, openBlock as a, normalizeClass as b, resolveDynamicComponent as Te, withModifiers as w, withCtx as C, renderSlot as F, withDirectives as W, createElementVNode as o, createCommentVNode as m, createVNode as f, vShow as te, Fragment as T, toDisplayString as y, getCurrentInstance as Hl, normalizeProps as A, mergeProps as S, createTextVNode as D, renderList as P, Transition as pe, vModelDynamic as ql, toHandlers as xt, TransitionGroup as At, createApp as Rl, guardReactiveProps as ce, normalizeStyle as Ke, useCssVars as Jn, createStaticVNode as jl, vModelText as Ct, resolveDirective as Ul, vModelSelect as Nl, vModelRadio as ct, onBeforeUpdate as zl, onMounted as Wl, onUnmounted as Gl, reactive as Kl } from "vue";
+import { defineComponent as Yn, h as dn, resolveComponent as de, createBlock as x, createElementBlock as r, openBlock as a, normalizeClass as b, resolveDynamicComponent as Te, withModifiers as w, withCtx as C, renderSlot as D, withDirectives as W, createElementVNode as o, createCommentVNode as m, createVNode as f, vShow as te, Fragment as T, toDisplayString as y, getCurrentInstance as Hl, normalizeProps as A, mergeProps as S, createTextVNode as F, renderList as P, Transition as pe, vModelDynamic as ql, toHandlers as xt, TransitionGroup as At, createApp as Rl, guardReactiveProps as ce, normalizeStyle as Ke, useCssVars as Jn, createStaticVNode as jl, vModelText as Ct, resolveDirective as Ul, vModelSelect as Nl, vModelRadio as ct, onBeforeUpdate as zl, onMounted as Wl, onUnmounted as Gl, reactive as Kl } from "vue";
 const Fe = /^[a-z0-9]+(-[a-z0-9]+)*$/, Qe = (e, t, n, s = "") => {
   const i = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -1586,7 +1586,7 @@ function fa(e, t, n, s, i, l) {
           [te, l.active]
         ])
       ], 64)),
-      F(e.$slots, "default", { editing: l.editing })
+      D(e.$slots, "default", { editing: l.editing })
     ]),
     _: 3
   }, 8, ["class", "onClick", "title", "data-identifier"]);
@@ -1769,7 +1769,7 @@ function ka(e, t, n, s, i, l) {
               key: 0,
               innerHTML: n.headlineText
             }, null, 8, ya)) : (a(), r("span", ba, [
-              F(e.$slots, "default")
+              D(e.$slots, "default")
             ]))
           ], 2)
         ]),
@@ -1785,7 +1785,7 @@ function ka(e, t, n, s, i, l) {
           key: 1,
           innerHTML: n.headlineText
         }, null, 8, xa)) : (a(), r("span", Ca, [
-          F(e.$slots, "default")
+          D(e.$slots, "default")
         ]))
       ]),
       _: 3
@@ -1819,16 +1819,16 @@ function ka(e, t, n, s, i, l) {
             default: C(() => [
               n.cmdIcon ? (a(), x(d, A(S({ key: 0 }, n.cmdIcon)), null, 16)) : m("", !0),
               o("span", va, y(n.preHeadlineText), 1),
-              F(e.$slots, "default", {}, () => [
-                D(y(n.headlineText), 1)
+              D(e.$slots, "default", {}, () => [
+                F(y(n.headlineText), 1)
               ])
             ]),
             _: 3
           })) : m("", !0)
         ], 64)) : n.headlineText ? (a(), x(Te(l.headlineTag), { key: 2 }, {
           default: C(() => [
-            F(e.$slots, "default", {}, () => [
-              D(y(n.headlineText), 1)
+            D(e.$slots, "default", {}, () => [
+              F(y(n.headlineText), 1)
             ])
           ]),
           _: 3
@@ -2007,8 +2007,8 @@ function _a(e, t, n, s, i, l) {
         }, null, 8, ["iconClass", "type"])
       ], 8, Sa)) : m("", !0)
     ])) : m("", !0),
-    F(e.$slots, "default", {}, () => [
-      D(y(n.tooltipText), 1)
+    D(e.$slots, "default", {}, () => [
+      F(y(n.tooltipText), 1)
     ])
   ], 2)) : m("", !0);
 }
@@ -2167,10 +2167,10 @@ function Fa(e, t, n, s, i, l) {
       "headline-level": n.cmdHeadline.headlineLevel
     }, {
       default: C(() => [
-        D(y(l.headlineRequirements), 1),
+        F(y(l.headlineRequirements), 1),
         n.labelText ? (a(), r(T, { key: 0 }, [
           t[1] || (t[1] = o("br", null, null, -1)),
-          D('"' + y(n.labelText) + '"', 1)
+          F('"' + y(n.labelText) + '"', 1)
         ], 64)) : m("", !0)
       ]),
       _: 1
@@ -3208,7 +3208,7 @@ function ks(e, t, n, s, i, l) {
         n.labelText ? (a(), r("span", {
           key: 0,
           innerHTML: n.labelText
-        }, null, 8, Ga)) : F(e.$slots, "labeltext", { key: 1 }),
+        }, null, 8, Ga)) : D(e.$slots, "labeltext", { key: 1 }),
         e.$attrs.required != null && e.$attrs.required !== !1 ? (a(), r("sup", Ka, "*")) : m("", !0)
       ]),
       (e.$attrs.required || e.inputRequirements.length) && n.showStatusIcon ? (a(), r("a", {
@@ -3317,7 +3317,7 @@ function ks(e, t, n, s, i, l) {
             o("span", { innerHTML: n.labelText }, null, 8, rs),
             e.$attrs.required ? (a(), r("sup", ds, "*")) : m("", !0)
           ], 2)) : m("", !0)
-        ], 64)) : F(e.$slots, "default", { key: 2 }) : (a(), r(T, { key: 0 }, [
+        ], 64)) : D(e.$slots, "default", { key: 2 }) : (a(), r(T, { key: 0 }, [
           o("input", S(l.elementAttributes, {
             onChange: t[12] || (t[12] = (...u) => l.onChange && l.onChange(...u)),
             onBlur: t[13] || (t[13] = (...u) => l.onBlur && l.onBlur(...u)),
@@ -3337,7 +3337,7 @@ function ks(e, t, n, s, i, l) {
               n.labelText ? (a(), r("span", {
                 key: 0,
                 innerHTML: n.labelText
-              }, null, 8, ns)) : F(e.$slots, "labeltext", { key: 1 }),
+              }, null, 8, ns)) : D(e.$slots, "labeltext", { key: 1 }),
               e.$attrs.required ? (a(), r("sup", is, "*")) : m("", !0)
             ])
           ], 2)) : m("", !0)
@@ -3425,7 +3425,7 @@ function ks(e, t, n, s, i, l) {
       type: n.nativeButton?.icon?.iconType
     }, null, 8, ["iconClass", "type"])) : m("", !0),
     n.nativeButton?.icon && n.nativeButton?.text ? (a(), r("span", vs, y(n.nativeButton.text), 1)) : (a(), r(T, { key: 2 }, [
-      D(y(n.nativeButton.text), 1)
+      F(y(n.nativeButton.text), 1)
     ], 64)),
     n.nativeButton?.icon?.show && n.nativeButton?.icon?.position === "after" ? (a(), x(d, {
       key: 3,
@@ -3621,9 +3621,9 @@ function qs(e, t, n, s, i, l) {
         }, [
           n.addressEntry.zip ? (a(), r("span", Ds, y(n.addressEntry.zip), 1)) : m("", !0),
           n.addressEntry.city ? (a(), r("span", Fs, [
-            D(y(n.addressEntry.city), 1),
+            F(y(n.addressEntry.city), 1),
             n.addressEntry.state ? (a(), r(T, { key: 0 }, [
-              D(y(n.addressEntry.state), 1)
+              F(y(n.addressEntry.state), 1)
             ], 64)) : m("", !0)
           ])) : m("", !0)
         ], 2)) : m("", !0),
@@ -3699,9 +3699,9 @@ function qs(e, t, n, s, i, l) {
           }, [
             n.addressEntry.zip ? (a(), r("span", As, y(n.addressEntry.zip), 1)) : m("", !0),
             n.addressEntry.city ? (a(), r("span", Es, [
-              D(y(n.addressEntry.city), 1),
+              F(y(n.addressEntry.city), 1),
               n.addressEntry.state ? (a(), r(T, { key: 0 }, [
-                D(" " + y(n.addressEntry.state), 1)
+                F(" " + y(n.addressEntry.state), 1)
               ], 64)) : m("", !0)
             ])) : m("", !0)
           ], 2)) : m("", !0),
@@ -3861,7 +3861,7 @@ const Rs = /* @__PURE__ */ B(ws, [["render", qs]]), js = {
 function tr(e, t, n, s, i, l) {
   const d = U, c = Rs, u = Ce, h = R;
   return a(), r("div", Us, [
-    n.useSlot ? F(e.$slots, "default", { key: 0 }) : (a(), r(T, { key: 1 }, [
+    n.useSlot ? D(e.$slots, "default", { key: 0 }) : (a(), r(T, { key: 1 }, [
       n.cmdHeadline?.headlineText || e.editModeContext ? (a(), x(d, A(S({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
       o("address", Ns, [
         n.showLabels && (n.showLabelTexts || n.showLabelIcons) && !n.showIconsOnly ? (a(), r(T, { key: 0 }, [
@@ -3930,7 +3930,7 @@ function tr(e, t, n, s, i, l) {
                     type: p.iconType
                   }, null, 8, ["iconClass", "type"])) : m("", !0)
                 ], 64)) : (a(), r(T, { key: 1 }, [
-                  D(y(p.href), 1)
+                  F(y(p.href), 1)
                 ], 64))
               ], 10, zs)) : n.showIconsOnly ? m("", !0) : (a(), r("span", {
                 key: 1,
@@ -3960,9 +3960,9 @@ function tr(e, t, n, s, i, l) {
                     }, [
                       p.zip ? (a(), r("span", Ys, y(p.zip) + " ", 1)) : m("", !0),
                       p.city ? (a(), r("span", Js, [
-                        D(y(p.city), 1),
+                        F(y(p.city), 1),
                         p.state ? (a(), r(T, { key: 0 }, [
-                          D(y(p.state), 1)
+                          F(y(p.state), 1)
                         ], 64)) : m("", !0)
                       ])) : m("", !0),
                       t[3] || (t[3] = o("br", null, null, -1))
@@ -3989,9 +3989,9 @@ function tr(e, t, n, s, i, l) {
                   }, [
                     p.zip ? (a(), r("span", Xs, y(p.zip) + " ", 1)) : m("", !0),
                     p.city ? (a(), r("span", $s, [
-                      D(y(p.city), 1),
+                      F(y(p.city), 1),
                       p.state ? (a(), r(T, { key: 0 }, [
-                        D(y(p.state), 1)
+                        F(y(p.state), 1)
                       ], 64)) : m("", !0)
                     ])) : m("", !0),
                     t[7] || (t[7] = o("br", null, null, -1))
@@ -4168,7 +4168,7 @@ const or = /* @__PURE__ */ B(nr, [["render", lr]]), ar = {
 function cr(e, t, n, s, i, l) {
   const d = U, c = R;
   return a(), r("div", sr, [
-    n.useSlot ? F(e.$slots, "default", { key: 0 }) : (a(), r(T, { key: 1 }, [
+    n.useSlot ? D(e.$slots, "default", { key: 0 }) : (a(), r(T, { key: 1 }, [
       n.cmdHeadline ? (a(), x(d, A(S({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
       o("dl", null, [
         (a(!0), r(T, null, P(n.accountData, (u, h) => (a(), r(T, { key: h }, [
@@ -4431,7 +4431,7 @@ function wr(e, t, n, s, i, l) {
   }, [
     W(o("span", hr, [
       o("span", { id: e.htmlId }, [
-        D(y(n.labelText), 1),
+        F(y(n.labelText), 1),
         n.required ? (a(), r("sup", yr, "*")) : m("", !0)
       ], 8, gr),
       (n.required || e.inputRequirements.length > 0) && n.showStatusIcon ? (a(), r("a", {
@@ -4463,7 +4463,7 @@ function wr(e, t, n, s, i, l) {
       [te, n.showLabel]
     ]),
     n.useSlot ? (a(), r("div", kr, [
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ])) : (a(), r("span", {
       key: 0,
       class: b(["flex-container", { vertical: n.orientation === "vertical", "flex-items-flex-none": !n.stretchHorizontally, "no-gap": n.multipleSwitch }])
@@ -4639,7 +4639,7 @@ function Or(e, t, n, s, i, l) {
         role: n.validationStatus === "error" ? "alert" : "dialog",
         "aria-labelledby": e.htmlId
       }, [
-        F(e.$slots, "default", {}, () => [
+        D(e.$slots, "default", {}, () => [
           f(d, {
             class: "message-headline",
             cmdIcon: l.headlineIcon,
@@ -4927,7 +4927,7 @@ function Ur(e, t, n, s, i, l) {
           validationStatus: i.systemMessage.validationStatus,
           systemMessage: i.systemMessage.message
         }, null, 8, ["validationStatus", "systemMessage"])) : m("", !0),
-        n.useSlot ? F(e.$slots, "default", { key: 2 }) : (a(!0), r(T, { key: 3 }, P(n.formElements, (p, v) => (a(), r(T, { key: v }, [
+        n.useSlot ? D(e.$slots, "default", { key: 2 }) : (a(!0), r(T, { key: 3 }, P(n.formElements, (p, v) => (a(), r(T, { key: v }, [
           !p.component || p.component === "CmdFormElement" ? (a(), x(u, {
             key: v,
             element: p.element || "input",
@@ -4998,7 +4998,7 @@ function Ur(e, t, n, s, i, l) {
         l.submitButtonOptions.show && (l.submitButtonOptions.position === "insideFieldset" || l.submitButtonOptions.position === null) ? (a(), r("div", Fr, [
           n.mandatoryText ? (a(), r("small", Mr, [
             t[3] || (t[3] = o("sup", null, "*", -1)),
-            D(y(n.mandatoryText), 1)
+            F(y(n.mandatoryText), 1)
           ])) : m("", !0),
           l.cancelButtonOptions.show ? (a(), r("button", {
             key: 1,
@@ -5027,7 +5027,7 @@ function Ur(e, t, n, s, i, l) {
       l.submitButtonOptions.show && l.submitButtonOptions.position === "belowFieldset" ? (a(), r("div", Er, [
         n.mandatoryText ? (a(), r("small", Hr, [
           t[4] || (t[4] = o("sup", null, "*", -1)),
-          D(y(n.mandatoryText), 1)
+          F(y(n.mandatoryText), 1)
         ])) : m("", !0),
         l.cancelButtonOptions.show ? (a(), r("button", {
           key: 1,
@@ -5053,8 +5053,8 @@ function Ur(e, t, n, s, i, l) {
           l.submitButtonOptions.text ? (a(), r("span", jr, y(l.submitButtonOptions.text), 1)) : m("", !0)
         ], 10, Rr)) : m("", !0)
       ])) : m("", !0),
-      F(e.$slots, "button-row")
-    ], 64)) : F(e.$slots, "default", { key: 1 })
+      D(e.$slots, "button-row")
+    ], 64)) : D(e.$slots, "default", { key: 1 })
   ], 42, Ir);
 }
 const hi = /* @__PURE__ */ B(Lr, [["render", Ur]]), Nr = {
@@ -6272,7 +6272,7 @@ function Id(e, t, n, s, i, l) {
           onClick: w(e.showNextItem, ["prevent"])
         }, null, 8, ["onClick"])
       ])) : (a(), r("div", wd, [
-        F(e.$slots, "default")
+        D(e.$slots, "default")
       ]))
     ], 2),
     e.showSubmitButtons && e.fancyBoxOptionsProperties.submitButtons ? (a(), r("footer", Td, [
@@ -6652,7 +6652,7 @@ function Hd(e, t, n, s, i, l) {
             i18n: e.i18n
           }, null, 8, ["labelText", "name", "replaceInputType", "modelValue", "i18n"])
         ])) : m("", !0),
-        F(e.$slots, "top"),
+        D(e.$slots, "top"),
         n.configuration.lastName || n.configuration.firstName ? (a(), r("div", Pd, [
           n.configuration.lastName ? (a(), x(c, {
             key: 0,
@@ -6817,7 +6817,7 @@ function Hd(e, t, n, s, i, l) {
           i18n: e.i18n,
           showStatusIcon: !1
         }, null, 8, ["element", "labelText", "placeholder", "required", "name", "textCharactersLeft", "maxlength", "modelValue", "status", "i18n"])) : m("", !0),
-        F(e.$slots, "bottom"),
+        D(e.$slots, "bottom"),
         n.configuration.acceptPrivacy ? (a(), x(c, {
           key: 5,
           element: "input",
@@ -6893,7 +6893,7 @@ function Wd(e, t, n, s, i, l) {
       src: e.img?.src,
       alt: n.image?.alt
     }, null, 8, zd)) : m("", !0),
-    F(e.$slots, "default")
+    D(e.$slots, "default")
   ], 64);
 }
 const Gd = /* @__PURE__ */ B(qd, [["render", Wd]]), Kd = {
@@ -7016,7 +7016,7 @@ function Zd(e, t, n, s, i, l) {
       image: n.image
     }, {
       default: C(() => [
-        F(e.$slots, "default")
+        D(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["text", "icon", "image"])
@@ -7035,7 +7035,7 @@ function Zd(e, t, n, s, i, l) {
         image: n.image
       }, {
         default: C(() => [
-          F(e.$slots, "default")
+          D(e.$slots, "default")
         ]),
         _: 3
       }, 8, ["text", "icon", "image"])
@@ -7055,7 +7055,7 @@ function Zd(e, t, n, s, i, l) {
       image: n.image
     }, {
       default: C(() => [
-        F(e.$slots, "default")
+        D(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["text", "icon", "image"])
@@ -7129,7 +7129,7 @@ function Xd(e, t, n, s, i, l) {
     class: b(["cmd-tag tag", n.highlightLevel]),
     ref: "tag"
   }, [
-    F(e.$slots, "default", {}, () => [
+    D(e.$slots, "default", {}, () => [
       o("span", null, y(n.tagText), 1),
       n.removeTagByClick ? (a(), r("a", {
         key: 0,
@@ -7466,7 +7466,7 @@ function pu(e, t, n, s, i, l) {
           class: b(["flex-container", { "no-gap": !n.useGap }, "align-" + n.align, l.setStretchClass, { horizontal: n.orientation === "horizontal" }])
         }, {
           default: C(() => [
-            n.listContentType === "links" ? F(e.$slots, "default", { key: 0 }, () => [
+            n.listContentType === "links" ? D(e.$slots, "default", { key: 0 }, () => [
               e.editModeContext ? (a(), r("li", au, [
                 (a(!0), r(T, null, P(e.links, (I, L) => (a(), x(u, {
                   key: "x" + L,
@@ -7503,7 +7503,7 @@ function pu(e, t, n, s, i, l) {
                 onClick: t[0] || (t[0] = (O) => l.emitClick(O, e.linkType))
               }, null, 8, ["class", "link"]))), 128))
             ]) : m("", !0),
-            n.listContentType === "images" ? F(e.$slots, "default", { key: 1 }, () => [
+            n.listContentType === "images" ? D(e.$slots, "default", { key: 1 }, () => [
               (a(!0), r(T, null, P(n.items, (I, L) => (a(), r("li", { key: L }, [
                 I.image.url ? (a(), r("a", {
                   key: 0,
@@ -7516,7 +7516,7 @@ function pu(e, t, n, s, i, l) {
                 }, I), null, 16))
               ]))), 128))
             ]) : m("", !0),
-            n.listContentType === "tags" ? F(e.$slots, "default", { key: 2 }, () => [
+            n.listContentType === "tags" ? D(e.$slots, "default", { key: 2 }, () => [
               (a(!0), r(T, null, P(i.listOfTagItems, (I, L) => (a(), r("li", { key: L }, [
                 f(p, {
                   tagText: I,
@@ -7542,7 +7542,7 @@ function pu(e, t, n, s, i, l) {
                 key: 0,
                 ref_for: !0
               }, I.descriptionData.cmdLink), null, 16)) : (a(), r(T, { key: 1 }, [
-                D(y(I.descriptionData.text), 1)
+                F(y(I.descriptionData.text), 1)
               ], 64))
             ]),
             n.alignDescriptionTermRight ? (a(), r("dt", cu, [
@@ -7973,14 +7973,14 @@ function Ku(e, t, n, s, i, l) {
       title: i.open ? n.iconOpen.tooltip : n.iconClosed.tooltip,
       onClick: t[0] || (t[0] = w((...v) => l.toggleContentVisibility && l.toggleContentVisibility(...v), ["prevent"]))
     }, [
-      n.useSlots?.includes("header") ? F(e.$slots, "header", { key: 0 }) : n.cmdHeadline?.headlineText && n.headlinePosition === "header" ? (a(), x(d, A(S({ key: 1 }, n.cmdHeadline)), null, 16)) : m("", !0),
+      n.useSlots?.includes("header") ? D(e.$slots, "header", { key: 0 }) : n.cmdHeadline?.headlineText && n.headlinePosition === "header" ? (a(), x(d, A(S({ key: 1 }, n.cmdHeadline)), null, 16)) : m("", !0),
       f(c, {
         iconClass: i.open ? n.iconOpen.iconClass : n.iconClosed.iconClass,
         type: i.open ? n.iconOpen.iconType : n.iconClosed.iconType
       }, null, 8, ["iconClass", "type"])
     ], 8, gu)) : (a(), r(T, { key: 1 }, [
       n.useSlots?.includes("header") || n.cmdHeadline?.headlineText && n.headlinePosition === "header" ? (a(), r("div", yu, [
-        n.useSlots?.includes("header") ? F(e.$slots, "header", { key: 0 }) : m("", !0),
+        n.useSlots?.includes("header") ? D(e.$slots, "header", { key: 0 }) : m("", !0),
         n.cmdHeadline?.headlineText && n.headlinePosition === "header" ? (a(), x(d, A(S({ key: 1 }, n.cmdHeadline)), null, 16)) : m("", !0)
       ])) : m("", !0)
     ], 64)),
@@ -7995,7 +7995,7 @@ function Ku(e, t, n, s, i, l) {
         ref: "boxBody",
         style: Ke(n.allowContentToScroll ? "max-height: " + i.calculatedBodyHeight : null)
       }, [
-        F(e.$slots, "body", {}, () => [
+        D(e.$slots, "body", {}, () => [
           n.cmdHeadline?.headlineText && n.headlinePosition === "body" ? (a(), x(d, A(S({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
           n.cmdIcon !== void 0 ? (a(), r("div", bu, [
             f(c, {
@@ -8049,7 +8049,7 @@ function Ku(e, t, n, s, i, l) {
       f(h, A(ce(n.cmdLink)), null, 16)
     ])) : m("", !0),
     n.useSlots?.includes("footer") ? (a(), r("div", wu, [
-      F(e.$slots, "footer")
+      D(e.$slots, "footer")
     ])) : m("", !0)
   ], 2)) : n.boxType === "product" && n.product ? (a(), r("a", {
     key: 1,
@@ -8095,7 +8095,7 @@ function Ku(e, t, n, s, i, l) {
           alt: n.user.image.alt
         }, null, 8, Pu),
         n.rowView ? m("", !0) : (a(), r("figcaption", Vu, [
-          D(y(n.user.name) + " ", 1),
+          F(y(n.user.name) + " ", 1),
           n.user.age ? (a(), r("span", Au, " (" + y(n.user.age) + ") ", 1)) : m("", !0)
         ]))
       ])) : (a(), r(T, { key: 1 }, [
@@ -8107,7 +8107,7 @@ function Ku(e, t, n, s, i, l) {
           }, null, 8, ["iconClass", "type", "title"])
         ]),
         n.rowView ? m("", !0) : (a(), r("p", Hu, [
-          D(y(n.user.name) + " ", 1),
+          F(y(n.user.name) + " ", 1),
           n.user.age ? (a(), r("span", qu, " (" + y(n.user.age) + ") ", 1)) : m("", !0)
         ]))
       ], 64))
@@ -8363,7 +8363,7 @@ function Xu(e, t, n, s, i, l) {
         }
       ])
     }, [
-      F(e.$slots, "default", {
+      D(e.$slots, "default", {
         collapsingBoxesOpen: i.collapsingBoxesOpen,
         boxToggled: l.boxToggled,
         boxIsOpen: l.boxIsOpen,
@@ -8534,14 +8534,14 @@ function fc(e, t, n, s, i, l) {
     ], 8, uc)) : m("", !0),
     n.preformatted ? (a(), r("pre", cc, [
       o("code", mc, [
-        t[1] || (t[1] = D(`
+        t[1] || (t[1] = F(`
             `, -1)),
-        F(e.$slots, "default"),
-        t[2] || (t[2] = D(`
+        D(e.$slots, "default"),
+        t[2] || (t[2] = F(`
         `, -1))
       ], 512)
     ])) : (a(), r("code", pc, [
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ], 512))
   ], 2);
 }
@@ -8766,7 +8766,7 @@ function kc(e, t, n, s, i, l) {
     o("div", {
       class: b(l.htmlClasses)
     }, [
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ], 2)
   ]);
 }
@@ -8933,13 +8933,13 @@ function Uc(e, t, n, s, i, l) {
   return a(), x(pe, { name: n.transition }, {
     default: C(() => [
       o("div", _c, [
-        n.useSlot ? F(e.$slots, "default", { key: 0 }) : (a(), r("div", Oc, [
+        n.useSlot ? D(e.$slots, "default", { key: 0 }) : (a(), r("div", Oc, [
           n.cmdHeadlineCookieDisclaimer?.show && n.cmdHeadlineCookieDisclaimer?.headlineText && n.cmdHeadlineCookieDisclaimer?.headlineLevel ? (a(), x(d, {
             key: 0,
             headlineText: n.cmdHeadlineCookieDisclaimer.headlineText,
             headlineLevel: n.cmdHeadlineCookieDisclaimer.headlineLevel
           }, null, 8, ["headlineText", "headlineLevel"])) : m("", !0),
-          F(e.$slots, "cookie-options", {}, () => [
+          D(e.$slots, "cookie-options", {}, () => [
             n.cookieOptions?.required ? (a(), r("div", Lc, [
               l.defaultCmdBoxRequiredCookies().showHeadline && l.defaultCmdBoxRequiredCookies().headlineText ? (a(), x(d, {
                 key: 0,
@@ -8978,7 +8978,7 @@ function Uc(e, t, n, s, i, l) {
                 W(o("div", Bc, [
                   u.description ? (a(), r("p", Dc, y(u.description), 1)) : m("", !0),
                   u.linkDataPrivacy ? (a(), r("p", Fc, [
-                    D(y(u.linkDataPrivacy.label) + " ", 1),
+                    F(y(u.linkDataPrivacy.label) + " ", 1),
                     o("a", {
                       onClick: t[1] || (t[1] = (...p) => l.openDataPrivacy && l.openDataPrivacy(...p)),
                       href: u.linkDataPrivacy.link,
@@ -9029,7 +9029,7 @@ function Uc(e, t, n, s, i, l) {
                 W(o("div", Ac, [
                   u.description ? (a(), r("p", Ec, y(u.description), 1)) : m("", !0),
                   u.linkDataPrivacy ? (a(), r("p", Hc, [
-                    D(y(u.linkDataPrivacy.label) + " ", 1),
+                    F(y(u.linkDataPrivacy.label) + " ", 1),
                     o("a", {
                       onClick: t[3] || (t[3] = (...p) => l.openDataPrivacy && l.openDataPrivacy(...p)),
                       href: u.linkDataPrivacy.link,
@@ -9388,7 +9388,7 @@ function gm(e, t, n, s, i, l) {
   }, [
     n.showLabel ? (a(), r("span", Qc, [
       o("span", { id: e.htmlId }, [
-        D(y(n.labelText), 1),
+        F(y(n.labelText), 1),
         e.$attrs.required !== void 0 ? (a(), r("sup", $c, "*")) : m("", !0)
       ], 8, Xc),
       (e.$attrs.required || e.inputRequirements.length) && n.showStatusIcon ? (a(), r("a", {
@@ -9545,7 +9545,7 @@ function gm(e, t, n, s, i, l) {
               o("span", null, y(l.selectAllOptionsText), 1)
             ])
           ])) : m("", !0)
-        ], 10, dm)) : n.type === "content" && i.showOptions ? F(e.$slots, "default", { key: 2 }) : m("", !0)
+        ], 10, dm)) : n.type === "content" && i.showOptions ? D(e.$slots, "default", { key: 2 }) : m("", !0)
       ])
     ], 42, tm)
   ], 10, Zc);
@@ -9569,10 +9569,10 @@ function Cm(e, t, n, s, i, l) {
     class: b(["cmd-flexible-scroll-container flexible-scroll-container", { "reverse-order": n.fixedContainerAtBottom }])
   }, [
     o("div", bm, [
-      F(e.$slots, "fixed-wrapper")
+      D(e.$slots, "fixed-wrapper")
     ]),
     o("div", xm, [
-      F(e.$slots, "scroll-wrapper")
+      D(e.$slots, "scroll-wrapper")
     ])
   ], 2);
 }
@@ -10437,7 +10437,7 @@ function sp(e, t, n, s, i, l) {
       ], 2), [
         [te, i.showLogin]
       ]),
-      F(e.$slots, "login"),
+      D(e.$slots, "login"),
       o("div", Xm, [
         n.linkForgotPassword || n.linkCreateAccount ? (a(), r("div", $m, [
           n.linkForgotPassword ? (a(), r("a", {
@@ -10498,7 +10498,7 @@ function sp(e, t, n, s, i, l) {
         modelValue: i.sendLoginMail,
         "onUpdate:modelValue": t[9] || (t[9] = (p) => i.sendLoginMail = p)
       }, l.cmdFormElementSendLoginOptions), null, 16, ["modelValue"]),
-      F(e.$slots, "send-login"),
+      D(e.$slots, "send-login"),
       o("div", lp, [
         o("a", {
           href: "#",
@@ -10979,7 +10979,7 @@ const Li = /* @__PURE__ */ B(dp, [["render", kp]]), wp = {
 function Mp(e, t, n, s, i, l) {
   const d = R;
   return a(), r("div", Sp, [
-    F(e.$slots, "default", {}, () => [
+    D(e.$slots, "default", {}, () => [
       o("a", {
         href: l.getPreviousHref,
         class: b(["page-change", { disabled: i.currentPage === 1, button: n.linkType === "button" }]),
@@ -11324,7 +11324,7 @@ const Bi = /* @__PURE__ */ B(Pp, [["render", Ep]]), Hp = {
 function Rp(e, t, n, s, i, l) {
   const d = Bi, c = ve, u = Ii;
   return a(), r("div", qp, [
-    F(e.$slots, "progress-bar", {
+    D(e.$slots, "progress-bar", {
       setCurrentPage: l.setCurrentPage,
       numberOfPages: l.numberOfPages
     }, () => [
@@ -11345,17 +11345,18 @@ function Rp(e, t, n, s, i, l) {
         systemMessage: l.getSystemMessage(h),
         validationStatus: "error"
       }, null, 8, ["systemMessage"])) : m("", !0),
-      F(e.$slots, "page-" + h, {
+      D(e.$slots, "page-" + h, {
         setErrorOnPage: (v) => l.setErrorOnPage(h, v),
         removeErrorOnPage: () => l.removeErrorOnPage(h),
         atleastOneStepWithError: l.atleastOneStepWithError,
         formDataForPage: l.formDataForPage(h),
         updateFormDataForPage: (v) => l.updateFormDataForPage(h, v)
-      })
+      }),
+      D(e.$slots, "last-step")
     ], 2)), [
       [te, h === i.currentPage]
     ])), 128)),
-    F(e.$slots, "pagination", {
+    D(e.$slots, "pagination", {
       currentPage: i.currentPage,
       setPrevPage: l.setPrevPage,
       setNextPage: l.setNextPage,
@@ -11367,7 +11368,7 @@ function Rp(e, t, n, s, i, l) {
         activePage: i.currentPage,
         numberOfPages: l.numberOfPages
       }, l.cmdPaginationProperties, {
-        onClick: t[1] || (t[1] = (h) => l.setCurrentPage(h.page))
+        onClick: t[1] || (t[1] = (h) => l.setCurrentPage(h.step))
       }), null, 16, ["activePage", "numberOfPages"])) : m("", !0)
     ])
   ]);
@@ -11780,16 +11781,16 @@ function of(e, t, n, s, i, l) {
     o("dd", null, [
       n.day.am ? (a(), r("span", Jp, [
         n.day.am.displayText ? (a(), r(T, { key: 0 }, [
-          D(y(n.day.am.displayText), 1)
+          F(y(n.day.am.displayText), 1)
         ], 64)) : (a(), r(T, { key: 1 }, [
-          D(y(l.getTime(n.day.am.fromTime, n.abbreviationTextAm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.am.tillTime)), 1)
+          F(y(l.getTime(n.day.am.fromTime, n.abbreviationTextAm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.am.tillTime)), 1)
         ], 64))
       ])) : m("", !0),
       n.day.pm ? (a(), r("span", Zp, [
         n.day.pm.displayText ? (a(), r(T, { key: 0 }, [
-          D(y(n.day.pm.displayText), 1)
+          F(y(n.day.pm.displayText), 1)
         ], 64)) : (a(), r(T, { key: 1 }, [
-          D(y(l.getTime(n.day.pm.fromTime, n.abbreviationTextPm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.pm.tillTime)), 1)
+          F(y(l.getTime(n.day.pm.fromTime, n.abbreviationTextPm)) + " " + y(n.separator) + " " + y(l.getTime(n.day.pm.tillTime)), 1)
         ], 64))
       ])) : m("", !0)
     ])
@@ -12074,7 +12075,7 @@ function bf(e, t, n, s, i, l) {
         class: { closed: l.isClosed }
       }), {
         default: C(() => [
-          D(y(l.textOpenClosed), 1)
+          F(y(l.textOpenClosed), 1)
         ]),
         _: 1
       }, 16, ["linkType", "class"])) : (a(), r("span", {
@@ -12497,7 +12498,7 @@ function Of(e, t, n, s, i, l) {
           page: n.page,
           appendPage: n.appendPage
         }, null, 8, ["network", "userMustAcceptDataPrivacy", "buttonTextAlign", "dataPrivacyAccepted", "page", "appendPage"]))), 128)),
-        F(e.$slots, "default")
+        D(e.$slots, "default")
       ], 64))
     ], 2)) : (a(), r("button", {
       key: 3,
@@ -12603,12 +12604,12 @@ function Ff(e, t, n, s, i, l) {
   }, [
     n.cmdSocialNetworks ? (a(), x(d, A(S({ key: 0 }, n.cmdSocialNetworks)), {
       default: C(() => [
-        F(e.$slots, "cmd-social-networks")
+        D(e.$slots, "cmd-social-networks")
       ]),
       _: 3
     }, 16)) : m("", !0),
     o("div", If, [
-      F(e.$slots, "default"),
+      D(e.$slots, "default"),
       l.buttonPrintViewOptions?.show ? (a(), r("button", {
         key: 0,
         class: b(["button", { primary: l.buttonPrintViewOptions.primary }]),
@@ -12657,7 +12658,7 @@ function Ef(e, t, n, s, i, l) {
       n.cmdBreadcrumbs ? (a(), x(d, A(S({ key: 0 }, n.cmdBreadcrumbs)), null, 16)) : m("", !0),
       n.cmdHeadline.headlineText ? (a(), x(c, A(S({ key: 1 }, n.cmdHeadline)), null, 16)) : m("", !0)
     ])) : m("", !0),
-    e.$slots.default ? F(e.$slots, "default", { key: 1 }) : m("", !0)
+    e.$slots.default ? D(e.$slots, "default", { key: 1 }) : m("", !0)
   ])) : m("", !0);
 }
 const Hf = /* @__PURE__ */ B(Pf, [["render", Ef]]), qf = {
@@ -12781,7 +12782,7 @@ function Yf(e, t, n, s, i, l) {
     n.content && !n.useSlot ? (a(), r("div", {
       key: 1,
       innerHTML: n.content
-    }, null, 8, Kf)) : F(e.$slots, "default", { key: 2 })
+    }, null, 8, Kf)) : D(e.$slots, "default", { key: 2 })
   ], 2);
 }
 const Jf = /* @__PURE__ */ B(Gf, [["render", Yf]]), Zf = {
@@ -12869,9 +12870,9 @@ function th(e, t, n, s, i, l) {
         class: "sidebar-main-headline"
       }), null, 16, ["headlineLevel"])) : m("", !0),
       i.open ? (a(), r("div", Xf, [
-        F(e.$slots, "open", { openBoxStatus: i.open })
+        D(e.$slots, "open", { openBoxStatus: i.open })
       ])) : (a(), r("div", $f, [
-        F(e.$slots, "closed", { openBoxStatus: i.open })
+        D(e.$slots, "closed", { openBoxStatus: i.open })
       ]))
     ]),
     n.collapsible ? (a(), r("a", {
@@ -12908,7 +12909,7 @@ function oh(e, t, n, s, i, l) {
     o("footer", {
       class: b(["flex-container", { vertical: n.orientation === "vertical" }])
     }, [
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ], 2)
   ]);
 }
@@ -13028,7 +13029,7 @@ function dh(e, t, n, s, i, l) {
     role: "banner"
   }, [
     e.$slots.topheader ? (a(), r("div", rh, [
-      F(e.$slots, "topheader")
+      D(e.$slots, "topheader")
     ])) : m("", !0),
     o("header", {
       class: b([
@@ -13037,9 +13038,9 @@ function dh(e, t, n, s, i, l) {
       ])
     }, [
       e.$slots.logo || e.$slots.header || e.$slots.navigation ? (a(), r(T, { key: 0 }, [
-        F(e.$slots, "logo"),
-        F(e.$slots, "header"),
-        F(e.$slots, "navigation")
+        D(e.$slots, "logo"),
+        D(e.$slots, "header"),
+        D(e.$slots, "navigation")
       ], 64)) : m("", !0),
       n.cmdCompanyLogo || n.cmdMainNavigation?.navigationEntries?.length ? (a(), r(T, { key: 1 }, [
         n.cmdCompanyLogo ? (a(), x(d, S({ key: 0 }, n.cmdCompanyLogo, { onImageLoaded: l.onImageLoaded }), null, 16, ["onImageLoaded"])) : m("", !0),
@@ -13647,7 +13648,7 @@ function _h(e, t, n, s, i, l) {
               key: i.index,
               style: Ke("background-image: url(" + l.currentItem.image.srcLarge + ")")
             }, [
-              F(e.$slots, "item" + i.currentSlotItem)
+              D(e.$slots, "item" + i.currentSlotItem)
             ], 4)) : (a(), r(T, { key: 0 }, [
               e.editModeContext ? n.slideshowItems.length ? (a(), x(c, {
                 key: 1,
@@ -13844,7 +13845,7 @@ function Bh(e, t, n, s, i, l) {
           onClick: (p) => l.optionSelected(u)
         }), {
           default: C(() => [
-            F(e.$slots, "default")
+            D(e.$slots, "default")
           ]),
           _: 3
         }, 16, ["onClick"])
@@ -14136,13 +14137,13 @@ function Yh(e, t, n, s, i, l) {
         ref: "table",
         class: b({ "full-width": i.fullWidth })
       }, [
-        F(e.$slots, "table-caption", {}, () => [
+        D(e.$slots, "table-caption", {}, () => [
           n.tableData.caption?.text || n.caption?.text ? (a(), r("caption", {
             key: 0,
             class: b({ hidden: l.hideCaption })
           }, y(n.caption?.text || n.tableData.caption?.text), 3)) : m("", !0)
         ]),
-        F(e.$slots, "table-head", {}, () => [
+        D(e.$slots, "table-head", {}, () => [
           o("thead", null, [
             o("tr", null, [
               (a(!0), r(T, null, P(n.tableData.thead, (u, h) => (a(), r("th", {
@@ -14154,7 +14155,7 @@ function Yh(e, t, n, s, i, l) {
         ]),
         f(pe, { name: n.transition }, {
           default: C(() => [
-            F(e.$slots, "table-body", {}, () => [
+            D(e.$slots, "table-body", {}, () => [
               W(o("tbody", zh, [
                 (a(!0), r(T, null, P(n.tableData.tbody, (u, h) => (a(), r("tr", {
                   class: b({ active: n.tableData.rowIndexHighlighted === h }),
@@ -14175,7 +14176,7 @@ function Yh(e, t, n, s, i, l) {
         }, 8, ["name"]),
         f(pe, { name: n.transition }, {
           default: C(() => [
-            F(e.$slots, "table-foot", {}, () => [
+            D(e.$slots, "table-foot", {}, () => [
               n.tableData.tfoot && n.tableData.tfoot.length && i.showTableData ? (a(), r("tfoot", Gh, [
                 o("tr", null, [
                   (a(!0), r(T, null, P(n.tableData.tfoot, (u, h) => (a(), r("td", {
@@ -14319,7 +14320,7 @@ function ag(e, t, n, s, i, l) {
       "aria-live": "assertive",
       class: b(["tab-content-" + (u - 1), { "no-padding": !n.useDefaultPadding }])
     }, [
-      F(e.$slots, "tab-content-" + (u - 1))
+      D(e.$slots, "tab-content-" + (u - 1))
     ], 2)), [
       [te, i.showTab === u - 1]
     ])), 128)) : (a(), r("div", lg, [
@@ -14473,7 +14474,7 @@ function ug(e, t, n, s, i, l) {
         key: 1,
         innerHTML: n.htmlContent
       }, null, 8, rg)) : m("", !0),
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ], 2)),
     e.editModeContext ? (a(), x(u, {
       key: 3,
@@ -17031,7 +17032,7 @@ function xb(e, t, n, s, i, l) {
           n.showTotalUpload && i.listOfFiles.length !== 1 ? (a(), r("div", Ky, [
             f(d, S(n.cmdHeadlineSummaryOfAllFiles, { headlineLevel: "4" }), {
               default: C(() => [
-                D(y(e.getMessage("upload_form.headline.summary_of_all_files")), 1)
+                F(y(e.getMessage("upload_form.headline.summary_of_all_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -17045,11 +17046,11 @@ function xb(e, t, n, s, i, l) {
                   f(u, A(ce(n.iconDelete)), null, 16)
                 ], 8, Zy),
                 o("span", null, [
-                  D(y(i.listOfFiles.length) + " ", 1),
+                  F(y(i.listOfFiles.length) + " ", 1),
                   n.allowMultipleFileUploads ? (a(), r(T, { key: 1 }, [
-                    D(y(e.getMessage("upload_form.labeltext.files_uploading")), 1)
+                    F(y(e.getMessage("upload_form.labeltext.files_uploading")), 1)
                   ], 64)) : (a(), r(T, { key: 0 }, [
-                    D(y(e.getMessage("upload_form.labeltext.file_uploading")), 1)
+                    F(y(e.getMessage("upload_form.labeltext.file_uploading")), 1)
                   ], 64))
                 ]),
                 o("small", {
@@ -17073,7 +17074,7 @@ function xb(e, t, n, s, i, l) {
           o("div", $y, [
             f(d, S(n.cmdHeadlineListOfSelectedFiles, { headlineLevel: "4" }), {
               default: C(() => [
-                D(y(e.getMessage("upload_form.headline.list_of_selected_files")), 1)
+                F(y(e.getMessage("upload_form.headline.list_of_selected_files")), 1)
               ]),
               _: 1
             }, 16),
@@ -17096,7 +17097,7 @@ function xb(e, t, n, s, i, l) {
                     { error: p.error }
                   ])
                 }, [
-                  D(y(p.file.name) + " ", 1),
+                  F(y(p.file.name) + " ", 1),
                   o("small", null, "(" + y(l.formatSize(p.file.size)) + ")", 1)
                 ], 2),
                 i.uploadInitiated && !p.error ? (a(), r("span", nb, [
@@ -17120,7 +17121,7 @@ function xb(e, t, n, s, i, l) {
         ])) : (a(), r(T, { key: 0 }, [
           n.allowMultipleFileUploads ? (a(), x(d, S({ key: 0 }, n.cmdHeadlineNoFilesToUpload, { headlineLevel: "4" }), {
             default: C(() => [
-              D(y(l.headlineTextNoFilesToUpload), 1)
+              F(y(l.headlineTextNoFilesToUpload), 1)
             ]),
             _: 1
           }, 16)) : m("", !0)
@@ -17128,13 +17129,13 @@ function xb(e, t, n, s, i, l) {
         o("div", ob, [
           n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), x(d, S({ key: 0 }, n.cmdHeadlineSelectAdditionalFiles, { headlineLevel: "4" }), {
             default: C(() => [
-              D(y(e.getMessage("upload_form.headline.select_additional_files")), 1)
+              F(y(e.getMessage("upload_form.headline.select_additional_files")), 1)
             ]),
             _: 1
           }, 16)) : m("", !0),
           !n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), x(d, S({ key: 1 }, n.cmdHeadlineSelectNewFile, { headlineLevel: "4" }), {
             default: C(() => [
-              D(y(e.getMessage("upload_form.headline.select_new_file")), 1)
+              F(y(e.getMessage("upload_form.headline.select_new_file")), 1)
             ]),
             _: 1
           }, 16)) : m("", !0),
@@ -17200,14 +17201,14 @@ function xb(e, t, n, s, i, l) {
           }, [
             o("span", null, y(e.getMessage("upload_form.or")), 1),
             o("strong", null, [
-              D(y(e.getMessage("upload_form.drag_and_drop")) + " ", 1),
+              F(y(e.getMessage("upload_form.drag_and_drop")) + " ", 1),
               n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), r(T, { key: 0 }, [
-                D(y(e.getMessage("upload_form.additional")), 1)
+                F(y(e.getMessage("upload_form.additional")), 1)
               ], 64)) : m("", !0),
               !n.allowMultipleFileUploads && i.listOfFiles.length ? (a(), r(T, { key: 1 }, [
-                D(y(e.getMessage("upload_form.new")), 1)
+                F(y(e.getMessage("upload_form.new")), 1)
               ], 64)) : m("", !0),
-              D(" " + y(e.getMessage("upload_form.files_to_this_area")), 1)
+              F(" " + y(e.getMessage("upload_form.files_to_this_area")), 1)
             ])
           ], 2)) : m("", !0)
         ])
@@ -17259,7 +17260,7 @@ function xb(e, t, n, s, i, l) {
           title: l.totalBytesUploaded
         }, null, 8, bb)
       ])) : m("", !0),
-      F(e.$slots, "default", {}, () => [
+      D(e.$slots, "default", {}, () => [
         n.enableDragAndDrop ? (a(), r(T, { key: 1 }, [
           o("span", null, y(e.getMessage("upload_form.drag_and_drop_file_here")), 1),
           f(u, {
@@ -17415,18 +17416,18 @@ function Tb(e, t, n, s, i, l) {
       id: n.anchorId
     }, [
       n.cmdHeadline ? (a(), x(d, A(S({ key: 0 }, n.cmdHeadline)), null, 16)) : m("", !0),
-      l.oneSlotItem() ? F(e.$slots, "default", { key: 1 }) : (a(), r("div", {
+      l.oneSlotItem() ? D(e.$slots, "default", { key: 1 }) : (a(), r("div", {
         key: 2,
         class: b(l.setInnerClass)
       }, [
-        F(e.$slots, "default")
+        D(e.$slots, "default")
       ], 2))
     ], 10, kb)) : (a(), r(T, { key: 1 }, [
       n.anchorId ? (a(), r("a", {
         key: 0,
         id: n.anchorId
       }, null, 8, wb)) : m("", !0),
-      F(e.$slots, "default")
+      D(e.$slots, "default")
     ], 64))
   ], 2);
 }
@@ -17568,14 +17569,14 @@ function Bb(e, t, n, s, i, l) {
             rowView: p.rowView
           }), {
             default: C(() => [
-              D(" box " + y(v), 1)
+              F(" box " + y(v), 1)
             ]),
             _: 2
           }, 1040, ["rowView"]))), 128))
         ]),
         _: 2
       }, 1040),
-      F(e.$slots, "multiple-box-wrapper-slot-${index}")
+      D(e.$slots, "multiple-box-wrapper-slot-${index}")
     ], 64))), 128))
   ]);
 }
@@ -17598,7 +17599,7 @@ function Pb(e, t, n, s, i, l) {
         largeIcons: c.largeIcons,
         cmdHeadline: c.headline
       }, null, 8, ["links", "orientation", "largeIcons", "cmdHeadline"]),
-      F(e.$slots, "multiple-lists-of-links-slot-${index}")
+      D(e.$slots, "multiple-lists-of-links-slot-${index}")
     ], 64))), 128))
   ]);
 }
@@ -17646,7 +17647,7 @@ function qb(e, t, n, s, i, l) {
     o("div", Hb, [
       n.cmdAddressData ? (a(), x(c, A(S({ key: 0 }, n.cmdAddressData)), null, 16)) : m("", !0),
       n.cmdGoogleMaps ? (a(), x(u, A(S({ key: 1 }, n.cmdGoogleMaps)), null, 16)) : m("", !0),
-      F(e.$slots, "additional-info")
+      D(e.$slots, "additional-info")
     ])
   ]));
 }
@@ -18226,7 +18227,7 @@ function Gb(e, t, n, s, i, l) {
           cmdGoogleMaps: {}
         }, {
           "additional-info": C(() => [...t[0] || (t[0] = [
-            D(" Additional information given by slot ", -1)
+            F(" Additional information given by slot ", -1)
           ])]),
           _: 1
         }, 8, ["cmdBasicForm"])
@@ -20853,7 +20854,7 @@ const Dx = /* @__PURE__ */ B(Ix, [["render", Bx]]), Fx = [
     text: "Zimbabwe",
     value: "zw"
   }
-], JC = "comand-component-library", ZC = "4.2.87", QC = "GPL-3.0-only", XC = "CoManD-UI", $C = "module", e1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, t1 = ["dist", "src"], n1 = { ".": "./dist/comand-component-library.js", "./css.js": "./src/css.js", "./comand-component-library.css": "./dist/comand-component-library.css", "./variables.scss": "./src/assets/styles/variables.scss", "./export-example-data.js": "./src/assets/data/export-example-data.js", "./countries.json": "./src/assets/lists-of-data/countries.json", "./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" }, i1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.23", "comand-ui-iconfonts": "^1.0.19", "core-js": "^3.20.1", prismjs: "^1.27.0", vue: "^3.5.25", "vue-router": "^4.0.12", vuex: "^4.0.2" }, l1 = { "@iconify/vue": "^4.0.0", "@vitejs/plugin-vue": "^6.0.2", "@vue/test-utils": "^2.0.0-0", axios: "^1.7.2", gulp: "^4.0.2", sass: "^1.54.9", "unplugin-vue-components": "^0.24.0", vite: "^7.2.4", "vue-jest": "^5.0.0-0" }, o1 = {
+], JC = "comand-component-library", ZC = "4.2.88", QC = "GPL-3.0-only", XC = "CoManD-UI", $C = "module", e1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, t1 = ["dist", "src"], n1 = { ".": "./dist/comand-component-library.js", "./css.js": "./src/css.js", "./comand-component-library.css": "./dist/comand-component-library.css", "./variables.scss": "./src/assets/styles/variables.scss", "./export-example-data.js": "./src/assets/data/export-example-data.js", "./countries.json": "./src/assets/lists-of-data/countries.json", "./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" }, i1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.23", "comand-ui-iconfonts": "^1.0.19", "core-js": "^3.20.1", prismjs: "^1.27.0", vue: "^3.5.25", "vue-router": "^4.0.12", vuex: "^4.0.2" }, l1 = { "@iconify/vue": "^4.0.0", "@vitejs/plugin-vue": "^6.0.2", "@vue/test-utils": "^2.0.0-0", axios: "^1.7.2", gulp: "^4.0.2", sass: "^1.54.9", "unplugin-vue-components": "^0.24.0", vite: "^7.2.4", "vue-jest": "^5.0.0-0" }, o1 = {
   name: JC,
   version: ZC,
   license: QC,
@@ -22633,7 +22634,7 @@ function ak(e, t, n, s, i, l) {
                     }, " Contact Information ")
                   ]),
                   o("li", null, [
-                    t[140] || (t[140] = D(" Multiple Lists Of Links ", -1)),
+                    t[140] || (t[140] = F(" Multiple Lists Of Links ", -1)),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -22650,7 +22651,7 @@ function ak(e, t, n, s, i, l) {
                     ])
                   ]),
                   o("li", null, [
-                    t[141] || (t[141] = D(" Multiple Box Wrapper ", -1)),
+                    t[141] || (t[141] = F(" Multiple Box Wrapper ", -1)),
                     o("ul", null, [
                       o("li", null, [
                         o("a", {
@@ -23303,11 +23304,11 @@ function ak(e, t, n, s, i, l) {
                   disabled: i.disabledStatus
                 }, null, 8, ["modelValue", "status", "disabled"]),
                 o("p", null, [
-                  D(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
+                  F(" checkbox (required) with boolean: " + y(i.checkboxRequiredValue), 1),
                   t[156] || (t[156] = o("br", null, null, -1)),
-                  D(" checkbox with boolean: " + y(i.checkboxValue), 1),
+                  F(" checkbox with boolean: " + y(i.checkboxValue), 1),
                   t[157] || (t[157] = o("br", null, null, -1)),
-                  D(" checkboxes with values: " + y(i.checkboxValues), 1)
+                  F(" checkboxes with values: " + y(i.checkboxValues), 1)
                 ]),
                 t[181] || (t[181] = o("h2", null, "Checkboxes and Radiobuttons", -1)),
                 t[182] || (t[182] = o("h3", null, "Checkboxes [native]", -1)),
@@ -23357,9 +23358,9 @@ function ak(e, t, n, s, i, l) {
                       disabled: i.disabledStatus
                     }, {
                       labeltext: C(() => [...t[158] || (t[158] = [
-                        D(" Labeltext with ", -1),
+                        F(" Labeltext with ", -1),
                         o("a", { href: "#" }, "link", -1),
-                        D(" given by slot ", -1)
+                        F(" given by slot ", -1)
                       ])]),
                       _: 1
                     }, 8, ["modelValue", "status", "disabled"])
@@ -23459,7 +23460,7 @@ function ak(e, t, n, s, i, l) {
                   ])
                 ]),
                 o("h3", J1, [
-                  t[163] || (t[163] = D(" Input-Group ", -1)),
+                  t[163] || (t[163] = F(" Input-Group ", -1)),
                   o("a", {
                     href: "#",
                     class: "button small icon-cog",
@@ -23687,7 +23688,7 @@ function ak(e, t, n, s, i, l) {
                 "cutoff-text-lines": 4
               }, {
                 body: C(() => [...t[199] || (t[199] = [
-                  D(" 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)
+                  F(" 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)
                 ])]),
                 _: 1
               }),
@@ -23919,7 +23920,7 @@ function ak(e, t, n, s, i, l) {
                 onToggleCollapse: (we) => g.boxToggled(M - 1, we)
               }, {
                 body: C(() => [
-                  D(y(g.currentOpenBox) + "Content " + y(M), 1)
+                  F(y(g.currentOpenBox) + "Content " + y(M), 1)
                 ]),
                 _: 2
               }, 1032, ["cmdHeadline", "rowView", "openCollapsedBox", "onToggleCollapse"]))), 128))
@@ -23961,7 +23962,7 @@ function ak(e, t, n, s, i, l) {
           ]),
           f(ke, S({ ref: "CmdCodeOutput" }, e.cmdCodeOutputSettingsData), {
             default: C(() => [
-              D(y(i.cmdCodeOutputSlotContent), 1)
+              F(y(i.cmdCodeOutputSlotContent), 1)
             ]),
             _: 1
           }, 16)
@@ -24270,9 +24271,9 @@ function ak(e, t, n, s, i, l) {
             headlineLevel: "3"
           }, {
             default: C(() => [...t[246] || (t[246] = [
-              D(" Headline text", -1),
+              F(" Headline text", -1),
               o("br", null, null, -1),
-              D(" with html-content given by slot ", -1)
+              F(" with html-content given by slot ", -1)
             ])]),
             _: 1
           }, 512)
@@ -24757,7 +24758,7 @@ function ak(e, t, n, s, i, l) {
                 ]),
                 _: 2
               }, 1032, ["submitButton"]),
-              D(" props.atleastOneStepWithError: " + y(g.atleastOneStepWithError), 1)
+              F(" props.atleastOneStepWithError: " + y(g.atleastOneStepWithError), 1)
             ]),
             default: C(() => [
               t[278] || (t[278] = o("template", null, [
@@ -24780,7 +24781,7 @@ function ak(e, t, n, s, i, l) {
               ])
             ]),
             "page-1": C((g) => [
-              t[279] || (t[279] = D(" Content Page 1 ", -1)),
+              t[279] || (t[279] = F(" Content Page 1 ", -1)),
               g.hasError ? (a(), r("span", Ov, "Error")) : m("", !0),
               o("a", {
                 href: "#",
@@ -24788,7 +24789,7 @@ function ak(e, t, n, s, i, l) {
               }, "Set Error", 8, Lv)
             ]),
             "page-2": C((g) => [
-              t[280] || (t[280] = D(" Content Page 2 ", -1)),
+              t[280] || (t[280] = F(" Content Page 2 ", -1)),
               g.hasError ? (a(), r("span", Iv, "Error")) : m("", !0),
               o("a", {
                 href: "#",
@@ -24796,15 +24797,15 @@ function ak(e, t, n, s, i, l) {
               }, "Set Error", 8, Bv)
             ]),
             "page-3": C((g) => [
-              t[281] || (t[281] = D(" Content Page 3 ", -1)),
+              t[281] || (t[281] = F(" Content Page 3 ", -1)),
               g.hasError ? (a(), r("span", Dv, "Error")) : m("", !0)
             ]),
             "page-4": C((g) => [
-              t[282] || (t[282] = D(" Content Page 4 ", -1)),
+              t[282] || (t[282] = F(" Content Page 4 ", -1)),
               g.hasError ? (a(), r("span", Fv, "Error")) : m("", !0)
             ]),
             "page-5": C((g) => [
-              t[283] || (t[283] = D(" Content Page 5 ", -1)),
+              t[283] || (t[283] = F(" Content Page 5 ", -1)),
               g.hasError ? (a(), r("span", Mv, "Error")) : m("", !0)
             ]),
             pagination: C((g) => [
@@ -24841,7 +24842,7 @@ function ak(e, t, n, s, i, l) {
                   onClick: g.setPrevPage,
                   disabled: g.disabledPrevLink
                 }, null, 8, ["onClick", "disabled"]),
-                D(" props.disabledPrevLink: " + y(g.disabledPrevLink), 1)
+                F(" props.disabledPrevLink: " + y(g.disabledPrevLink), 1)
               ])
             ]),
             _: 1
@@ -25108,7 +25109,7 @@ function ak(e, t, n, s, i, l) {
           ]),
           f(Tl, S({ ref: "CmdSlideshow" }, e.cmdSlideshowSettingsData, { "slideshow-items": i.slideshowData }), {
             default: C(() => [...t[304] || (t[304] = [
-              D(" Slot-Content ", -1)
+              F(" Slot-Content ", -1)
             ])]),
             _: 1
           }, 16, ["slideshow-items"])
@@ -25126,13 +25127,13 @@ function ak(e, t, n, s, i, l) {
               onClick: t[116] || (t[116] = w((g) => l.openSettingsSidebar("CmdSmartSearch"), ["prevent"]))
             })
           ]),
-          D(" smartSearchString: " + y(i.smartSearchString) + " ", 1),
+          F(" smartSearchString: " + y(i.smartSearchString) + " ", 1),
           f(V, S({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
             listOfRecommendations: i.smartSearchData.listOfRecommendations,
             modelValue: i.smartSearchString,
             "onUpdate:modelValue": t[117] || (t[117] = (g) => i.smartSearchString = g)
           }), null, 16, ["listOfRecommendations", "modelValue"]),
-          D(" smartSearchObject: " + y(i.smartSearchObject) + " ", 1),
+          F(" smartSearchObject: " + y(i.smartSearchObject) + " ", 1),
           f(V, S({ ref: "CmdSmartSearch" }, e.smartSearchSettingsData, {
             listOfRecommendations: i.smartSearchData.listOfRecommendations,
             modelValue: i.smartSearchObject,
@@ -25391,7 +25392,7 @@ function ak(e, t, n, s, i, l) {
             "related-id": "show-on-hover"
           }, e.cmdTooltipSettingsData), {
             default: C(() => [...t[324] || (t[324] = [
-              D(" Tooltip on hover ", -1)
+              F(" Tooltip on hover ", -1)
             ])]),
             _: 1
           }, 16),
@@ -25400,7 +25401,7 @@ function ak(e, t, n, s, i, l) {
             "related-id": "show-with-delay"
           }, {
             default: C(() => [...t[325] || (t[325] = [
-              D(" Tooltip on hover with delay ", -1)
+              F(" Tooltip on hover with delay ", -1)
             ])]),
             _: 1
           }),
@@ -25410,7 +25411,7 @@ function ak(e, t, n, s, i, l) {
             allowEscapeKey: !0
           }, {
             default: C(() => [...t[326] || (t[326] = [
-              D(" Tooltip on click ", -1)
+              F(" Tooltip on click ", -1)
             ])]),
             _: 1
           })
@@ -25468,7 +25469,7 @@ function ak(e, t, n, s, i, l) {
     ])),
     f(an, null, {
       default: C(() => [...t[331] || (t[331] = [
-        D(" Slot-Content for Site-Footer ", -1)
+        F(" Slot-Content for Site-Footer ", -1)
       ])]),
       _: 1
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.2.87",
+  "version": "4.2.88",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/components/CmdMultistepFormWrapper.vue

@@ -15,22 +15,28 @@
         </slot>
         <!-- begin slot for progress-bar -->
 
-        <!-- begin main cntent for page -->
-        <div v-show="page === currentPage" :class="'multistep-page-' + page" v-for="(page, index) in numberOfPages" :key="index">
-            <CmdSystemMessage v-if="validationStatusForSteps.some(item => item.page === page)" :systemMessage="getSystemMessage(page)" validationStatus="error" />
+        <!-- begin main content for step -->
+        <div v-show="step === currentPage" :class="'multistep-page-' + step" v-for="(step, index) in numberOfPages" :key="index">
+            <CmdSystemMessage v-if="validationStatusForSteps.some(item => item.page === step)" :systemMessage="getSystemMessage(step)" validationStatus="error" />
 
             <!-- begin slot for page content -->
             <slot 
-                :name="'page-' + page" 
-                :setErrorOnPage="(message) => setErrorOnPage(page, message)" 
-                :removeErrorOnPage="() => removeErrorOnPage(page)" 
+                :name="'page-' + step" 
+                :setErrorOnPage="(message) => setErrorOnPage(step, message)" 
+                :removeErrorOnPage="() => removeErrorOnPage(step)" 
                 :atleastOneStepWithError="atleastOneStepWithError"
-                :formDataForPage="formDataForPage(page)"
-                :updateFormDataForPage="(event) => updateFormDataForPage(page, event)"
+                :formDataForPage="formDataForPage(step)"
+                :updateFormDataForPage="(event) => updateFormDataForPage(step, event)"
             />
             <!-- end slot for page content -->
+            
+            <!-- begin slot for last step -->
+            <slot 
+                name="last-step"
+            />
+            <!-- end slot for last step -->
         </div>
-        <!-- end main cntent for page -->
+        <!-- end main cntent for step -->
 
         <!-- begin slot for pagination -->
         <slot name="pagination" 
@@ -45,7 +51,7 @@
                 :activePage="currentPage"
                 :numberOfPages="numberOfPages"
                 v-bind="cmdPaginationProperties" 
-                @click="setCurrentPage($event.page)"
+                @click="setCurrentPage($event.step)"
             />
         </slot>
         <!-- end slot for pagination -->