@iankibetsh/shframework 1.7.2 → 1.7.4

package/dist/dist/library.mjs.css

@@ -110,27 +110,6 @@
   margin-right: 0.255em;
 }
 
-:root {
-  --ck-z-default: 10555 !important;
-  --ck-z-modal: calc(var(--ck-z-default) + 999) !important;
-}
-.mceToolbar td {
-  display:table-row;
-  float: left;
-}
-.mceToolbar td:nth-of-type(11){
-  clear: left;
-}
-
-@media screen and (max-width:600px) {
-  .sh-editor{
-    width: 100% !important;
-  }
-  table.mceLayout, textarea.tinyMCE {
-    width: 100% !important;
-  }
-}
-
 .sh-forgot-link, .sh-register-link{
   cursor: pointer;
 }

package/dist/library.js

@@ -7,7 +7,6 @@ var moment = require('moment');
 var Swal = require('sweetalert2');
 var NProgress = require('nprogress');
 var vue = require('vue');
-var Editor = require('@tinymce/tinymce-vue');
 var _ = require('lodash');
 var vueRouter = require('vue-router');
 var pinia = require('pinia');
@@ -19,7 +18,6 @@ var Axios__default = /*#__PURE__*/_interopDefaultLegacy(Axios);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var Swal__default = /*#__PURE__*/_interopDefaultLegacy(Swal);
 var NProgress__default = /*#__PURE__*/_interopDefaultLegacy(NProgress);
-var Editor__default = /*#__PURE__*/_interopDefaultLegacy(Editor);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 
 function setItem (key, value) {
@@ -1875,7 +1873,7 @@ const countries = [
   }
 ];
 
-var script$t = {
+var script$s = {
   name: 'PhoneInput',
   props: ['modelValue', 'country_code'],
   data () {
@@ -1937,7 +1935,7 @@ var script$t = {
   }
 };
 
-const _hoisted_1$o = { class: "sh-phone mb-3" };
+const _hoisted_1$n = { class: "sh-phone mb-3" };
 const _hoisted_2$e = {
   key: 0,
   style: {"display":"contents"}
@@ -1945,8 +1943,8 @@ const _hoisted_2$e = {
 const _hoisted_3$d = ["src"];
 const _hoisted_4$d = ["value"];
 
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
     ($data.selectedCountry)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
           vue.createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$d),
@@ -1980,85 +1978,8 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$t.render = render$4;
-script$t.__file = "src/lib/components/form-components/PhoneInput.vue";
-
-var script$s = {
-  name: 'ShEditor',
-  props: ['modelValue'],
-  components: {
-    editor: Editor__default["default"]
-  },
-  data () {
-    return {
-      editorData: this.modelValue
-    }
-  },
-  computed: {
-    value: {
-      get () {
-        return this.modelValue
-      },
-      set (value) {
-        this.$emit('update:modelValue', value);
-      }
-    }
-  },
-  created () {
-    document.addEventListener('focusin', function (e) {
-      const closest = e.target.closest('.tox-tinymce-aux, .tox-dialog, .moxman-window, .tam-assetmanager-root');
-      if (closest !== null && closest !== undefined) {
-        e.stopImmediatePropagation();
-      }
-    });
-  },
-  mounted () {
-    this.editorData = this.modelValue;
-  },
-  methods: {
-    updateValue: function () {
-      // alert('paste')
-    }
-  }
-};
-
-const _hoisted_1$n = /*#__PURE__*/vue.createElementVNode("textarea", {
-  id: "tiny",
-  style: {"display":"none"},
-  "data-cy": "tinymce_editor"
-}, null, -1 /* HOISTED */);
-
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_editor = vue.resolveComponent("editor");
-
-  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    _hoisted_1$n,
-    vue.createElementVNode("div", {
-      onFocusin: _cache[1] || (_cache[1] = vue.withModifiers(() => {}, ["stop"])),
-      class: "sh-editor w-100"
-    }, [
-      vue.createVNode(_component_editor, {
-        class: "tinyEditor",
-        "api-key": "v5otxmculqf59xfg2bqr2ucw56cbqgbqo4x9gym2kwbv1rvi",
-        onInput: $options.updateValue,
-        onKeyup: $options.updateValue,
-        modelValue: $options.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.value) = $event)),
-        init: {
-      selector: 'textarea#tiny',
-      valid_children : '+body[style],+body[script]',
-      extended_valid_elements : '*[*]',
-      contextmenu: false,
-      plugins: 'lists link image emoticons code autolink',
-      toolbar: 'styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image emoticons code'
-    }
-      }, null, 8 /* PROPS */, ["onInput", "onKeyup", "modelValue"])
-    ], 32 /* HYDRATE_EVENTS */)
-  ], 64 /* STABLE_FRAGMENT */))
-}
-
 script$s.render = render$3;
