@iankibetsh/shframework 2.0.6 → 2.0.8

package/dist/library.js

@@ -2969,7 +2969,7 @@ vue.onMounted(()=>{
   if(props.data){
     selectOptions.value = props.data.map(item=>{
       return {
-        id: item.id ? item.id : item.key ? item.key : item.value ? item.value:item.name ? item.name:item.label,
+        id: typeof item.id !== 'undefined' ? item.id : item.key ? item.key : item.value ? item.value:item.name ? item.name:item.label,
         name: item.label ? item.label : item.name ? item.name : item.value ? item.value:item.id ? item.id:item.option
       }
     });
@@ -4295,6 +4295,7 @@ var script$b = {
             order_method: '',
             per_page: shRepo.getShConfig('tablePerPage', 10),
             page: 1,
+          exactMatch: false,
             filter_value: '',
             loading: 'loading',
             loading_error: '',
@@ -4490,7 +4491,8 @@ var script$b = {
                 paginated: true,
                 from: this.from,
                 to: this.to,
-                period: this.period
+                period: this.period,
+              exact: this.exactMatch
             };
             if (this.pagination_data) {
                 this.pagination_data.loading = 1;
@@ -4601,56 +4603,61 @@ const _hoisted_9$2 = {
 };
 const _hoisted_10$1 = ["placeholder"];
 const _hoisted_11$1 = {
+  key: 0,
+  class: "input-group-text exact_checkbox"
+};
+const _hoisted_12$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "ms-1" }, "Exact", -1 /* HOISTED */);
+const _hoisted_13$1 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_12$1 = /*#__PURE__*/vue.createElementVNode("div", {
+const _hoisted_14$1 = /*#__PURE__*/vue.createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_13$1 = [
-  _hoisted_12$1
+const _hoisted_15$1 = [
+  _hoisted_14$1
 ];
-const _hoisted_14$1 = {
+const _hoisted_16$1 = {
   key: 1,
   class: "alert alert-danger"
 };
-const _hoisted_15$1 = { colspan: 2 };
-const _hoisted_16$1 = {
+const _hoisted_17$1 = { colspan: 2 };
+const _hoisted_18$1 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_17$1 = /*#__PURE__*/vue.createElementVNode("div", {
+const _hoisted_19 = /*#__PURE__*/vue.createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_18$1 = [
-  _hoisted_17$1
+const _hoisted_20 = [
+  _hoisted_19
 ];
-const _hoisted_19 = {
+const _hoisted_21 = {
   key: 1,
   class: "alert alert-danger"
 };
-const _hoisted_20 = { colspan: 2 };
-const _hoisted_21 = { class: "sh-thead" };
-const _hoisted_22 = ["onClick"];
-const _hoisted_23 = ["onClick"];
+const _hoisted_22 = { colspan: 2 };
+const _hoisted_23 = { class: "sh-thead" };
 const _hoisted_24 = ["onClick"];
-const _hoisted_25 = {
+const _hoisted_25 = ["onClick"];
+const _hoisted_26 = ["onClick"];
+const _hoisted_27 = {
   key: 0,
   class: "text-capitalize"
 };
-const _hoisted_26 = { class: "sh-tbody" };
-const _hoisted_27 = {
+const _hoisted_28 = { class: "sh-tbody" };
+const _hoisted_29 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_28 = ["colspan"];
-const _hoisted_29 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
+const _hoisted_30 = ["colspan"];
+const _hoisted_31 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
   /*#__PURE__*/vue.createElementVNode("div", {
     class: "spinner-border",
     role: "status"
@@ -4658,42 +4665,42 @@ const _hoisted_29 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-ce
     /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
   ])
 ], -1 /* HOISTED */);
-const _hoisted_30 = [
-  _hoisted_29
+const _hoisted_32 = [
+  _hoisted_31
 ];
-const _hoisted_31 = {
+const _hoisted_33 = {
   key: 1,
   class: "text-center alert alert-danger"
 };
-const _hoisted_32 = ["colspan"];
-const _hoisted_33 = {
+const _hoisted_34 = ["colspan"];
+const _hoisted_35 = {
   key: 2,
   class: "text-center alert alert-info no_records"
 };
-const _hoisted_34 = ["colspan"];
-const _hoisted_35 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
-const _hoisted_36 = ["onClick"];
-const _hoisted_37 = { key: 1 };
-const _hoisted_38 = {
+const _hoisted_36 = ["colspan"];
+const _hoisted_37 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
+const _hoisted_38 = ["onClick"];
+const _hoisted_39 = { key: 1 };
+const _hoisted_40 = {
   key: 2,
   class: "text-success fw-bold"
 };
-const _hoisted_39 = { key: 3 };
-const _hoisted_40 = ["innerHTML"];
-const _hoisted_41 = ["innerHTML"];
+const _hoisted_41 = { key: 3 };
 const _hoisted_42 = ["innerHTML"];
-const _hoisted_43 = {
+const _hoisted_43 = ["innerHTML"];
+const _hoisted_44 = ["innerHTML"];
+const _hoisted_45 = {
   key: 0,
   style: {"white-space":"nowrap"}
 };
-const _hoisted_44 = ["href"];
-const _hoisted_45 = ["title", "onClick"];
-const _hoisted_46 = { key: 5 };
-const _hoisted_47 = {
+const _hoisted_46 = ["href"];
+const _hoisted_47 = ["title", "onClick"];
+const _hoisted_48 = { key: 5 };
+const _hoisted_49 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_48 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
+const _hoisted_50 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
   /*#__PURE__*/vue.createElementVNode("div", {
     class: "spinner-border",
     role: "status"
@@ -4701,40 +4708,40 @@ const _hoisted_48 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-ce
     /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
   ])
 ], -1 /* HOISTED */);
-const _hoisted_49 = [
-  _hoisted_48
+const _hoisted_51 = [
+  _hoisted_50
 ];
-const _hoisted_50 = { key: 1 };
-const _hoisted_51 = {
+const _hoisted_52 = { key: 1 };
+const _hoisted_53 = {
   key: 2,
   class: "mobile-list-items"
 };
-const _hoisted_52 = ["onClick"];
-const _hoisted_53 = {
+const _hoisted_54 = ["onClick"];
+const _hoisted_55 = {
   key: 0,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_54 = {
+const _hoisted_56 = {
   key: 1,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_55 = {
+const _hoisted_57 = {
   key: 2,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_56 = { key: 1 };
-const _hoisted_57 = {
+const _hoisted_58 = { key: 1 };
+const _hoisted_59 = {
   key: 2,
   class: "text-primary fw-bold"
 };
-const _hoisted_58 = { key: 3 };
-const _hoisted_59 = ["innerHTML"];
-const _hoisted_60 = ["innerHTML"];
+const _hoisted_60 = { key: 3 };
 const _hoisted_61 = ["innerHTML"];
-const _hoisted_62 = /*#__PURE__*/vue.createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
-const _hoisted_63 = { key: 0 };
-const _hoisted_64 = ["href"];
-const _hoisted_65 = ["title", "onClick"];
+const _hoisted_62 = ["innerHTML"];
+const _hoisted_63 = ["innerHTML"];
+const _hoisted_64 = /*#__PURE__*/vue.createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
+const _hoisted_65 = { key: 0 };
+const _hoisted_66 = ["href"];
+const _hoisted_67 = ["title", "onClick"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_sh_range = vue.resolveComponent("sh-range");
@@ -4773,7 +4780,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]))
               : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(["sh-search-bar", $props.hasRange ? 'ms-2':''])
+              class: vue.normalizeClass(["sh-search-bar input-group", $props.hasRange ? 'ms-2':''])
             }, [
               vue.withDirectives(vue.createElementVNode("input", {
                 onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.userTyping && $options.userTyping(...args))),
@@ -4785,7 +4792,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "form-control sh-search-input"
               }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_10$1), [
                 [vue.vModelText, $data.filter_value]
-              ])
+              ]),
+              ($data.filter_value.length > 1)
+                ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$1, [
+                    vue.withDirectives(vue.createElementVNode("input", {
+                      onChange: _cache[5] || (_cache[5] = (...args) => ($options.reloadData && $options.reloadData(...args))),
+                      value: true,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (($data.exactMatch) = $event)),
+                      type: "checkbox"
+                    }, null, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+                      [vue.vModelCheckbox, $data.exactMatch]
+                    ]),
+                    _hoisted_12$1
+                  ]))
+                : vue.createCommentVNode("v-if", true)
             ], 2 /* CLASS */)
           ])
         ]))
@@ -4793,10 +4813,10 @@ function render(_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_11$1, _hoisted_13$1))
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, _hoisted_15$1))
             : ($data.loading === 'error')
-              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$1, [
-                  vue.createElementVNode("span", _hoisted_15$1, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
+              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1, [
+                  vue.createElementVNode("span", _hoisted_17$1, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
                 ]))
               : vue.createCommentVNode("v-if", true),
           ($data.loading === 'done')
@@ -4811,10 +4831,10 @@ function render(_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_16$1, _hoisted_18$1))
+              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18$1, _hoisted_20))
               : ($data.loading === 'error')
-                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
-                    vue.createElementVNode("span", _hoisted_20, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
+                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
+                    vue.createElementVNode("span", _hoisted_22, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
                   ]))
                 : vue.createCommentVNode("v-if", true),
             ($data.loading === 'done')
@@ -4829,7 +4849,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 4,
               class: vue.normalizeClass(["table sh-table", $props.tableHover ? 'table-hover':''])
             }, [
-              vue.createElementVNode("thead", _hoisted_21, [
+              vue.createElementVNode("thead", _hoisted_23, [
                 vue.createElementVNode("tr", null, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.tableHeaders, (title) => {
                     return (vue.openBlock(), vue.createElementBlock("th", { key: title }, [
@@ -4838,48 +4858,48 @@ function render(_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_22))
+                          }, vue.toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
                         : (typeof title === 'function')
                           ? (vue.openBlock(), vue.createElementBlock("a", {
                               key: 1,
                               class: "text-capitalize",
                               onClick: $event => ($options.changeKey('order_by',title(null)))
-                            }, vue.toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_23))
+                            }, vue.toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
                           : (typeof title !== 'undefined')
                             ? (vue.openBlock(), vue.createElementBlock("a", {
                                 key: 2,
                                 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_26))
                             : vue.createCommentVNode("v-if", true)
                     ]))
                   }), 128 /* KEYED_FRAGMENT */)),
                   ($props.actions)
-                    ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_25, vue.toDisplayString($props.actions.label), 1 /* TEXT */))
+                    ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_27, vue.toDisplayString($props.actions.label), 1 /* TEXT */))
                     : vue.createCommentVNode("v-if", true)
                 ])
               ]),
