@iankibetsh/shframework 1.4.9 → 1.5.0

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;
-}
-
 .colored-toast.swal2-icon-success {
   background-color: #a5dc86 !important;
 }
@@ -63,6 +31,38 @@
   color: white;
 }
 
+.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;
+}
+
 .permissions-main {
   background: #edeff2;
 }
@@ -95,21 +95,6 @@
   flex-grow: 1;
 }
 
-.sh-selected-item{
-  line-height: unset!important;
-}
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
-}
-.sh-suggest{
-  margin-bottom: 1rem;
-}
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
-}
-
 :root {
   --ck-z-default: 10555 !important;
   --ck-z-modal: calc(var(--ck-z-default) + 999) !important;
@@ -131,6 +116,21 @@
   }
 }
 
+.sh-selected-item{
+  line-height: unset!important;
+}
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
+}
+.sh-suggest{
+  margin-bottom: 1rem;
+}
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
+}
+
 .sh-forgot-link, .sh-register-link{
   cursor: pointer;
 }

package/dist/library.js

@@ -2392,8 +2392,11 @@ var script$l = {
     closeModal: function () {
       document.body.style = '';
       setTimeout(() => {
-        const closeBtn = this.$refs.ShAutoForm.closest('.modal-dialog').querySelector('[data-bs-dismiss="modal"]');
-        closeBtn && closeBtn.click();
+        const modal = this.$refs.ShAutoForm.closest('.modal-dialog');
+        if(modal){
+          const closeBtn = modal.querySelector('[data-bs-dismiss="modal"]');
+          closeBtn && closeBtn.click();
+        }
         this.form_status = 0;
       }, 1500);
     },
@@ -3165,10 +3168,14 @@ const shFormElementClasses = vue.ref(null);
 shFormElementClasses.value = vue.inject('shFormElementClasses');
 const shAutoForm = vue.ref(null);
 const closeModal = e => {
-  setTimeout(()=>{
-    const closeBtn = shAutoForm.value.closest('.modal-dialog').querySelector('[data-bs-dismiss="modal"]');
-    closeBtn && closeBtn.click();
-  },1000);
+  setTimeout(() => {
+    const modal = script$e.value.closest('.modal-dialog');
+    if(modal){
+      const closeBtn = modal.querySelector('[data-bs-dismiss="modal"]');
+      closeBtn && closeBtn.click();
+    }
+    this.form_status = 0;
+  }, 1500);
 };
 const getLabel = field => (props.labels && (props.labels[field] !== undefined)) ? props.labels[field]:___default["default"].startCase(___default["default"].camelCase(field));
 const getComponentClass = field => validationErrors.value[field] ? getElementClass('formControl') + ' is-invalid':getElementClass('formControl');

package/dist/library.mjs

@@ -2379,8 +2379,11 @@ var script$l = {
     closeModal: function () {
       document.body.style = '';
       setTimeout(() => {
-        const closeBtn = this.$refs.ShAutoForm.closest('.modal-dialog').querySelector('[data-bs-dismiss="modal"]');
-        closeBtn && closeBtn.click();
+        const modal = this.$refs.ShAutoForm.closest('.modal-dialog');
+        if(modal){
+          const closeBtn = modal.querySelector('[data-bs-dismiss="modal"]');
+          closeBtn && closeBtn.click();
+        }
         this.form_status = 0;
       }, 1500);
     },
@@ -3152,10 +3155,14 @@ const shFormElementClasses = ref(null);
 shFormElementClasses.value = inject('shFormElementClasses');
 const shAutoForm = ref(null);
 const closeModal = e => {
-  setTimeout(()=>{
-    const closeBtn = shAutoForm.value.closest('.modal-dialog').querySelector('[data-bs-dismiss="modal"]');
-    closeBtn && closeBtn.click();
-  },1000);
+  setTimeout(() => {
+    const modal = script$e.value.closest('.modal-dialog');
+    if(modal){
+      const closeBtn = modal.querySelector('[data-bs-dismiss="modal"]');
+      closeBtn && closeBtn.click();
+    }
+    this.form_status = 0;
+  }, 1500);
 };
 const getLabel = field => (props.labels && (props.labels[field] !== undefined)) ? props.labels[field]:_.startCase(_.camelCase(field));
 const getComponentClass = field => validationErrors.value[field] ? getElementClass('formControl') + ' is-invalid':getElementClass('formControl');

package/package.json

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