-script$s.__file = "src/lib/components/form-components/ShEditor.vue";
+script$s.__file = "src/lib/components/form-components/PhoneInput.vue";
 
 const _hoisted_1$m = {
   key: 0,
@@ -2070,12 +1991,12 @@ const _hoisted_4$c = ["onClick"];
 const _hoisted_5$a = ["id"];
 const _hoisted_6$9 = ["id", "aria-labelledby"];
 const _hoisted_7$7 = { key: 0 };
-const _hoisted_8$4 = ["onClick"];
-const _hoisted_9$5 = {
+const _hoisted_8$5 = ["onClick"];
+const _hoisted_9$6 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$4 = {
+const _hoisted_10$5 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -2206,14 +2127,14 @@ return (_ctx, _cache) => {
                           onClick: $event => (addSuggestion(suggestion)),
                           class: vue.normalizeClass(["dropdown-item", vue.unref(selectedSuggestions).includes(suggestion) ? 'active':'']),
                           href: "#"
-                        }, vue.toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$4)
+                        }, vue.toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$5)
                       ]))
                     : vue.createCommentVNode("v-if", true)
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (vue.unref(searchText))
-              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$5, " No results found "))
-              : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$4, " Type to search... "))
+              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$6, " No results found "))
+              : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$5, " Type to search... "))
         ], 8 /* PROPS */, _hoisted_6$9)
       ]))
     : vue.createCommentVNode("v-if", true)
