@iankibetsh/shframework 4.6.3 → 4.6.5

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;
 }
@@ -95,6 +63,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;
 }

package/dist/library.js

@@ -3948,6 +3948,7 @@ var script$k = {
   'submitBtnClass',
   'fields',
   'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
+  'modalSize',
   'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
   'failedCallback', 'labels', 'editors',
   'datePickers',
@@ -3980,13 +3981,14 @@ return (_ctx, _cache) => {
     ], 10 /* CLASS, PROPS */, _hoisted_1$h),
     vue.createVNode(script$n, {
       "modal-id": modalId,
-      "modal-title": __props.modalTitle
+      "modal-title": __props.modalTitle,
+      "modal-size": __props.modalSize
     }, {
       default: vue.withCtx(() => [
         vue.createVNode(script$o, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["modal-title"])
+    }, 8 /* PROPS */, ["modal-title", "modal-size"])
   ], 64 /* STABLE_FRAGMENT */))
 }
 }
@@ -4421,7 +4423,7 @@ var script$g = {
     default: 'Action failed'
   }
 },
-  emits: ['actionSuccessful', 'actionFailed','success','actionCanceled'],
+  emits: ['actionSuccessful', 'actionFailed','success','failed','canceled','actionCanceled'],
   setup(__props, { emit: __emit }) {
 
 const props = __props;
@@ -4441,6 +4443,7 @@ const actionFailed = reason =>{
   processing.value = false;
   reason.actionType = 'silentAction';
   emit('actionFailed', reason);
+  emit('failed', reason);
   shRepo.showToast(reason.value.error.message ?? props.failMessage,'error');
 };
 function runAction () {
@@ -4455,6 +4458,7 @@ function runAction () {
       }
     } else {
       emit('actionCanceled');
+      emit('canceled');
       processing.value = false;
     }
   }).catch(ex => {

package/dist/library.mjs

@@ -3936,6 +3936,7 @@ var script$k = {
   'submitBtnClass',
   'fields',
   'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
+  'modalSize',
   'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
   'failedCallback', 'labels', 'editors',
   'datePickers',
@@ -3968,13 +3969,14 @@ return (_ctx, _cache) => {
     ], 10 /* CLASS, PROPS */, _hoisted_1$h),
     createVNode(script$n, {
       "modal-id": modalId,
-      "modal-title": __props.modalTitle
+      "modal-title": __props.modalTitle,
+      "modal-size": __props.modalSize
     }, {
       default: withCtx(() => [
         createVNode(script$o, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["modal-title"])
+    }, 8 /* PROPS */, ["modal-title", "modal-size"])
   ], 64 /* STABLE_FRAGMENT */))
 }
 }
@@ -4409,7 +4411,7 @@ var script$g = {
     default: 'Action failed'
   }
 },
-  emits: ['actionSuccessful', 'actionFailed','success','actionCanceled'],
+  emits: ['actionSuccessful', 'actionFailed','success','failed','canceled','actionCanceled'],
   setup(__props, { emit: __emit }) {
 
 const props = __props;
@@ -4429,6 +4431,7 @@ const actionFailed = reason =>{
   processing.value = false;
   reason.actionType = 'silentAction';
   emit('actionFailed', reason);
+  emit('failed', reason);
   shRepo.showToast(reason.value.error.message ?? props.failMessage,'error');
 };
 function runAction () {
@@ -4443,6 +4446,7 @@ function runAction () {
       }
     } else {
       emit('actionCanceled');
+      emit('canceled');
       processing.value = false;
     }
   }).catch(ex => {

package/package.json

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