comand-component-library 4.2.58 → 4.2.60

package/dist/comand-component-library.js

@@ -4459,7 +4459,7 @@ function Fr(e, t, n, s, i, l) {
       V(e.$slots, "default")
     ])) : (a(), r("span", {
       key: 0,
-      class: C(["flex-container", { vertical: n.orientation === "vertical", "flex-none": !n.stretchHorizontally, "no-gap": n.multipleSwitch }])
+      class: C(["flex-container", { vertical: n.orientation === "vertical", "flex-items-flex-none": !n.stretchHorizontally, "no-gap": n.multipleSwitch }])
     }, [
       (a(!0), r(O, null, q(n.inputElements, (c, f) => (a(), r("label", {
         key: f,
@@ -4856,7 +4856,7 @@ function Qr(e, t, n, s, i, l) {
             inputElements: f.inputElements
           }, null, 8, ["modelValue", "onUpdate:modelValue", "labelText", "inputElements"])) : m("", !0)
         ], 64))), 128)),
-        l.submitButtonOptions && (l.submitButtonOptions.position === "insideFieldset" || l.submitButtonOptions.position === null) ? (a(), r("div", jr, [
+        l.submitButtonOptions.show && (l.submitButtonOptions.position === "insideFieldset" || l.submitButtonOptions.position === null) ? (a(), r("div", jr, [
           n.mandatoryText ? (a(), r("small", Nr, [
             t[3] || (t[3] = o("sup", null, "*", -1)),
             F(y(n.mandatoryText), 1)
@@ -4885,7 +4885,7 @@ function Qr(e, t, n, s, i, l) {
           ], 10, zr)
         ])) : m("", !0)
       ]),
-      l.submitButtonOptions && l.submitButtonOptions.position === "belowFieldset" ? (a(), r("div", Gr, [
+      l.submitButtonOptions.show && l.submitButtonOptions.position === "belowFieldset" ? (a(), r("div", Gr, [
         n.mandatoryText ? (a(), r("small", Kr, [
           t[4] || (t[4] = o("sup", null, "*", -1)),
           F(y(n.mandatoryText), 1)
@@ -11148,8 +11148,9 @@ const Xi = /* @__PURE__ */ P(Up, [["render", Gp]]), Kp = {
     setErrorOnPage(e, t) {
       this.pagesWithError.some((s) => s.page === e) || this.pagesWithError.push({ page: e, message: t });
     },
-    removeErrorOnPage() {
-      this.pagesWithError = [];
+    removeErrorOnPage(e) {
+      const t = this.pagesWithError.findIndex((n) => n.page === e);
+      t !== -1 && this.pagesWithError.splice(t, 1);
     },
     setCurrentPage(e) {
       this.currentPage = e;
@@ -11236,7 +11237,7 @@ function Jp(e, t, n, s, i, l) {
       F(" errorSteps: " + y(l.errorSteps) + " ", 1),
       V(e.$slots, "page-" + f, {
         setErrorOnPage: (g) => l.setErrorOnPage(f, g),
-        removeErrorOnPage: l.removeErrorOnPage
+        removeErrorOnPage: () => l.removeErrorOnPage(f)
       })
     ], 2)), [
       [ye, f === i.currentPage]
@@ -21420,7 +21421,7 @@ const qx = /* @__PURE__ */ P(Ex, [["render", Hx]]), Rx = [
     text: "Zimbabwe",
     value: "zw"
   }
-], n1 = "comand-component-library", i1 = "4.2.58", l1 = "GPL-3.0-only", o1 = "CoManD-UI", a1 = "module", s1 = {
+], n1 = "comand-component-library", i1 = "4.2.60", l1 = "GPL-3.0-only", o1 = "CoManD-UI", a1 = "module", s1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",

package/package.json

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

package/src/components/CmdForm.vue

@@ -45,7 +45,7 @@
                 </template>
                 <!-- end loop for formElements -->
 
-                <div v-if="submitButtonOptions && (submitButtonOptions.position === 'insideFieldset' || submitButtonOptions.position === null)" class="flex-container no-wrap-on-small-devices">
+                <div v-if="submitButtonOptions.show && (submitButtonOptions.position === 'insideFieldset' || submitButtonOptions.position === null)" class="flex-container no-wrap-on-small-devices">
                     <small v-if="mandatoryText" class="mandatory-text"><sup>*</sup>{{ mandatoryText }}</small>
                     <!-- begin cancel-button (below fieldset) -->
                     <button 
@@ -71,7 +71,7 @@
                 </div>
             </fieldset>
 
-            <div v-if="submitButtonOptions && submitButtonOptions.position === 'belowFieldset'" class="flex-container no-wrap-on-small-devices">
+            <div v-if="submitButtonOptions.show && submitButtonOptions.position === 'belowFieldset'" class="flex-container no-wrap-on-small-devices">
                 <small v-if="mandatoryText" class="mandatory-text"><sup>*</sup>{{ mandatoryText }}</small>     
                 <!-- begin cancel-button (below fieldset) -->
                 <button 

package/src/components/CmdInputGroup.vue

@@ -50,7 +50,7 @@
         <!-- end label -->
 
         <!-- begin view without slot -->
-        <span v-if="!useSlot" :class="['flex-container', {'vertical': orientation === 'vertical','flex-none': !stretchHorizontally, 'no-gap': multipleSwitch}]">
+        <span v-if="!useSlot" :class="['flex-container', {'vertical': orientation === 'vertical','flex-items-flex-none': !stretchHorizontally, 'no-gap': multipleSwitch}]">
             <label v-for="(inputElement, index) in inputElements" :key="index" :for="inputElement.id" :class="{'toggle-switch': toggleSwitches, colored: colored}">
                 <input
                     :type="inputTypes"

package/src/components/CmdMultistepFormWrapper.vue

@@ -22,7 +22,7 @@
             errorSteps: {{ errorSteps }}
 
             <!-- begin slot for page content -->
-            <slot :name="'page-' + page" :setErrorOnPage="(message) => setErrorOnPage(page, message)" :removeErrorOnPage="removeErrorOnPage">
+            <slot :name="'page-' + page" :setErrorOnPage="(message) => setErrorOnPage(page, message)" :removeErrorOnPage="() => removeErrorOnPage(page)">
             </slot>
             <!-- end slot for page content -->
         </div>
@@ -117,8 +117,11 @@ export default {
                 this.pagesWithError.push({ page: page, message: message });
             }
         },
-        removeErrorOnPage() {
-            this.pagesWithError = []
+        removeErrorOnPage(page) {
+            const index = this.pagesWithError.findIndex(item => item.page === page);
+            if (index !== -1) {
+                this.pagesWithError.splice(index, 1);
+            }
         },
         setCurrentPage(page) {
             this.currentPage = page