@iankibetsh/shframework 1.0.2 → 1.0.4

package/dist/library.js

@@ -1636,19 +1636,19 @@ var script$e = {
   }
 };
 
-const _hoisted_1$e = { class: "sh-phone mb-3" };
-const _hoisted_2$c = {
+const _hoisted_1$d = { class: "sh-phone mb-3" };
+const _hoisted_2$b = {
   key: 0,
   style: {"display":"contents"}
 };
-const _hoisted_3$b = ["src"];
-const _hoisted_4$b = ["value"];
+const _hoisted_3$a = ["src"];
+const _hoisted_4$a = ["value"];
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
     ($data.selectedCountry)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, [
-          vue.createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$b),
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
+          vue.createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$a),
           vue.createTextVNode(" " + vue.toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
       : vue.createCommentVNode("v-if", true),
@@ -1661,7 +1661,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
         return (vue.openBlock(), vue.createElementBlock("option", {
           value: country,
           key: country.dialCode
-        }, vue.toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$b))
+        }, vue.toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$a))
       }), 128 /* KEYED_FRAGMENT */))
     ], 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
       [vue.vModelSelect, $data.selectedCountry]
@@ -1721,7 +1721,7 @@ var script$d = {
   }
 };
 
-const _hoisted_1$d = /*#__PURE__*/vue.createElementVNode("textarea", {
+const _hoisted_1$c = /*#__PURE__*/vue.createElementVNode("textarea", {
   id: "tiny",
   style: {"display":"none"},
   "data-cy": "tinymce_editor"
@@ -1731,7 +1731,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_editor = vue.resolveComponent("editor");
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    _hoisted_1$d,
+    _hoisted_1$c,
     vue.createElementVNode("div", {
       onFocusin: _cache[1] || (_cache[1] = vue.withModifiers(() => {}, ["stop"])),
       class: "sh-editor w-100"
@@ -1759,14 +1759,14 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
 script$d.render = render$6;
 script$d.__file = "src/lib/components/FormComponent/ShEditor.vue";
 
-const _hoisted_1$c = {
+const _hoisted_1$b = {
   key: 0,
   class: "dropdown sh-suggest"
 };
-const _hoisted_2$b = ["id"];
-const _hoisted_3$a = { class: "badge bg-secondary m-1 sh-selected-item" };
-const _hoisted_4$a = ["onClick"];
-const _hoisted_5$7 = ["id"];
+const _hoisted_2$a = ["id"];
+const _hoisted_3$9 = { class: "badge bg-secondary m-1 sh-selected-item" };
+const _hoisted_4$9 = ["onClick"];
+const _hoisted_5$6 = ["id"];
 const _hoisted_6$5 = ["id", "aria-labelledby"];
 const _hoisted_7$4 = { key: 0 };
 const _hoisted_8$3 = ["onClick"];
@@ -1861,7 +1861,7 @@ function filterData(e){
 
 return (_ctx, _cache) => {
   return (vue.unref(id))
-    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
         vue.createElementVNode("div", {
           id: vue.unref(id),
           "data-bs-toggle": "dropdown",
@@ -1870,14 +1870,14 @@ return (_ctx, _cache) => {
         }, [
           vue.createElementVNode("div", null, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(selectedSuggestions), (sgt) => {
-              return (vue.openBlock(), vue.createElementBlock("h5", _hoisted_3$a, [
+              return (vue.openBlock(), vue.createElementBlock("h5", _hoisted_3$9, [
                 vue.createTextVNode(vue.toDisplayString(sgt.name) + " ", 1 /* TEXT */),
                 vue.createElementVNode("button", {
                   onClick: $event => (removeSuggestion(sgt.id)),
                   type: "button",
                   class: "btn-close border-start border-1 ms-1",
                   "aria-label": "Close"
-                }, null, 8 /* PROPS */, _hoisted_4$a)
+                }, null, 8 /* PROPS */, _hoisted_4$9)
               ]))
             }), 256 /* UNKEYED_FRAGMENT */))
           ]),
@@ -1887,8 +1887,8 @@ return (_ctx, _cache) => {
             onClick: filterData,
             onInput: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
-          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$7)
-        ], 8 /* PROPS */, _hoisted_2$b),
+          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$6)
+        ], 8 /* PROPS */, _hoisted_2$a),
         vue.createElementVNode("ul", {
           class: "dropdown-menu w-100",
           id: 'dropwdown_section' + vue.unref(id),
@@ -2241,18 +2241,18 @@ var script$b = {
   }
 };
 
-const _hoisted_1$b = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
-const _hoisted_2$a = {
+const _hoisted_1$a = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
+const _hoisted_2$9 = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$8 = {
   key: 0,
   class: "alert alert-danger alert-dismissible fade show sh-form-submission-error",
   role: "alert"
 };
-const _hoisted_4$9 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
-const _hoisted_5$6 = { key: 0 };
+const _hoisted_4$8 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
+const _hoisted_5$5 = { key: 0 };
 const _hoisted_6$4 = { key: 1 };
 const _hoisted_7$3 = { class: "row" };
 const _hoisted_8$2 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
@@ -2303,15 +2303,15 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ShEditor = vue.resolveComponent("ShEditor");
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    _hoisted_1$b,
-    vue.createElementVNode("form", _hoisted_2$a, [
+    _hoisted_1$a,
+    vue.createElementVNode("form", _hoisted_2$9, [
       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)
-        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [
-            _hoisted_4$9,
+        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
+            _hoisted_4$8,
             (_ctx.errorText)
-              ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$6, vue.toDisplayString(_ctx.errorText), 1 /* TEXT */))
+              ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$5, vue.toDisplayString(_ctx.errorText), 1 /* TEXT */))
               : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$4, "Unexpected Error Occurred")),
             vue.createCommentVNode("      <button @click=\"hideError\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>")
           ]))
@@ -2523,8 +2523,8 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
 script$b.render = render$5;
 script$b.__file = "src/lib/components/ShForm.vue";
 
-const _hoisted_1$a = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
-const _hoisted_2$9 = { class: "dropdown" };
+const _hoisted_1$9 = /*#__PURE__*/vue.createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
+const _hoisted_2$8 = { class: "dropdown" };
 
 var script$a = {
   __name: 'ShDropDownForm',
@@ -2556,8 +2556,8 @@ const dropdownId = 'rand' + (Math.random() + 1).toString(36).substring(2);
 
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    _hoisted_1$a,
-    vue.createElementVNode("div", _hoisted_2$9, [
+    _hoisted_1$9,
+    vue.createElementVNode("div", _hoisted_2$8, [
       vue.createElementVNode("a", {
         class: vue.normalizeClass(vue.unref(btnClass)),
         href: "#",
@@ -2591,11 +2591,11 @@ var script$9 = {
   }
 };
 
-const _hoisted_1$9 = ["id"];
-const _hoisted_2$8 = { class: "modal-content" };
-const _hoisted_3$8 = { class: "modal-header" };
-const _hoisted_4$8 = { class: "modal-title" };
-const _hoisted_5$5 = /*#__PURE__*/vue.createElementVNode("button", {
+const _hoisted_1$8 = ["id"];
+const _hoisted_2$7 = { class: "modal-content" };
+const _hoisted_3$7 = { class: "modal-header" };
+const _hoisted_4$7 = { class: "modal-title" };
+const _hoisted_5$4 = /*#__PURE__*/vue.createElementVNode("button", {
   class: "btn btn-danger btn-sm",
   "data-bs-dismiss": "modal",
   "data-dismiss": "modal"
@@ -2612,10 +2612,10 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createElementVNode("div", {
       class: vue.normalizeClass(["modal-dialog", `modal-${$props.modalSize}`])
     }, [
-      vue.createElementVNode("div", _hoisted_2$8, [
-        vue.createElementVNode("div", _hoisted_3$8, [
-          vue.createElementVNode("h3", _hoisted_4$8, vue.toDisplayString($props.modalTitle), 1 /* TEXT */),
-          _hoisted_5$5
+      vue.createElementVNode("div", _hoisted_2$7, [
+        vue.createElementVNode("div", _hoisted_3$7, [
+          vue.createElementVNode("h3", _hoisted_4$7, vue.toDisplayString($props.modalTitle), 1 /* TEXT */),
+          _hoisted_5$4
         ]),
         vue.createElementVNode("div", _hoisted_6$3, [
           vue.createElementVNode("div", _hoisted_7$2, [
@@ -2624,13 +2624,13 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$9))
+  ], 8 /* PROPS */, _hoisted_1$8))
 }
 
 script$9.render = render$4;
 script$9.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$8 = ["href"];
+const _hoisted_1$7 = ["href"];
 
 var script$8 = {
   __name: 'ShModalForm',
@@ -2668,7 +2668,7 @@ return (_ctx, _cache) => {
       "data-bs-toggle": "modal"
     }, [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$8),
+    ], 10 /* CLASS, PROPS */, _hoisted_1$7),
     vue.createVNode(script$9, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle
@@ -2703,13 +2703,13 @@ var script$7 = {
   }
 };
 
-const _hoisted_1$7 = ["id"];
-const _hoisted_2$7 = { class: "offcanvas-header" };
-const _hoisted_3$7 = {
+const _hoisted_1$6 = ["id"];
+const _hoisted_2$6 = { class: "offcanvas-header" };
+const _hoisted_3$6 = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$7 = { class: "offcanvas-body" };
+const _hoisted_4$6 = { class: "offcanvas-body" };
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", {
@@ -2719,8 +2719,8 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     id: $props.canvasId,
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
-    vue.createElementVNode("div", _hoisted_2$7, [
-      vue.createElementVNode("h5", _hoisted_3$7, vue.toDisplayString($props.canvasTitle), 1 /* TEXT */),
+    vue.createElementVNode("div", _hoisted_2$6, [
+      vue.createElementVNode("h5", _hoisted_3$6, vue.toDisplayString($props.canvasTitle), 1 /* TEXT */),
       vue.createElementVNode("button", {
         type: "button",
         ref: "closecanvas",
@@ -2730,10 +2730,10 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": "Close"
       }, null, 512 /* NEED_PATCH */)
     ]),
-    vue.createElementVNode("div", _hoisted_4$7, [
+    vue.createElementVNode("div", _hoisted_4$6, [
       vue.renderSlot(_ctx.$slots, "default")
     ])
-  ], 10 /* CLASS, PROPS */, _hoisted_1$7))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$6))
 }
 
 script$7.render = render$3;
@@ -2810,12 +2810,12 @@ var script$6 = {
   }
 };
 
-const _hoisted_1$6 = { key: 0 };
-const _hoisted_2$6 = { class: "record_count_body mb-3" };
-const _hoisted_3$6 = /*#__PURE__*/vue.createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
-const _hoisted_4$6 = /*#__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_1$5 = { key: 0 };
+const _hoisted_2$5 = { class: "record_count_body mb-3" };
+const _hoisted_3$5 = /*#__PURE__*/vue.createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
+const _hoisted_4$5 = /*#__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$2 = [
-  _hoisted_4$6
+  _hoisted_4$5
 ];
 const _hoisted_10$1 = { class: "record_counts" };
 const _hoisted_11$1 = {
@@ -2856,9 +2856,9 @@ const _hoisted_22$1 = {
 
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return (!$props.loadMore)
-    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
-        vue.createElementVNode("div", _hoisted_2$6, [
-          _hoisted_3$6,
+    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+        vue.createElementVNode("div", _hoisted_2$5, [
+          _hoisted_3$5,
           vue.createTextVNode("  "),
           vue.withDirectives(vue.createElementVNode("select", {
             class: "select_per_page",
@@ -3343,14 +3343,14 @@ var script$5 = {
   }
 };
 
-const _hoisted_1$5 = { class: "auto-table mt-2" };
-const _hoisted_2$5 = {
+const _hoisted_1$4 = { class: "auto-table mt-2" };
+const _hoisted_2$4 = {
   key: 0,
   class: "col-md-4 mb-2"
 };
-const _hoisted_3$5 = ["disabled"];
-const _hoisted_4$5 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
-const _hoisted_5$4 = /*#__PURE__*/vue.createElementVNode("span", {
+const _hoisted_3$4 = ["disabled"];
+const _hoisted_4$4 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
+const _hoisted_5$3 = /*#__PURE__*/vue.createElementVNode("span", {
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
@@ -3503,9 +3503,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_pagination = vue.resolveComponent("pagination");
   const _component_sh_canvas = vue.resolveComponent("sh-canvas");
 
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
     ($props.hasDownload)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
           vue.createElementVNode("button", {
             disabled: $data.downloading,
             class: "btn btn-warning btn-sm",
@@ -3513,14 +3513,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             (!$data.downloading)
               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  _hoisted_4$5,
+                  _hoisted_4$4,
                   vue.createTextVNode(" Export ")
                 ], 64 /* STABLE_FRAGMENT */))
               : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  _hoisted_5$4,
+                  _hoisted_5$3,
                   _hoisted_6$2
                 ], 64 /* STABLE_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_3$5)
+          ], 8 /* PROPS */, _hoisted_3$4)
         ]))
       : vue.createCommentVNode("v-if", true),
     (!$props.hideSearch)
@@ -3921,7 +3921,7 @@ script$5.__file = "src/lib/components/ShTable.vue";
 
 var script$4 = {
   name: 'ShTabs',
-  props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts', 'responsive'],
+  props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts', 'responsive','classOne','classTwo','classes'],
   data () {
     return {
       currentTab: '',
@@ -3946,13 +3946,13 @@ var script$4 = {
     }
   },
   mounted () {
-    this.generatedId =  'tab' + Math.random().toString(36).slice(2);
+    this.generatedId = 'tab' + Math.random().toString(36).slice(2);
     this.resetTabCounts();
     this.setTab(this.tabs[0]);
   },
   methods: {
-    setTab: function(tab){
-      if(tab){
+    setTab: function (tab) {
+      if (tab) {
         this.currentTab = tab.replace(/_/g, ' ');
       }
     },
@@ -4000,74 +4000,43 @@ var script$4 = {
   }
 };
 
-const _hoisted_1$4 = {
-  key: 0,
-  class: "navbar navbar-expand-lg sh-horizontal-tabs"
-};
-const _hoisted_2$4 = ["data-bs-target"];
-const _hoisted_3$4 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-chevron-right float-end" }, null, -1 /* HOISTED */);
-const _hoisted_4$4 = ["id"];
-const _hoisted_5$3 = { class: "tab-content" };
-
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = vue.resolveComponent("router-link");
   const _component_router_view = vue.resolveComponent("router-view");
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    ($data.generatedId)
-      ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$4, [
-          ($data.isResponsive)
-            ? (vue.openBlock(), vue.createElementBlock("a", {
-                key: 0,
-                href: "#",
-                class: "form-control navbar-toggler text-capitalize",
-                "data-bs-toggle": "collapse",
-                "data-bs-target": '#' + $data.generatedId,
-                "aria-controls": "navbarNav",
-                "aria-expanded": "false",
-                "aria-label": "Toggle navigation"
-              }, [
-                vue.createTextVNode(vue.toDisplayString($data.currentTab) + " ", 1 /* TEXT */),
-                _hoisted_3$4
-              ], 8 /* PROPS */, _hoisted_2$4))
-            : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass($data.isResponsive ? 'collapse navbar-collapse':''),
-            id: $data.generatedId
-          }, [
-            vue.createElementVNode("ul", {
-              class: vue.normalizeClass($data.isResponsive ? 'navbar-nav nav':'nav')
-            }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.tabs, (tab) => {
-                return (vue.openBlock(), vue.createElementBlock("li", {
-                  class: "nav-item",
-                  key: tab
-                }, [
-                  vue.createVNode(_component_router_link, {
-                    onClick: $event => ($options.setTab(tab)),
-                    "active-class": 'active',
-                    class: vue.normalizeClass(["nav-link text-capitalize", 'sh_tab_' + tab]),
-                    to: $props.baseUrl+'/tab/'+tab,
-                    role: "tab"
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(tab.replace(/_/g, ' ')), 1 /* TEXT */)
-                    ]),
-                    _: 2 /* DYNAMIC */
-                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "to", "class"])
-                ]))
-              }), 128 /* KEYED_FRAGMENT */))
-            ], 2 /* CLASS */)
-          ], 10 /* CLASS, PROPS */, _hoisted_4$4)
+    vue.createElementVNode("ul", {
+      class: vue.normalizeClass(["nav nav-tabs sh-tabs", $props.classes])
+    }, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.tabs, (tab) => {
+        return (vue.openBlock(), vue.createElementBlock("li", {
+          class: "nav-item",
+          key: tab
+        }, [
+          vue.createVNode(_component_router_link, {
+            onClick: $event => ($options.setTab(tab)),
+            "active-class": 'active',
+            class: vue.normalizeClass(["nav-link text-capitalize", 'sh_tab_' + tab]),
+            to: $props.baseUrl+'/tab/'+tab,
+            role: "tab"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(tab.replace(/_/g, ' ')), 1 /* TEXT */)
+            ]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "to", "class"])
         ]))
-      : vue.createCommentVNode("v-if", true),
-    vue.createElementVNode("div", _hoisted_5$3, [
+      }), 128 /* KEYED_FRAGMENT */))
+    ], 2 /* CLASS */),
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(["tab-content", $props.classTwo])
+    }, [
       vue.createVNode(_component_router_view, {
         currentTab: $data.currentTab,
         sharedData: $props.sharedData,
         tabCounts: $props.tabCounts
       }, null, 8 /* PROPS */, ["currentTab", "sharedData", "tabCounts"])
-    ])
+    ], 2 /* CLASS */)
   ], 64 /* STABLE_FRAGMENT */))
 }
 