@@ -2228,10 +2149,9 @@ script$r.__file = "src/lib/components/form-components/ShSuggest.vue";
 var script$q = {
   name: 'ShForm',
   components: {
-    PhoneInput: script$t,
+    PhoneInput: script$s,
     ShSuggest: script$r,
-    ShEditor: script$s,
-    ShPhone: script$t
+    ShPhone: script$s
   },
   props: [
       'action',
@@ -2567,9 +2487,9 @@ const _hoisted_4$b = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-excla
 const _hoisted_5$9 = { key: 0 };
 const _hoisted_6$8 = { key: 1 };
 const _hoisted_7$6 = { class: "row" };
-const _hoisted_8$3 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
-const _hoisted_9$4 = { class: "col-md-12" };
-const _hoisted_10$3 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_8$4 = { 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$3 = ["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"];
@@ -2579,7 +2499,7 @@ const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_17$3 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_18$3 = ["value"];
 const _hoisted_19$2 = {
-  key: 12,
+  key: 11,
   class: "invalid-feedback"
 };
 const _hoisted_20$2 = {
@@ -2612,7 +2532,6 @@ const _hoisted_24$1 = /*#__PURE__*/vue.createElementVNode("span", {
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_phone_input = vue.resolveComponent("phone-input");
   const _component_ShSuggest = vue.resolveComponent("ShSuggest");
-  const _component_ShEditor = vue.resolveComponent("ShEditor");
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     _hoisted_1$l,
@@ -2640,8 +2559,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             class: vue.normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
             key: field
           }, [
-            vue.createElementVNode("label", _hoisted_8$3, vue.toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-            vue.createElementVNode("div", _hoisted_9$4, [
+            vue.createElementVNode("label", _hoisted_8$4, vue.toDisplayString($options.getLabel(field)), 1 /* TEXT */),
+            vue.createElementVNode("div", _hoisted_9$5, [
               ($options.getFieldType(field) === 'component')
                 ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.customComponent[field]), {
                     key: 0,
@@ -2666,7 +2585,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$3))
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$4))
                 : vue.createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'numeric')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
@@ -2747,20 +2666,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
                   }, null, 8 /* PROPS */, ["select-data", "fill-selects", "class", "modelValue", "onUpdate:modelValue"]))
                 : vue.createCommentVNode("v-if", true),
-              ($options.getFieldType(field) === 'editor')
-                ? (vue.openBlock(), vue.createBlock(_component_ShEditor, {
-                    key: 8,
-                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                    name: field,
-                    onFocus: $event => ($options.removeErrors(field)),
-                    class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                    modelValue: _ctx.form_elements[field],
-                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                  }, null, 8 /* PROPS */, ["placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
-                : vue.createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'text')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-                    key: 9,
+                    key: 8,
                     disabled: $options.isDisabled(field),
                     placeholder: field === 'phone_number' ? 'e.g 0712 345 678':'',
                     name: field,
@@ -2774,7 +2682,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 : vue.createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'textarea')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
-                    key: 10,
+                    key: 9,
                     name: field,
                     onFocus: $event => ($options.removeErrors(field)),
                     class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
@@ -2785,7 +2693,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 : vue.createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'select')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("select", {
-                    key: 11,
+                    key: 10,
                     name: field,
                     onFocus: $event => ($options.removeErrors(field)),
                     class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
@@ -3146,7 +3054,7 @@ const getFieldComponent = (fieldObj)=>{
   const TextComponent = formComponents.text ?? script$n;
   const TextAreaComponent = formComponents.textArea ?? script$m;
   const EmailComponent = formComponents.email ?? script$p;
-  const PhoneComponent = formComponents.phone ?? script$t;
+  const PhoneComponent = formComponents.phone ?? script$s;
   const NumberComponent = formComponents.number ?? script$o;
   const SelectComponent = formComponents.select ?? script$l;
   const PasswordComponent = formComponents.password ?? script$k;
@@ -3167,7 +3075,7 @@ const getFieldComponent = (fieldObj)=>{
     return formComponents.email ?? script$p
   } else
   if((props.phones && props.phones.includes(field)) || defaultPhones.includes(field)){
-    return formComponents.phone ?? script$t
+    return formComponents.phone ?? script$s
   } else
   if((props.numbers && props.numbers.includes(field)) || defaultNumbers.includes(field)){
     return formComponents.number ?? script$o
@@ -3758,10 +3666,10 @@ const _hoisted_1$c = { key: 0 };
 const _hoisted_2$7 = { class: "record_count_body mb-3" };
 const _hoisted_3$7 = /*#__PURE__*/vue.createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
 const _hoisted_4$7 = /*#__PURE__*/vue.createStaticVNode("<option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"100\">100</option><option value=\"200\">200</option>", 5);
-const _hoisted_9$3 = [
+const _hoisted_9$4 = [
   _hoisted_4$7
 ];
-const _hoisted_10$2 = { class: "record_counts" };
+const _hoisted_10$3 = { class: "record_counts" };
 const _hoisted_11$2 = {
   key: 0,
   "aria-label": "Page navigation"
@@ -3808,10 +3716,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             class: "select_per_page",
             onChange: _cache[0] || (_cache[0] = (...args) => ($options.changePerPage && $options.changePerPage(...args))),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.per_page) = $event))
-          }, _hoisted_9$3, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+          }, _hoisted_9$4, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
             [vue.vModelSelect, $data.per_page]
           ]),
-          vue.createElementVNode("span", _hoisted_10$2, " of " + vue.toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+          vue.createElementVNode("span", _hoisted_10$3, " of " + vue.toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
         ]),
         ($props.pagination_data != null)
           ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_11$2, [
@@ -4345,9 +4253,9 @@ const _hoisted_7$3 = {
   key: 1,
   class: "row"
 };
-const _hoisted_8$2 = { class: "col-12 mb-3" };
-const _hoisted_9$2 = { class: "sh-search-bar" };
-const _hoisted_10$1 = ["placeholder"];
+const _hoisted_8$3 = { class: "col-12 mb-3" };
+const _hoisted_9$3 = { class: "sh-search-bar" };
+const _hoisted_10$2 = ["placeholder"];
 const _hoisted_11$1 = {
   key: 0,
   class: "text-center"
@@ -4513,8 +4421,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : vue.createCommentVNode("v-if", true),
     (!$props.hideSearch)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [
-          vue.createElementVNode("div", _hoisted_8$2, [
-            vue.createElementVNode("div", _hoisted_9$2, [
+          vue.createElementVNode("div", _hoisted_8$3, [
+            vue.createElementVNode("div", _hoisted_9$3, [
               vue.withDirectives(vue.createElementVNode("input", {
                 onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.userTyping && $options.userTyping(...args))),
                 onKeyup: _cache[2] || (_cache[2] = (...args) => ($options.userTyping && $options.userTyping(...args))),
@@ -4523,7 +4431,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($data.filter_value) = $event)),
                 placeholder: $props.searchPlaceholder ? $props.searchPlaceholder : 'Search',
                 class: "form-control sh-search-input"
-              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_10$1), [
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_10$2), [
                 [vue.vModelText, $data.filter_value]
               ])
             ])
@@ -5334,12 +5242,12 @@ const _hoisted_6$3 = {
   class: "d-flex flex-column w-100 px-2"
 };
 const _hoisted_7$2 = ["checked", "disabled"];
-const _hoisted_8$1 = ["onClick"];
-const _hoisted_9$1 = {
+const _hoisted_8$2 = ["onClick"];
+const _hoisted_9$2 = {
   id: "permissions-content",
   class: "col-md-9 py-4 px-4"
 };
-const _hoisted_10 = { class: "p-2 rounded-2 bg-white h-100" };
+const _hoisted_10$1 = { class: "p-2 rounded-2 bg-white h-100" };
 const _hoisted_11 = {
   key: 0,
   class: "alert alert-info"
@@ -5478,13 +5386,13 @@ return (_ctx, _cache) => {
                 vue.createElementVNode("label", {
                   class: "text-capitalize",
                   onClick: $event => (setModule(module))
-                }, vue.toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$1)
+                }, vue.toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$2)
               ], 2 /* CLASS */))
             }), 128 /* KEYED_FRAGMENT */))
           ]))
     ]),