-              vue.createElementVNode("tbody", _hoisted_26, [
+              vue.createElementVNode("tbody", _hoisted_28, [
                 ($data.loading === 'loading')
-                  ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_27, [
+                  ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_29, [
                       vue.createElementVNode("td", {
                         colspan: $data.tableHeaders.length
-                      }, _hoisted_30, 8 /* PROPS */, _hoisted_28)
+                      }, _hoisted_32, 8 /* PROPS */, _hoisted_30)
                     ]))
                   : ($data.loading === 'error')
-                    ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_31, [
+                    ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_33, [
                         vue.createElementVNode("td", {
                           colspan: $data.tableHeaders.length
-                        }, vue.toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_32)
+                        }, vue.toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_34)
                       ]))
                     : ($data.records.length === 0)
-                      ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_33, [
+                      ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_35, [
                           vue.createElementVNode("td", {
                             colspan: $props.actions ? $data.tableHeaders.length + 1 : $data.tableHeaders.length
                           }, [
-                            _hoisted_35,
+                            _hoisted_37,
                             vue.createTextVNode(" No records found ")
-                          ], 8 /* PROPS */, _hoisted_34)
+                          ], 8 /* PROPS */, _hoisted_36)
                         ]))
                       : ($data.loading === 'done')
                         ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 3 }, vue.renderList($data.records, (record, index) => {
@@ -4899,29 +4919,29 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                         innerHTML: record[key]
                                       }, null, 8 /* PROPS */, ["target", "to", "class", "innerHTML"]))
                                     : ($options.getFieldType(key) === 'numeric')
