@iankibetsh/shframework 3.0.4 → 3.0.6

package/dist/dist/library.mjs.css

@@ -1,4 +1,36 @@
 
+.colored-toast.swal2-icon-success {
+    background-color: #a5dc86 !important;
+}
+
+.colored-toast.swal2-icon-error {
+    background-color: #f27474 !important;
+}
+
+.colored-toast.swal2-icon-warning {
+    background-color: #f8bb86 !important;
+}
+
+.colored-toast.swal2-icon-info {
+    background-color: #3fc3ee !important;
+}
+
+.colored-toast.swal2-icon-question {
+    background-color: #87adbd !important;
+}
+
+.colored-toast .swal2-title {
+    color: white;
+}
+
+.colored-toast .swal2-close {
+    color: white;
+}
+
+.colored-toast .swal2-html-container {
+    color: white;
+}
+
 .sh-phone{
   display: flex;
   width: 100%;
@@ -31,36 +63,19 @@
   opacity: 0.5;
 }
 
-.colored-toast.swal2-icon-success {
-    background-color: #a5dc86 !important;
-}
-
-.colored-toast.swal2-icon-error {
-    background-color: #f27474 !important;
-}
-
-.colored-toast.swal2-icon-warning {
-    background-color: #f8bb86 !important;
-}
-
-.colored-toast.swal2-icon-info {
-    background-color: #3fc3ee !important;
-}
-
-.colored-toast.swal2-icon-question {
-    background-color: #87adbd !important;
+.sh-selected-item{
+  line-height: unset!important;
 }
-
-.colored-toast .swal2-title {
-    color: white;
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
 }
-
-.colored-toast .swal2-close {
-    color: white;
+.sh-suggest{
+  margin-bottom: 1rem;
 }
-
-.colored-toast .swal2-html-container {
-    color: white;
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
 }
 
 .permissions-main {
@@ -95,21 +110,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;
-}
-
 .sh-forgot-link, .sh-register-link{
   cursor: pointer;
 }

package/dist/library.js

@@ -2019,11 +2019,11 @@ const _hoisted_5$9 = ["id"];
 const _hoisted_6$8 = ["id", "aria-labelledby"];
 const _hoisted_7$7 = { key: 0 };
 const _hoisted_8$6 = ["onClick"];
-const _hoisted_9$6 = {
+const _hoisted_9$7 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$5 = {
+const _hoisted_10$6 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -2031,7 +2031,7 @@ const _hoisted_10$5 = {
 
 var script$t = {
   __name: 'ShSuggest',
-  props: ['data','url','modelValue'],
+  props: ['data','allowMultiple','url','modelValue'],
   emits: ['update:modelValue'],
   setup(__props, { emit }) {
 
@@ -2161,8 +2161,8 @@ return (_ctx, _cache) => {
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (vue.unref(searchText))
-              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$6, " No results found "))
-              : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$5, " Type to search... "))
+              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$7, " No results found "))
+              : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$6, " Type to search... "))
         ], 8 /* PROPS */, _hoisted_6$8)
       ]))
     : vue.createCommentVNode("v-if", true)
@@ -2517,11 +2517,11 @@ const _hoisted_5$8 = { key: 0 };
 const _hoisted_6$7 = { key: 1 };
 const _hoisted_7$6 = { class: "row" };
 const _hoisted_8$5 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
-const _hoisted_9$5 = { class: "col-md-12" };
-const _hoisted_10$4 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
-const _hoisted_11$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_12$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_13$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_9$6 = { class: "col-md-12" };
+const _hoisted_10$5 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_11$5 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_12$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_13$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_14$3 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_15$3 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
@@ -2589,7 +2589,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             key: field
           }, [
             vue.createElementVNode("label", _hoisted_8$5, vue.toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-            vue.createElementVNode("div", _hoisted_9$5, [
+            vue.createElementVNode("div", _hoisted_9$6, [
               ($options.getFieldType(field) === 'component')
                 ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.customComponent[field]), {
                     key: 0,
@@ -2614,7 +2614,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: 'file_'+field,
                     onChange: $event => ($options.handleFileUpload(field)),
                     type: "file"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$4))
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$5))
                 : vue.createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'numeric')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
@@ -2626,7 +2626,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "number"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$4)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$5)), [
                     [vue.vModelText, _ctx.form_elements[field]]
                   ])
                 : vue.createCommentVNode("v-if", true),
@@ -2640,7 +2640,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "password"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$3)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$4)), [
                     [vue.vModelText, _ctx.form_elements[field]]
                   ])
                 : vue.createCommentVNode("v-if", true),
@@ -2655,7 +2655,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "email",
                     required: ""
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$3)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$4)), [
                     [vue.vModelText, _ctx.form_elements[field]]
                   ])
                 : vue.createCommentVNode("v-if", true),