-    vue.createElementVNode("div", _hoisted_9$1, [
-      vue.createElementVNode("div", _hoisted_10, [
+    vue.createElementVNode("div", _hoisted_9$2, [
+      vue.createElementVNode("div", _hoisted_10$1, [
         (loading.value)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, " loading ... "))
           : (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
@@ -5675,6 +5583,9 @@ const _hoisted_6$2 = {
   "aria-labelledby": "dropdownMenuLink"
 };
 const _hoisted_7$1 = ["onClick"];
+const _hoisted_8$1 = { class: "border-top" };
+const _hoisted_9$1 = { class: "dropdown-item d-flex flex-column" };
+const _hoisted_10 = /*#__PURE__*/vue.createElementVNode("span", null, "Custom", -1 /* HOISTED */);
 
 
 
@@ -5702,6 +5613,13 @@ const props = __props;
 const selectedDate = vue.ref(null);
 const rangeLabel = vue.ref(null);
 vue.ref(false);
+const customFrom = vue.ref(null);
+const customTo = vue.ref(null);
+
+const applyCustom = ()=>{
+  const date = [moment__default["default"](customFrom.value),moment__default["default"](customTo.value)];
+  setDate(date,'Custom');
+};
 
 const dates = vue.ref([
   {
@@ -5725,8 +5643,16 @@ const dates = vue.ref([
     value: [moment__default["default"]().subtract(1, 'month').startOf('month'), moment__default["default"]().subtract(1, 'month').endOf('month')]
   },
   {
-    label: '1 Month',
-    value: [moment__default["default"]().subtract(29, 'days'), moment__default["default"]()]
+    label: 'Last 30 days',
+    value: [moment__default["default"]().subtract(30, 'days'), moment__default["default"]()]
+  },
+  {
+    label: 'Last 60 days',
+    value: [moment__default["default"]().subtract(60, 'days'), moment__default["default"]()]
+  },
+  {
+    label: 'Last 90 days',
+    value: [moment__default["default"]().subtract(90, 'days'), moment__default["default"]()]
   },
   {
     label: '1 Year',
@@ -5785,15 +5711,32 @@ return (_ctx, _cache) => {
             }, vue.toDisplayString(date.label), 3 /* TEXT, CLASS */)
           ], 8 /* PROPS */, _hoisted_7$1))
         }), 128 /* KEYED_FRAGMENT */)),
-        vue.createCommentVNode("        <li>"),
-        vue.createCommentVNode("          <div class=\"dropdown-item\">"),
-        vue.createCommentVNode("            <div @clik=\"showCustom = true\">Custom</div>"),
-        vue.createCommentVNode("            <div v-if=\"showCustom\">"),
-        vue.createCommentVNode("              <input type=\"date\">"),
-        vue.createCommentVNode("              <input type=\"date\">"),
-        vue.createCommentVNode("            </div>"),
-        vue.createCommentVNode("          </div>"),
-        vue.createCommentVNode("        </li>")
+        vue.createElementVNode("li", _hoisted_8$1, [
+          vue.createElementVNode("div", _hoisted_9$1, [
+            _hoisted_10,
+            vue.createElementVNode("div", null, [
+              vue.withDirectives(vue.createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((customFrom).value = $event)),
+                type: "date"
+              }, null, 512 /* NEED_PATCH */), [
+                [vue.vModelText, customFrom.value]
+              ]),
+              vue.withDirectives(vue.createElementVNode("input", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((customTo).value = $event)),
+                type: "date"
+              }, null, 512 /* NEED_PATCH */), [
+                [vue.vModelText, customTo.value]
+              ])
+            ]),
+            (customFrom.value && customTo.value)
+              ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  class: "btn btn-sm btn-info mt-1",
+                  onClick: applyCustom
+                }, "Apply"))
+              : vue.createCommentVNode("v-if", true)
+          ])
+        ])
       ])
     ])
   ]))
@@ -6292,7 +6235,7 @@ exports.ShModal = script$h;
 exports.ShModalBtn = script$7;
 exports.ShModalForm = script$g;
 exports.ShModalFormAuto = script$f;
-exports.ShPhone = script$t;
+exports.ShPhone = script$s;
 exports.ShPopups = script$4;
 exports.ShRange = script$3;
 exports.ShSilentAction = script$b;