package/dist/library.mjs

@@ -1624,19 +1624,19 @@ var script$e = {
   }
 };
 
-const _hoisted_1$e = { class: "sh-phone mb-3" };
-const _hoisted_2$c = {
+const _hoisted_1$d = { class: "sh-phone mb-3" };
+const _hoisted_2$b = {
   key: 0,
   style: {"display":"contents"}
 };
-const _hoisted_3$b = ["src"];
-const _hoisted_4$b = ["value"];
+const _hoisted_3$a = ["src"];
+const _hoisted_4$a = ["value"];
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$e, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$d, [
     ($data.selectedCountry)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
-          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$b),
+      ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
+          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$a),
           createTextVNode(" " + toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
       : createCommentVNode("v-if", true),
@@ -1649,7 +1649,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
         return (openBlock(), createElementBlock("option", {
           value: country,
           key: country.dialCode
-        }, toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$b))
+        }, toDisplayString(country.name + '(' + country.dialCode + ')'), 9 /* TEXT, PROPS */, _hoisted_4$a))
       }), 128 /* KEYED_FRAGMENT */))
     ], 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
       [vModelSelect, $data.selectedCountry]
@@ -1709,7 +1709,7 @@ var script$d = {
   }
 };
 
-const _hoisted_1$d = /*#__PURE__*/createElementVNode("textarea", {
+const _hoisted_1$c = /*#__PURE__*/createElementVNode("textarea", {
   id: "tiny",
   style: {"display":"none"},
   "data-cy": "tinymce_editor"
@@ -1719,7 +1719,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_editor = resolveComponent("editor");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$d,
+    _hoisted_1$c,
     createElementVNode("div", {
       onFocusin: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
       class: "sh-editor w-100"
@@ -1747,14 +1747,14 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
 script$d.render = render$6;
 script$d.__file = "src/lib/components/FormComponent/ShEditor.vue";
 
-const _hoisted_1$c = {
+const _hoisted_1$b = {
   key: 0,
   class: "dropdown sh-suggest"
 };
-const _hoisted_2$b = ["id"];
-const _hoisted_3$a = { class: "badge bg-secondary m-1 sh-selected-item" };
-const _hoisted_4$a = ["onClick"];
-const _hoisted_5$7 = ["id"];
+const _hoisted_2$a = ["id"];
+const _hoisted_3$9 = { class: "badge bg-secondary m-1 sh-selected-item" };
+const _hoisted_4$9 = ["onClick"];
+const _hoisted_5$6 = ["id"];
 const _hoisted_6$5 = ["id", "aria-labelledby"];
 const _hoisted_7$4 = { key: 0 };
 const _hoisted_8$3 = ["onClick"];
@@ -1849,7 +1849,7 @@ function filterData(e){
 
 return (_ctx, _cache) => {
   return (unref(id))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("div", {
           id: unref(id),
           "data-bs-toggle": "dropdown",
@@ -1858,14 +1858,14 @@ return (_ctx, _cache) => {
         }, [
           createElementVNode("div", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(selectedSuggestions), (sgt) => {
-              return (openBlock(), createElementBlock("h5", _hoisted_3$a, [
+              return (openBlock(), createElementBlock("h5", _hoisted_3$9, [
                 createTextVNode(toDisplayString(sgt.name) + " ", 1 /* TEXT */),
                 createElementVNode("button", {
                   onClick: $event => (removeSuggestion(sgt.id)),
                   type: "button",
                   class: "btn-close border-start border-1 ms-1",
                   "aria-label": "Close"
-                }, null, 8 /* PROPS */, _hoisted_4$a)
+                }, null, 8 /* PROPS */, _hoisted_4$9)
               ]))
             }), 256 /* UNKEYED_FRAGMENT */))
           ]),
@@ -1875,8 +1875,8 @@ return (_ctx, _cache) => {
             onClick: filterData,
             onInput: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
-          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$7)
-        ], 8 /* PROPS */, _hoisted_2$b),
+          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$6)
+        ], 8 /* PROPS */, _hoisted_2$a),
         createElementVNode("ul", {
           class: "dropdown-menu w-100",
           id: 'dropwdown_section' + unref(id),
@@ -2229,18 +2229,18 @@ var script$b = {
   }
 };
 
-const _hoisted_1$b = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
-const _hoisted_2$a = {
+const _hoisted_1$a = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, null, -1 /* HOISTED */);
+const _hoisted_2$9 = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$8 = {
   key: 0,
   class: "alert alert-danger alert-dismissible fade show sh-form-submission-error",
   role: "alert"
 };
-const _hoisted_4$9 = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
-const _hoisted_5$6 = { key: 0 };
+const _hoisted_4$8 = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamation-triangle-fill me-1" }, null, -1 /* HOISTED */);
+const _hoisted_5$5 = { key: 0 };
 const _hoisted_6$4 = { key: 1 };
 const _hoisted_7$3 = { class: "row" };
 const _hoisted_8$2 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
@@ -2291,15 +2291,15 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ShEditor = resolveComponent("ShEditor");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$b,
-    createElementVNode("form", _hoisted_2$a, [
+    _hoisted_1$a,
+    createElementVNode("form", _hoisted_2$9, [
       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)
-        ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
-            _hoisted_4$9,
+        ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+            _hoisted_4$8,
             (_ctx.errorText)
-              ? (openBlock(), createElementBlock("span", _hoisted_5$6, toDisplayString(_ctx.errorText), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("span", _hoisted_5$5, toDisplayString(_ctx.errorText), 1 /* TEXT */))
               : (openBlock(), createElementBlock("span", _hoisted_6$4, "Unexpected Error Occurred")),
             createCommentVNode("      <button @click=\"hideError\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>")
           ]))
@@ -2511,8 +2511,8 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
 script$b.render = render$5;
 script$b.__file = "src/lib/components/ShForm.vue";
 
-const _hoisted_1$a = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
-const _hoisted_2$9 = { class: "dropdown" };
+const _hoisted_1$9 = /*#__PURE__*/createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* HOISTED */);
+const _hoisted_2$8 = { class: "dropdown" };
 
 var script$a = {
   __name: 'ShDropDownForm',
@@ -2544,8 +2544,8 @@ const dropdownId = 'rand' + (Math.random() + 1).toString(36).substring(2);
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$a,
-    createElementVNode("div", _hoisted_2$9, [
+    _hoisted_1$9,
+    createElementVNode("div", _hoisted_2$8, [
       createElementVNode("a", {
         class: normalizeClass(unref(btnClass)),
         href: "#",
@@ -2579,11 +2579,11 @@ var script$9 = {
   }
 };
 
-const _hoisted_1$9 = ["id"];
-const _hoisted_2$8 = { class: "modal-content" };
-const _hoisted_3$8 = { class: "modal-header" };
-const _hoisted_4$8 = { class: "modal-title" };
-const _hoisted_5$5 = /*#__PURE__*/createElementVNode("button", {
+const _hoisted_1$8 = ["id"];
+const _hoisted_2$7 = { class: "modal-content" };
+const _hoisted_3$7 = { class: "modal-header" };
+const _hoisted_4$7 = { class: "modal-title" };
+const _hoisted_5$4 = /*#__PURE__*/createElementVNode("button", {
   class: "btn btn-danger btn-sm",
   "data-bs-dismiss": "modal",
   "data-dismiss": "modal"
@@ -2600,10 +2600,10 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: normalizeClass(["modal-dialog", `modal-${$props.modalSize}`])
     }, [
-      createElementVNode("div", _hoisted_2$8, [
-        createElementVNode("div", _hoisted_3$8, [
-          createElementVNode("h3", _hoisted_4$8, toDisplayString($props.modalTitle), 1 /* TEXT */),
-          _hoisted_5$5
+      createElementVNode("div", _hoisted_2$7, [
+        createElementVNode("div", _hoisted_3$7, [
+          createElementVNode("h3", _hoisted_4$7, toDisplayString($props.modalTitle), 1 /* TEXT */),
+          _hoisted_5$4
         ]),
         createElementVNode("div", _hoisted_6$3, [
           createElementVNode("div", _hoisted_7$2, [
@@ -2612,13 +2612,13 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$9))
+  ], 8 /* PROPS */, _hoisted_1$8))
 }
 
 script$9.render = render$4;
 script$9.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$8 = ["href"];
+const _hoisted_1$7 = ["href"];
 
 var script$8 = {
   __name: 'ShModalForm',
@@ -2656,7 +2656,7 @@ return (_ctx, _cache) => {
       "data-bs-toggle": "modal"
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$8),
+    ], 10 /* CLASS, PROPS */, _hoisted_1$7),
     createVNode(script$9, {
       "modal-id": modalId,
       "modal-title": __props.modalTitle
@@ -2691,13 +2691,13 @@ var script$7 = {
   }
 };
 
-const _hoisted_1$7 = ["id"];
-const _hoisted_2$7 = { class: "offcanvas-header" };
-const _hoisted_3$7 = {
+const _hoisted_1$6 = ["id"];
+const _hoisted_2$6 = { class: "offcanvas-header" };
+const _hoisted_3$6 = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
 };
-const _hoisted_4$7 = { class: "offcanvas-body" };
+const _hoisted_4$6 = { class: "offcanvas-body" };
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -2707,8 +2707,8 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     id: $props.canvasId,
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
-    createElementVNode("div", _hoisted_2$7, [
-      createElementVNode("h5", _hoisted_3$7, toDisplayString($props.canvasTitle), 1 /* TEXT */),
+    createElementVNode("div", _hoisted_2$6, [
+      createElementVNode("h5", _hoisted_3$6, toDisplayString($props.canvasTitle), 1 /* TEXT */),
       createElementVNode("button", {
         type: "button",
         ref: "closecanvas",
@@ -2718,10 +2718,10 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": "Close"
       }, null, 512 /* NEED_PATCH */)
     ]),
-    createElementVNode("div", _hoisted_4$7, [
+    createElementVNode("div", _hoisted_4$6, [
       renderSlot(_ctx.$slots, "default")
     ])
-  ], 10 /* CLASS, PROPS */, _hoisted_1$7))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$6))
 }
 
 script$7.render = render$3;
@@ -2798,12 +2798,12 @@ var script$6 = {
   }
 };
 
-const _hoisted_1$6 = { key: 0 };
-const _hoisted_2$6 = { class: "record_count_body mb-3" };
-const _hoisted_3$6 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
-const _hoisted_4$6 = /*#__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_1$5 = { key: 0 };
+const _hoisted_2$5 = { class: "record_count_body mb-3" };
+const _hoisted_3$5 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
+const _hoisted_4$5 = /*#__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$2 = [
-  _hoisted_4$6
+  _hoisted_4$5
 ];
 const _hoisted_10$1 = { class: "record_counts" };
 const _hoisted_11$1 = {
@@ -2844,9 +2844,9 @@ const _hoisted_22$1 = {
 
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return (!$props.loadMore)
-    ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
-        createElementVNode("div", _hoisted_2$6, [
-          _hoisted_3$6,
+    ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+        createElementVNode("div", _hoisted_2$5, [
+          _hoisted_3$5,
           createTextVNode("  "),
           withDirectives(createElementVNode("select", {
             class: "select_per_page",
@@ -3331,14 +3331,14 @@ var script$5 = {
   }
 };
 
-const _hoisted_1$5 = { class: "auto-table mt-2" };
-const _hoisted_2$5 = {
+const _hoisted_1$4 = { class: "auto-table mt-2" };
+const _hoisted_2$4 = {
   key: 0,
   class: "col-md-4 mb-2"
 };
-const _hoisted_3$5 = ["disabled"];
-const _hoisted_4$5 = /*#__PURE__*/createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
-const _hoisted_5$4 = /*#__PURE__*/createElementVNode("span", {
+const _hoisted_3$4 = ["disabled"];
+const _hoisted_4$4 = /*#__PURE__*/createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */);
+const _hoisted_5$3 = /*#__PURE__*/createElementVNode("span", {
   class: "spinner-border spinner-border-sm",
   role: "status",
   "aria-hidden": "true"
@@ -3491,9 +3491,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_pagination = resolveComponent("pagination");
   const _component_sh_canvas = resolveComponent("sh-canvas");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$5, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$4, [
     ($props.hasDownload)
-      ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
           createElementVNode("button", {
             disabled: $data.downloading,
             class: "btn btn-warning btn-sm",
@@ -3501,14 +3501,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             (!$data.downloading)
               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_4$5,
+                  _hoisted_4$4,
                   createTextVNode(" Export ")
                 ], 64 /* STABLE_FRAGMENT */))
               : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  _hoisted_5$4,
+                  _hoisted_5$3,
                   _hoisted_6$2
                 ], 64 /* STABLE_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_3$5)
+          ], 8 /* PROPS */, _hoisted_3$4)
         ]))
       : createCommentVNode("v-if", true),
     (!$props.hideSearch)
@@ -3909,7 +3909,7 @@ script$5.__file = "src/lib/components/ShTable.vue";
 
 var script$4 = {
   name: 'ShTabs',
-  props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts', 'responsive'],
+  props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts', 'responsive','classOne','classTwo','classes'],
   data () {
     return {
       currentTab: '',
@@ -3934,13 +3934,13 @@ var script$4 = {
     }
   },
   mounted () {
-    this.generatedId =  'tab' + Math.random().toString(36).slice(2);
+    this.generatedId = 'tab' + Math.random().toString(36).slice(2);
     this.resetTabCounts();
     this.setTab(this.tabs[0]);
   },
   methods: {
-    setTab: function(tab){
-      if(tab){
+    setTab: function (tab) {
+      if (tab) {
         this.currentTab = tab.replace(/_/g, ' ');
       }
     },
@@ -3988,74 +3988,43 @@ var script$4 = {
   }
 };
 
-const _hoisted_1$4 = {
-  key: 0,
-  class: "navbar navbar-expand-lg sh-horizontal-tabs"
-};
-const _hoisted_2$4 = ["data-bs-target"];
-const _hoisted_3$4 = /*#__PURE__*/createElementVNode("i", { class: "bi-chevron-right float-end" }, null, -1 /* HOISTED */);
-const _hoisted_4$4 = ["id"];
-const _hoisted_5$3 = { class: "tab-content" };
-
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = resolveComponent("router-link");
   const _component_router_view = resolveComponent("router-view");
 
   return (openBlock(), createElementBlock(Fragment, null, [
-    ($data.generatedId)
-      ? (openBlock(), createElementBlock("nav", _hoisted_1$4, [
-          ($data.isResponsive)
-            ? (openBlock(), createElementBlock("a", {
-                key: 0,
-                href: "#",
-                class: "form-control navbar-toggler text-capitalize",
-                "data-bs-toggle": "collapse",
-                "data-bs-target": '#' + $data.generatedId,
-                "aria-controls": "navbarNav",
-                "aria-expanded": "false",
-                "aria-label": "Toggle navigation"
-              }, [
-                createTextVNode(toDisplayString($data.currentTab) + " ", 1 /* TEXT */),
-                _hoisted_3$4
-              ], 8 /* PROPS */, _hoisted_2$4))
-            : createCommentVNode("v-if", true),
-          createElementVNode("div", {
-            class: normalizeClass($data.isResponsive ? 'collapse navbar-collapse':''),
-            id: $data.generatedId
-          }, [
-            createElementVNode("ul", {
-              class: normalizeClass($data.isResponsive ? 'navbar-nav nav':'nav')
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList($props.tabs, (tab) => {
-                return (openBlock(), createElementBlock("li", {
-                  class: "nav-item",
-                  key: tab
-                }, [
-                  createVNode(_component_router_link, {
-                    onClick: $event => ($options.setTab(tab)),
-                    "active-class": 'active',
-                    class: normalizeClass(["nav-link text-capitalize", 'sh_tab_' + tab]),
-                    to: $props.baseUrl+'/tab/'+tab,
-                    role: "tab"
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(tab.replace(/_/g, ' ')), 1 /* TEXT */)
-                    ]),
-                    _: 2 /* DYNAMIC */
-                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "to", "class"])
-                ]))
-              }), 128 /* KEYED_FRAGMENT */))
-            ], 2 /* CLASS */)
-          ], 10 /* CLASS, PROPS */, _hoisted_4$4)
+    createElementVNode("ul", {
+      class: normalizeClass(["nav nav-tabs sh-tabs", $props.classes])
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.tabs, (tab) => {
+        return (openBlock(), createElementBlock("li", {
+          class: "nav-item",
+          key: tab
+        }, [
+          createVNode(_component_router_link, {
+            onClick: $event => ($options.setTab(tab)),
+            "active-class": 'active',
+            class: normalizeClass(["nav-link text-capitalize", 'sh_tab_' + tab]),
+            to: $props.baseUrl+'/tab/'+tab,
+            role: "tab"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(tab.replace(/_/g, ' ')), 1 /* TEXT */)
+            ]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "to", "class"])
         ]))
-      : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_5$3, [
+      }), 128 /* KEYED_FRAGMENT */))
+    ], 2 /* CLASS */),
+    createElementVNode("div", {
+      class: normalizeClass(["tab-content", $props.classTwo])
+    }, [
       createVNode(_component_router_view, {
         currentTab: $data.currentTab,
         sharedData: $props.sharedData,
         tabCounts: $props.tabCounts
       }, null, 8 /* PROPS */, ["currentTab", "sharedData", "tabCounts"])
-    ])
+    ], 2 /* CLASS */)
   ], 64 /* STABLE_FRAGMENT */))
 }
 

package/package.json

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