@@ -3059,15 +3059,27 @@ const _hoisted_1$i = /*#__PURE__*/vue.createElementVNode("div", null, null, -1 /
 const _hoisted_2$b = ["onUpdate:modelValue"];
 const _hoisted_3$a = ["innerHTML"];
 const _hoisted_4$a = ["innerHTML"];
-const _hoisted_5$7 = ["innerHTML"];
-const _hoisted_6$6 = ["disabled"];
-const _hoisted_7$5 = {
+const _hoisted_5$7 = {
+  key: 2,
+  class: "form-notch"
+};
+const _hoisted_6$6 = /*#__PURE__*/vue.createElementVNode("div", { class: "form-notch-leading" }, null, -1 /* HOISTED */);
+const _hoisted_7$5 = /*#__PURE__*/vue.createElementVNode("div", { class: "form-notch-middle" }, null, -1 /* HOISTED */);
+const _hoisted_8$4 = /*#__PURE__*/vue.createElementVNode("div", { class: "form-notch-trailing" }, null, -1 /* HOISTED */);
+const _hoisted_9$5 = [
+  _hoisted_6$6,
+  _hoisted_7$5,
+  _hoisted_8$4
+];
+const _hoisted_10$4 = ["innerHTML"];
+const _hoisted_11$4 = ["disabled"];
+const _hoisted_12$3 = {
   key: 0,
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
 };
-const _hoisted_8$4 = { key: 1 };
+const _hoisted_13$3 = { key: 1 };
 
 
 var script$l = {
@@ -3322,16 +3334,19 @@ return (_ctx, _cache) => {
                       innerHTML: field.label
                     }, null, 10 /* CLASS, PROPS */, _hoisted_4$a))
                   : vue.createCommentVNode("v-if", true),
+                (vue.unref(isFloating))
+                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, _hoisted_9$5))
+                  : vue.createCommentVNode("v-if", true),
                 (field.helper)
                   ? (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 2,
+                      key: 3,
                       class: vue.normalizeClass(getElementClass('helperText')),
                       innerHTML: field.helper
-                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$7))
+                    }, null, 10 /* CLASS, PROPS */, _hoisted_10$4))
                   : vue.createCommentVNode("v-if", true),
                 (validationErrors.value[field.field])
                   ? (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 3,
+                      key: 4,
                       class: vue.normalizeClass(getElementClass('invalidFeedback'))
                     }, vue.toDisplayString(validationErrors.value[field.field]), 3 /* TEXT, CLASS */))
                   : vue.createCommentVNode("v-if", true)
@@ -3349,12 +3364,12 @@ return (_ctx, _cache) => {
           class: vue.normalizeClass(getElementClass('actionBtn'))
         }, [
           (loading.value)
-            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5))
+            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$3))
             : vue.createCommentVNode("v-if", true),
           (!loading.value)
-            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$4, "Submit"))
+            ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13$3, "Submit"))
             : vue.createCommentVNode("v-if", true)
-        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_6$6)
+        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_11$4)
       ], 2 /* CLASS */)
     ], 34 /* CLASS, HYDRATE_EVENTS */)
   ], 64 /* STABLE_FRAGMENT */))

package/dist/library.mjs

@@ -2007,11 +2007,11 @@ const _hoisted_5$9 = ["id"];
 const _hoisted_6$8 = ["id", "aria-labelledby"];
 const _hoisted_7$7 = { key: 0 };
 const _hoisted_8$6 = ["onClick"];
