@iankibetsh/shframework 0.3.8 → 0.4.1

package/dist/library.js

@@ -2738,7 +2738,7 @@ var helpers = {
 
 var script$1 = {
   name: 'sh-table',
-  props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields'],
+  props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover'],
   inject: ['channel', 'global'],
   data () {
     return {
@@ -2974,56 +2974,51 @@ const _hoisted_8 = {
 const _hoisted_9 = { class: "col-12 mb-3" };
 const _hoisted_10 = { class: "sh-search-bar" };
 const _hoisted_11 = ["placeholder"];
-const _hoisted_12 = /*#__PURE__*/vue.createElementVNode("span", { class: "sh-search-icon" }, [
-  /*#__PURE__*/vue.createElementVNode("i", { class: "bi bi-search mb-0" })
-], -1 /* HOISTED */);
-const _hoisted_13 = {
+const _hoisted_12 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_14 = /*#__PURE__*/vue.createElementVNode("div", {
+const _hoisted_13 = /*#__PURE__*/vue.createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_15 = [
-  _hoisted_14
+const _hoisted_14 = [
+  _hoisted_13
 ];
-const _hoisted_16 = {
+const _hoisted_15 = {
   key: 1,
   class: "alert alert-danger"
 };
-const _hoisted_17 = { colspan: 2 };
-const _hoisted_18 = {
+const _hoisted_16 = { colspan: 2 };
+const _hoisted_17 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_19 = /*#__PURE__*/vue.createElementVNode("div", {
+const _hoisted_18 = /*#__PURE__*/vue.createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_20 = [
-  _hoisted_19
+const _hoisted_19 = [
+  _hoisted_18
 ];
-const _hoisted_21 = {
+const _hoisted_20 = {
   key: 1,
   class: "alert alert-danger"
 };
-const _hoisted_22 = { colspan: 2 };
-const _hoisted_23 = {
-  key: 4,
-  class: "table"
-};
+const _hoisted_21 = { colspan: 2 };
+const _hoisted_22 = { class: "sh-thead" };
+const _hoisted_23 = ["onClick"];
 const _hoisted_24 = ["onClick"];
 const _hoisted_25 = ["onClick"];
-const _hoisted_26 = ["onClick"];
-const _hoisted_27 = {
+const _hoisted_26 = {
   key: 0,
   class: "text-capitalize"
 };
+const _hoisted_27 = { class: "sh-tbody" };
 const _hoisted_28 = {
   key: 0,
   class: "text-center"
@@ -3146,15 +3141,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createElementVNode("div", _hoisted_9, [
             vue.createElementVNode("div", _hoisted_10, [
               vue.withDirectives(vue.createElementVNode("input", {
-                type: "text",
+                type: "search",
                 onChange: _cache[1] || (_cache[1] = $event => ($options.reloadData(1))),
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (($data.filter_value) = $event)),
                 placeholder: $props.searchPlaceholder ? $props.searchPlaceholder : 'Search',
                 class: "form-control sh-search-input"
               }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_11), [
                 [vue.vModelText, $data.filter_value]
-              ]),
-              _hoisted_12
+              ])
             ])
           ])
         ]))
@@ -3162,10 +3156,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ($options.hasDefaultSlot)
       ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
           ($data.loading === 'loading')
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, _hoisted_15))
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, _hoisted_14))
             : ($data.loading === 'error')
-              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
-                  vue.createElementVNode("span", _hoisted_17, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
+              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+                  vue.createElementVNode("span", _hoisted_16, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
                 ]))
               : vue.createCommentVNode("v-if", true),
           ($data.loading === 'done')
@@ -3181,10 +3175,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ($options.hasRecordsSlot)
       ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
           ($data.loading === 'loading')
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, _hoisted_20))
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, _hoisted_19))
             : ($data.loading === 'error')
-              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
-                  vue.createElementVNode("span", _hoisted_22, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
+              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
+                  vue.createElementVNode("span", _hoisted_21, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
                 ]))
               : vue.createCommentVNode("v-if", true),
           ($data.loading === 'done')
@@ -3195,8 +3189,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             : vue.createCommentVNode("v-if", true)
         ], 64 /* STABLE_FRAGMENT */))
       : ($options.windowWidth > 700)
