@iankibetsh/shframework 5.5.7 → 5.5.9

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

@@ -2140,7 +2140,7 @@ var script$A = {
   }
 };
 
-const _hoisted_1$r = {
+const _hoisted_1$q = {
   class: "sh-phone mb-3",
   style: {"display":"flex"}
 };
@@ -2153,7 +2153,7 @@ const _hoisted_4$f = ["value"];
 const _hoisted_5$c = ["disabled"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
     ($data.selectedCountry)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$i, [
           vue.createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$f),
@@ -2191,7 +2191,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
 script$A.render = render$4;
 script$A.__file = "src/lib/components/form-components/PhoneInput.vue";
 
-const _hoisted_1$q = {
+const _hoisted_1$p = {
   key: 0,
   class: "dropdown sh-suggest"
 };
@@ -2358,7 +2358,7 @@ vue.watch(()=>props.modelValue, (newValue)=>{
 
 return (_ctx, _cache) => {
   return (vue.unref(id))
-    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
+    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
         vue.createElementVNode("div", {
           id: vue.unref(id),
           "data-bs-toggle": "dropdown",
@@ -2784,7 +2784,7 @@ var script$y = {
   }
 };
 
-const _hoisted_1$p = {
+const _hoisted_1$o = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
@@ -2828,7 +2828,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     _cache[5] || (_cache[5] = vue.createElementVNode("h5", { class: "d-none" }, null, -1 /* CACHED */)),
-    vue.createElementVNode("form", _hoisted_1$p, [
+    vue.createElementVNode("form", _hoisted_1$o, [
       vue.createCommentVNode("    <div v-if=\"form_status == 1\" class=\"alert alert-info\">Processing...</div>"),
       vue.createCommentVNode("    <div v-if=\"form_status == 2\" class=\"alert alert-success\">Success</div>"),
       (_ctx.form_status == 3)
@@ -3127,7 +3127,7 @@ return (_ctx, _cache) => {
 
 script$x.__file = "src/lib/components/form-components/EmailInput.vue";
 
-const _hoisted_1$o = ["min", "max"];
+const _hoisted_1$n = ["min", "max"];
 
 
 var script$w = {
@@ -3162,7 +3162,7 @@ return (_ctx, _cache) => {
     onChange: modelValueUpdated,
     onKeydown: modelValueUpdated,
     onUpdated: modelValueUpdated
-  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$o)), [
+  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$n)), [
     [vue.vModelText, inputModel.value]
   ])
 }
@@ -3254,7 +3254,7 @@ return (_ctx, _cache) => {
 
 script$u.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
-const _hoisted_1$n = ["value"];
+const _hoisted_1$m = ["value"];
 
 
 var script$t = {
@@ -3311,7 +3311,7 @@ return (_ctx, _cache) => {
       return (vue.openBlock(), vue.createElementBlock("option", {
         key: option.id,
         value: option.id
-      }, vue.toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$n))
+      }, vue.toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$m))
     }), 128 /* KEYED_FRAGMENT */))
   ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
     [vue.vModelSelect, inputModel.value]
@@ -3401,7 +3401,7 @@ return (_ctx, _cache) => {
 
 script$r.__file = "src/lib/components/form-components/DateInput.vue";
 
-const _hoisted_1$m = ["name", "onUpdate:modelValue"];
+const _hoisted_1$l = ["name", "onUpdate:modelValue"];
 const _hoisted_2$f = ["innerHTML"];
 const _hoisted_3$c = {
   key: 0,
@@ -3686,7 +3686,7 @@ return (_ctx, _cache) => {
               type: "hidden",
               name: field.field,
               "onUpdate:modelValue": $event => ((formFields.value[index].value) = $event)
-            }, null, 8 /* PROPS */, _hoisted_1$m)), [
+            }, null, 8 /* PROPS */, _hoisted_1$l)), [
               [vue.vModelText, formFields.value[index].value]
             ])
           : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -3768,7 +3768,7 @@ return (_ctx, _cache) => {
 
 script$q.__file = "src/lib/components/ShAutoForm.vue";
 
-const _hoisted_1$l = ["id", "data-bs-backdrop"];
+const _hoisted_1$k = ["id", "data-bs-backdrop"];
 const _hoisted_2$e = { class: "modal-content" };
 const _hoisted_3$b = { class: "modal-header" };
 const _hoisted_4$b = { class: "modal-title flex-fill" };
@@ -3851,7 +3851,7 @@ return (_ctx, _cache) => {
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$l))
+  ], 8 /* PROPS */, _hoisted_1$k))
 }
 }
 