-                                      ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_37, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                      ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_39, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
                                       : ($options.getFieldType(key) === 'money')
-                                        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_38, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_40, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
                                         : ($options.getFieldType(key) === 'date')
-                                          ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_39, vue.toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
+                                          ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_41, vue.toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
                                           : (typeof key === 'string')
                                             ? (vue.openBlock(), vue.createElementBlock("span", {
                                                 key: 4,
                                                 innerHTML: record[key]
-                                              }, null, 8 /* PROPS */, _hoisted_40))
+                                              }, null, 8 /* PROPS */, _hoisted_42))
                                             : (typeof key === 'function')
                                               ? (vue.openBlock(), vue.createElementBlock("span", {
                                                   key: 5,
                                                   innerHTML: key(record, index)
-                                                }, null, 8 /* PROPS */, _hoisted_41))
+                                                }, null, 8 /* PROPS */, _hoisted_43))
                                               : (vue.openBlock(), vue.createElementBlock("span", {
                                                   key: 6,
                                                   innerHTML: record[key[0]]
-                                                }, null, 8 /* PROPS */, _hoisted_42))
+                                                }, null, 8 /* PROPS */, _hoisted_44))
                                 ]))
                               }), 128 /* KEYED_FRAGMENT */)),
                               ($props.actions)
-                                ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_43, [
+                                ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_45, [
                                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.actions.actions, (act) => {
                                       return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                                         key: act.path
@@ -4986,7 +5006,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                   }, null, 2 /* CLASS */))
                                                                 : vue.createCommentVNode("v-if", true),
                                                               vue.createTextVNode(" " + vue.toDisplayString(act.label), 1 /* TEXT */)
-                                                            ], 10 /* CLASS, PROPS */, _hoisted_44))
+                                                            ], 10 /* CLASS, PROPS */, _hoisted_46))
                                                           : (act.emits)
                                                             ? (vue.openBlock(), vue.createElementBlock("button", {
                                                                 key: 3,
@@ -5001,7 +5021,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                     }, null, 2 /* CLASS */))
                                                                   : vue.createCommentVNode("v-if", true),
                                                                 vue.createTextVNode(" " + vue.toDisplayString(act.label), 1 /* TEXT */)
-                                                              ], 10 /* CLASS, PROPS */, _hoisted_45))
+                                                              ], 10 /* CLASS, PROPS */, _hoisted_47))
                                                             : (!act.emits)
                                                               ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                                                                   key: 4,
@@ -5029,20 +5049,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     }), 128 /* KEYED_FRAGMENT */))
                                   ]))
                                 : vue.createCommentVNode("v-if", true)
-                            ], 10 /* CLASS, PROPS */, _hoisted_36))
+                            ], 10 /* CLASS, PROPS */, _hoisted_38))
                           }), 128 /* KEYED_FRAGMENT */))
                         : vue.createCommentVNode("v-if", true)
               ])
             ], 2 /* CLASS */))