package/dist/library.mjs

@@ -2,8 +2,7 @@ import Axios from 'axios';
 import moment from 'moment';
 import Swal from 'sweetalert2';
 import NProgress from 'nprogress';
-import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, inject, watch, mergeProps, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, vModelCheckbox, pushScopeId, popScopeId, markRaw, computed, isRef } from 'vue';
-import Editor from '@tinymce/tinymce-vue';
+import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, unref, normalizeClass, resolveComponent, createBlock, resolveDynamicComponent, inject, watch, mergeProps, normalizeStyle, renderSlot, createVNode, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, vModelCheckbox, pushScopeId, popScopeId, markRaw, computed, isRef } from 'vue';
 import _ from 'lodash';
 import { useRoute, useRouter } from 'vue-router';
 import { defineStore, storeToRefs } from 'pinia';
@@ -1862,7 +1861,7 @@ const countries = [
   }
 ];
 
-var script$t = {
+var script$s = {
   name: 'PhoneInput',
   props: ['modelValue', 'country_code'],
   data () {
@@ -1924,7 +1923,7 @@ var script$t = {
   }
 };
 
-const _hoisted_1$o = { class: "sh-phone mb-3" };
+const _hoisted_1$n = { class: "sh-phone mb-3" };
 const _hoisted_2$e = {
   key: 0,
   style: {"display":"contents"}
@@ -1932,8 +1931,8 @@ const _hoisted_2$e = {
 const _hoisted_3$d = ["src"];
 const _hoisted_4$d = ["value"];
 
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$o, [
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$n, [
     ($data.selectedCountry)
       ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
           createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$d),
@@ -1967,85 +1966,8 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$t.render = render$4;
-script$t.__file = "src/lib/components/form-components/PhoneInput.vue";
-
-var script$s = {
-  name: 'ShEditor',
-  props: ['modelValue'],
-  components: {
-    editor: Editor
-  },
-  data () {
-    return {
-      editorData: this.modelValue
-    }
-  },
-  computed: {
-    value: {
-      get () {
-        return this.modelValue
-      },
-      set (value) {
-        this.$emit('update:modelValue', value);
-      }
-    }
-  },
-  created () {
-    document.addEventListener('focusin', function (e) {
-      const closest = e.target.closest('.tox-tinymce-aux, .tox-dialog, .moxman-window, .tam-assetmanager-root');
-      if (closest !== null && closest !== undefined) {
-        e.stopImmediatePropagation();
-      }
-    });
-  },
-  mounted () {
-    this.editorData = this.modelValue;
-  },
-  methods: {
-    updateValue: function () {
-      // alert('paste')
-    }
-  }
-};
-
-const _hoisted_1$n = /*#__PURE__*/createElementVNode("textarea", {
-  id: "tiny",
-  style: {"display":"none"},
-  "data-cy": "tinymce_editor"
-}, null, -1 /* HOISTED */);
-
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_editor = resolveComponent("editor");
-
-  return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$n,
-    createElementVNode("div", {
-      onFocusin: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
-      class: "sh-editor w-100"
-    }, [
-      createVNode(_component_editor, {
-        class: "tinyEditor",
-        "api-key": "v5otxmculqf59xfg2bqr2ucw56cbqgbqo4x9gym2kwbv1rvi",
-        onInput: $options.updateValue,
-        onKeyup: $options.updateValue,
-        modelValue: $options.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.value) = $event)),
-        init: {
-      selector: 'textarea#tiny',
-      valid_children : '+body[style],+body[script]',
-      extended_valid_elements : '*[*]',
-      contextmenu: false,
-      plugins: 'lists link image emoticons code autolink',
-      toolbar: 'styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image emoticons code'
-    }
-      }, null, 8 /* PROPS */, ["onInput", "onKeyup", "modelValue"])
-    ], 32 /* HYDRATE_EVENTS */)
-  ], 64 /* STABLE_FRAGMENT */))
-}
-
 script$s.render = render$3;