@@ -3859,7 +3859,7 @@ return (_ctx, _cache) => {
 
 script$p.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$k = { class: "dropdown sh-dropdown-form" };
+const _hoisted_1$j = { class: "dropdown sh-dropdown-form" };
 
 var script$o = {
   __name: 'ShDropDownForm',
@@ -3911,7 +3911,7 @@ const dropdownId = 'dropdown' + (Math.random() + 1).toString(36).substring(2);
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     _cache[0] || (_cache[0] = vue.createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* CACHED */)),
-    vue.createElementVNode("div", _hoisted_1$k, [
+    vue.createElementVNode("div", _hoisted_1$j, [
       vue.createElementVNode("a", {
         class: vue.normalizeClass(vue.unref(btnClass)),
         href: "#",
@@ -3944,7 +3944,7 @@ return (_ctx, _cache) => {
 
 script$o.__file = "src/lib/components/ShDropDownForm.vue";
 
-const _hoisted_1$j = ["href"];
+const _hoisted_1$i = ["href"];
 
 var script$n = {
   __name: 'ShModalForm',
@@ -3993,9 +3993,6 @@ const formError = (res)=>{
   emit('formError',res);
 };
 
-const emitClick = ()=>{
-  emit('click');
-};
 
 
 const allProps = vue.ref({});
@@ -4010,15 +4007,12 @@ const cleanedProp = vue.computed(()=>{
 });
 
 return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createElementVNode("a", {
-      class: vue.normalizeClass(vue.unref(btnClass)),
-      href: '#' + vue.unref(realModalId),
-      "data-bs-toggle": "modal",
-      onClick: emitClick
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$j),
+  return (vue.openBlock(), vue.createElementBlock("a", {
+    class: vue.normalizeClass(vue.unref(btnClass)),
+    href: '#' + vue.unref(realModalId),
+    "data-bs-toggle": "modal"
+  }, [
+    vue.renderSlot(_ctx.$slots, "default"),
     (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
       vue.createVNode(script$p, {
         "modal-size": __props.modalSize,
@@ -4039,7 +4033,7 @@ return (_ctx, _cache) => {
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["modal-size", "modal-id", "modal-title"])
     ]))
-  ], 64 /* STABLE_FRAGMENT */))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$i))
 }
 }
 
@@ -4047,59 +4041,18 @@ return (_ctx, _cache) => {
 
 script$n.__file = "src/lib/components/ShModalForm.vue";
 
-const _hoisted_1$i = ["href"];
-
 var script$m = {
   __name: 'ShModalFormAuto',
-  props: ['action',
-  'classes',
-  'hasTerms',
-  'country_code',
-  'submitBtnClass',
-  'fields',
-  'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
-  'modalSize',
-  'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
-  'failedCallback', 'labels', 'editors',
-  'datePickers',
-  'textAreas',
-  'files',
-  'phones',
-  'numbers',
-  'customComponent','modalTitle','class','successMessage'],
-  emits: ['success'],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
 
-const props = __props;
-const emit = __emit;
-const formProps = vue.ref(props);
-let btnClass=props.class;
-const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
-const success = (res)=>{
-  emit('success',res);
-};
-delete formProps.class;
 
 return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createElementVNode("a", {
-      class: vue.normalizeClass(vue.unref(btnClass)),
-      href: '#' + modalId,
-      "data-bs-toggle": "modal"
-    }, [
+  return (vue.openBlock(), vue.createBlock(script$n, null, {
+    default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$i),
-    vue.createVNode(script$p, {
-      "modal-id": modalId,
-      "modal-title": __props.modalTitle,
-      "modal-size": __props.modalSize
-    }, {
-      default: vue.withCtx(() => [
-        vue.createVNode(script$q, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
-      ]),
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["modal-title", "modal-size"])
-  ], 64 /* STABLE_FRAGMENT */))
+    ]),
+    _: 3 /* FORWARDED */
+  }))
 }
 }
 

package/dist/library.mjs

@@ -2129,7 +2129,7 @@ var script$A = {
   }
 };
 
-const _hoisted_1$r = {
+const _hoisted_1$q = {
   class: "sh-phone mb-3",
   style: {"display":"flex"}
 };
@@ -2142,7 +2142,7 @@ const _hoisted_4$f = ["value"];
 const _hoisted_5$c = ["disabled"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$r, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$q, [
     ($data.selectedCountry)
       ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
           createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$f),
@@ -2180,7 +2180,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
 script$A.render = render$4;
 script$A.__file = "src/lib/components/form-components/PhoneInput.vue";
 
-const _hoisted_1$q = {
+const _hoisted_1$p = {
   key: 0,
   class: "dropdown sh-suggest"
 };
@@ -2347,7 +2347,7 @@ watch(()=>props.modelValue, (newValue)=>{
 
 return (_ctx, _cache) => {
   return (unref(id))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("div", {
           id: unref(id),
           "data-bs-toggle": "dropdown",
@@ -2773,7 +2773,7 @@ var script$y = {
   }
 };
 
-const _hoisted_1$p = {
+const _hoisted_1$o = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
@@ -2817,7 +2817,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (openBlock(), createElementBlock(Fragment, null, [
     _cache[5] || (_cache[5] = createElementVNode("h5", { class: "d-none" }, null, -1 /* CACHED */)),
-    createElementVNode("form", _hoisted_1$p, [
+    createElementVNode("form", _hoisted_1$o, [
       createCommentVNode("    <div v-if=\"form_status == 1\" class=\"alert alert-info\">Processing...</div>"),
       createCommentVNode("    <div v-if=\"form_status == 2\" class=\"alert alert-success\">Success</div>"),
       (_ctx.form_status == 3)
@@ -3116,7 +3116,7 @@ return (_ctx, _cache) => {
 
 script$x.__file = "src/lib/components/form-components/EmailInput.vue";
 
-const _hoisted_1$o = ["min", "max"];
+const _hoisted_1$n = ["min", "max"];
 
 
 var script$w = {
@@ -3151,7 +3151,7 @@ return (_ctx, _cache) => {
     onChange: modelValueUpdated,
     onKeydown: modelValueUpdated,
     onUpdated: modelValueUpdated
-  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$o)), [
+  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$n)), [
     [vModelText, inputModel.value]
   ])
 }
@@ -3243,7 +3243,7 @@ return (_ctx, _cache) => {
 
 script$u.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
-const _hoisted_1$n = ["value"];
+const _hoisted_1$m = ["value"];
 
 
 var script$t = {
@@ -3300,7 +3300,7 @@ return (_ctx, _cache) => {
       return (openBlock(), createElementBlock("option", {
         key: option.id,
         value: option.id
-      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$n))
+      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$m))
     }), 128 /* KEYED_FRAGMENT */))
   ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
     [vModelSelect, inputModel.value]
@@ -3390,7 +3390,7 @@ return (_ctx, _cache) => {
 
 script$r.__file = "src/lib/components/form-components/DateInput.vue";
 
-const _hoisted_1$m = ["name", "onUpdate:modelValue"];
+const _hoisted_1$l = ["name", "onUpdate:modelValue"];
 const _hoisted_2$f = ["innerHTML"];
 const _hoisted_3$c = {
   key: 0,
@@ -3675,7 +3675,7 @@ return (_ctx, _cache) => {
               type: "hidden",
               name: field.field,
               "onUpdate:modelValue": $event => ((formFields.value[index].value) = $event)
-            }, null, 8 /* PROPS */, _hoisted_1$m)), [
+            }, null, 8 /* PROPS */, _hoisted_1$l)), [
               [vModelText, formFields.value[index].value]
             ])
           : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -3757,7 +3757,7 @@ return (_ctx, _cache) => {
 
 script$q.__file = "src/lib/components/ShAutoForm.vue";
 
-const _hoisted_1$l = ["id", "data-bs-backdrop"];
+const _hoisted_1$k = ["id", "data-bs-backdrop"];
 const _hoisted_2$e = { class: "modal-content" };
 const _hoisted_3$b = { class: "modal-header" };
 const _hoisted_4$b = { class: "modal-title flex-fill" };
@@ -3840,7 +3840,7 @@ return (_ctx, _cache) => {
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$l))
+  ], 8 /* PROPS */, _hoisted_1$k))
 }
 }
 
@@ -3848,7 +3848,7 @@ return (_ctx, _cache) => {
 
 script$p.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$k = { class: "dropdown sh-dropdown-form" };
+const _hoisted_1$j = { class: "dropdown sh-dropdown-form" };
 
 var script$o = {
   __name: 'ShDropDownForm',
@@ -3900,7 +3900,7 @@ const dropdownId = 'dropdown' + (Math.random() + 1).toString(36).substring(2);
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
     _cache[0] || (_cache[0] = createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* CACHED */)),
-    createElementVNode("div", _hoisted_1$k, [
+    createElementVNode("div", _hoisted_1$j, [
       createElementVNode("a", {
         class: normalizeClass(unref(btnClass)),
         href: "#",
@@ -3933,7 +3933,7 @@ return (_ctx, _cache) => {
 
 script$o.__file = "src/lib/components/ShDropDownForm.vue";
 
-const _hoisted_1$j = ["href"];
+const _hoisted_1$i = ["href"];
 
 var script$n = {
   __name: 'ShModalForm',
@@ -3982,9 +3982,6 @@ const formError = (res)=>{
   emit('formError',res);
 };
 
-const emitClick = ()=>{
-  emit('click');
-};
 
 
 const allProps = ref({});
@@ -3999,15 +3996,12 @@ const cleanedProp = computed(()=>{
 });
 
 return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock(Fragment, null, [
-    createElementVNode("a", {
-      class: normalizeClass(unref(btnClass)),
-      href: '#' + unref(realModalId),
-      "data-bs-toggle": "modal",
-      onClick: emitClick
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$j),
+  return (openBlock(), createElementBlock("a", {
+    class: normalizeClass(unref(btnClass)),
+    href: '#' + unref(realModalId),
+    "data-bs-toggle": "modal"
+  }, [
+    renderSlot(_ctx.$slots, "default"),
     (openBlock(), createBlock(Teleport, { to: "body" }, [
       createVNode(script$p, {
         "modal-size": __props.modalSize,
@@ -4028,7 +4022,7 @@ return (_ctx, _cache) => {
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["modal-size", "modal-id", "modal-title"])
     ]))
-  ], 64 /* STABLE_FRAGMENT */))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$i))
 }
 }
 
@@ -4036,59 +4030,18 @@ return (_ctx, _cache) => {
 
 script$n.__file = "src/lib/components/ShModalForm.vue";
 
-const _hoisted_1$i = ["href"];
-
 var script$m = {
   __name: 'ShModalFormAuto',
-  props: ['action',
-  'classes',
-  'hasTerms',
-  'country_code',
-  'submitBtnClass',
-  'fields',
-  'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
-  'modalSize',
-  'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
-  'failedCallback', 'labels', 'editors',
-  'datePickers',
-  'textAreas',
-  'files',
-  'phones',
-  'numbers',
-  'customComponent','modalTitle','class','successMessage'],
-  emits: ['success'],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
 
-const props = __props;
-const emit = __emit;
-const formProps = ref(props);
-let btnClass=props.class;
-const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
-const success = (res)=>{
-  emit('success',res);
-};
-delete formProps.class;
 
 return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock(Fragment, null, [
-    createElementVNode("a", {
-      class: normalizeClass(unref(btnClass)),
-      href: '#' + modalId,
-      "data-bs-toggle": "modal"
-    }, [
+  return (openBlock(), createBlock(script$n, null, {
+    default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$i),
-    createVNode(script$p, {
-      "modal-id": modalId,
-      "modal-title": __props.modalTitle,
-      "modal-size": __props.modalSize
-    }, {
-      default: withCtx(() => [
-        createVNode(script$q, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
-      ]),
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["modal-title", "modal-size"])
-  ], 64 /* STABLE_FRAGMENT */))
+    ]),
+    _: 3 /* FORWARDED */
+  }))
 }
 }
 

package/package.json

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