@iankibetsh/shframework 5.9.1 → 5.9.2

package/README.md

@@ -66,6 +66,7 @@ The flagship component for generating complex forms from simple configurations.
 - **Auto-Detection**: Infers input types from field names (email, phone, date, etc.).
 - **Multi-Step Support**: Break long forms into logical steps with progress indicators.
 - **Validation**: Seamlessly handles and displays Laravel validation errors (422).
+- **Conditional Visibility**: Hide the submit button using `:hide-submit-button="true"`.
 - **Modern Reactivity**: Built using Vue 3.4's `defineModel` for clean, conflict-free two-way binding.
 
 ```html

package/dist/dist/library.mjs.css

@@ -1,36 +1,4 @@
 
-.sh-phone{
-  display: flex;
-  width: 100%;
-  align-items: center;
-  padding: 0 0.25rem;
-}
-.phone-country{
-  width: 2rem;
-  border: none;
-  align-self: center;
-  outline: none !important;
-  padding: 0.4rem;
-  border-right: 1px solid #0003;
-}
-.phone-number{
-  width: calc(100% - 2.2rem);
-  border: none;
-  align-self: center;
-  outline: none;
-  margin-bottom: 0;
-  padding: 0.4rem;
-}
-.sh-phone img{
-  padding: 0.125rem;
-  width: 2rem;
-  height: 2rem;
-}
-.phone-number::placeholder{
-  font-weight: 300;
-  opacity: 0.5;
-}
-
 /* Step Container */
 .sh-form-steps-container {
   margin-bottom: 2.5rem;
@@ -368,6 +336,38 @@
   flex-grow: 1;
 }
 
+.sh-phone{
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 0 0.25rem;
+}
+.phone-country{
+  width: 2rem;
+  border: none;
+  align-self: center;
+  outline: none !important;
+  padding: 0.4rem;
+  border-right: 1px solid #0003;
+}
+.phone-number{
+  width: calc(100% - 2.2rem);
+  border: none;
+  align-self: center;
+  outline: none;
+  margin-bottom: 0;
+  padding: 0.4rem;
+}
+.sh-phone img{
+  padding: 0.125rem;
+  width: 2rem;
+  height: 2rem;
+}
+.phone-number::placeholder{
+  font-weight: 300;
+  opacity: 0.5;
+}
+
 .sh-selected-item{
   line-height: unset!important;
 }
@@ -384,11 +384,6 @@
   margin-right: 0.255em;
 }
 
-.sh-checkbox-group {
-  display: flex;
-  flex-wrap: wrap;
-}
-
 .callout{
   --bs-link-color-rgb: 110,168,254;
   --bs-code-color: #e685b5;
@@ -405,6 +400,11 @@
   --bd-callout-border: var(--bs-info-border-subtle);
 }
 
+.sh-checkbox-group {
+  display: flex;
+  flex-wrap: wrap;
+}
+
 .sh-forgot-link, .sh-register-link{
   cursor: pointer;
 }

package/dist/library.js

@@ -3727,7 +3727,7 @@ var script$q = {
     type: Array,
     required: false
   },
-  hideButton: {
+  hideSubmitButton: {
     type: Boolean,
     default: false
   }
@@ -4275,7 +4275,7 @@ return (_ctx, _cache) => {
             ], 10 /* CLASS, PROPS */, _hoisted_21$1)
           ], 2 /* CLASS */))
         : vue.createCommentVNode("v-if", true),
-      (isLastStep.value && !__props.hideButton)
+      (isLastStep.value && !__props.hideSubmitButton)
         ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 2,
             class: vue.normalizeClass(getElementClass('formGroup') + ' ms-auto')
@@ -4555,6 +4555,7 @@ const cleanedProp = vue.computed(()=>{
   const p = {...props};
   delete p.class;
   delete p.modalId;
+  delete p.hideButton;
   return p
 });
 

package/dist/library.mjs

@@ -3716,7 +3716,7 @@ var script$q = {
     type: Array,
     required: false
   },
-  hideButton: {
+  hideSubmitButton: {
     type: Boolean,
     default: false
   }
@@ -4264,7 +4264,7 @@ return (_ctx, _cache) => {
             ], 10 /* CLASS, PROPS */, _hoisted_21$1)
           ], 2 /* CLASS */))
         : createCommentVNode("v-if", true),
-      (isLastStep.value && !__props.hideButton)
+      (isLastStep.value && !__props.hideSubmitButton)
         ? (openBlock(), createElementBlock("div", {
             key: 2,
             class: normalizeClass(getElementClass('formGroup') + ' ms-auto')
@@ -4544,6 +4544,7 @@ const cleanedProp = computed(()=>{
   const p = {...props};
   delete p.class;
   delete p.modalId;
+  delete p.hideButton;
   return p
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "5.9.1",
+  "version": "5.9.2",
   "description": "Vue library for handling laravel backend",
   "repository": {
     "type": "git",