-script$s.__file = "src/lib/components/form-components/ShEditor.vue";
+script$s.__file = "src/lib/components/form-components/PhoneInput.vue";
 
 const _hoisted_1$m = {
   key: 0,
@@ -2057,12 +1979,12 @@ const _hoisted_4$c = ["onClick"];
 const _hoisted_5$a = ["id"];
 const _hoisted_6$9 = ["id", "aria-labelledby"];
 const _hoisted_7$7 = { key: 0 };
-const _hoisted_8$4 = ["onClick"];
-const _hoisted_9$5 = {
+const _hoisted_8$5 = ["onClick"];
+const _hoisted_9$6 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$4 = {
+const _hoisted_10$5 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -2193,14 +2115,14 @@ return (_ctx, _cache) => {
                           onClick: $event => (addSuggestion(suggestion)),
                           class: normalizeClass(["dropdown-item", unref(selectedSuggestions).includes(suggestion) ? 'active':'']),
                           href: "#"
-                        }, toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$4)
+                        }, toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$5)
                       ]))
                     : createCommentVNode("v-if", true)
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (unref(searchText))
-              ? (openBlock(), createElementBlock("li", _hoisted_9$5, " No results found "))
-              : (openBlock(), createElementBlock("li", _hoisted_10$4, " Type to search... "))
+              ? (openBlock(), createElementBlock("li", _hoisted_9$6, " No results found "))
+              : (openBlock(), createElementBlock("li", _hoisted_10$5, " Type to search... "))
         ], 8 /* PROPS */, _hoisted_6$9)
       ]))
     : createCommentVNode("v-if", true)