-        ? (vue.openBlock(), vue.createElementBlock("table", _hoisted_23, [
-            vue.createElementVNode("thead", null, [
+        ? (vue.openBlock(), vue.createElementBlock("table", {
+            key: 4,
+            class: vue.normalizeClass(["table sh-table", $props.tableHover ? 'table-hover':''])
+          }, [
+            vue.createElementVNode("thead", _hoisted_22, [
               vue.createElementVNode("tr", null, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.headers, (title) => {
                   return (vue.openBlock(), vue.createElementBlock("th", {
@@ -3207,26 +3204,26 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                           key: 0,
                           class: "text-capitalize",
                           onClick: $event => ($options.changeKey('order_by',title))
-                        }, vue.toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
+                        }, vue.toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_23))
                       : (typeof title === 'function')
                         ? (vue.openBlock(), vue.createElementBlock("a", {
                             key: 1,
                             class: "text-capitalize",
                             onClick: $event => ($options.changeKey('order_by',title))
-                          }, vue.toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
+                          }, vue.toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
                         : (vue.openBlock(), vue.createElementBlock("a", {
                             key: 2,
                             class: "text-capitalize",
                             onClick: $event => ($options.changeKey('order_by',title[0]))
-                          }, vue.toDisplayString(title[1].replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_26))
+                          }, vue.toDisplayString(title[1].replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
                   ]))
                 }), 128 /* KEYED_FRAGMENT */)),
                 ($props.actions)
-                  ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_27, vue.toDisplayString($props.actions.label), 1 /* TEXT */))
+                  ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_26, vue.toDisplayString($props.actions.label), 1 /* TEXT */))
                   : vue.createCommentVNode("v-if", true)
               ])
             ]),
-            vue.createElementVNode("tbody", null, [
+            vue.createElementVNode("tbody", _hoisted_27, [
               ($data.loading === 'loading')
                 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_28, [
                     vue.createElementVNode("td", {
@@ -3328,7 +3325,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                         }), 128 /* KEYED_FRAGMENT */))
                       : vue.createCommentVNode("v-if", true)
             ])
-          ]))
+          ], 2 /* CLASS */))
         : (vue.openBlock(), vue.createElementBlock("div", _hoisted_48, [
             ($data.loading === 'loading')
               ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_49, _hoisted_51))
@@ -3520,10 +3517,9 @@ var script = {
   }
 };
 
-const _hoisted_1 = { class: "common_tabs" };
+const _hoisted_1 = { class: "common_tabs sh-horizontal-tabs" };
 const _hoisted_2 = {
   class: "nav nav-tabs mb-2",
-  id: "myTab",
   role: "tablist"
 };
 const _hoisted_3 = { class: "tab-content" };

package/dist/library.mjs

@@ -2726,7 +2726,7 @@ var helpers = {
 
 var script$1 = {
   name: 'sh-table',
-  props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields'],
+  props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover'],
   inject: ['channel', 'global'],
   data () {
     return {
@@ -2962,56 +2962,51 @@ const _hoisted_8 = {
 const _hoisted_9 = { class: "col-12 mb-3" };
 const _hoisted_10 = { class: "sh-search-bar" };
 const _hoisted_11 = ["placeholder"];
-const _hoisted_12 = /*#__PURE__*/createElementVNode("span", { class: "sh-search-icon" }, [
-  /*#__PURE__*/createElementVNode("i", { class: "bi bi-search mb-0" })
-], -1 /* HOISTED */);
-const _hoisted_13 = {
+const _hoisted_12 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_14 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_13 = /*#__PURE__*/createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_15 = [
-  _hoisted_14
+const _hoisted_14 = [
+  _hoisted_13
 ];
-const _hoisted_16 = {
+const _hoisted_15 = {
   key: 1,
   class: "alert alert-danger"
 };
-const _hoisted_17 = { colspan: 2 };
-const _hoisted_18 = {
+const _hoisted_16 = { colspan: 2 };
+const _hoisted_17 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_19 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_18 = /*#__PURE__*/createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_20 = [
-  _hoisted_19
+const _hoisted_19 = [
+  _hoisted_18
 ];
-const _hoisted_21 = {
+const _hoisted_20 = {
   key: 1,
   class: "alert alert-danger"
 };
-const _hoisted_22 = { colspan: 2 };
-const _hoisted_23 = {
-  key: 4,
-  class: "table"
-};
+const _hoisted_21 = { colspan: 2 };
+const _hoisted_22 = { class: "sh-thead" };
+const _hoisted_23 = ["onClick"];
 const _hoisted_24 = ["onClick"];
 const _hoisted_25 = ["onClick"];
-const _hoisted_26 = ["onClick"];
-const _hoisted_27 = {
+const _hoisted_26 = {
   key: 0,
   class: "text-capitalize"
 };
+const _hoisted_27 = { class: "sh-tbody" };
 const _hoisted_28 = {
   key: 0,
   class: "text-center"
@@ -3134,15 +3129,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", _hoisted_9, [
             createElementVNode("div", _hoisted_10, [
               withDirectives(createElementVNode("input", {
-                type: "text",
+                type: "search",
                 onChange: _cache[1] || (_cache[1] = $event => ($options.reloadData(1))),
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (($data.filter_value) = $event)),
                 placeholder: $props.searchPlaceholder ? $props.searchPlaceholder : 'Search',
                 class: "form-control sh-search-input"
               }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_11), [
                 [vModelText, $data.filter_value]
-              ]),
-              _hoisted_12
+              ])
             ])
           ])
         ]))
@@ -3150,10 +3144,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ($options.hasDefaultSlot)
       ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           ($data.loading === 'loading')
-            ? (openBlock(), createElementBlock("div", _hoisted_13, _hoisted_15))
+            ? (openBlock(), createElementBlock("div", _hoisted_12, _hoisted_14))
             : ($data.loading === 'error')
-              ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                  createElementVNode("span", _hoisted_17, toDisplayString($data.loading_error), 1 /* TEXT */)
+              ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                  createElementVNode("span", _hoisted_16, toDisplayString($data.loading_error), 1 /* TEXT */)
                 ]))
               : createCommentVNode("v-if", true),
           ($data.loading === 'done')
@@ -3169,10 +3163,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ($options.hasRecordsSlot)
       ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           ($data.loading === 'loading')
-            ? (openBlock(), createElementBlock("div", _hoisted_18, _hoisted_20))
+            ? (openBlock(), createElementBlock("div", _hoisted_17, _hoisted_19))
             : ($data.loading === 'error')
-              ? (openBlock(), createElementBlock("div", _hoisted_21, [
-                  createElementVNode("span", _hoisted_22, toDisplayString($data.loading_error), 1 /* TEXT */)
+              ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                  createElementVNode("span", _hoisted_21, toDisplayString($data.loading_error), 1 /* TEXT */)
                 ]))
               : createCommentVNode("v-if", true),
           ($data.loading === 'done')
@@ -3183,8 +3177,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             : createCommentVNode("v-if", true)
         ], 64 /* STABLE_FRAGMENT */))
       : ($options.windowWidth > 700)
