@iankibetsh/shframework 1.0.3 → 1.0.5

package/dist/dist/library.mjs.css

@@ -1,36 +1,4 @@
 
-.sh-phone{
-  display: flex;
-  width: 100%;
-  align-items: center;
-  padding: 0 0.25rem;
-}
-.phone-country{
-  width: 2rem;
-  border: none;
-  align-self: center;
-  outline: none !important;
-  padding: 0.4rem;
-  border-right: 1px solid #0003;
-}
-.phone-number{
-  width: calc(100% - 2.2rem);
-  border: none;
-  align-self: center;
-  outline: none;
-  margin-bottom: 0;
-  padding: 0.4rem;
-}
-.sh-phone img{
-  padding: 0.125rem;
-  width: 2rem;
-  height: 2rem;
-}
-.phone-number::placeholder{
-  font-weight: 300;
-  opacity: 0.5;
-}
-
 .colored-toast.swal2-icon-success {
   background-color: #a5dc86 !important;
 }
@@ -63,6 +31,38 @@
   color: white;
 }
 
+.sh-phone{
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 0 0.25rem;
+}
+.phone-country{
+  width: 2rem;
+  border: none;
+  align-self: center;
+  outline: none !important;
+  padding: 0.4rem;
+  border-right: 1px solid #0003;
+}
+.phone-number{
+  width: calc(100% - 2.2rem);
+  border: none;
+  align-self: center;
+  outline: none;
+  margin-bottom: 0;
+  padding: 0.4rem;
+}
+.sh-phone img{
+  padding: 0.125rem;
+  width: 2rem;
+  height: 2rem;
+}
+.phone-number::placeholder{
+  font-weight: 300;
+  opacity: 0.5;
+}
+
 :root {
   --ck-z-default: 10555 !important;
   --ck-z-modal: calc(var(--ck-z-default) + 999) !important;

package/dist/library.js

@@ -1636,8 +1636,8 @@ 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"}
 };
@@ -1645,9 +1645,9 @@ 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.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 */)
         ]))
@@ -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,11 +1759,11 @@ 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_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"];
@@ -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",
@@ -1888,7 +1888,7 @@ return (_ctx, _cache) => {
             onInput: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
           }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$6)
-        ], 8 /* PROPS */, _hoisted_2$b),
+        ], 8 /* PROPS */, _hoisted_2$a),
         vue.createElementVNode("ul", {
           class: "dropdown-menu w-100",
           id: 'dropwdown_section' + vue.unref(id),
@@ -2241,8 +2241,8 @@ 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"
 };
@@ -2303,8 +2303,8 @@ 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)
@@ -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,8 +2591,8 @@ var script$9 = {
   }
 };
 
-const _hoisted_1$9 = ["id"];
-const _hoisted_2$8 = { class: "modal-content" };
+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", {
@@ -2612,7 +2612,7 @@ 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_2$7, [
         vue.createElementVNode("div", _hoisted_3$7, [
           vue.createElementVNode("h3", _hoisted_4$7, vue.toDisplayString($props.modalTitle), 1 /* TEXT */),
           _hoisted_5$4
@@ -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,8 +2703,8 @@ var script$7 = {
   }
 };
 
-const _hoisted_1$7 = ["id"];
-const _hoisted_2$7 = { class: "offcanvas-header" };
+const _hoisted_1$6 = ["id"];
+const _hoisted_2$6 = { class: "offcanvas-header" };
 const _hoisted_3$6 = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
@@ -2719,7 +2719,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     id: $props.canvasId,
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
-    vue.createElementVNode("div", _hoisted_2$7, [
+    vue.createElementVNode("div", _hoisted_2$6, [
       vue.createElementVNode("h5", _hoisted_3$6, vue.toDisplayString($props.canvasTitle), 1 /* TEXT */),
       vue.createElementVNode("button", {
         type: "button",
@@ -2733,7 +2733,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     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,8 +2810,8 @@ var script$6 = {
   }
 };
 
-const _hoisted_1$6 = { key: 0 };
-const _hoisted_2$6 = { class: "record_count_body mb-3" };
+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 = [
@@ -2856,8 +2856,8 @@ 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, [
+    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+        vue.createElementVNode("div", _hoisted_2$5, [
           _hoisted_3$5,
           vue.createTextVNode("  "),
           vue.withDirectives(vue.createElementVNode("select", {
@@ -3343,8 +3343,8 @@ 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"
 };
@@ -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",
@@ -3901,10 +3901,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, {
                   default: vue.withCtx(() => [
                     ($data.selectedRecord)
-                      ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(action.canvasComponent), {
-                          key: 0,
-                          record: $data.selectedRecord
-                        }, null, 8 /* PROPS */, ["record"]))
+                      ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(action.canvasComponent), vue.mergeProps({ key: 0 }, action, { record: $data.selectedRecord }), null, 16 /* FULL_PROPS */, ["record"]))
                       : vue.createCommentVNode("v-if", true)
                   ]),
                   _: 2 /* DYNAMIC */
@@ -3921,7 +3918,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: '',
@@ -4000,15 +3997,14 @@ var script$4 = {
   }
 };
 
-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, [
-    vue.createElementVNode("ul", _hoisted_1$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",
@@ -4028,14 +4024,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "to", "class"])
         ]))
       }), 128 /* KEYED_FRAGMENT */))
-    ]),
-    vue.createElementVNode("div", _hoisted_2$4, [
+    ], 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

@@ -1,6 +1,6 @@
 import Axios from 'axios';
 import moment from 'moment';
-import { inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, renderSlot, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, mergeProps, computed, isRef, vModelCheckbox, watch, pushScopeId, popScopeId } from 'vue';
+import { inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, renderSlot, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, mergeProps, shallowRef, computed, isRef, vModelCheckbox, watch, pushScopeId, popScopeId } from 'vue';
 import NProgress from 'nprogress';
 import Editor from '@tinymce/tinymce-vue';
 import Swal from 'sweetalert2';
@@ -1624,8 +1624,8 @@ 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"}
 };