@@ -2215,10 +2137,9 @@ script$r.__file = "src/lib/components/form-components/ShSuggest.vue";
 var script$q = {
   name: 'ShForm',
   components: {
-    PhoneInput: script$t,
+    PhoneInput: script$s,
     ShSuggest: script$r,
-    ShEditor: script$s,
-    ShPhone: script$t
+    ShPhone: script$s
   },
   props: [
       'action',
@@ -2554,9 +2475,9 @@ const _hoisted_4$b = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamati
 const _hoisted_5$9 = { key: 0 };
 const _hoisted_6$8 = { key: 1 };
 const _hoisted_7$6 = { class: "row" };
-const _hoisted_8$3 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
-const _hoisted_9$4 = { class: "col-md-12" };
-const _hoisted_10$3 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_8$4 = { 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$3 = ["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"];
@@ -2566,7 +2487,7 @@ const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_17$3 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_18$3 = ["value"];
 const _hoisted_19$2 = {
-  key: 12,
+  key: 11,
   class: "invalid-feedback"
 };
 const _hoisted_20$2 = {
@@ -2599,7 +2520,6 @@ const _hoisted_24$1 = /*#__PURE__*/createElementVNode("span", {
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_phone_input = resolveComponent("phone-input");
   const _component_ShSuggest = resolveComponent("ShSuggest");
-  const _component_ShEditor = resolveComponent("ShEditor");
 
   return (openBlock(), createElementBlock(Fragment, null, [
     _hoisted_1$l,
@@ -2627,8 +2547,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
             key: field
           }, [
-            createElementVNode("label", _hoisted_8$3, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-            createElementVNode("div", _hoisted_9$4, [
+            createElementVNode("label", _hoisted_8$4, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
+            createElementVNode("div", _hoisted_9$5, [
               ($options.getFieldType(field) === 'component')
                 ? (openBlock(), createBlock(resolveDynamicComponent($props.customComponent[field]), {
                     key: 0,
@@ -2653,7 +2573,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$3))
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$4))
                 : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'numeric')
                 ? withDirectives((openBlock(), createElementBlock("input", {
@@ -2734,20 +2654,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
                   }, null, 8 /* PROPS */, ["select-data", "fill-selects", "class", "modelValue", "onUpdate:modelValue"]))
                 : createCommentVNode("v-if", true),
-              ($options.getFieldType(field) === 'editor')
-                ? (openBlock(), createBlock(_component_ShEditor, {
-                    key: 8,
-                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                    name: field,
-                    onFocus: $event => ($options.removeErrors(field)),
-                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                    modelValue: _ctx.form_elements[field],
-                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                  }, null, 8 /* PROPS */, ["placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
-                : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'text')
                 ? withDirectives((openBlock(), createElementBlock("input", {
-                    key: 9,
+                    key: 8,
                     disabled: $options.isDisabled(field),
                     placeholder: field === 'phone_number' ? 'e.g 0712 345 678':'',
                     name: field,
@@ -2761,7 +2670,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'textarea')
                 ? withDirectives((openBlock(), createElementBlock("textarea", {
-                    key: 10,
+                    key: 9,
                     name: field,
                     onFocus: $event => ($options.removeErrors(field)),
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
@@ -2772,7 +2681,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'select')
                 ? withDirectives((openBlock(), createElementBlock("select", {
-                    key: 11,
+                    key: 10,
                     name: field,
                     onFocus: $event => ($options.removeErrors(field)),
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
@@ -3133,7 +3042,7 @@ const getFieldComponent = (fieldObj)=>{
   const TextComponent = formComponents.text ?? script$n;
   const TextAreaComponent = formComponents.textArea ?? script$m;
   const EmailComponent = formComponents.email ?? script$p;
-  const PhoneComponent = formComponents.phone ?? script$t;
+  const PhoneComponent = formComponents.phone ?? script$s;
   const NumberComponent = formComponents.number ?? script$o;
   const SelectComponent = formComponents.select ?? script$l;
   const PasswordComponent = formComponents.password ?? script$k;
@@ -3154,7 +3063,7 @@ const getFieldComponent = (fieldObj)=>{
     return formComponents.email ?? script$p
   } else
   if((props.phones && props.phones.includes(field)) || defaultPhones.includes(field)){
-    return formComponents.phone ?? script$t
+    return formComponents.phone ?? script$s
   } else
   if((props.numbers && props.numbers.includes(field)) || defaultNumbers.includes(field)){
     return formComponents.number ?? script$o
@@ -3745,10 +3654,10 @@ const _hoisted_1$c = { key: 0 };
 const _hoisted_2$7 = { class: "record_count_body mb-3" };
 const _hoisted_3$7 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
 const _hoisted_4$7 = /*#__PURE__*/createStaticVNode("<option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"100\">100</option><option value=\"200\">200</option>", 5);
-const _hoisted_9$3 = [
+const _hoisted_9$4 = [
   _hoisted_4$7
 ];
-const _hoisted_10$2 = { class: "record_counts" };
+const _hoisted_10$3 = { class: "record_counts" };
 const _hoisted_11$2 = {
   key: 0,
   "aria-label": "Page navigation"
@@ -3795,10 +3704,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             class: "select_per_page",
             onChange: _cache[0] || (_cache[0] = (...args) => ($options.changePerPage && $options.changePerPage(...args))),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.per_page) = $event))
-          }, _hoisted_9$3, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+          }, _hoisted_9$4, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
             [vModelSelect, $data.per_page]
           ]),
-          createElementVNode("span", _hoisted_10$2, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+          createElementVNode("span", _hoisted_10$3, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
         ]),
         ($props.pagination_data != null)
           ? (openBlock(), createElementBlock("nav", _hoisted_11$2, [
@@ -4332,9 +4241,9 @@ const _hoisted_7$3 = {
   key: 1,
   class: "row"
 };
-const _hoisted_8$2 = { class: "col-12 mb-3" };
-const _hoisted_9$2 = { class: "sh-search-bar" };
-const _hoisted_10$1 = ["placeholder"];
+const _hoisted_8$3 = { class: "col-12 mb-3" };
+const _hoisted_9$3 = { class: "sh-search-bar" };
+const _hoisted_10$2 = ["placeholder"];
 const _hoisted_11$1 = {
   key: 0,
   class: "text-center"
@@ -4500,8 +4409,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     (!$props.hideSearch)
       ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-          createElementVNode("div", _hoisted_8$2, [
-            createElementVNode("div", _hoisted_9$2, [
+          createElementVNode("div", _hoisted_8$3, [
+            createElementVNode("div", _hoisted_9$3, [
               withDirectives(createElementVNode("input", {
                 onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.userTyping && $options.userTyping(...args))),
                 onKeyup: _cache[2] || (_cache[2] = (...args) => ($options.userTyping && $options.userTyping(...args))),
@@ -4510,7 +4419,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($data.filter_value) = $event)),
                 placeholder: $props.searchPlaceholder ? $props.searchPlaceholder : 'Search',
                 class: "form-control sh-search-input"
-              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_10$1), [
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_10$2), [
                 [vModelText, $data.filter_value]
               ])
             ])
@@ -5321,12 +5230,12 @@ const _hoisted_6$3 = {
   class: "d-flex flex-column w-100 px-2"
 };
 const _hoisted_7$2 = ["checked", "disabled"];
-const _hoisted_8$1 = ["onClick"];
-const _hoisted_9$1 = {
+const _hoisted_8$2 = ["onClick"];
+const _hoisted_9$2 = {
   id: "permissions-content",
   class: "col-md-9 py-4 px-4"
 };
-const _hoisted_10 = { class: "p-2 rounded-2 bg-white h-100" };
+const _hoisted_10$1 = { class: "p-2 rounded-2 bg-white h-100" };
 const _hoisted_11 = {
   key: 0,
   class: "alert alert-info"
@@ -5465,13 +5374,13 @@ return (_ctx, _cache) => {
                 createElementVNode("label", {
                   class: "text-capitalize",
                   onClick: $event => (setModule(module))
-                }, toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$1)
+                }, toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$2)
               ], 2 /* CLASS */))
             }), 128 /* KEYED_FRAGMENT */))
           ]))
     ]),
-    createElementVNode("div", _hoisted_9$1, [
-      createElementVNode("div", _hoisted_10, [
+    createElementVNode("div", _hoisted_9$2, [
+      createElementVNode("div", _hoisted_10$1, [
         (loading.value)
           ? (openBlock(), createElementBlock("div", _hoisted_11, " loading ... "))
           : (openBlock(), createElementBlock("div", _hoisted_12, [
@@ -5662,6 +5571,9 @@ const _hoisted_6$2 = {
   "aria-labelledby": "dropdownMenuLink"
 };
 const _hoisted_7$1 = ["onClick"];
+const _hoisted_8$1 = { class: "border-top" };
+const _hoisted_9$1 = { class: "dropdown-item d-flex flex-column" };
+const _hoisted_10 = /*#__PURE__*/createElementVNode("span", null, "Custom", -1 /* HOISTED */);
 
 
 
@@ -5689,6 +5601,13 @@ const props = __props;
 const selectedDate = ref(null);
 const rangeLabel = ref(null);
 ref(false);
+const customFrom = ref(null);
+const customTo = ref(null);
+
+const applyCustom = ()=>{
+  const date = [moment(customFrom.value),moment(customTo.value)];
+  setDate(date,'Custom');
+};
 
 const dates = ref([
   {
@@ -5712,8 +5631,16 @@ const dates = ref([
     value: [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
   },
   {
-    label: '1 Month',
-    value: [moment().subtract(29, 'days'), moment()]
+    label: 'Last 30 days',
+    value: [moment().subtract(30, 'days'), moment()]
+  },
+  {
+    label: 'Last 60 days',
+    value: [moment().subtract(60, 'days'), moment()]
+  },
+  {
+    label: 'Last 90 days',
+    value: [moment().subtract(90, 'days'), moment()]
   },
   {
     label: '1 Year',
@@ -5772,15 +5699,32 @@ return (_ctx, _cache) => {
             }, toDisplayString(date.label), 3 /* TEXT, CLASS */)
           ], 8 /* PROPS */, _hoisted_7$1))
         }), 128 /* KEYED_FRAGMENT */)),
-        createCommentVNode("        <li>"),
-        createCommentVNode("          <div class=\"dropdown-item\">"),
-        createCommentVNode("            <div @clik=\"showCustom = true\">Custom</div>"),
-        createCommentVNode("            <div v-if=\"showCustom\">"),
-        createCommentVNode("              <input type=\"date\">"),
-        createCommentVNode("              <input type=\"date\">"),
-        createCommentVNode("            </div>"),
-        createCommentVNode("          </div>"),
-        createCommentVNode("        </li>")
+        createElementVNode("li", _hoisted_8$1, [
+          createElementVNode("div", _hoisted_9$1, [
+            _hoisted_10,
+            createElementVNode("div", null, [
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((customFrom).value = $event)),
+                type: "date"
+              }, null, 512 /* NEED_PATCH */), [
+                [vModelText, customFrom.value]
+              ]),
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((customTo).value = $event)),
+                type: "date"
+              }, null, 512 /* NEED_PATCH */), [
+                [vModelText, customTo.value]
+              ])
+            ]),
+            (customFrom.value && customTo.value)
+              ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  class: "btn btn-sm btn-info mt-1",
+                  onClick: applyCustom
+                }, "Apply"))
+              : createCommentVNode("v-if", true)
+          ])
+        ])
       ])
     ])
   ]))
@@ -6265,4 +6209,4 @@ const ShFrontend = {
   }
 };
 
-export { countries as Countries, script$5 as ManagePermissions, script$j as ShAutoForm, script$e as ShCanvas, script$6 as ShCanvasBtn, script$c as ShConfirmAction, script$i as ShDropDownForm, script$8 as ShDynamicTabs, script$q as ShForm, ShFrontend, script$h as ShModal, script$7 as ShModalBtn, script$g as ShModalForm, script$f as ShModalFormAuto, script$t as ShPhone, script$4 as ShPopups, script$3 as ShRange, script$b as ShSilentAction, script$a as ShTable, script$9 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };
+export { countries as Countries, script$5 as ManagePermissions, script$j as ShAutoForm, script$e as ShCanvas, script$6 as ShCanvasBtn, script$c as ShConfirmAction, script$i as ShDropDownForm, script$8 as ShDynamicTabs, script$q as ShForm, ShFrontend, script$h as ShModal, script$7 as ShModalBtn, script$g as ShModalForm, script$f as ShModalFormAuto, script$s as ShPhone, script$4 as ShPopups, script$3 as ShRange, script$b as ShSilentAction, script$a as ShTable, script$9 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",
@@ -22,7 +22,6 @@
   "author": "",
   "license": "ISC",
   "peerDependencies": {
-    "@tinymce/tinymce-vue": "^4.0.7",
     "axios": "^0.27.2",
     "bootstrap": "^5.2.0",
     "bootstrap-icons": "^1.9.1",