-          : (vue.openBlock(), vue.createElementBlock("div", _hoisted_46, [
+          : (vue.openBlock(), vue.createElementBlock("div", _hoisted_48, [
               ($data.loading === 'loading')
-                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_47, _hoisted_49))
+                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_49, _hoisted_51))
                 : ($data.loading === 'error')
-                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_50, [
+                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_52, [
                       vue.createElementVNode("span", null, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
                     ]))
                   : ($data.loading === 'done')
-                    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_51, [
+                    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_53, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.records, (record, index) => {
                           return (vue.openBlock(), vue.createElementBlock("div", {
                             key: record.id,
@@ -5054,10 +5074,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 key: key[0]
                               }, [
                                 (typeof key === 'string' )
-                                  ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_53, vue.toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
+                                  ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_55, vue.toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
                                   : (typeof key === 'function')
-                                    ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_54, vue.toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
-                                    : (vue.openBlock(), vue.createElementBlock("p", _hoisted_55, vue.toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
+                                    ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_56, vue.toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
+                                    : (vue.openBlock(), vue.createElementBlock("p", _hoisted_57, vue.toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
                                 vue.createElementVNode("span", null, [
                                   (typeof key === 'string' && $props.links && $props.links[key])
                                     ? (vue.openBlock(), vue.createBlock(_component_router_link, {
@@ -5067,31 +5087,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                         innerHTML: record[key]
                                       }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
                                     : ($options.getFieldType(key) === 'numeric')
-                                      ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_56, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                      ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_58, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
                                       : ($options.getFieldType(key) === 'money')
-                                        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_57, "KES " + vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_59, "KES " + vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
                                         : ($options.getFieldType(key) === 'date')
-                                          ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_58, vue.toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
+                                          ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_60, vue.toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
                                           : (typeof key    === 'string')
                                             ? (vue.openBlock(), vue.createElementBlock("span", {
                                                 key: 4,
                                                 innerHTML: record[key]
-                                              }, null, 8 /* PROPS */, _hoisted_59))
+                                              }, null, 8 /* PROPS */, _hoisted_61))
                                             : (typeof key === 'function')
                                               ? (vue.openBlock(), vue.createElementBlock("span", {
                                                   key: 5,
                                                   innerHTML: key(record, index )
-                                                }, null, 8 /* PROPS */, _hoisted_60))
+                                                }, null, 8 /* PROPS */, _hoisted_62))
                                               : (vue.openBlock(), vue.createElementBlock("span", {
                                                   key: 6,
                                                   innerHTML: record[key[0]]
-                                                }, null, 8 /* PROPS */, _hoisted_61))
+                                                }, null, 8 /* PROPS */, _hoisted_63))
                                 ]),
-                                _hoisted_62
+                                _hoisted_64
                               ], 64 /* STABLE_FRAGMENT */))
                             }), 128 /* KEYED_FRAGMENT */)),
                             ($props.actions)
-                              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_63, [
+                              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_65, [
                                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.actions.actions, (act) => {
                                     return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                                       key: act.path
@@ -5114,7 +5134,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             }, null, 2 /* CLASS */))
                                                           : vue.createCommentVNode("v-if", true),
                                                         vue.createTextVNode(" " + vue.toDisplayString(act.label), 1 /* TEXT */)
-                                                      ], 10 /* CLASS, PROPS */, _hoisted_64))
+                                                      ], 10 /* CLASS, PROPS */, _hoisted_66))
                                                     : (act.emits)
                                                       ? (vue.openBlock(), vue.createElementBlock("button", {
                                                           key: 1,
@@ -5129,7 +5149,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                               }, null, 2 /* CLASS */))
                                                             : vue.createCommentVNode("v-if", true),
                                                           vue.createTextVNode(" " + vue.toDisplayString(act.label), 1 /* TEXT */)
-                                                        ], 10 /* CLASS, PROPS */, _hoisted_65))
+                                                        ], 10 /* CLASS, PROPS */, _hoisted_67))
                                                       : (!act.emits)
                                                         ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                                                             key: 2,
@@ -5157,7 +5177,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   }), 128 /* KEYED_FRAGMENT */))
                                 ]))
                               : vue.createCommentVNode("v-if", true)
-                          ], 8 /* PROPS */, _hoisted_52))
+                          ], 8 /* PROPS */, _hoisted_54))
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     : vue.createCommentVNode("v-if", true)

package/dist/library.mjs

@@ -2,7 +2,7 @@ import Axios from 'axios';
 import moment from 'moment';
 import Swal from 'sweetalert2';
 import NProgress from 'nprogress';
-import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, unref, normalizeClass, resolveComponent, createBlock, resolveDynamicComponent, watch, inject, mergeProps, normalizeStyle, renderSlot, createVNode, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, vModelCheckbox, pushScopeId, popScopeId, markRaw, computed, isRef } from 'vue';
+import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, unref, normalizeClass, resolveComponent, createBlock, resolveDynamicComponent, watch, inject, mergeProps, normalizeStyle, renderSlot, createVNode, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, vModelCheckbox, shallowRef, pushScopeId, popScopeId, markRaw, computed, isRef } from 'vue';
 import _ from 'lodash';
 import { useRoute, useRouter } from 'vue-router';
 import { defineStore, storeToRefs } from 'pinia';