@@ -1633,9 +1633,9 @@ 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, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
           createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$a),
           createTextVNode(" " + toDisplayString($data.selectedCountry.dialCode), 1 /* TEXT */)
         ]))
@@ -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,11 +1747,11 @@ 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_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"];
@@ -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",
@@ -1876,7 +1876,7 @@ return (_ctx, _cache) => {
             onInput: filterData,
             class: "flex-fill h-100 sh-suggestion-input"
           }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_5$6)
-        ], 8 /* PROPS */, _hoisted_2$b),
+        ], 8 /* PROPS */, _hoisted_2$a),
         createElementVNode("ul", {
           class: "dropdown-menu w-100",
           id: 'dropwdown_section' + unref(id),
@@ -2229,8 +2229,8 @@ 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"
 };
@@ -2291,8 +2291,8 @@ 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)
@@ -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,8 +2579,8 @@ var script$9 = {
   }
 };
 
-const _hoisted_1$9 = ["id"];
-const _hoisted_2$8 = { class: "modal-content" };
+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", {
@@ -2600,7 +2600,7 @@ 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_2$7, [
         createElementVNode("div", _hoisted_3$7, [
           createElementVNode("h3", _hoisted_4$7, toDisplayString($props.modalTitle), 1 /* TEXT */),
           _hoisted_5$4
@@ -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,8 +2691,8 @@ var script$7 = {
   }
 };
 
-const _hoisted_1$7 = ["id"];
-const _hoisted_2$7 = { class: "offcanvas-header" };
+const _hoisted_1$6 = ["id"];
+const _hoisted_2$6 = { class: "offcanvas-header" };
 const _hoisted_3$6 = {
   class: "offcanvas-title",
   id: "offcanvasScrollingLabel"
@@ -2707,7 +2707,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     id: $props.canvasId,
     "aria-labelledby": "offcanvasScrollingLabel"
   }, [
-    createElementVNode("div", _hoisted_2$7, [
+    createElementVNode("div", _hoisted_2$6, [
       createElementVNode("h5", _hoisted_3$6, toDisplayString($props.canvasTitle), 1 /* TEXT */),
       createElementVNode("button", {
         type: "button",
@@ -2721,7 +2721,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     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,8 +2798,8 @@ var script$6 = {
   }
 };
 
-const _hoisted_1$6 = { key: 0 };
-const _hoisted_2$6 = { class: "record_count_body mb-3" };
+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 = [
@@ -2844,8 +2844,8 @@ 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, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+        createElementVNode("div", _hoisted_2$5, [
           _hoisted_3$5,
           createTextVNode("  "),
           withDirectives(createElementVNode("select", {
@@ -3331,8 +3331,8 @@ 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"
 };
@@ -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",
@@ -3889,10 +3889,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, {
                   default: withCtx(() => [
                     ($data.selectedRecord)
-                      ? (openBlock(), createBlock(resolveDynamicComponent(action.canvasComponent), {
-                          key: 0,
-                          record: $data.selectedRecord
-                        }, null, 8 /* PROPS */, ["record"]))
+                      ? (openBlock(), createBlock(resolveDynamicComponent(action.canvasComponent), mergeProps({ key: 0 }, action, { record: $data.selectedRecord }), null, 16 /* FULL_PROPS */, ["record"]))
                       : createCommentVNode("v-if", true)
                   ]),
                   _: 2 /* DYNAMIC */
@@ -3909,7 +3906,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: '',
@@ -3988,15 +3985,14 @@ var script$4 = {
   }
 };
 
-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, [
-    createElementVNode("ul", _hoisted_1$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",
@@ -4016,14 +4012,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "to", "class"])
         ]))
       }), 128 /* KEYED_FRAGMENT */))
-    ]),
-    createElementVNode("div", _hoisted_2$4, [
+    ], 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.3",
+  "version": "1.0.5",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",