@iankibetsh/shframework 1.5.1 → 1.5.3

package/dist/dist/library.mjs.css

@@ -1,36 +1,4 @@
 
-.colored-toast.swal2-icon-success {
-  background-color: #a5dc86 !important;
-}
-
-.colored-toast.swal2-icon-error {
-  background-color: #f27474 !important;
-}
-
-.colored-toast.swal2-icon-warning {
-  background-color: #f8bb86 !important;
-}
-
-.colored-toast.swal2-icon-info {
-  background-color: #3fc3ee !important;
-}
-
-.colored-toast.swal2-icon-question {
-  background-color: #87adbd !important;
-}
-
-.colored-toast .swal2-title {
-  color: white;
-}
-
-.colored-toast .swal2-close {
-  color: white;
-}
-
-.colored-toast .swal2-html-container {
-  color: white;
-}
-
 .sh-phone{
   display: flex;
   width: 100%;
@@ -63,6 +31,38 @@
   opacity: 0.5;
 }
 
+.colored-toast.swal2-icon-success {
+  background-color: #a5dc86 !important;
+}
+
+.colored-toast.swal2-icon-error {
+  background-color: #f27474 !important;
+}
+
+.colored-toast.swal2-icon-warning {
+  background-color: #f8bb86 !important;
+}
+
+.colored-toast.swal2-icon-info {
+  background-color: #3fc3ee !important;
+}
+
+.colored-toast.swal2-icon-question {
+  background-color: #87adbd !important;
+}
+
+.colored-toast .swal2-title {
+  color: white;
+}
+
+.colored-toast .swal2-close {
+  color: white;
+}
+
+.colored-toast .swal2-html-container {
+  color: white;
+}
+
 .permissions-main {
   background: #edeff2;
 }

package/dist/library.js

@@ -2906,7 +2906,7 @@ script$j.__file = "src/lib/components/form-components/NumberInput.vue";
 
 var script$i = {
   __name: 'TextInput',
-  props: ['modelValue','label'],
+  props: ['modelValue','label','isInvalid'],
   emits: ['update:modelValue','clearValidationErrors'],
   setup(__props, { emit }) {
 
@@ -3137,7 +3137,7 @@ const getFieldComponent = (fieldObj)=>{
     return props.customComponents[field]
   }
   if(fieldObj.type){
-    return fieldObj.type === 'number' ? NumberComponent:fieldObj.type === 'textarea' ? TextAreaComponent : fieldObj.type === 'email' ? EmailComponent : fieldObj.type === 'phone' ? PhoneComponent : fieldObj.type ? SelectComponent:TextComponent
+    return fieldObj.type === 'number' ? NumberComponent:fieldObj.type === 'textarea' ? TextAreaComponent : fieldObj.type === 'email' ? EmailComponent : fieldObj.type === 'phone' ? PhoneComponent : fieldObj.type === 'password' ? PasswordComponent:fieldObj.type === 'select' ? SelectComponent:TextComponent
   }else
     if(passwords.includes(field)){
       return PasswordComponent
@@ -3270,12 +3270,13 @@ return (_ctx, _cache) => {
               }, null, 10 /* CLASS, PROPS */, _hoisted_2$a))
             : vue.createCommentVNode("v-if", true),
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getFieldComponent(field)), vue.mergeProps(getComponentProps(field), {
+            isInvalid: typeof validationErrors.value[field.field] !== 'undefined',
             onClick: $event => (removeValidationError(field.field)),
             "onUpdate:modelValue": [$event => (removeValidationError(field.field)), $event => ((formFields.value[index].value) = $event)],
             modelValue: formFields.value[index].value,
             placeholder: vue.unref(isFloating) ? field.label:field.placeholder,
             class: getComponentClass(field.field)
-          }), null, 16 /* FULL_PROPS */, ["onClick", "onUpdate:modelValue", "modelValue", "placeholder", "class"])),
+          }), null, 16 /* FULL_PROPS */, ["isInvalid", "onClick", "onUpdate:modelValue", "modelValue", "placeholder", "class"])),
           (vue.unref(isFloating) && field.label)
             ? (vue.openBlock(), vue.createElementBlock("label", {
                 key: 1,

package/dist/library.mjs

@@ -2893,7 +2893,7 @@ script$j.__file = "src/lib/components/form-components/NumberInput.vue";
 
 var script$i = {
   __name: 'TextInput',
-  props: ['modelValue','label'],
+  props: ['modelValue','label','isInvalid'],
   emits: ['update:modelValue','clearValidationErrors'],
   setup(__props, { emit }) {
 
@@ -3124,7 +3124,7 @@ const getFieldComponent = (fieldObj)=>{
     return props.customComponents[field]
   }
   if(fieldObj.type){
-    return fieldObj.type === 'number' ? NumberComponent:fieldObj.type === 'textarea' ? TextAreaComponent : fieldObj.type === 'email' ? EmailComponent : fieldObj.type === 'phone' ? PhoneComponent : fieldObj.type ? SelectComponent:TextComponent
+    return fieldObj.type === 'number' ? NumberComponent:fieldObj.type === 'textarea' ? TextAreaComponent : fieldObj.type === 'email' ? EmailComponent : fieldObj.type === 'phone' ? PhoneComponent : fieldObj.type === 'password' ? PasswordComponent:fieldObj.type === 'select' ? SelectComponent:TextComponent
   }else
     if(passwords.includes(field)){
       return PasswordComponent
@@ -3257,12 +3257,13 @@ return (_ctx, _cache) => {
               }, null, 10 /* CLASS, PROPS */, _hoisted_2$a))
             : createCommentVNode("v-if", true),
           (openBlock(), createBlock(resolveDynamicComponent(getFieldComponent(field)), mergeProps(getComponentProps(field), {
+            isInvalid: typeof validationErrors.value[field.field] !== 'undefined',
             onClick: $event => (removeValidationError(field.field)),
             "onUpdate:modelValue": [$event => (removeValidationError(field.field)), $event => ((formFields.value[index].value) = $event)],
             modelValue: formFields.value[index].value,
             placeholder: unref(isFloating) ? field.label:field.placeholder,
             class: getComponentClass(field.field)
-          }), null, 16 /* FULL_PROPS */, ["onClick", "onUpdate:modelValue", "modelValue", "placeholder", "class"])),
+          }), null, 16 /* FULL_PROPS */, ["isInvalid", "onClick", "onUpdate:modelValue", "modelValue", "placeholder", "class"])),
           (unref(isFloating) && field.label)
             ? (openBlock(), createElementBlock("label", {
                 key: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",