@@ -2957,7 +2957,7 @@ onMounted(()=>{
   if(props.data){
     selectOptions.value = props.data.map(item=>{
       return {
-        id: item.id ? item.id : item.key ? item.key : item.value ? item.value:item.name ? item.name:item.label,
+        id: typeof item.id !== 'undefined' ? item.id : item.key ? item.key : item.value ? item.value:item.name ? item.name:item.label,
         name: item.label ? item.label : item.name ? item.name : item.value ? item.value:item.id ? item.id:item.option
       }
     });
@@ -4283,6 +4283,7 @@ var script$b = {
             order_method: '',
             per_page: shRepo.getShConfig('tablePerPage', 10),
             page: 1,
+          exactMatch: false,
             filter_value: '',
             loading: 'loading',
             loading_error: '',
@@ -4478,7 +4479,8 @@ var script$b = {
                 paginated: true,
                 from: this.from,
                 to: this.to,
-                period: this.period
+                period: this.period,
+              exact: this.exactMatch
             };
             if (this.pagination_data) {
                 this.pagination_data.loading = 1;
@@ -4589,56 +4591,61 @@ const _hoisted_9$2 = {
 };
 const _hoisted_10$1 = ["placeholder"];
 const _hoisted_11$1 = {
+  key: 0,
+  class: "input-group-text exact_checkbox"
+};
+const _hoisted_12$1 = /*#__PURE__*/createElementVNode("span", { class: "ms-1" }, "Exact", -1 /* HOISTED */);
+const _hoisted_13$1 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_12$1 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_14$1 = /*#__PURE__*/createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_13$1 = [
-  _hoisted_12$1
+const _hoisted_15$1 = [
+  _hoisted_14$1
 ];
-const _hoisted_14$1 = {
+const _hoisted_16$1 = {
   key: 1,
   class: "alert alert-danger"
 };
-const _hoisted_15$1 = { colspan: 2 };
-const _hoisted_16$1 = {
+const _hoisted_17$1 = { colspan: 2 };
+const _hoisted_18$1 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_17$1 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_19 = /*#__PURE__*/createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_18$1 = [
-  _hoisted_17$1
+const _hoisted_20 = [
+  _hoisted_19
 ];
-const _hoisted_19 = {
+const _hoisted_21 = {
   key: 1,
   class: "alert alert-danger"
 };
-const _hoisted_20 = { colspan: 2 };
-const _hoisted_21 = { class: "sh-thead" };
-const _hoisted_22 = ["onClick"];
-const _hoisted_23 = ["onClick"];
+const _hoisted_22 = { colspan: 2 };
+const _hoisted_23 = { class: "sh-thead" };
 const _hoisted_24 = ["onClick"];
-const _hoisted_25 = {
+const _hoisted_25 = ["onClick"];
+const _hoisted_26 = ["onClick"];
+const _hoisted_27 = {
   key: 0,
   class: "text-capitalize"
 };
-const _hoisted_26 = { class: "sh-tbody" };
-const _hoisted_27 = {
+const _hoisted_28 = { class: "sh-tbody" };
+const _hoisted_29 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_28 = ["colspan"];
-const _hoisted_29 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
+const _hoisted_30 = ["colspan"];
+const _hoisted_31 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
   /*#__PURE__*/createElementVNode("div", {
     class: "spinner-border",
     role: "status"
@@ -4646,42 +4653,42 @@ const _hoisted_29 = /*#__PURE__*/createElementVNode("div", { class: "text-center
     /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
   ])
 ], -1 /* HOISTED */);
-const _hoisted_30 = [
-  _hoisted_29
+const _hoisted_32 = [
+  _hoisted_31
 ];
-const _hoisted_31 = {
+const _hoisted_33 = {
   key: 1,
   class: "text-center alert alert-danger"
 };
-const _hoisted_32 = ["colspan"];
-const _hoisted_33 = {
+const _hoisted_34 = ["colspan"];
+const _hoisted_35 = {
   key: 2,
   class: "text-center alert alert-info no_records"
 };
-const _hoisted_34 = ["colspan"];
-const _hoisted_35 = /*#__PURE__*/createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
-const _hoisted_36 = ["onClick"];
-const _hoisted_37 = { key: 1 };
-const _hoisted_38 = {
+const _hoisted_36 = ["colspan"];
+const _hoisted_37 = /*#__PURE__*/createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
+const _hoisted_38 = ["onClick"];
+const _hoisted_39 = { key: 1 };
+const _hoisted_40 = {
   key: 2,
   class: "text-success fw-bold"
 };
-const _hoisted_39 = { key: 3 };
-const _hoisted_40 = ["innerHTML"];
-const _hoisted_41 = ["innerHTML"];
+const _hoisted_41 = { key: 3 };
 const _hoisted_42 = ["innerHTML"];
-const _hoisted_43 = {
+const _hoisted_43 = ["innerHTML"];
+const _hoisted_44 = ["innerHTML"];
+const _hoisted_45 = {
   key: 0,
   style: {"white-space":"nowrap"}
 };
-const _hoisted_44 = ["href"];
-const _hoisted_45 = ["title", "onClick"];
-const _hoisted_46 = { key: 5 };
-const _hoisted_47 = {
+const _hoisted_46 = ["href"];
+const _hoisted_47 = ["title", "onClick"];
+const _hoisted_48 = { key: 5 };
+const _hoisted_49 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_48 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
+const _hoisted_50 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
   /*#__PURE__*/createElementVNode("div", {
     class: "spinner-border",
     role: "status"
@@ -4689,40 +4696,40 @@ const _hoisted_48 = /*#__PURE__*/createElementVNode("div", { class: "text-center
     /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
   ])
 ], -1 /* HOISTED */);
-const _hoisted_49 = [
-  _hoisted_48
+const _hoisted_51 = [
+  _hoisted_50
 ];
-const _hoisted_50 = { key: 1 };
-const _hoisted_51 = {
+const _hoisted_52 = { key: 1 };
+const _hoisted_53 = {
   key: 2,
   class: "mobile-list-items"
 };
-const _hoisted_52 = ["onClick"];
-const _hoisted_53 = {
+const _hoisted_54 = ["onClick"];
+const _hoisted_55 = {
   key: 0,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_54 = {
+const _hoisted_56 = {
   key: 1,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_55 = {
+const _hoisted_57 = {
   key: 2,
   class: "mb-1 font-weight-bold text-capitalize profile-form-title"
 };
-const _hoisted_56 = { key: 1 };
-const _hoisted_57 = {
+const _hoisted_58 = { key: 1 };
+const _hoisted_59 = {
   key: 2,
   class: "text-primary fw-bold"
 };
-const _hoisted_58 = { key: 3 };
-const _hoisted_59 = ["innerHTML"];
-const _hoisted_60 = ["innerHTML"];
+const _hoisted_60 = { key: 3 };
 const _hoisted_61 = ["innerHTML"];
-const _hoisted_62 = /*#__PURE__*/createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
-const _hoisted_63 = { key: 0 };
-const _hoisted_64 = ["href"];
-const _hoisted_65 = ["title", "onClick"];
+const _hoisted_62 = ["innerHTML"];
+const _hoisted_63 = ["innerHTML"];
+const _hoisted_64 = /*#__PURE__*/createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
+const _hoisted_65 = { key: 0 };
+const _hoisted_66 = ["href"];
+const _hoisted_67 = ["title", "onClick"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_sh_range = resolveComponent("sh-range");
@@ -4761,7 +4768,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]))
               : createCommentVNode("v-if", true),
             createElementVNode("div", {
-              class: normalizeClass(["sh-search-bar", $props.hasRange ? 'ms-2':''])
+              class: normalizeClass(["sh-search-bar input-group", $props.hasRange ? 'ms-2':''])
             }, [
               withDirectives(createElementVNode("input", {
                 onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.userTyping && $options.userTyping(...args))),
@@ -4773,7 +4780,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "form-control sh-search-input"
               }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_10$1), [
                 [vModelText, $data.filter_value]
-              ])
+              ]),
+              ($data.filter_value.length > 1)
+                ? (openBlock(), createElementBlock("span", _hoisted_11$1, [
+                    withDirectives(createElementVNode("input", {
+                      onChange: _cache[5] || (_cache[5] = (...args) => ($options.reloadData && $options.reloadData(...args))),
+                      value: true,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (($data.exactMatch) = $event)),
+                      type: "checkbox"
+                    }, null, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+                      [vModelCheckbox, $data.exactMatch]
+                    ]),
+                    _hoisted_12$1
+                  ]))
+                : createCommentVNode("v-if", true)
             ], 2 /* CLASS */)
           ])
         ]))
@@ -4781,10 +4801,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ($options.hasDefaultSlot)
       ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           ($data.loading === 'loading')
-            ? (openBlock(), createElementBlock("div", _hoisted_11$1, _hoisted_13$1))
+            ? (openBlock(), createElementBlock("div", _hoisted_13$1, _hoisted_15$1))
             : ($data.loading === 'error')
-              ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
-                  createElementVNode("span", _hoisted_15$1, toDisplayString($data.loading_error), 1 /* TEXT */)
+              ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
+                  createElementVNode("span", _hoisted_17$1, toDisplayString($data.loading_error), 1 /* TEXT */)
                 ]))
               : createCommentVNode("v-if", true),
           ($data.loading === 'done')
@@ -4799,10 +4819,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : ($options.hasRecordsSlot)
         ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
             ($data.loading === 'loading')
-              ? (openBlock(), createElementBlock("div", _hoisted_16$1, _hoisted_18$1))
+              ? (openBlock(), createElementBlock("div", _hoisted_18$1, _hoisted_20))
               : ($data.loading === 'error')
-                ? (openBlock(), createElementBlock("div", _hoisted_19, [
-                    createElementVNode("span", _hoisted_20, toDisplayString($data.loading_error), 1 /* TEXT */)
+                ? (openBlock(), createElementBlock("div", _hoisted_21, [
+                    createElementVNode("span", _hoisted_22, toDisplayString($data.loading_error), 1 /* TEXT */)
                   ]))
                 : createCommentVNode("v-if", true),
             ($data.loading === 'done')
@@ -4817,7 +4837,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 4,
               class: normalizeClass(["table sh-table", $props.tableHover ? 'table-hover':''])
             }, [
-              createElementVNode("thead", _hoisted_21, [
+              createElementVNode("thead", _hoisted_23, [
                 createElementVNode("tr", null, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList($data.tableHeaders, (title) => {
                     return (openBlock(), createElementBlock("th", { key: title }, [
@@ -4826,48 +4846,48 @@ function render(_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_22))
+                          }, toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
                         : (typeof title === 'function')
                           ? (openBlock(), createElementBlock("a", {
                               key: 1,
                               class: "text-capitalize",
                               onClick: $event => ($options.changeKey('order_by',title(null)))
-                            }, toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_23))
+                            }, toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
                           : (typeof title !== 'undefined')
                             ? (openBlock(), createElementBlock("a", {
                                 key: 2,
                                 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_26))
                             : createCommentVNode("v-if", true)
                     ]))
                   }), 128 /* KEYED_FRAGMENT */)),
                   ($props.actions)
-                    ? (openBlock(), createElementBlock("th", _hoisted_25, toDisplayString($props.actions.label), 1 /* TEXT */))
+                    ? (openBlock(), createElementBlock("th", _hoisted_27, toDisplayString($props.actions.label), 1 /* TEXT */))
                     : createCommentVNode("v-if", true)
                 ])
               ]),
-              createElementVNode("tbody", _hoisted_26, [
+              createElementVNode("tbody", _hoisted_28, [
                 ($data.loading === 'loading')
-                  ? (openBlock(), createElementBlock("tr", _hoisted_27, [
+                  ? (openBlock(), createElementBlock("tr", _hoisted_29, [
                       createElementVNode("td", {
                         colspan: $data.tableHeaders.length
-                      }, _hoisted_30, 8 /* PROPS */, _hoisted_28)
+                      }, _hoisted_32, 8 /* PROPS */, _hoisted_30)
                     ]))
                   : ($data.loading === 'error')
-                    ? (openBlock(), createElementBlock("tr", _hoisted_31, [
+                    ? (openBlock(), createElementBlock("tr", _hoisted_33, [
                         createElementVNode("td", {
                           colspan: $data.tableHeaders.length
-                        }, toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_32)
+                        }, toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_34)
                       ]))
                     : ($data.records.length === 0)
-                      ? (openBlock(), createElementBlock("tr", _hoisted_33, [
+                      ? (openBlock(), createElementBlock("tr", _hoisted_35, [
                           createElementVNode("td", {
                             colspan: $props.actions ? $data.tableHeaders.length + 1 : $data.tableHeaders.length
                           }, [
-                            _hoisted_35,
+                            _hoisted_37,
                             createTextVNode(" No records found ")
-                          ], 8 /* PROPS */, _hoisted_34)
+                          ], 8 /* PROPS */, _hoisted_36)
                         ]))
                       : ($data.loading === 'done')
                         ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList($data.records, (record, index) => {
@@ -4887,29 +4907,29 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                         innerHTML: record[key]
                                       }, null, 8 /* PROPS */, ["target", "to", "class", "innerHTML"]))
                                     : ($options.getFieldType(key) === 'numeric')
-                                      ? (openBlock(), createElementBlock("span", _hoisted_37, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                      ? (openBlock(), createElementBlock("span", _hoisted_39, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
                                       : ($options.getFieldType(key) === 'money')
-                                        ? (openBlock(), createElementBlock("span", _hoisted_38, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                        ? (openBlock(), createElementBlock("span", _hoisted_40, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
                                         : ($options.getFieldType(key) === 'date')
-                                          ? (openBlock(), createElementBlock("span", _hoisted_39, toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
+                                          ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
                                           : (typeof key === 'string')
                                             ? (openBlock(), createElementBlock("span", {
                                                 key: 4,
                                                 innerHTML: record[key]
-                                              }, null, 8 /* PROPS */, _hoisted_40))
+                                              }, null, 8 /* PROPS */, _hoisted_42))
                                             : (typeof key === 'function')
                                               ? (openBlock(), createElementBlock("span", {
                                                   key: 5,
                                                   innerHTML: key(record, index)
-                                                }, null, 8 /* PROPS */, _hoisted_41))
+                                                }, null, 8 /* PROPS */, _hoisted_43))
                                               : (openBlock(), createElementBlock("span", {
                                                   key: 6,
                                                   innerHTML: record[key[0]]
-                                                }, null, 8 /* PROPS */, _hoisted_42))
+                                                }, null, 8 /* PROPS */, _hoisted_44))
                                 ]))
                               }), 128 /* KEYED_FRAGMENT */)),
                               ($props.actions)
-                                ? (openBlock(), createElementBlock("td", _hoisted_43, [
+                                ? (openBlock(), createElementBlock("td", _hoisted_45, [
                                     (openBlock(true), createElementBlock(Fragment, null, renderList($props.actions.actions, (act) => {
                                       return (openBlock(), createElementBlock(Fragment, {
                                         key: act.path
@@ -4974,7 +4994,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                   }, null, 2 /* CLASS */))
                                                                 : createCommentVNode("v-if", true),
                                                               createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                            ], 10 /* CLASS, PROPS */, _hoisted_44))
+                                                            ], 10 /* CLASS, PROPS */, _hoisted_46))
                                                           : (act.emits)
                                                             ? (openBlock(), createElementBlock("button", {
                                                                 key: 3,
@@ -4989,7 +5009,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                     }, null, 2 /* CLASS */))
                                                                   : createCommentVNode("v-if", true),
                                                                 createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                              ], 10 /* CLASS, PROPS */, _hoisted_45))
+                                                              ], 10 /* CLASS, PROPS */, _hoisted_47))
                                                             : (!act.emits)
                                                               ? (openBlock(), createBlock(_component_router_link, {
                                                                   key: 4,
@@ -5017,20 +5037,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     }), 128 /* KEYED_FRAGMENT */))
                                   ]))
                                 : createCommentVNode("v-if", true)
-                            ], 10 /* CLASS, PROPS */, _hoisted_36))
+                            ], 10 /* CLASS, PROPS */, _hoisted_38))
                           }), 128 /* KEYED_FRAGMENT */))
                         : createCommentVNode("v-if", true)
               ])
             ], 2 /* CLASS */))