-        ? (openBlock(), createElementBlock("table", _hoisted_23, [
-            createElementVNode("thead", null, [
+        ? (openBlock(), createElementBlock("table", {
+            key: 4,
+            class: normalizeClass(["table sh-table", $props.tableHover ? 'table-hover':''])
+          }, [
+            createElementVNode("thead", _hoisted_22, [
               createElementVNode("tr", null, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (title) => {
                   return (openBlock(), createElementBlock("th", {
@@ -3195,26 +3192,26 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                           key: 0,
                           class: "text-capitalize",
                           onClick: $event => ($options.changeKey('order_by',title))
-                        }, toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
+                        }, toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_23))
                       : (typeof title === 'function')
                         ? (openBlock(), createElementBlock("a", {
                             key: 1,
                             class: "text-capitalize",
                             onClick: $event => ($options.changeKey('order_by',title))
-                          }, toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
+                          }, toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
                         : (openBlock(), createElementBlock("a", {
                             key: 2,
                             class: "text-capitalize",
                             onClick: $event => ($options.changeKey('order_by',title[0]))
-                          }, toDisplayString(title[1].replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_26))
+                          }, toDisplayString(title[1].replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
                   ]))
                 }), 128 /* KEYED_FRAGMENT */)),
                 ($props.actions)
-                  ? (openBlock(), createElementBlock("th", _hoisted_27, toDisplayString($props.actions.label), 1 /* TEXT */))
+                  ? (openBlock(), createElementBlock("th", _hoisted_26, toDisplayString($props.actions.label), 1 /* TEXT */))
                   : createCommentVNode("v-if", true)
               ])
             ]),
-            createElementVNode("tbody", null, [
+            createElementVNode("tbody", _hoisted_27, [
               ($data.loading === 'loading')
                 ? (openBlock(), createElementBlock("tr", _hoisted_28, [
                     createElementVNode("td", {
@@ -3316,7 +3313,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                         }), 128 /* KEYED_FRAGMENT */))
                       : createCommentVNode("v-if", true)
             ])
-          ]))
+          ], 2 /* CLASS */))
         : (openBlock(), createElementBlock("div", _hoisted_48, [
             ($data.loading === 'loading')
               ? (openBlock(), createElementBlock("div", _hoisted_49, _hoisted_51))
@@ -3508,10 +3505,9 @@ var script = {
   }
 };
 
-const _hoisted_1 = { class: "common_tabs" };
+const _hoisted_1 = { class: "common_tabs sh-horizontal-tabs" };
 const _hoisted_2 = {
   class: "nav nav-tabs mb-2",
-  id: "myTab",
   role: "tablist"
 };
 const _hoisted_3 = { class: "tab-content" };

package/package.json

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