@iankibetsh/shframework 1.0.2 → 1.0.3

package/dist/library.js

@@ -1641,14 +1641,14 @@ const _hoisted_2$c = {
   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, [
     ($data.selectedCountry)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, [
-          vue.createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$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]
@@ -1764,9 +1764,9 @@ const _hoisted_1$c = {
   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_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"];
@@ -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,7 +1887,7 @@ return (_ctx, _cache) => {
             onClick: filterData,
             onInput: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
-          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$7)
+          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$6)
         ], 8 /* PROPS */, _hoisted_2$b),
         vue.createElementVNode("ul", {
           class: "dropdown-menu w-100",
@@ -2246,13 +2246,13 @@ const _hoisted_2$a = {
   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" };
@@ -2308,10 +2308,10 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
       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>")
           ]))
@@ -2593,9 +2593,9 @@ 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_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"
@@ -2613,9 +2613,9 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       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_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, [
@@ -2705,11 +2705,11 @@ var script$7 = {
 
 const _hoisted_1$7 = ["id"];
 const _hoisted_2$7 = { class: "offcanvas-header" };
-const _hoisted_3$7 = {
+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", {
@@ -2720,7 +2720,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
     vue.createElementVNode("div", _hoisted_2$7, [
-      vue.createElementVNode("h5", _hoisted_3$7, vue.toDisplayString($props.canvasTitle), 1 /* TEXT */),
+      vue.createElementVNode("h5", _hoisted_3$6, vue.toDisplayString($props.canvasTitle), 1 /* TEXT */),
       vue.createElementVNode("button", {
         type: "button",
         ref: "closecanvas",
@@ -2730,7 +2730,7 @@ 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))
@@ -2812,10 +2812,10 @@ 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_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 = {
@@ -2858,7 +2858,7 @@ 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,
+          _hoisted_3$5,
           vue.createTextVNode("  "),
           vue.withDirectives(vue.createElementVNode("select", {
             class: "select_per_page",
@@ -3348,9 +3348,9 @@ const _hoisted_2$5 = {
   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"
@@ -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)
@@ -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,68 +4000,36 @@ 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" };
+const _hoisted_1$4 = { class: "nav nav-tabs sh-tabs" };
+const _hoisted_2$4 = { 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", _hoisted_1$4, [
+      (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 */))
+    ]),
+    vue.createElementVNode("div", _hoisted_2$4, [
       vue.createVNode(_component_router_view, {
         currentTab: $data.currentTab,
         sharedData: $props.sharedData,

package/dist/library.mjs

@@ -1629,14 +1629,14 @@ const _hoisted_2$c = {
   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, [
     ($data.selectedCountry)
       ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
-          createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$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]
@@ -1752,9 +1752,9 @@ const _hoisted_1$c = {
   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_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"];
@@ -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,7 +1875,7 @@ return (_ctx, _cache) => {
             onClick: filterData,
             onInput: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
-          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$7)
+          }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$6)
         ], 8 /* PROPS */, _hoisted_2$b),
         createElementVNode("ul", {
           class: "dropdown-menu w-100",
@@ -2234,13 +2234,13 @@ const _hoisted_2$a = {
   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" };
@@ -2296,10 +2296,10 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
       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>")
           ]))
@@ -2581,9 +2581,9 @@ 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_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"
@@ -2601,9 +2601,9 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       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_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, [
@@ -2693,11 +2693,11 @@ var script$7 = {
 
 const _hoisted_1$7 = ["id"];
 const _hoisted_2$7 = { class: "offcanvas-header" };
-const _hoisted_3$7 = {
+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", {
@@ -2708,7 +2708,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
     createElementVNode("div", _hoisted_2$7, [
-      createElementVNode("h5", _hoisted_3$7, toDisplayString($props.canvasTitle), 1 /* TEXT */),
+      createElementVNode("h5", _hoisted_3$6, toDisplayString($props.canvasTitle), 1 /* TEXT */),
       createElementVNode("button", {
         type: "button",
         ref: "closecanvas",
@@ -2718,7 +2718,7 @@ 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))
@@ -2800,10 +2800,10 @@ 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_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 = {
@@ -2846,7 +2846,7 @@ 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,
+          _hoisted_3$5,
           createTextVNode("  "),
           withDirectives(createElementVNode("select", {
             class: "select_per_page",
@@ -3336,9 +3336,9 @@ const _hoisted_2$5 = {
   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"
@@ -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)
@@ -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,68 +3988,36 @@ 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" };
+const _hoisted_1$4 = { class: "nav nav-tabs sh-tabs" };
+const _hoisted_2$4 = { 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", _hoisted_1$4, [
+      (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 */))
+    ]),
+    createElementVNode("div", _hoisted_2$4, [
       createVNode(_component_router_view, {
         currentTab: $data.currentTab,
         sharedData: $props.sharedData,

package/package.json

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