-          : (openBlock(), createElementBlock("div", _hoisted_46, [
+          : (openBlock(), createElementBlock("div", _hoisted_48, [
               ($data.loading === 'loading')
-                ? (openBlock(), createElementBlock("div", _hoisted_47, _hoisted_49))
+                ? (openBlock(), createElementBlock("div", _hoisted_49, _hoisted_51))
                 : ($data.loading === 'error')
-                  ? (openBlock(), createElementBlock("div", _hoisted_50, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_52, [
                       createElementVNode("span", null, toDisplayString($data.loading_error), 1 /* TEXT */)
                     ]))
                   : ($data.loading === 'done')
-                    ? (openBlock(), createElementBlock("div", _hoisted_51, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_53, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList($data.records, (record, index) => {
                           return (openBlock(), createElementBlock("div", {
                             key: record.id,
@@ -5042,10 +5062,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 key: key[0]
                               }, [
                                 (typeof key === 'string' )
-                                  ? (openBlock(), createElementBlock("p", _hoisted_53, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
+                                  ? (openBlock(), createElementBlock("p", _hoisted_55, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
                                   : (typeof key === 'function')
-                                    ? (openBlock(), createElementBlock("p", _hoisted_54, toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
-                                    : (openBlock(), createElementBlock("p", _hoisted_55, toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
+                                    ? (openBlock(), createElementBlock("p", _hoisted_56, toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
+                                    : (openBlock(), createElementBlock("p", _hoisted_57, toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
                                 createElementVNode("span", null, [
                                   (typeof key === 'string' && $props.links && $props.links[key])
                                     ? (openBlock(), createBlock(_component_router_link, {
@@ -5055,31 +5075,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                         innerHTML: record[key]
                                       }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
                                     : ($options.getFieldType(key) === 'numeric')
-                                      ? (openBlock(), createElementBlock("span", _hoisted_56, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                      ? (openBlock(), createElementBlock("span", _hoisted_58, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
                                       : ($options.getFieldType(key) === 'money')
-                                        ? (openBlock(), createElementBlock("span", _hoisted_57, "KES " + toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
+                                        ? (openBlock(), createElementBlock("span", _hoisted_59, "KES " + toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
                                         : ($options.getFieldType(key) === 'date')
-                                          ? (openBlock(), createElementBlock("span", _hoisted_58, toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
+                                          ? (openBlock(), createElementBlock("span", _hoisted_60, toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
                                           : (typeof key    === 'string')
                                             ? (openBlock(), createElementBlock("span", {
                                                 key: 4,
                                                 innerHTML: record[key]
-                                              }, null, 8 /* PROPS */, _hoisted_59))
+                                              }, null, 8 /* PROPS */, _hoisted_61))
                                             : (typeof key === 'function')
                                               ? (openBlock(), createElementBlock("span", {
                                                   key: 5,
                                                   innerHTML: key(record, index )
-                                                }, null, 8 /* PROPS */, _hoisted_60))
+                                                }, null, 8 /* PROPS */, _hoisted_62))
                                               : (openBlock(), createElementBlock("span", {
                                                   key: 6,
                                                   innerHTML: record[key[0]]
-                                                }, null, 8 /* PROPS */, _hoisted_61))
+                                                }, null, 8 /* PROPS */, _hoisted_63))
                                 ]),
-                                _hoisted_62
+                                _hoisted_64
                               ], 64 /* STABLE_FRAGMENT */))
                             }), 128 /* KEYED_FRAGMENT */)),
                             ($props.actions)
-                              ? (openBlock(), createElementBlock("div", _hoisted_63, [
+                              ? (openBlock(), createElementBlock("div", _hoisted_65, [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList($props.actions.actions, (act) => {
                                     return (openBlock(), createElementBlock(Fragment, {
                                       key: act.path
@@ -5102,7 +5122,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             }, null, 2 /* CLASS */))
                                                           : createCommentVNode("v-if", true),
                                                         createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                      ], 10 /* CLASS, PROPS */, _hoisted_64))
+                                                      ], 10 /* CLASS, PROPS */, _hoisted_66))
                                                     : (act.emits)
                                                       ? (openBlock(), createElementBlock("button", {
                                                           key: 1,
@@ -5117,7 +5137,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                               }, null, 2 /* CLASS */))
                                                             : createCommentVNode("v-if", true),
                                                           createTextVNode(" " + toDisplayString(act.label), 1 /* TEXT */)
-                                                        ], 10 /* CLASS, PROPS */, _hoisted_65))
+                                                        ], 10 /* CLASS, PROPS */, _hoisted_67))
                                                       : (!act.emits)
                                                         ? (openBlock(), createBlock(_component_router_link, {
                                                             key: 2,
@@ -5145,7 +5165,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   }), 128 /* KEYED_FRAGMENT */))
                                 ]))
                               : createCommentVNode("v-if", true)
-                          ], 8 /* PROPS */, _hoisted_52))
+                          ], 8 /* PROPS */, _hoisted_54))
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     : createCommentVNode("v-if", true)

package/package.json

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