-const _hoisted_9$6 = {
+const _hoisted_9$7 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$5 = {
+const _hoisted_10$6 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -2019,7 +2019,7 @@ const _hoisted_10$5 = {
 
 var script$t = {
   __name: 'ShSuggest',
-  props: ['data','url','modelValue'],
+  props: ['data','allowMultiple','url','modelValue'],
   emits: ['update:modelValue'],
   setup(__props, { emit }) {
 
@@ -2149,8 +2149,8 @@ return (_ctx, _cache) => {
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (unref(searchText))
-              ? (openBlock(), createElementBlock("li", _hoisted_9$6, " No results found "))
-              : (openBlock(), createElementBlock("li", _hoisted_10$5, " Type to search... "))
+              ? (openBlock(), createElementBlock("li", _hoisted_9$7, " No results found "))
+              : (openBlock(), createElementBlock("li", _hoisted_10$6, " Type to search... "))
         ], 8 /* PROPS */, _hoisted_6$8)
       ]))
     : createCommentVNode("v-if", true)
@@ -2505,11 +2505,11 @@ const _hoisted_5$8 = { key: 0 };
 const _hoisted_6$7 = { key: 1 };
 const _hoisted_7$6 = { class: "row" };
 const _hoisted_8$5 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
-const _hoisted_9$5 = { class: "col-md-12" };
-const _hoisted_10$4 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
-const _hoisted_11$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_12$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_13$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_9$6 = { class: "col-md-12" };
+const _hoisted_10$5 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_11$5 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_12$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_13$4 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_14$3 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_15$3 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
@@ -2577,7 +2577,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             key: field
           }, [
             createElementVNode("label", _hoisted_8$5, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-            createElementVNode("div", _hoisted_9$5, [
+            createElementVNode("div", _hoisted_9$6, [
               ($options.getFieldType(field) === 'component')
                 ? (openBlock(), createBlock(resolveDynamicComponent($props.customComponent[field]), {
                     key: 0,
@@ -2602,7 +2602,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: 'file_'+field,
                     onChange: $event => ($options.handleFileUpload(field)),
                     type: "file"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$4))
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$5))
                 : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'numeric')
                 ? withDirectives((openBlock(), createElementBlock("input", {
@@ -2614,7 +2614,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "number"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$4)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$5)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2628,7 +2628,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "password"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$3)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$4)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2643,7 +2643,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "email",
                     required: ""
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$3)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$4)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -3047,15 +3047,27 @@ const _hoisted_1$i = /*#__PURE__*/createElementVNode("div", null, null, -1 /* HO
 const _hoisted_2$b = ["onUpdate:modelValue"];
 const _hoisted_3$a = ["innerHTML"];
 const _hoisted_4$a = ["innerHTML"];
-const _hoisted_5$7 = ["innerHTML"];
-const _hoisted_6$6 = ["disabled"];
-const _hoisted_7$5 = {
+const _hoisted_5$7 = {
+  key: 2,
+  class: "form-notch"
+};
+const _hoisted_6$6 = /*#__PURE__*/createElementVNode("div", { class: "form-notch-leading" }, null, -1 /* HOISTED */);
+const _hoisted_7$5 = /*#__PURE__*/createElementVNode("div", { class: "form-notch-middle" }, null, -1 /* HOISTED */);
+const _hoisted_8$4 = /*#__PURE__*/createElementVNode("div", { class: "form-notch-trailing" }, null, -1 /* HOISTED */);
+const _hoisted_9$5 = [
+  _hoisted_6$6,
+  _hoisted_7$5,
+  _hoisted_8$4
+];
+const _hoisted_10$4 = ["innerHTML"];
+const _hoisted_11$4 = ["disabled"];
+const _hoisted_12$3 = {
   key: 0,
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
 };
-const _hoisted_8$4 = { key: 1 };
+const _hoisted_13$3 = { key: 1 };
 
 
 var script$l = {
@@ -3310,16 +3322,19 @@ return (_ctx, _cache) => {
                       innerHTML: field.label
                     }, null, 10 /* CLASS, PROPS */, _hoisted_4$a))
                   : createCommentVNode("v-if", true),
+                (unref(isFloating))
+                  ? (openBlock(), createElementBlock("div", _hoisted_5$7, _hoisted_9$5))
+                  : createCommentVNode("v-if", true),
                 (field.helper)
                   ? (openBlock(), createElementBlock("div", {
-                      key: 2,
+                      key: 3,
                       class: normalizeClass(getElementClass('helperText')),
                       innerHTML: field.helper
-                    }, null, 10 /* CLASS, PROPS */, _hoisted_5$7))
+                    }, null, 10 /* CLASS, PROPS */, _hoisted_10$4))
                   : createCommentVNode("v-if", true),
                 (validationErrors.value[field.field])
                   ? (openBlock(), createElementBlock("div", {
-                      key: 3,
+                      key: 4,
                       class: normalizeClass(getElementClass('invalidFeedback'))
                     }, toDisplayString(validationErrors.value[field.field]), 3 /* TEXT, CLASS */))
                   : createCommentVNode("v-if", true)
@@ -3337,12 +3352,12 @@ return (_ctx, _cache) => {
           class: normalizeClass(getElementClass('actionBtn'))
         }, [
           (loading.value)
-            ? (openBlock(), createElementBlock("span", _hoisted_7$5))
+            ? (openBlock(), createElementBlock("span", _hoisted_12$3))
             : createCommentVNode("v-if", true),
           (!loading.value)
-            ? (openBlock(), createElementBlock("span", _hoisted_8$4, "Submit"))
+            ? (openBlock(), createElementBlock("span", _hoisted_13$3, "Submit"))
             : createCommentVNode("v-if", true)
-        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_6$6)
+        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_11$4)
       ], 2 /* CLASS */)
     ], 34 /* CLASS, HYDRATE_EVENTS */)
   ], 64 /* STABLE_FRAGMENT */))

package/package.json

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