comand-component-library 4.2.93 → 4.2.95

package/dist/comand-component-library.js

@@ -249,33 +249,33 @@ function lo(e, t) {
     height: n.height
   };
   let l = n.body;
-  [n, s].forEach((I) => {
-    const L = [], O = I.hFlip, V = I.vFlip;
-    let q = I.rotate;
-    O ? V ? q += 2 : (L.push(
+  [n, s].forEach((L) => {
+    const I = [], O = L.hFlip, V = L.vFlip;
+    let q = L.rotate;
+    O ? V ? q += 2 : (I.push(
       "translate(" + (i.width + i.left).toString() + " " + (0 - i.top).toString() + ")"
-    ), L.push("scale(-1 1)"), i.top = i.left = 0) : V && (L.push(
+    ), I.push("scale(-1 1)"), i.top = i.left = 0) : V && (I.push(
       "translate(" + (0 - i.left).toString() + " " + (i.height + i.top).toString() + ")"
-    ), L.push("scale(1 -1)"), i.top = i.left = 0);
+    ), I.push("scale(1 -1)"), i.top = i.left = 0);
     let N;
     switch (q < 0 && (q -= Math.floor(q / 4) * 4), q = q % 4, q) {
       case 1:
-        N = i.height / 2 + i.top, L.unshift(
+        N = i.height / 2 + i.top, I.unshift(
           "rotate(90 " + N.toString() + " " + N.toString() + ")"
         );
         break;
       case 2:
-        L.unshift(
+        I.unshift(
           "rotate(180 " + (i.width / 2 + i.left).toString() + " " + (i.height / 2 + i.top).toString() + ")"
         );
         break;
       case 3:
-        N = i.width / 2 + i.left, L.unshift(
+        N = i.width / 2 + i.left, I.unshift(
           "rotate(-90 " + N.toString() + " " + N.toString() + ")"
         );
         break;
     }
-    q % 2 === 1 && (i.left !== i.top && (N = i.left, i.left = i.top, i.top = N), i.width !== i.height && (N = i.width, i.width = i.height, i.height = N)), L.length && (l = '<g transform="' + L.join(" ") + '">' + l + "</g>");
+    q % 2 === 1 && (i.left !== i.top && (N = i.left, i.left = i.top, i.top = N), i.width !== i.height && (N = i.width, i.width = i.height, i.height = N)), I.length && (l = '<g transform="' + I.join(" ") + '">' + l + "</g>");
   });
   const d = s.width, c = s.height, u = i.width, h = i.height;
   let p, b;
@@ -561,18 +561,18 @@ function So(e, t, n, s) {
   } else
     d = e.resources.slice(l).concat(e.resources.slice(0, l));
   const c = Date.now();
-  let u = "pending", h = 0, p, b = null, S = [], I = [];
-  typeof s == "function" && I.push(s);
-  function L() {
+  let u = "pending", h = 0, p, b = null, S = [], L = [];
+  typeof s == "function" && L.push(s);
+  function I() {
     b && (clearTimeout(b), b = null);
   }
   function O() {
-    u === "pending" && (u = "aborted"), L(), S.forEach((H) => {
+    u === "pending" && (u = "aborted"), I(), S.forEach((H) => {
       H.status === "pending" && (H.status = "aborted");
     }), S = [];
   }
   function V(H, W) {
-    W && (I = []), typeof H == "function" && I.push(H);
+    W && (L = []), typeof H == "function" && L.push(H);
   }
   function q() {
     return {
@@ -586,7 +586,7 @@ function So(e, t, n, s) {
     };
   }
   function N() {
-    u = "failed", I.forEach((H) => {
+    u = "failed", L.forEach((H) => {
       H(void 0, p);
     });
   }
@@ -615,23 +615,23 @@ function So(e, t, n, s) {
       p = se, S.length || (d.length ? ge() : N());
       return;
     }
-    if (L(), j(), !e.random) {
+    if (I(), j(), !e.random) {
       const ee = e.resources.indexOf(H.resource);
       ee !== -1 && ee !== e.index && (e.index = ee);
     }
-    u = "completed", I.forEach((ee) => {
+    u = "completed", L.forEach((ee) => {
       ee(se);
     });
   }
   function ge() {
     if (u !== "pending")
       return;
-    L();
+    I();
     const H = d.shift();
     if (H === void 0) {
       if (S.length) {
         b = setTimeout(() => {
-          L(), u === "pending" && (j(), N());
+          I(), u === "pending" && (j(), N());
         }, e.timeout);
         return;
       }
@@ -914,8 +914,8 @@ const Mo = (e, t) => {
     const b = i[h] || (i[h] = /* @__PURE__ */ Object.create(null));
     b[p] || (b[p] = []);
   }), s.pending.forEach((u) => {
-    const { provider: h, prefix: p, name: b } = u, S = be(h, p), I = S.pendingIcons || (S.pendingIcons = /* @__PURE__ */ new Set());
-    I.has(b) || (I.add(b), i[h][p].push(b));
+    const { provider: h, prefix: p, name: b } = u, S = be(h, p), L = S.pendingIcons || (S.pendingIcons = /* @__PURE__ */ new Set());
+    L.has(b) || (L.add(b), i[h][p].push(b));
   }), l.forEach((u) => {
     const { provider: h, prefix: p } = u;
     i[h][p].length && Po(u, i[h][p]);
@@ -1068,18 +1068,18 @@ const Tn = (e, t) => {
     let O = 0, V = t.id;
     return typeof V == "string" && (V = V.replace(/-/g, "_")), s.innerHTML = ro(u.body, V ? () => V + "ID" + O++ : "iconifyVue"), un("svg", s);
   }
-  const { body: p, width: b, height: S } = e, I = i === "mask" || (i === "bg" ? !1 : p.indexOf("currentColor") !== -1), L = qo(p, {
+  const { body: p, width: b, height: S } = e, L = i === "mask" || (i === "bg" ? !1 : p.indexOf("currentColor") !== -1), I = qo(p, {
     ...h,
     width: b + "",
     height: S + ""
   });
   return s.style = {
     ...l,
-    "--svg": jo(L),
+    "--svg": jo(I),
     width: wn(h.width),
     height: wn(h.height),
     ...No,
-    ...I ? Lt : mi,
+    ...L ? Lt : mi,
     ...c
   }, un("span", s);
 };
@@ -5402,38 +5402,44 @@ function ud(e, t, n, s, i, l) {
             class: b.htmlClass
           }, { ref_for: !0 }, b, {
             modelValue: i.formValues[b.name],
-            "onUpdate:modelValue": (I) => i.formValues[b.name] = I,
-            onValidationStatusChange: (I) => l.formElementHasError(I, b.name)
+            "onUpdate:modelValue": (L) => i.formValues[b.name] = L,
+            onValidationStatusChange: (L) => l.formElementHasError(L, b.name)
           }), null, 16, ["class", "modelValue", "onUpdate:modelValue", "onValidationStatusChange"])) : m("", !0),
           b.component === "CmdFakeSelect" ? (a(), C(h, T({
             key: 1,
             class: b.htmlClass
           }, { ref_for: !0 }, b, {
             modelValue: i.formValues[b.name],
-            "onUpdate:modelValue": (I) => i.formValues[b.name] = I
+            "onUpdate:modelValue": (L) => i.formValues[b.name] = L
           }), null, 16, ["class", "modelValue", "onUpdate:modelValue"])) : b.component === "CmdInputGroup" ? (a(), C(p, T({
             key: 2,
             class: b.htmlClass
           }, { ref_for: !0 }, b, {
             modelValue: i.formValues[b.name],
-            "onUpdate:modelValue": (I) => i.formValues[b.name] = I
+            "onUpdate:modelValue": (L) => i.formValues[b.name] = L
           }), null, 16, ["class", "modelValue", "onUpdate:modelValue"])) : b.component === "flexContainer" || b.component === "inputWrapper" ? (a(), r("div", {
             key: 3,
             class: x(b.component === "flexContainer" ? "flex-container" : "input-wrapper")
           }, [
-            (a(!0), r(w, null, P(b.formElements, (I, L) => (a(), r(w, { key: L }, [
-              !I.component || I.component === "CmdFormElement" ? (a(), C(u, T({
-                key: L,
-                class: I.htmlClass
-              }, { ref_for: !0 }, I, {
-                modelValue: i.formValues[I.name],
-                "onUpdate:modelValue": (O) => i.formValues[I.name] = O,
-                onValidationStatusChange: (O) => l.formElementHasError(O, I.name)
-              }), null, 16, ["class", "modelValue", "onUpdate:modelValue", "onValidationStatusChange"])) : I.component === "CmdInputGroup" ? (a(), C(p, T({
+            (a(!0), r(w, null, P(b.formElements, (L, I) => (a(), r(w, { key: I }, [
+              !L.component || L.component === "CmdFormElement" ? (a(), C(u, T({
+                key: I,
+                class: L.htmlClass
+              }, { ref_for: !0 }, L, {
+                modelValue: i.formValues[L.name],
+                "onUpdate:modelValue": (O) => i.formValues[L.name] = O,
+                onValidationStatusChange: (O) => l.formElementHasError(O, L.name)
+              }), null, 16, ["class", "modelValue", "onUpdate:modelValue", "onValidationStatusChange"])) : L.component === "CmdFakeSelect" ? (a(), C(h, T({
                 key: 1,
-                modelValue: i.formValues[I.name],
-                "onUpdate:modelValue": (O) => i.formValues[I.name] = O
-              }, { ref_for: !0 }, I), null, 16, ["modelValue", "onUpdate:modelValue"])) : m("", !0)
+                class: L.htmlClass
+              }, { ref_for: !0 }, L, {
+                modelValue: i.formValues[L.name],
+                "onUpdate:modelValue": (O) => i.formValues[L.name] = O
+              }), null, 16, ["class", "modelValue", "onUpdate:modelValue"])) : L.component === "CmdInputGroup" ? (a(), C(p, T({
+                key: 2,
+                modelValue: i.formValues[L.name],
+                "onUpdate:modelValue": (O) => i.formValues[L.name] = O
+              }, { ref_for: !0 }, L), null, 16, ["modelValue", "onUpdate:modelValue"])) : m("", !0)
             ], 64))), 128))
           ], 2)) : m("", !0)
         ], 64))), 128)),
@@ -7911,21 +7917,21 @@ function Vu(e, t, n, s, i, l) {
           default: v(() => [
             n.listContentType === "links" ? D(e.$slots, "default", { key: 0 }, () => [
               e.editModeContext ? (a(), r("li", Lu, [
-                (a(!0), r(w, null, P(e.links, (I, L) => (a(), C(u, {
-                  key: "x" + L,
+                (a(!0), r(w, null, P(e.links, (L, I) => (a(), C(u, {
+                  key: "x" + I,
                   class: "edit-items",
                   showComponentName: !1,
                   componentTag: "ul",
                   componentName: "CmdLinkItem",
-                  componentProps: I,
+                  componentProps: L,
                   allowedComponentTypes: [],
-                  componentPath: ["props", "links", L],
+                  componentPath: ["props", "links", I],
                   itemProvider: l.itemProvider
                 }, {
                   default: v(() => [
                     f(c, {
-                      class: x({ active: n.sectionAnchors && n.activeSection === L }),
-                      link: I
+                      class: x({ active: n.sectionAnchors && n.activeSection === I }),
+                      link: L
                     }, null, 8, ["class", "link"])
                   ]),
                   _: 2
@@ -7934,66 +7940,66 @@ function Vu(e, t, n, s, i, l) {
                   key: 0,
                   type: "button",
                   class: "button confirm small",
-                  onClick: t[1] || (t[1] = (...I) => l.onAddItem && l.onAddItem(...I))
+                  onClick: t[1] || (t[1] = (...L) => l.onAddItem && l.onAddItem(...L))
                 }, [...t[2] || (t[2] = [
                   o("span", { class: "icon-plus" }, null, -1),
                   o("span", null, "Add new entry", -1)
                 ])])) : m("", !0)
-              ])) : (a(!0), r(w, { key: 0 }, P(n.items, (I, L) => (a(), C(c, {
-                key: L,
-                class: x({ active: n.sectionAnchors && n.activeSection === L }),
-                link: I,
+              ])) : (a(!0), r(w, { key: 0 }, P(n.items, (L, I) => (a(), C(c, {
+                key: I,
+                class: x({ active: n.sectionAnchors && n.activeSection === I }),
+                link: L,
                 onClick: t[0] || (t[0] = (O) => l.emitClick(O, e.linkType))
               }, null, 8, ["class", "link"]))), 128))
             ]) : m("", !0),
             n.listContentType === "images" ? D(e.$slots, "default", { key: 1 }, () => [
-              (a(!0), r(w, null, P(n.items, (I, L) => (a(), r("li", { key: L }, [
-                I.image.url ? (a(), r("a", {
+              (a(!0), r(w, null, P(n.items, (L, I) => (a(), r("li", { key: I }, [
+                L.image.url ? (a(), r("a", {
                   key: 0,
-                  href: I.image.url
+                  href: L.image.url
                 }, [
-                  f(h, T({ ref_for: !0 }, I), null, 16)
+                  f(h, T({ ref_for: !0 }, L), null, 16)
                 ], 8, Iu)) : (a(), C(h, T({
                   key: 1,
                   ref_for: !0
-                }, I), null, 16))
+                }, L), null, 16))
               ]))), 128))
             ]) : m("", !0),
             n.listContentType === "tags" ? D(e.$slots, "default", { key: 2 }, () => [
-              (a(!0), r(w, null, P(i.listOfTagItems, (I, L) => (a(), r("li", { key: L }, [
+              (a(!0), r(w, null, P(i.listOfTagItems, (L, I) => (a(), r("li", { key: I }, [
                 f(p, {
-                  tagText: I,
+                  tagText: L,
                   highlightLevel: n.highlightLevel,
                   removeTagByClick: n.removeTagByClick,
-                  onClick: k((O) => l.removeTag(e.event, L), ["prevent"])
+                  onClick: k((O) => l.removeTag(e.event, I), ["prevent"])
                 }, null, 8, ["tagText", "highlightLevel", "removeTagByClick", "onClick"])
               ]))), 128))
             ]) : m("", !0)
           ]),
           _: 3
         }, 8, ["class"])) : (a(), r("dl", Bu, [
-          (a(!0), r(w, null, P(n.items, (I, L) => (a(), r(w, { key: L }, [
+          (a(!0), r(w, null, P(n.items, (L, I) => (a(), r(w, { key: I }, [
             n.alignDescriptionTermRight ? m("", !0) : (a(), r("dt", Du, [
-              I.descriptionTerm?.cmdIcon?.iconClass ? (a(), C(b, T({
+              L.descriptionTerm?.cmdIcon?.iconClass ? (a(), C(b, T({
                 key: 0,
                 ref_for: !0
-              }, I.descriptionTerm.cmdIcon), null, 16)) : m("", !0),
-              I.descriptionTerm?.text ? (a(), r("span", Fu, g(I.descriptionTerm?.text), 1)) : m("", !0)
+              }, L.descriptionTerm.cmdIcon), null, 16)) : m("", !0),
+              L.descriptionTerm?.text ? (a(), r("span", Fu, g(L.descriptionTerm?.text), 1)) : m("", !0)
             ])),
             o("dd", null, [
-              I.descriptionData.cmdLink !== void 0 ? (a(), C(S, T({
+              L.descriptionData.cmdLink !== void 0 ? (a(), C(S, T({
                 key: 0,
                 ref_for: !0
-              }, I.descriptionData.cmdLink), null, 16)) : (a(), r(w, { key: 1 }, [
-                F(g(I.descriptionData.text), 1)
+              }, L.descriptionData.cmdLink), null, 16)) : (a(), r(w, { key: 1 }, [
+                F(g(L.descriptionData.text), 1)
               ], 64))
             ]),
             n.alignDescriptionTermRight ? (a(), r("dt", Pu, [
-              I.descriptionTerm?.cmdIcon?.iconClass ? (a(), C(b, T({
+              L.descriptionTerm?.cmdIcon?.iconClass ? (a(), C(b, T({
                 key: 0,
                 ref_for: !0
-              }, I.descriptionTerm.cmdIcon), null, 16)) : m("", !0),
-              I.descriptionTerm?.text ? (a(), r("span", Mu, g(I.descriptionTerm?.text), 1)) : m("", !0)
+              }, L.descriptionTerm.cmdIcon), null, 16)) : m("", !0),
+              L.descriptionTerm?.text ? (a(), r("span", Mu, g(L.descriptionTerm?.text), 1)) : m("", !0)
             ])) : m("", !0)
           ], 64))), 128))
         ]))
@@ -9951,8 +9957,8 @@ const Em = /* @__PURE__ */ B(Pm, [["render", Am]]), Hm = {
   }
 };
 function Bn(e, t) {
-  const n = e.$el.querySelector(".zoom-container"), s = n.querySelector("img"), i = e.$el.querySelector(".zoom-overlay"), l = t.target.getBoundingClientRect().width, d = t.target.getBoundingClientRect().height, c = s.getBoundingClientRect().width, u = s.getBoundingClientRect().height, h = t.pageX - t.target.getBoundingClientRect().x - window.scrollX, p = t.pageY - t.target.getBoundingClientRect().y - window.scrollY, b = Math.min(l, n.getBoundingClientRect().width / c * l), S = Math.min(d, n.getBoundingClientRect().height / u * d), I = Dn(h - b / 2, 0, l - b), L = Dn(p - S / 2, 0, d - S), O = -(I * (c / l)), V = -(L * (u / d));
-  i.style.left = `${I}px`, i.style.top = `${L}px`, i.style.width = `${b}px`, i.style.height = `${S}px`, i.style.display = "block", s.style.marginLeft = `${O}px`, s.style.marginTop = `${V}px`;
+  const n = e.$el.querySelector(".zoom-container"), s = n.querySelector("img"), i = e.$el.querySelector(".zoom-overlay"), l = t.target.getBoundingClientRect().width, d = t.target.getBoundingClientRect().height, c = s.getBoundingClientRect().width, u = s.getBoundingClientRect().height, h = t.pageX - t.target.getBoundingClientRect().x - window.scrollX, p = t.pageY - t.target.getBoundingClientRect().y - window.scrollY, b = Math.min(l, n.getBoundingClientRect().width / c * l), S = Math.min(d, n.getBoundingClientRect().height / u * d), L = Dn(h - b / 2, 0, l - b), I = Dn(p - S / 2, 0, d - S), O = -(L * (c / l)), V = -(I * (u / d));
+  i.style.left = `${L}px`, i.style.top = `${I}px`, i.style.width = `${b}px`, i.style.height = `${S}px`, i.style.display = "block", s.style.marginLeft = `${O}px`, s.style.marginTop = `${V}px`;
 }
 function Dn(e, t, n) {
   return e < t ? t : e > n ? n : e;
@@ -10773,13 +10779,13 @@ function vp(e, t, n, s, i, l) {
                 key: 2,
                 "aria-expanded": i.openSubentry ? "true" : "false"
               }, [
-                (a(!0), r(w, null, P(p.subentries, (S, I) => (a(), r("li", { key: I }, [
+                (a(!0), r(w, null, P(p.subentries, (S, L) => (a(), r("li", { key: L }, [
                   S.type === "href" ? (a(), r("a", {
                     key: 0,
                     href: S.path,
                     title: S.tooltip,
                     target: S.target,
-                    onClick: (L) => l.executeLink(L, S)
+                    onClick: (I) => l.executeLink(I, S)
                   }, [
                     S.iconClass ? (a(), C(d, {
                       key: 0,
@@ -11189,6 +11195,10 @@ const Bi = /* @__PURE__ */ B(Pp, [["render", Hp]]), qp = {
     };
   },
   props: {
+    defaultInputValues: {
+      type: Object,
+      required: !1
+    },
     requiredPages: {
       type: Array,
       default: []
@@ -11330,6 +11340,19 @@ const Bi = /* @__PURE__ */ B(Pp, [["render", Hp]]), qp = {
         }
       };
     }
+  },
+  watch: {
+    defaultInputValues: {
+      handler() {
+        if (this.formData = {}, this.defaultInputValues)
+          for (const e in this.defaultInputValues)
+            this.formData[e] = {
+              ...this.defaultInputValues[e]
+            };
+      },
+      immediate: !0,
+      deep: !0
+    }
   }
 }, Rp = { class: "cmd-multistepform-wrapper" }, jp = { class: "multistep-page-last" };
 function Up(e, t, n, s, i, l) {
@@ -11379,7 +11402,8 @@ function Up(e, t, n, s, i, l) {
       D(e.$slots, "page-last", {
         setErrorOnPage: (h) => l.setErrorOnPage(e.step, h),
         removeErrorOnPage: () => l.removeErrorOnPage(e.step),
-        atleastOneStepWithError: l.atleastOneStepWithError
+        atleastOneStepWithError: l.atleastOneStepWithError,
+        formData: i.formData
       })
     ], 512), [
       [$, i.currentPage === l.numberOfPages]
@@ -15105,20 +15129,20 @@ function at(e, t, n) {
   const s = n.metaTokens, i = n.visitor || p, l = n.dots, d = n.indexes, u = (n.Blob || typeof Blob < "u" && Blob) && _.isSpecCompliantForm(t);
   if (!_.isFunction(i))
     throw new TypeError("visitor must be a function");
-  function h(L) {
-    if (L === null) return "";
-    if (_.isDate(L))
-      return L.toISOString();
-    if (!u && _.isBlob(L))
+  function h(I) {
+    if (I === null) return "";
+    if (_.isDate(I))
+      return I.toISOString();
+    if (!u && _.isBlob(I))
       throw new E("Blob is not supported. Use a Buffer instead.");
-    return _.isArrayBuffer(L) || _.isTypedArray(L) ? u && typeof Blob == "function" ? new Blob([L]) : Buffer.from(L) : L;
+    return _.isArrayBuffer(I) || _.isTypedArray(I) ? u && typeof Blob == "function" ? new Blob([I]) : Buffer.from(I) : I;
   }
-  function p(L, O, V) {
-    let q = L;
-    if (L && !V && typeof L == "object") {
+  function p(I, O, V) {
+    let q = I;
+    if (I && !V && typeof I == "object") {
       if (_.endsWith(O, "{}"))
-        O = s ? O : O.slice(0, -2), L = JSON.stringify(L);
-      else if (_.isArray(L) && ly(L) || (_.isFileList(L) || _.endsWith(O, "[]")) && (q = _.toArray(L)))
+        O = s ? O : O.slice(0, -2), I = JSON.stringify(I);
+      else if (_.isArray(I) && ly(I) || (_.isFileList(I) || _.endsWith(O, "[]")) && (q = _.toArray(I)))
         return O = Ni(O), q.forEach(function(j, Y) {
           !(_.isUndefined(j) || j === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
@@ -15127,31 +15151,31 @@ function at(e, t, n) {
           );
         }), !1;
     }
-    return Bt(L) ? !0 : (t.append(Vn(V, O, l), h(L)), !1);
+    return Bt(I) ? !0 : (t.append(Vn(V, O, l), h(I)), !1);
   }
   const b = [], S = Object.assign(oy, {
     defaultVisitor: p,
     convertValue: h,
     isVisitable: Bt
   });
-  function I(L, O) {
-    if (!_.isUndefined(L)) {
-      if (b.indexOf(L) !== -1)
+  function L(I, O) {
+    if (!_.isUndefined(I)) {
+      if (b.indexOf(I) !== -1)
         throw Error("Circular reference detected in " + O.join("."));
-      b.push(L), _.forEach(L, function(q, N) {
+      b.push(I), _.forEach(I, function(q, N) {
         (!(_.isUndefined(q) || q === null) && i.call(
           t,
           q,
           _.isString(N) ? N.trim() : N,
           O,
           S
-        )) === !0 && I(q, O ? O.concat(N) : [N]);
+        )) === !0 && L(q, O ? O.concat(N) : [N]);
       }), b.pop();
     }
   }
   if (!_.isObject(e))
     throw new TypeError("data must be an object");
-  return I(e), t;
+  return L(e), t;
 }
 function An(e) {
   const t = {
@@ -15621,8 +15645,8 @@ function _y(e, t) {
       S += n[b++], b = b % e;
     if (i = (i + 1) % e, i === l && (l = (l + 1) % e), h - d < t)
       return;
-    const I = p && h - p;
-    return I ? Math.round(S * 1e3 / I) : void 0;
+    const L = p && h - p;
+    return L ? Math.round(S * 1e3 / L) : void 0;
   };
 }
 function Oy(e, t) {
@@ -15821,13 +15845,13 @@ const Qi = (e) => {
     function b() {
       if (!p)
         return;
-      const I = Q.from(
+      const L = Q.from(
         "getAllResponseHeaders" in p && p.getAllResponseHeaders()
       ), O = {
         data: !c || c === "text" || c === "json" ? p.responseText : p.response,
         status: p.status,
         statusText: p.statusText,
-        headers: I,
+        headers: L,
         config: e,
         request: p
       };
@@ -15844,18 +15868,18 @@ const Qi = (e) => {
     }, p.onerror = function() {
       s(new E("Network Error", E.ERR_NETWORK, i, p)), p = null;
     }, p.ontimeout = function() {
-      let L = i.timeout ? "timeout of " + i.timeout + "ms exceeded" : "timeout exceeded";
+      let I = i.timeout ? "timeout of " + i.timeout + "ms exceeded" : "timeout exceeded";
       const O = i.transitional || Gi;
-      i.timeoutErrorMessage && (L = i.timeoutErrorMessage), s(new E(
-        L,
+      i.timeoutErrorMessage && (I = i.timeoutErrorMessage), s(new E(
+        I,
         O.clarifyTimeoutError ? E.ETIMEDOUT : E.ECONNABORTED,
         i,
         p
       )), p = null;
-    }, l === void 0 && d.setContentType(null), "setRequestHeader" in p && _.forEach(d.toJSON(), function(L, O) {
-      p.setRequestHeader(O, L);
-    }), _.isUndefined(i.withCredentials) || (p.withCredentials = !!i.withCredentials), c && c !== "json" && (p.responseType = i.responseType), typeof i.onDownloadProgress == "function" && p.addEventListener("progress", Je(i.onDownloadProgress, !0)), typeof i.onUploadProgress == "function" && p.upload && p.upload.addEventListener("progress", Je(i.onUploadProgress)), (i.cancelToken || i.signal) && (u = (I) => {
-      p && (s(!I || I.type ? new Oe(null, e, p) : I), p.abort(), p = null);
+    }, l === void 0 && d.setContentType(null), "setRequestHeader" in p && _.forEach(d.toJSON(), function(I, O) {
+      p.setRequestHeader(O, I);
+    }), _.isUndefined(i.withCredentials) || (p.withCredentials = !!i.withCredentials), c && c !== "json" && (p.responseType = i.responseType), typeof i.onDownloadProgress == "function" && p.addEventListener("progress", Je(i.onDownloadProgress, !0)), typeof i.onUploadProgress == "function" && p.upload && p.upload.addEventListener("progress", Je(i.onUploadProgress)), (i.cancelToken || i.signal) && (u = (L) => {
+      p && (s(!L || L.type ? new Oe(null, e, p) : L), p.abort(), p = null);
     }, i.cancelToken && i.cancelToken.subscribe(u), i.signal && (i.signal.aborted ? u() : i.signal.addEventListener("abort", u)));
     const S = Sy(i.url);
     if (S && le.protocols.indexOf(S) === -1) {
@@ -15980,10 +16004,10 @@ const Hy = async (e) => {
     fetchOptions: S
   } = Qi(e);
   h = h ? (h + "").toLowerCase() : "text";
-  let [I, L] = i || l || d ? My([i, l], d) : [], O, V;
+  let [L, I] = i || l || d ? My([i, l], d) : [], O, V;
   const q = () => {
     !O && setTimeout(() => {
-      I && I.unsubscribe();
+      L && L.unsubscribe();
     }), O = !0;
   };
   let N;
@@ -16001,7 +16025,7 @@ const Hy = async (e) => {
     }
     _.isString(b) || (b = b ? "cors" : "omit"), V = new Request(t, {
       ...S,
-      signal: I,
+      signal: L,
       method: n.toUpperCase(),
       headers: p.normalize().toJSON(),
       body: s,
@@ -16026,7 +16050,7 @@ const Hy = async (e) => {
     }
     h = h || "text";
     let ge = await Ze[_.findKey(Ze, h) || "text"](j, e);
-    return !Y && q(), L && L(), await new Promise((H, W) => {
+    return !Y && q(), I && I(), await new Promise((H, W) => {
       Ji(H, W, {
         data: ge,
         headers: Q.from(j.headers),
@@ -16208,8 +16232,8 @@ let ye = class {
     );
     l && _.forEach(
       ["delete", "get", "head", "post", "put", "patch", "common"],
-      (L) => {
-        delete l[L];
+      (I) => {
+        delete l[I];
       }
     ), n.headers = Q.concat(d, l);
     const c = [];
@@ -16223,26 +16247,26 @@ let ye = class {
     });
     let p, b = 0, S;
     if (!u) {
-      const L = [zn.bind(this), void 0];
-      for (L.unshift.apply(L, c), L.push.apply(L, h), S = L.length, p = Promise.resolve(n); b < S; )
-        p = p.then(L[b++], L[b++]);
+      const I = [zn.bind(this), void 0];
+      for (I.unshift.apply(I, c), I.push.apply(I, h), S = I.length, p = Promise.resolve(n); b < S; )
+        p = p.then(I[b++], I[b++]);
       return p;
     }
     S = c.length;
-    let I = n;
+    let L = n;
     for (b = 0; b < S; ) {
-      const L = c[b++], O = c[b++];
+      const I = c[b++], O = c[b++];
       try {
-        I = L(I);
+        L = I(L);
       } catch (V) {
         O.call(this, V);
         break;
       }
     }
     try {
-      p = zn.call(this, I);
-    } catch (L) {
-      return Promise.reject(L);
+      p = zn.call(this, L);
+    } catch (I) {
+      return Promise.reject(I);
     }
     for (b = 0, S = h.length; b < S; )
       p = p.then(h[b++], h[b++]);
@@ -19735,7 +19759,6 @@ const Px = /* @__PURE__ */ B(Dx, [["render", Fx]]), Mx = [
     type: "text",
     name: "form-element-text-surname",
     htmlClass: "form-element-text-class",
-    value: "",
     labelText: "Surname",
     placeholder: "Surname",
     required: !0,
@@ -19746,7 +19769,7 @@ const Px = /* @__PURE__ */ B(Dx, [["render", Fx]]), Mx = [
     type: "text",
     name: "form-element-text-first-name",
     htmlClass: "form-element-text-class",
-    value: "",
+    value: "Raphael",
     labelText: "First Name",
     placeholder: "First Name",
     required: !0,
@@ -20916,7 +20939,7 @@ const Px = /* @__PURE__ */ B(Dx, [["render", Fx]]), Mx = [
     text: "Zimbabwe",
     value: "zw"
   }
-], QC = "comand-component-library", XC = "4.2.93", $C = "GPL-3.0-only", e1 = "CoManD-UI", t1 = "module", n1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, i1 = ["dist", "src"], l1 = { ".": "./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" }, o1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.25", "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" }, a1 = { "@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" }, s1 = {
+], QC = "comand-component-library", XC = "4.2.95", $C = "GPL-3.0-only", e1 = "CoManD-UI", t1 = "module", n1 = { prepublishOnly: "npm run build-lib", dev: "vite", build: "vite build", "build-lib": "vite build && gulp", preview: "vite preview" }, i1 = ["dist", "src"], l1 = { ".": "./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" }, o1 = { "clickout-event": "^1.1.2", "comand-frontend-framework": "^4.3.25", "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" }, a1 = { "@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" }, s1 = {
   name: QC,
   version: XC,
   license: $C,
@@ -22182,6 +22205,14 @@ const Px = /* @__PURE__ */ B(Dx, [["render", Fx]]), Mx = [
           linkType: ""
         }
       },
+      multistepFormDefaultInputValues: {
+        1: {
+          "form-element-text-surname": "Biock"
+        },
+        2: {
+          "page-2-telephone": "12345/67890"
+        }
+      },
       // assign data from json files to data-properties
       addressData: ll,
       bankAccountData: Mx,
@@ -22577,7 +22608,7 @@ const Px = /* @__PURE__ */ B(Dx, [["render", Fx]]), Mx = [
   id: "content"
 };
 function rk(e, t, n, s, i, l) {
-  const d = Xt, c = vi, u = lh, h = Zt, p = wi, b = mh, S = il, I = hi, L = Ti, O = K, V = Ph, q = Jt, N = Kf, j = Yt, Y = gi, ge = or, H = mr, W = xi, se = ki, ke = Ec, ee = Wc, dl = Cm, ul = Oi, Re = U, Le = R, on = oe, cl = Em, ml = Nm, te = he, pl = sp, fl = Px, hl = Li, gl = de("router-view"), an = Bi, rt = ve, sn = Np, yl = Yp, bl = vf, xl = Vf, Cl = Rf, vl = Ii, kl = Xb, dt = Qf, rn = rh, wl = kh, Tl = Ih, Sl = Di, _l = Rh, dn = Qh, Ol = Fi, Ll = Ci, ut = pg, Il = yi, Bl = yg, ct = pi, Dl = kb, Fl = ol, Pl = hm, Ml = cm, Vl = Xd, Al = Ib, El = Ul("fancybox");
+  const d = Xt, c = vi, u = lh, h = Zt, p = wi, b = mh, S = il, L = hi, I = Ti, O = K, V = Ph, q = Jt, N = Kf, j = Yt, Y = gi, ge = or, H = mr, W = xi, se = ki, ke = Ec, ee = Wc, dl = Cm, ul = Oi, Re = U, Le = R, on = oe, cl = Em, ml = Nm, te = he, pl = sp, fl = Px, hl = Li, gl = de("router-view"), an = Bi, rt = ve, sn = Np, yl = Yp, bl = vf, xl = Vf, Cl = Rf, vl = Ii, kl = Xb, dt = Qf, rn = rh, wl = kh, Tl = Ih, Sl = Di, _l = Rh, dn = Qh, Ol = Fi, Ll = Ci, ut = pg, Il = yi, Bl = yg, ct = pi, Dl = kb, Fl = ol, Pl = hm, Ml = cm, Vl = Xd, Al = Ib, El = Ul("fancybox");
   return z((a(), r("div", {
     class: "page-wrapper",
     id: l.templateId
@@ -22818,7 +22849,7 @@ function rk(e, t, n, s, i, l) {
             })
           ]),
           o("div", S1, [
-            f(I, T({
+            f(L, T({
               ref: "CmdAddressData",
               addressData: i.addressData
             }, e.cmdAddressDataSettingsData), null, 16, ["addressData"])
@@ -22887,7 +22918,7 @@ function rk(e, t, n, s, i, l) {
               ])
             ])
           ]),
-          f(L, {
+          f(I, {
             modelValue: i.fakeSelectFilters,
             "onUpdate:modelValue": t[20] || (t[20] = (y) => i.fakeSelectFilters = y),
             selectedOptionsName: l.getOptionName
@@ -24674,8 +24705,12 @@ function rk(e, t, n, s, i, l) {
             })
           ]),
           t[278] || (t[278] = o("h3", null, "Data provided by property", -1)),
-          f(sn, { requiredPages: [1, 2] }, {
+          f(sn, {
+            requiredPages: [1, 2],
+            defaultInputValues: i.multistepFormDefaultInputValues
+          }, {
             "page-1": v((y) => [
+              F(" multistepFormDefaultInputValues: " + g(i.multistepFormDefaultInputValues) + " ", 1),
               t[265] || (t[265] = o("h3", null, "Page 1 - all fields required", -1)),
               f(Y, {
                 formElements: i.multistepFormWrapperPage1Data,
@@ -24704,7 +24739,7 @@ function rk(e, t, n, s, i, l) {
                 default: v(() => [
                   f(O, {
                     element: "input",
-                    type: "text",
+                    type: "tel",
                     labelText: "Telephone:",
                     name: "page-2-telephone",
                     id: "page-2-telephone",
@@ -24790,7 +24825,6 @@ function rk(e, t, n, s, i, l) {
                 F(" props.formDataForPage: " + g(y.formDataForPage), 1)
               ], 64)) : (a(), r(w, { key: 0 }, [
                 t[270] || (t[270] = o("h3", null, "Page 4", -1)),
-                F(" props.atleastOneStepWithError: " + g(y.atleastOneStepWithError) + " ", 1),
                 f(Y, {
                   cmdHeadline: { headlineText: "Confirmation", headlineLevel: 3 },
                   submitButton: { disabled: y.atleastOneStepWithError || !i.dataPrivacyChecked, type: "button" },
@@ -24815,7 +24849,7 @@ function rk(e, t, n, s, i, l) {
               ], 64))
             ]),
             _: 1
-          }),
+          }, 8, ["defaultInputValues"]),
           t[279] || (t[279] = o("h3", null, "Data provided by slot", -1)),
           f(sn, null, {
             "progress-bar": v((y) => [

package/package.json

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

package/src/ComponentLibrary.vue

@@ -1318,8 +1318,10 @@
                     </a>
                 </h2>
                 <h3>Data provided by property</h3>
-                <CmdMultistepFormWrapper :requiredPages="[1, 2]">
+                <CmdMultistepFormWrapper :requiredPages="[1, 2]" :defaultInputValues="multistepFormDefaultInputValues">
+                   
                     <template v-slot:page-1="props">
+                        multistepFormDefaultInputValues: {{ multistepFormDefaultInputValues }}
                         <h3>Page 1 - all fields required</h3>
                         <CmdForm 
                             :formElements="multistepFormWrapperPage1Data" 
@@ -1340,7 +1342,7 @@
                         >   
                             <CmdFormElement 
                                 element="input" 
-                                type="text" 
+                                type="tel" 
                                 labelText="Telephone:"
                                 name="page-2-telephone"
                                 id="page-2-telephone"
@@ -1406,7 +1408,6 @@
                     <template v-slot:page-last="props">
                         <template v-if="!confirmDataPrivacy">
                             <h3>Page 4</h3>
-                            props.atleastOneStepWithError: {{ props.atleastOneStepWithError }}
                             <CmdForm
                                 :cmdHeadline=" { headlineText: 'Confirmation', headlineLevel: 3 }"
                                 :submitButton="{ disabled : props.atleastOneStepWithError || !dataPrivacyChecked, type: 'button' }"
@@ -2161,6 +2162,14 @@ export default {
                     linkType: ""
                 }
             },
+            multistepFormDefaultInputValues: {
+                1: {
+                    "form-element-text-surname": "Biock"
+                },
+                2: {
+                    "page-2-telephone": "12345/67890"
+                }
+            },
 
             // assign data from json files to data-properties
             addressData,

package/src/assets/data/multistep-form-wrapper-page-1.json

@@ -4,7 +4,6 @@
         "type": "text",
         "name": "form-element-text-surname",
         "htmlClass": "form-element-text-class",
-        "value": "",
         "labelText": "Surname",
         "placeholder": "Surname",
         "required": true,
@@ -15,7 +14,7 @@
         "type": "text",
         "name": "form-element-text-first-name",
         "htmlClass": "form-element-text-class",
-        "value": "",
+        "value": "Raphael",
         "labelText": "First Name",
         "placeholder": "First Name",
         "required": true,

package/src/components/CmdForm.vue

@@ -68,6 +68,12 @@
                                 v-model="formValues[item.name]"
                                 @validation-status-change="formElementHasError($event, item.name)"
                             />
+                            <CmdFakeSelect
+                                v-else-if="item.component === 'CmdFakeSelect'"
+                                :class="item.htmlClass"
+                                v-bind="item"
+                                v-model="formValues[item.name]"
+                            />
                             <CmdInputGroup
                                 v-else-if="item.component === 'CmdInputGroup'"
                                 v-model="formValues[item.name]"

package/src/components/CmdMultistepFormWrapper.vue

@@ -46,6 +46,7 @@
                 :setErrorOnPage="(message) => setErrorOnPage(step, message)" 
                 :removeErrorOnPage="() => removeErrorOnPage(step)"
                 :atleastOneStepWithError="atleastOneStepWithError"
+                :formData="formData"
             />
             <!-- end slot for last step -->
         </div>
@@ -83,6 +84,10 @@ export default {
         }
     },
     props: {
+        defaultInputValues: {
+            type: Object,
+            required: false
+        },
         requiredPages: {
             type: Array,
             default: []
@@ -273,6 +278,22 @@ export default {
                 }
             }
         }
+    },
+    watch: {
+        defaultInputValues: {
+            handler() {
+                this.formData = {}
+                if(this.defaultInputValues) {
+                    for (const page in this.defaultInputValues) {
+                        this.formData[page] = {
+                            ...this.defaultInputValues[page]
+                        }
+                    }
+                }
+            },
+            immediate: true,
+            deep: true
+        }
     }
 }
 </script>