@iankibetsh/shframework 4.4.8 → 4.5.0

package/dist/dist/library.mjs.css

@@ -63,22 +63,6 @@
   color: white;
 }
 
-.sh-selected-item{
-  line-height: unset!important;
-}
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
-}
-.sh-suggest{
-  margin-bottom: 1rem;
-  padding: 0rem 0rem;
-}
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
-}
-
 .permissions-main {
   background: #edeff2;
 }
@@ -111,6 +95,22 @@
   flex-grow: 1;
 }
 
+.sh-selected-item{
+  line-height: unset!important;
+}
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
+}
+.sh-suggest{
+  margin-bottom: 1rem;
+  padding: 0rem 0rem;
+}
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
+}
+
 .callout{
   --bs-link-color-rgb: 110,168,254;
   --bs-code-color: #e685b5;

package/dist/library.js

@@ -1930,7 +1930,7 @@ const countries = [
 
 var script$w = {
   name: 'PhoneInput',
-  props: ['modelValue', 'country_code'],
+  props: ['modelValue', 'country_code','disabled'],
   data () {
     return {
       input: this.modelValue,
@@ -2005,6 +2005,7 @@ const _hoisted_2$e = {
 };
 const _hoisted_3$d = ["src"];
 const _hoisted_4$d = ["value"];
+const _hoisted_5$b = ["disabled"];
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
@@ -2031,11 +2032,12 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     vue.withDirectives(vue.createElementVNode("input", {
       type: "number",
       class: "phone-number",
+      disabled: $props.disabled,
       "data-cy": "phone_input",
       onInput: _cache[2] || (_cache[2] = (...args) => ($options.updateValue && $options.updateValue(...args))),
       placeholder: "712345678",
       "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.input) = $event))
-    }, null, 544 /* NEED_HYDRATION, NEED_PATCH */), [
+    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_5$b), [
       [vue.vModelText, $data.input]
     ])
   ]))
@@ -3236,7 +3238,7 @@ var script$m = {
   'phones', 'numbers', 'selects', 'dates', 'gqlMutation',
     'required'
 ],
-  emits: ['success', 'fieldChanged', 'formSubmitted', 'formError'],
+  emits: ['success','preSubmit', 'fieldChanged', 'formSubmitted', 'formError'],
   setup(__props, { emit: __emit }) {
 
 const props = __props;
@@ -3355,6 +3357,7 @@ const submitForm = e => {
     if (args == '()') {
       args = '';
     }
+    emit('preSubmit', data);
     const mutation = `{\n${props.gqlMutation} ${args} {\n${selectFields.join(`\n`)}\n}\n}`;
     shApis.graphQlMutate(mutation).then(res => handleSuccessRequest(res)).catch(reason => handlefailedRequest(reason));
   } else {

package/dist/library.mjs

@@ -1918,7 +1918,7 @@ const countries = [
 
 var script$w = {
   name: 'PhoneInput',
-  props: ['modelValue', 'country_code'],
+  props: ['modelValue', 'country_code','disabled'],
   data () {
     return {
       input: this.modelValue,
@@ -1993,6 +1993,7 @@ const _hoisted_2$e = {
 };
 const _hoisted_3$d = ["src"];
 const _hoisted_4$d = ["value"];
+const _hoisted_5$b = ["disabled"];
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", _hoisted_1$o, [
@@ -2019,11 +2020,12 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     withDirectives(createElementVNode("input", {
       type: "number",
       class: "phone-number",
+      disabled: $props.disabled,
       "data-cy": "phone_input",
       onInput: _cache[2] || (_cache[2] = (...args) => ($options.updateValue && $options.updateValue(...args))),
       placeholder: "712345678",
       "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.input) = $event))
-    }, null, 544 /* NEED_HYDRATION, NEED_PATCH */), [
+    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_5$b), [
       [vModelText, $data.input]
     ])
   ]))
@@ -3224,7 +3226,7 @@ var script$m = {
   'phones', 'numbers', 'selects', 'dates', 'gqlMutation',
     'required'
 ],
-  emits: ['success', 'fieldChanged', 'formSubmitted', 'formError'],
+  emits: ['success','preSubmit', 'fieldChanged', 'formSubmitted', 'formError'],
   setup(__props, { emit: __emit }) {
 
 const props = __props;
@@ -3343,6 +3345,7 @@ const submitForm = e => {
     if (args == '()') {
       args = '';
     }
+    emit('preSubmit', data);
     const mutation = `{\n${props.gqlMutation} ${args} {\n${selectFields.join(`\n`)}\n}\n}`;
     shApis.graphQlMutate(mutation).then(res => handleSuccessRequest(res)).catch(reason => handlefailedRequest(reason));
   } else {

package/package.json

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