@iankibetsh/shframework 5.3.2 → 5.3.4

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;
 }

package/dist/library.js

@@ -3399,7 +3399,7 @@ var script$q = {
   'emails',
   'method',
   'phones', 'numbers', 'selects', 'dates', 'gqlMutation',
-    'required'
+    'required','retainModal'
 ],
   emits: ['success','preSubmit', 'fieldChanged', 'formSubmitted', 'formError'],
   setup(__props, { emit: __emit }) {
@@ -3551,7 +3551,7 @@ const handleSuccessRequest = res => {
   props.successMessage && shRepo.showToast(props.successMessage);
   props.successCallback && props.successCallback(res.data);
   !props.retainDataAfterSubmission && formFields.value.map(field => field.value = null);
-  closeModal();
+  !props.retainModal && closeModal();
 };
 
 const handlefailedRequest = reason => {
@@ -5117,7 +5117,7 @@ const _hoisted_23 = {
 const _hoisted_24 = ["colspan"];
 const _hoisted_25 = {
   key: 2,
-  class: "text-center alert alert-info no_records"
+  class: "no_records"
 };
 const _hoisted_26 = ["colspan"];
 const _hoisted_27 = ["onClick"];
@@ -5729,8 +5729,10 @@ return (_ctx, _cache) => {
                           vue.createElementVNode("td", {
                             colspan: __props.actions ? _ctx.tableHeaders.length + 1 : _ctx.tableHeaders.length
                           }, _cache[16] || (_cache[16] = [
-                            vue.createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */),
-                            vue.createTextVNode(" No records found ")
+                            vue.createElementVNode("div", { class: "text-center bg-primary-light px-2 py-1 rounded no_records_div" }, [
+                              vue.createElementVNode("i", { class: "bi-info-circle" }),
+                              vue.createTextVNode(" No records found ")
+                            ], -1 /* HOISTED */)
                           ]), 8 /* PROPS */, _hoisted_26)
                         ]))
                       : (_ctx.loading === 'done')

package/dist/library.mjs

@@ -3387,7 +3387,7 @@ var script$q = {
   'emails',
   'method',
   'phones', 'numbers', 'selects', 'dates', 'gqlMutation',
-    'required'
+    'required','retainModal'
 ],
   emits: ['success','preSubmit', 'fieldChanged', 'formSubmitted', 'formError'],
   setup(__props, { emit: __emit }) {
@@ -3539,7 +3539,7 @@ const handleSuccessRequest = res => {
   props.successMessage && shRepo.showToast(props.successMessage);
   props.successCallback && props.successCallback(res.data);
   !props.retainDataAfterSubmission && formFields.value.map(field => field.value = null);
-  closeModal();
+  !props.retainModal && closeModal();
 };
 
 const handlefailedRequest = reason => {
@@ -5105,7 +5105,7 @@ const _hoisted_23 = {
 const _hoisted_24 = ["colspan"];
 const _hoisted_25 = {
   key: 2,
-  class: "text-center alert alert-info no_records"
+  class: "no_records"
 };
 const _hoisted_26 = ["colspan"];
 const _hoisted_27 = ["onClick"];
@@ -5717,8 +5717,10 @@ return (_ctx, _cache) => {
                           createElementVNode("td", {
                             colspan: __props.actions ? _ctx.tableHeaders.length + 1 : _ctx.tableHeaders.length
                           }, _cache[16] || (_cache[16] = [
-                            createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */),
-                            createTextVNode(" No records found ")
+                            createElementVNode("div", { class: "text-center bg-primary-light px-2 py-1 rounded no_records_div" }, [
+                              createElementVNode("i", { class: "bi-info-circle" }),
+                              createTextVNode(" No records found ")
+                            ], -1 /* HOISTED */)
                           ]), 8 /* PROPS */, _hoisted_26)
                         ]))
                       : (_ctx.loading === 'done')

package/package.json

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