@iankibetsh/shframework 0.3.9 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/library.js +99 -103
  2. package/dist/library.mjs +99 -103
  3. package/package.json +1 -1
package/dist/library.js CHANGED
@@ -2974,60 +2974,57 @@ const _hoisted_8 = {
2974
2974
  const _hoisted_9 = { class: "col-12 mb-3" };
2975
2975
  const _hoisted_10 = { class: "sh-search-bar" };
2976
2976
  const _hoisted_11 = ["placeholder"];
2977
- const _hoisted_12 = /*#__PURE__*/vue.createElementVNode("span", { class: "sh-search-icon" }, [
2978
- /*#__PURE__*/vue.createElementVNode("i", { class: "bi bi-search mb-0" })
2979
- ], -1 /* HOISTED */);
2980
- const _hoisted_13 = {
2977
+ const _hoisted_12 = {
2981
2978
  key: 0,
2982
2979
  class: "text-center"
2983
2980
  };
2984
- const _hoisted_14 = /*#__PURE__*/vue.createElementVNode("div", {
2981
+ const _hoisted_13 = /*#__PURE__*/vue.createElementVNode("div", {
2985
2982
  class: "spinner-border",
2986
2983
  role: "status"
2987
2984
  }, [
2988
2985
  /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
2989
2986
  ], -1 /* HOISTED */);
2990
- const _hoisted_15 = [
2991
- _hoisted_14
2987
+ const _hoisted_14 = [
2988
+ _hoisted_13
2992
2989
  ];
2993
- const _hoisted_16 = {
2990
+ const _hoisted_15 = {
2994
2991
  key: 1,
2995
2992
  class: "alert alert-danger"
2996
2993
  };
2997
- const _hoisted_17 = { colspan: 2 };
2998
- const _hoisted_18 = {
2994
+ const _hoisted_16 = { colspan: 2 };
2995
+ const _hoisted_17 = {
2999
2996
  key: 0,
3000
2997
  class: "text-center"
3001
2998
  };
3002
- const _hoisted_19 = /*#__PURE__*/vue.createElementVNode("div", {
2999
+ const _hoisted_18 = /*#__PURE__*/vue.createElementVNode("div", {
3003
3000
  class: "spinner-border",
3004
3001
  role: "status"
3005
3002
  }, [
3006
3003
  /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
3007
3004
  ], -1 /* HOISTED */);
3008
- const _hoisted_20 = [
3009
- _hoisted_19
3005
+ const _hoisted_19 = [
3006
+ _hoisted_18
3010
3007
  ];
3011
- const _hoisted_21 = {
3008
+ const _hoisted_20 = {
3012
3009
  key: 1,
3013
3010
  class: "alert alert-danger"
3014
3011
  };
3015
- const _hoisted_22 = { colspan: 2 };
3016
- const _hoisted_23 = { class: "sh-thead" };
3012
+ const _hoisted_21 = { colspan: 2 };
3013
+ const _hoisted_22 = { class: "sh-thead" };
3014
+ const _hoisted_23 = ["onClick"];
3017
3015
  const _hoisted_24 = ["onClick"];
3018
3016
  const _hoisted_25 = ["onClick"];
3019
- const _hoisted_26 = ["onClick"];
3020
- const _hoisted_27 = {
3017
+ const _hoisted_26 = {
3021
3018
  key: 0,
3022
3019
  class: "text-capitalize"
3023
3020
  };
3024
- const _hoisted_28 = { class: "sh-tbody" };
3025
- const _hoisted_29 = {
3021
+ const _hoisted_27 = { class: "sh-tbody" };
3022
+ const _hoisted_28 = {
3026
3023
  key: 0,
3027
3024
  class: "text-center"
3028
3025
  };
3029
- const _hoisted_30 = ["colspan"];
3030
- const _hoisted_31 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
3026
+ const _hoisted_29 = ["colspan"];
3027
+ const _hoisted_30 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
3031
3028
  /*#__PURE__*/vue.createElementVNode("div", {
3032
3029
  class: "spinner-border",
3033
3030
  role: "status"
@@ -3035,46 +3032,46 @@ const _hoisted_31 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-ce
3035
3032
  /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
3036
3033
  ])
3037
3034
  ], -1 /* HOISTED */);
3038
- const _hoisted_32 = [
3039
- _hoisted_31
3035
+ const _hoisted_31 = [
3036
+ _hoisted_30
3040
3037
  ];
3041
- const _hoisted_33 = {
3038
+ const _hoisted_32 = {
3042
3039
  key: 1,
3043
3040
  class: "text-center alert alert-danger"
3044
3041
  };
3045
- const _hoisted_34 = ["colspan"];
3046
- const _hoisted_35 = {
3042
+ const _hoisted_33 = ["colspan"];
3043
+ const _hoisted_34 = {
3047
3044
  key: 2,
3048
3045
  class: "text-center alert alert-info no_records"
3049
3046
  };
3050
- const _hoisted_36 = ["colspan"];
3051
- const _hoisted_37 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
3052
- const _hoisted_38 = /*#__PURE__*/vue.createTextVNode(" No records found ");
3053
- const _hoisted_39 = [
3054
- _hoisted_37,
3055
- _hoisted_38
3047
+ const _hoisted_35 = ["colspan"];
3048
+ const _hoisted_36 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
3049
+ const _hoisted_37 = /*#__PURE__*/vue.createTextVNode(" No records found ");
3050
+ const _hoisted_38 = [
3051
+ _hoisted_36,
3052
+ _hoisted_37
3056
3053
  ];
3057
- const _hoisted_40 = ["onClick"];
3058
- const _hoisted_41 = { key: 1 };
3059
- const _hoisted_42 = {
3054
+ const _hoisted_39 = ["onClick"];
3055
+ const _hoisted_40 = { key: 1 };
3056
+ const _hoisted_41 = {
3060
3057
  key: 2,
3061
3058
  class: "text-success fw-bold"
3062
3059
  };
3063
- const _hoisted_43 = { key: 3 };
3060
+ const _hoisted_42 = { key: 3 };
3061
+ const _hoisted_43 = ["innerHTML"];
3064
3062
  const _hoisted_44 = ["innerHTML"];
3065
3063
  const _hoisted_45 = ["innerHTML"];
3066
- const _hoisted_46 = ["innerHTML"];
3067
- const _hoisted_47 = {
3064
+ const _hoisted_46 = {
3068
3065
  key: 0,
3069
3066
  style: {"white-space":"nowrap"}
3070
3067
  };
3071
- const _hoisted_48 = ["title", "onClick"];
3072
- const _hoisted_49 = { key: 5 };
3073
- const _hoisted_50 = {
3068
+ const _hoisted_47 = ["title", "onClick"];
3069
+ const _hoisted_48 = { key: 5 };
3070
+ const _hoisted_49 = {
3074
3071
  key: 0,
3075
3072
  class: "text-center"
3076
3073
  };
3077
- const _hoisted_51 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
3074
+ const _hoisted_50 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
3078
3075
  /*#__PURE__*/vue.createElementVNode("div", {
3079
3076
  class: "spinner-border",
3080
3077
  role: "status"
@@ -3082,38 +3079,38 @@ const _hoisted_51 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-ce
3082
3079
  /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
3083
3080
  ])
3084
3081
  ], -1 /* HOISTED */);
3085
- const _hoisted_52 = [
3086
- _hoisted_51
3082
+ const _hoisted_51 = [
3083
+ _hoisted_50
3087
3084
  ];
3088
- const _hoisted_53 = { key: 1 };
3089
- const _hoisted_54 = {
3085
+ const _hoisted_52 = { key: 1 };
3086
+ const _hoisted_53 = {
3090
3087
  key: 2,
3091
3088
  class: "mobile-list-items"
3092
3089
  };
3093
- const _hoisted_55 = ["onClick"];
3094
- const _hoisted_56 = {
3090
+ const _hoisted_54 = ["onClick"];
3091
+ const _hoisted_55 = {
3095
3092
  key: 0,
3096
3093
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3097
3094
  };
3098
- const _hoisted_57 = {
3095
+ const _hoisted_56 = {
3099
3096
  key: 1,
3100
3097
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3101
3098
  };
3102
- const _hoisted_58 = {
3099
+ const _hoisted_57 = {
3103
3100
  key: 2,
3104
3101
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3105
3102
  };
3106
- const _hoisted_59 = { key: 1 };
3107
- const _hoisted_60 = {
3103
+ const _hoisted_58 = { key: 1 };
3104
+ const _hoisted_59 = {
3108
3105
  key: 2,
3109
3106
  class: "text-primary fw-bold"
3110
3107
  };
3108
+ const _hoisted_60 = ["innerHTML"];
3111
3109
  const _hoisted_61 = ["innerHTML"];
3112
3110
  const _hoisted_62 = ["innerHTML"];
3113
- const _hoisted_63 = ["innerHTML"];
3114
- const _hoisted_64 = /*#__PURE__*/vue.createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
3115
- const _hoisted_65 = { key: 0 };
3116
- const _hoisted_66 = ["title", "onClick"];
3111
+ const _hoisted_63 = /*#__PURE__*/vue.createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
3112
+ const _hoisted_64 = { key: 0 };
3113
+ const _hoisted_65 = ["title", "onClick"];
3117
3114
 
3118
3115
  function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3119
3116
  const _component_router_link = vue.resolveComponent("router-link");
@@ -3144,15 +3141,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3144
3141
  vue.createElementVNode("div", _hoisted_9, [
3145
3142
  vue.createElementVNode("div", _hoisted_10, [
3146
3143
  vue.withDirectives(vue.createElementVNode("input", {
3147
- type: "text",
3144
+ type: "search",
3148
3145
  onChange: _cache[1] || (_cache[1] = $event => ($options.reloadData(1))),
3149
3146
  "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (($data.filter_value) = $event)),
3150
3147
  placeholder: $props.searchPlaceholder ? $props.searchPlaceholder : 'Search',
3151
3148
  class: "form-control sh-search-input"
3152
3149
  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_11), [
3153
3150
  [vue.vModelText, $data.filter_value]
3154
- ]),
3155
- _hoisted_12
3151
+ ])
3156
3152
  ])
3157
3153
  ])
3158
3154
  ]))
@@ -3160,10 +3156,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3160
3156
  ($options.hasDefaultSlot)
3161
3157
  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
3162
3158
  ($data.loading === 'loading')
3163
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, _hoisted_15))
3159
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, _hoisted_14))
3164
3160
  : ($data.loading === 'error')
3165
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
3166
- vue.createElementVNode("span", _hoisted_17, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
3161
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
3162
+ vue.createElementVNode("span", _hoisted_16, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
3167
3163
  ]))
3168
3164
  : vue.createCommentVNode("v-if", true),
3169
3165
  ($data.loading === 'done')
@@ -3179,10 +3175,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3179
3175
  ($options.hasRecordsSlot)
3180
3176
  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
3181
3177
  ($data.loading === 'loading')
3182
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, _hoisted_20))
3178
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, _hoisted_19))
3183
3179
  : ($data.loading === 'error')
3184
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
3185
- vue.createElementVNode("span", _hoisted_22, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
3180
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
3181
+ vue.createElementVNode("span", _hoisted_21, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
3186
3182
  ]))
3187
3183
  : vue.createCommentVNode("v-if", true),
3188
3184
  ($data.loading === 'done')
@@ -3197,7 +3193,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3197
3193
  key: 4,
3198
3194
  class: vue.normalizeClass(["table sh-table", $props.tableHover ? 'table-hover':''])
3199
3195
  }, [
3200
- vue.createElementVNode("thead", _hoisted_23, [
3196
+ vue.createElementVNode("thead", _hoisted_22, [
3201
3197
  vue.createElementVNode("tr", null, [
3202
3198
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.headers, (title) => {
3203
3199
  return (vue.openBlock(), vue.createElementBlock("th", {
@@ -3208,43 +3204,43 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3208
3204
  key: 0,
3209
3205
  class: "text-capitalize",
3210
3206
  onClick: $event => ($options.changeKey('order_by',title))
3211
- }, vue.toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
3207
+ }, vue.toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_23))
3212
3208
  : (typeof title === 'function')
3213
3209
  ? (vue.openBlock(), vue.createElementBlock("a", {
3214
3210
  key: 1,
3215
3211
  class: "text-capitalize",
3216
3212
  onClick: $event => ($options.changeKey('order_by',title))
3217
- }, vue.toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
3213
+ }, vue.toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
3218
3214
  : (vue.openBlock(), vue.createElementBlock("a", {
3219
3215
  key: 2,
3220
3216
  class: "text-capitalize",
3221
3217
  onClick: $event => ($options.changeKey('order_by',title[0]))
3222
- }, vue.toDisplayString(title[1].replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_26))
3218
+ }, vue.toDisplayString(title[1].replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
3223
3219
  ]))
3224
3220
  }), 128 /* KEYED_FRAGMENT */)),
3225
3221
  ($props.actions)
3226
- ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_27, vue.toDisplayString($props.actions.label), 1 /* TEXT */))
3222
+ ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_26, vue.toDisplayString($props.actions.label), 1 /* TEXT */))
3227
3223
  : vue.createCommentVNode("v-if", true)
3228
3224
  ])
3229
3225
  ]),
3230
- vue.createElementVNode("tbody", _hoisted_28, [
3226
+ vue.createElementVNode("tbody", _hoisted_27, [
3231
3227
  ($data.loading === 'loading')
3232
- ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_29, [
3228
+ ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_28, [
3233
3229
  vue.createElementVNode("td", {
3234
3230
  colspan: $props.headers.length
3235
- }, _hoisted_32, 8 /* PROPS */, _hoisted_30)
3231
+ }, _hoisted_31, 8 /* PROPS */, _hoisted_29)
3236
3232
  ]))
3237
3233
  : ($data.loading === 'error')
3238
- ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_33, [
3234
+ ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_32, [
3239
3235
  vue.createElementVNode("td", {
3240
3236
  colspan: $props.headers.length
3241
- }, vue.toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_34)
3237
+ }, vue.toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_33)
3242
3238
  ]))
3243
3239
  : ($data.records.length === 0)
3244
- ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_35, [
3240
+ ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_34, [
3245
3241
  vue.createElementVNode("td", {
3246
3242
  colspan: $props.actions ? $props.headers.length + 1 : $props.headers.length
3247
- }, _hoisted_39, 8 /* PROPS */, _hoisted_36)
3243
+ }, _hoisted_38, 8 /* PROPS */, _hoisted_35)
3248
3244
  ]))
3249
3245
  : ($data.loading === 'done')
3250
3246
  ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 3 }, vue.renderList($data.records, (record, index) => {
@@ -3265,29 +3261,29 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3265
3261
  innerHTML: record[key]
3266
3262
  }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
3267
3263
  : ($options.getFieldType(key) === 'numeric')
3268
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_41, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3264
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_40, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3269
3265
  : ($options.getFieldType(key) === 'money')
3270
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_42, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3266
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_41, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3271
3267
  : ($options.getFieldType(key) === 'date')
3272
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_43, vue.toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
3268
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_42, vue.toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
3273
3269
  : (typeof key === 'string')
3274
3270
  ? (vue.openBlock(), vue.createElementBlock("span", {
3275
3271
  key: 4,
3276
3272
  innerHTML: record[key]
3277
- }, null, 8 /* PROPS */, _hoisted_44))
3273
+ }, null, 8 /* PROPS */, _hoisted_43))
3278
3274
  : (typeof key === 'function')
3279
3275
  ? (vue.openBlock(), vue.createElementBlock("span", {
3280
3276
  key: 5,
3281
3277
  innerHTML: key(record, index)
3282
- }, null, 8 /* PROPS */, _hoisted_45))
3278
+ }, null, 8 /* PROPS */, _hoisted_44))
3283
3279
  : (vue.openBlock(), vue.createElementBlock("span", {
3284
3280
  key: 6,
3285
3281
  innerHTML: record[key[0]]
3286
- }, null, 8 /* PROPS */, _hoisted_46))
3282
+ }, null, 8 /* PROPS */, _hoisted_45))
3287
3283
  ]))
3288
3284
  }), 128 /* KEYED_FRAGMENT */)),
3289
3285
  ($props.actions)
3290
- ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_47, [
3286
+ ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_46, [
3291
3287
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.actions.actions, (act) => {
3292
3288
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
3293
3289
  key: act.path
@@ -3302,7 +3298,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3302
3298
  title: act.title,
3303
3299
  class: vue.normalizeClass(act.class ? act.class:'btn btn-default'),
3304
3300
  onClick: $event => ($options.doEmitAction(act.emits,record))
3305
- }, vue.toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_48))
3301
+ }, vue.toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_47))
3306
3302
  : vue.createCommentVNode("v-if", true),
3307
3303
  (!act.emits)
3308
3304
  ? (vue.openBlock(), vue.createBlock(_component_router_link, {
@@ -3325,20 +3321,20 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3325
3321
  }), 128 /* KEYED_FRAGMENT */))
3326
3322
  ]))
3327
3323
  : vue.createCommentVNode("v-if", true)
3328
- ], 10 /* CLASS, PROPS */, _hoisted_40))
3324
+ ], 10 /* CLASS, PROPS */, _hoisted_39))
3329
3325
  }), 128 /* KEYED_FRAGMENT */))
3330
3326
  : vue.createCommentVNode("v-if", true)
3331
3327
  ])
3332
3328
  ], 2 /* CLASS */))
3333
- : (vue.openBlock(), vue.createElementBlock("div", _hoisted_49, [
3329
+ : (vue.openBlock(), vue.createElementBlock("div", _hoisted_48, [
3334
3330
  ($data.loading === 'loading')
3335
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_50, _hoisted_52))
3331
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_49, _hoisted_51))
3336
3332
  : ($data.loading === 'error')
3337
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_53, [
3333
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_52, [
3338
3334
  vue.createElementVNode("span", null, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
3339
3335
  ]))
3340
3336
  : ($data.loading === 'done')
3341
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_54, [
3337
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_53, [
3342
3338
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.records, (record, index) => {
3343
3339
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
3344
3340
  key: record.id
@@ -3353,10 +3349,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3353
3349
  key: key[0]
3354
3350
  }, [
3355
3351
  (typeof key === 'string' )
3356
- ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_56, vue.toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
3352
+ ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_55, vue.toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
3357
3353
  : (typeof key === 'function')
3358
- ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_57, vue.toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
3359
- : (vue.openBlock(), vue.createElementBlock("p", _hoisted_58, vue.toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
3354
+ ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_56, vue.toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
3355
+ : (vue.openBlock(), vue.createElementBlock("p", _hoisted_57, vue.toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
3360
3356
  vue.createElementVNode("span", null, [
3361
3357
  (typeof key === 'string' && $props.links && $props.links[key])
3362
3358
  ? (vue.openBlock(), vue.createBlock(_component_router_link, {
@@ -3366,29 +3362,29 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3366
3362
  innerHTML: record[key]
3367
3363
  }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
3368
3364
  : ($options.getFieldType(key) === 'numeric')
3369
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_59, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3365
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_58, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3370
3366
  : ($options.getFieldType(key) === 'money')
3371
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_60, "KES " + vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3367
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_59, "KES " + vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3372
3368
  : (typeof key === 'string')
3373
3369
  ? (vue.openBlock(), vue.createElementBlock("span", {
3374
3370
  key: 3,
3375
3371
  innerHTML: record[key]
3376
- }, null, 8 /* PROPS */, _hoisted_61))
3372
+ }, null, 8 /* PROPS */, _hoisted_60))
3377
3373
  : (typeof key === 'function')
3378
3374
  ? (vue.openBlock(), vue.createElementBlock("span", {
3379
3375
  key: 4,
3380
3376
  innerHTML: key(record, index )
3381
- }, null, 8 /* PROPS */, _hoisted_62))
3377
+ }, null, 8 /* PROPS */, _hoisted_61))
3382
3378
  : (vue.openBlock(), vue.createElementBlock("span", {
3383
3379
  key: 5,
3384
3380
  innerHTML: record[key[0]]
3385
- }, null, 8 /* PROPS */, _hoisted_63))
3381
+ }, null, 8 /* PROPS */, _hoisted_62))
3386
3382
  ]),
3387
- _hoisted_64
3383
+ _hoisted_63
3388
3384
  ], 64 /* STABLE_FRAGMENT */))
3389
3385
  }), 128 /* KEYED_FRAGMENT */)),
3390
3386
  ($props.actions)
3391
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_65, [
3387
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_64, [
3392
3388
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.actions.actions, (act) => {
3393
3389
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
3394
3390
  key: act.path
@@ -3403,7 +3399,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3403
3399
  title: act.title,
3404
3400
  class: vue.normalizeClass(act.class ? act.class:'btn btn-default'),
3405
3401
  onClick: $event => ($options.doEmitAction(act.emits,record))
3406
- }, vue.toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_66))
3402
+ }, vue.toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_65))
3407
3403
  : vue.createCommentVNode("v-if", true),
3408
3404
  (!act.emits)
3409
3405
  ? (vue.openBlock(), vue.createBlock(_component_router_link, {
@@ -3426,7 +3422,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3426
3422
  }), 128 /* KEYED_FRAGMENT */))
3427
3423
  ]))
3428
3424
  : vue.createCommentVNode("v-if", true)
3429
- ], 8 /* PROPS */, _hoisted_55)
3425
+ ], 8 /* PROPS */, _hoisted_54)
3430
3426
  ], 64 /* STABLE_FRAGMENT */))
3431
3427
  }), 128 /* KEYED_FRAGMENT */))
3432
3428
  ]))
package/dist/library.mjs CHANGED
@@ -2962,60 +2962,57 @@ const _hoisted_8 = {
2962
2962
  const _hoisted_9 = { class: "col-12 mb-3" };
2963
2963
  const _hoisted_10 = { class: "sh-search-bar" };
2964
2964
  const _hoisted_11 = ["placeholder"];
2965
- const _hoisted_12 = /*#__PURE__*/createElementVNode("span", { class: "sh-search-icon" }, [
2966
- /*#__PURE__*/createElementVNode("i", { class: "bi bi-search mb-0" })
2967
- ], -1 /* HOISTED */);
2968
- const _hoisted_13 = {
2965
+ const _hoisted_12 = {
2969
2966
  key: 0,
2970
2967
  class: "text-center"
2971
2968
  };
2972
- const _hoisted_14 = /*#__PURE__*/createElementVNode("div", {
2969
+ const _hoisted_13 = /*#__PURE__*/createElementVNode("div", {
2973
2970
  class: "spinner-border",
2974
2971
  role: "status"
2975
2972
  }, [
2976
2973
  /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
2977
2974
  ], -1 /* HOISTED */);
2978
- const _hoisted_15 = [
2979
- _hoisted_14
2975
+ const _hoisted_14 = [
2976
+ _hoisted_13
2980
2977
  ];
2981
- const _hoisted_16 = {
2978
+ const _hoisted_15 = {
2982
2979
  key: 1,
2983
2980
  class: "alert alert-danger"
2984
2981
  };
2985
- const _hoisted_17 = { colspan: 2 };
2986
- const _hoisted_18 = {
2982
+ const _hoisted_16 = { colspan: 2 };
2983
+ const _hoisted_17 = {
2987
2984
  key: 0,
2988
2985
  class: "text-center"
2989
2986
  };
2990
- const _hoisted_19 = /*#__PURE__*/createElementVNode("div", {
2987
+ const _hoisted_18 = /*#__PURE__*/createElementVNode("div", {
2991
2988
  class: "spinner-border",
2992
2989
  role: "status"
2993
2990
  }, [
2994
2991
  /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
2995
2992
  ], -1 /* HOISTED */);
2996
- const _hoisted_20 = [
2997
- _hoisted_19
2993
+ const _hoisted_19 = [
2994
+ _hoisted_18
2998
2995
  ];
2999
- const _hoisted_21 = {
2996
+ const _hoisted_20 = {
3000
2997
  key: 1,
3001
2998
  class: "alert alert-danger"
3002
2999
  };
3003
- const _hoisted_22 = { colspan: 2 };
3004
- const _hoisted_23 = { class: "sh-thead" };
3000
+ const _hoisted_21 = { colspan: 2 };
3001
+ const _hoisted_22 = { class: "sh-thead" };
3002
+ const _hoisted_23 = ["onClick"];
3005
3003
  const _hoisted_24 = ["onClick"];
3006
3004
  const _hoisted_25 = ["onClick"];
3007
- const _hoisted_26 = ["onClick"];
3008
- const _hoisted_27 = {
3005
+ const _hoisted_26 = {
3009
3006
  key: 0,
3010
3007
  class: "text-capitalize"
3011
3008
  };
3012
- const _hoisted_28 = { class: "sh-tbody" };
3013
- const _hoisted_29 = {
3009
+ const _hoisted_27 = { class: "sh-tbody" };
3010
+ const _hoisted_28 = {
3014
3011
  key: 0,
3015
3012
  class: "text-center"
3016
3013
  };
3017
- const _hoisted_30 = ["colspan"];
3018
- const _hoisted_31 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
3014
+ const _hoisted_29 = ["colspan"];
3015
+ const _hoisted_30 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
3019
3016
  /*#__PURE__*/createElementVNode("div", {
3020
3017
  class: "spinner-border",
3021
3018
  role: "status"
@@ -3023,46 +3020,46 @@ const _hoisted_31 = /*#__PURE__*/createElementVNode("div", { class: "text-center
3023
3020
  /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
3024
3021
  ])
3025
3022
  ], -1 /* HOISTED */);
3026
- const _hoisted_32 = [
3027
- _hoisted_31
3023
+ const _hoisted_31 = [
3024
+ _hoisted_30
3028
3025
  ];
3029
- const _hoisted_33 = {
3026
+ const _hoisted_32 = {
3030
3027
  key: 1,
3031
3028
  class: "text-center alert alert-danger"
3032
3029
  };
3033
- const _hoisted_34 = ["colspan"];
3034
- const _hoisted_35 = {
3030
+ const _hoisted_33 = ["colspan"];
3031
+ const _hoisted_34 = {
3035
3032
  key: 2,
3036
3033
  class: "text-center alert alert-info no_records"
3037
3034
  };
3038
- const _hoisted_36 = ["colspan"];
3039
- const _hoisted_37 = /*#__PURE__*/createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
3040
- const _hoisted_38 = /*#__PURE__*/createTextVNode(" No records found ");
3041
- const _hoisted_39 = [
3042
- _hoisted_37,
3043
- _hoisted_38
3035
+ const _hoisted_35 = ["colspan"];
3036
+ const _hoisted_36 = /*#__PURE__*/createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
3037
+ const _hoisted_37 = /*#__PURE__*/createTextVNode(" No records found ");
3038
+ const _hoisted_38 = [
3039
+ _hoisted_36,
3040
+ _hoisted_37
3044
3041
  ];
3045
- const _hoisted_40 = ["onClick"];
3046
- const _hoisted_41 = { key: 1 };
3047
- const _hoisted_42 = {
3042
+ const _hoisted_39 = ["onClick"];
3043
+ const _hoisted_40 = { key: 1 };
3044
+ const _hoisted_41 = {
3048
3045
  key: 2,
3049
3046
  class: "text-success fw-bold"
3050
3047
  };
3051
- const _hoisted_43 = { key: 3 };
3048
+ const _hoisted_42 = { key: 3 };
3049
+ const _hoisted_43 = ["innerHTML"];
3052
3050
  const _hoisted_44 = ["innerHTML"];
3053
3051
  const _hoisted_45 = ["innerHTML"];
3054
- const _hoisted_46 = ["innerHTML"];
3055
- const _hoisted_47 = {
3052
+ const _hoisted_46 = {
3056
3053
  key: 0,
3057
3054
  style: {"white-space":"nowrap"}
3058
3055
  };
3059
- const _hoisted_48 = ["title", "onClick"];
3060
- const _hoisted_49 = { key: 5 };
3061
- const _hoisted_50 = {
3056
+ const _hoisted_47 = ["title", "onClick"];
3057
+ const _hoisted_48 = { key: 5 };
3058
+ const _hoisted_49 = {
3062
3059
  key: 0,
3063
3060
  class: "text-center"
3064
3061
  };
3065
- const _hoisted_51 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
3062
+ const _hoisted_50 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
3066
3063
  /*#__PURE__*/createElementVNode("div", {
3067
3064
  class: "spinner-border",
3068
3065
  role: "status"
@@ -3070,38 +3067,38 @@ const _hoisted_51 = /*#__PURE__*/createElementVNode("div", { class: "text-center
3070
3067
  /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
3071
3068
  ])
3072
3069
  ], -1 /* HOISTED */);
3073
- const _hoisted_52 = [
3074
- _hoisted_51
3070
+ const _hoisted_51 = [
3071
+ _hoisted_50
3075
3072
  ];
3076
- const _hoisted_53 = { key: 1 };
3077
- const _hoisted_54 = {
3073
+ const _hoisted_52 = { key: 1 };
3074
+ const _hoisted_53 = {
3078
3075
  key: 2,
3079
3076
  class: "mobile-list-items"
3080
3077
  };
3081
- const _hoisted_55 = ["onClick"];
3082
- const _hoisted_56 = {
3078
+ const _hoisted_54 = ["onClick"];
3079
+ const _hoisted_55 = {
3083
3080
  key: 0,
3084
3081
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3085
3082
  };
3086
- const _hoisted_57 = {
3083
+ const _hoisted_56 = {
3087
3084
  key: 1,
3088
3085
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3089
3086
  };
3090
- const _hoisted_58 = {
3087
+ const _hoisted_57 = {
3091
3088
  key: 2,
3092
3089
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3093
3090
  };
3094
- const _hoisted_59 = { key: 1 };
3095
- const _hoisted_60 = {
3091
+ const _hoisted_58 = { key: 1 };
3092
+ const _hoisted_59 = {
3096
3093
  key: 2,
3097
3094
  class: "text-primary fw-bold"
3098
3095
  };
3096
+ const _hoisted_60 = ["innerHTML"];
3099
3097
  const _hoisted_61 = ["innerHTML"];
3100
3098
  const _hoisted_62 = ["innerHTML"];
3101
- const _hoisted_63 = ["innerHTML"];
3102
- const _hoisted_64 = /*#__PURE__*/createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
3103
- const _hoisted_65 = { key: 0 };
3104
- const _hoisted_66 = ["title", "onClick"];
3099
+ const _hoisted_63 = /*#__PURE__*/createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
3100
+ const _hoisted_64 = { key: 0 };
3101
+ const _hoisted_65 = ["title", "onClick"];
3105
3102
 
3106
3103
  function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3107
3104
  const _component_router_link = resolveComponent("router-link");
@@ -3132,15 +3129,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3132
3129
  createElementVNode("div", _hoisted_9, [
3133
3130
  createElementVNode("div", _hoisted_10, [
3134
3131
  withDirectives(createElementVNode("input", {
3135
- type: "text",
3132
+ type: "search",
3136
3133
  onChange: _cache[1] || (_cache[1] = $event => ($options.reloadData(1))),
3137
3134
  "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (($data.filter_value) = $event)),
3138
3135
  placeholder: $props.searchPlaceholder ? $props.searchPlaceholder : 'Search',
3139
3136
  class: "form-control sh-search-input"
3140
3137
  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_11), [
3141
3138
  [vModelText, $data.filter_value]
3142
- ]),
3143
- _hoisted_12
3139
+ ])
3144
3140
  ])
3145
3141
  ])
3146
3142
  ]))
@@ -3148,10 +3144,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3148
3144
  ($options.hasDefaultSlot)
3149
3145
  ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
3150
3146
  ($data.loading === 'loading')
3151
- ? (openBlock(), createElementBlock("div", _hoisted_13, _hoisted_15))
3147
+ ? (openBlock(), createElementBlock("div", _hoisted_12, _hoisted_14))
3152
3148
  : ($data.loading === 'error')
3153
- ? (openBlock(), createElementBlock("div", _hoisted_16, [
3154
- createElementVNode("span", _hoisted_17, toDisplayString($data.loading_error), 1 /* TEXT */)
3149
+ ? (openBlock(), createElementBlock("div", _hoisted_15, [
3150
+ createElementVNode("span", _hoisted_16, toDisplayString($data.loading_error), 1 /* TEXT */)
3155
3151
  ]))
3156
3152
  : createCommentVNode("v-if", true),
3157
3153
  ($data.loading === 'done')
@@ -3167,10 +3163,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3167
3163
  ($options.hasRecordsSlot)
3168
3164
  ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
3169
3165
  ($data.loading === 'loading')
3170
- ? (openBlock(), createElementBlock("div", _hoisted_18, _hoisted_20))
3166
+ ? (openBlock(), createElementBlock("div", _hoisted_17, _hoisted_19))
3171
3167
  : ($data.loading === 'error')
3172
- ? (openBlock(), createElementBlock("div", _hoisted_21, [
3173
- createElementVNode("span", _hoisted_22, toDisplayString($data.loading_error), 1 /* TEXT */)
3168
+ ? (openBlock(), createElementBlock("div", _hoisted_20, [
3169
+ createElementVNode("span", _hoisted_21, toDisplayString($data.loading_error), 1 /* TEXT */)
3174
3170
  ]))
3175
3171
  : createCommentVNode("v-if", true),
3176
3172
  ($data.loading === 'done')
@@ -3185,7 +3181,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3185
3181
  key: 4,
3186
3182
  class: normalizeClass(["table sh-table", $props.tableHover ? 'table-hover':''])
3187
3183
  }, [
3188
- createElementVNode("thead", _hoisted_23, [
3184
+ createElementVNode("thead", _hoisted_22, [
3189
3185
  createElementVNode("tr", null, [
3190
3186
  (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (title) => {
3191
3187
  return (openBlock(), createElementBlock("th", {
@@ -3196,43 +3192,43 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3196
3192
  key: 0,
3197
3193
  class: "text-capitalize",
3198
3194
  onClick: $event => ($options.changeKey('order_by',title))
3199
- }, toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
3195
+ }, toDisplayString(title.replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_23))
3200
3196
  : (typeof title === 'function')
3201
3197
  ? (openBlock(), createElementBlock("a", {
3202
3198
  key: 1,
3203
3199
  class: "text-capitalize",
3204
3200
  onClick: $event => ($options.changeKey('order_by',title))
3205
- }, toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
3201
+ }, toDisplayString(title(null).replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_24))
3206
3202
  : (openBlock(), createElementBlock("a", {
3207
3203
  key: 2,
3208
3204
  class: "text-capitalize",
3209
3205
  onClick: $event => ($options.changeKey('order_by',title[0]))
3210
- }, toDisplayString(title[1].replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_26))
3206
+ }, toDisplayString(title[1].replace(/_/g, ' ')), 9 /* TEXT, PROPS */, _hoisted_25))
3211
3207
  ]))
3212
3208
  }), 128 /* KEYED_FRAGMENT */)),
3213
3209
  ($props.actions)
3214
- ? (openBlock(), createElementBlock("th", _hoisted_27, toDisplayString($props.actions.label), 1 /* TEXT */))
3210
+ ? (openBlock(), createElementBlock("th", _hoisted_26, toDisplayString($props.actions.label), 1 /* TEXT */))
3215
3211
  : createCommentVNode("v-if", true)
3216
3212
  ])
3217
3213
  ]),
3218
- createElementVNode("tbody", _hoisted_28, [
3214
+ createElementVNode("tbody", _hoisted_27, [
3219
3215
  ($data.loading === 'loading')
3220
- ? (openBlock(), createElementBlock("tr", _hoisted_29, [
3216
+ ? (openBlock(), createElementBlock("tr", _hoisted_28, [
3221
3217
  createElementVNode("td", {
3222
3218
  colspan: $props.headers.length
3223
- }, _hoisted_32, 8 /* PROPS */, _hoisted_30)
3219
+ }, _hoisted_31, 8 /* PROPS */, _hoisted_29)
3224
3220
  ]))
3225
3221
  : ($data.loading === 'error')
3226
- ? (openBlock(), createElementBlock("tr", _hoisted_33, [
3222
+ ? (openBlock(), createElementBlock("tr", _hoisted_32, [
3227
3223
  createElementVNode("td", {
3228
3224
  colspan: $props.headers.length
3229
- }, toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_34)
3225
+ }, toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_33)
3230
3226
  ]))
3231
3227
  : ($data.records.length === 0)
3232
- ? (openBlock(), createElementBlock("tr", _hoisted_35, [
3228
+ ? (openBlock(), createElementBlock("tr", _hoisted_34, [
3233
3229
  createElementVNode("td", {
3234
3230
  colspan: $props.actions ? $props.headers.length + 1 : $props.headers.length
3235
- }, _hoisted_39, 8 /* PROPS */, _hoisted_36)
3231
+ }, _hoisted_38, 8 /* PROPS */, _hoisted_35)
3236
3232
  ]))
3237
3233
  : ($data.loading === 'done')
3238
3234
  ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList($data.records, (record, index) => {
@@ -3253,29 +3249,29 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3253
3249
  innerHTML: record[key]
3254
3250
  }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
3255
3251
  : ($options.getFieldType(key) === 'numeric')
3256
- ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3252
+ ? (openBlock(), createElementBlock("span", _hoisted_40, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3257
3253
  : ($options.getFieldType(key) === 'money')
3258
- ? (openBlock(), createElementBlock("span", _hoisted_42, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3254
+ ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3259
3255
  : ($options.getFieldType(key) === 'date')
3260
- ? (openBlock(), createElementBlock("span", _hoisted_43, toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
3256
+ ? (openBlock(), createElementBlock("span", _hoisted_42, toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
3261
3257
  : (typeof key === 'string')
3262
3258
  ? (openBlock(), createElementBlock("span", {
3263
3259
  key: 4,
3264
3260
  innerHTML: record[key]
3265
- }, null, 8 /* PROPS */, _hoisted_44))
3261
+ }, null, 8 /* PROPS */, _hoisted_43))
3266
3262
  : (typeof key === 'function')
3267
3263
  ? (openBlock(), createElementBlock("span", {
3268
3264
  key: 5,
3269
3265
  innerHTML: key(record, index)
3270
- }, null, 8 /* PROPS */, _hoisted_45))
3266
+ }, null, 8 /* PROPS */, _hoisted_44))
3271
3267
  : (openBlock(), createElementBlock("span", {
3272
3268
  key: 6,
3273
3269
  innerHTML: record[key[0]]
3274
- }, null, 8 /* PROPS */, _hoisted_46))
3270
+ }, null, 8 /* PROPS */, _hoisted_45))
3275
3271
  ]))
3276
3272
  }), 128 /* KEYED_FRAGMENT */)),
3277
3273
  ($props.actions)
3278
- ? (openBlock(), createElementBlock("td", _hoisted_47, [
3274
+ ? (openBlock(), createElementBlock("td", _hoisted_46, [
3279
3275
  (openBlock(true), createElementBlock(Fragment, null, renderList($props.actions.actions, (act) => {
3280
3276
  return (openBlock(), createElementBlock(Fragment, {
3281
3277
  key: act.path
@@ -3290,7 +3286,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3290
3286
  title: act.title,
3291
3287
  class: normalizeClass(act.class ? act.class:'btn btn-default'),
3292
3288
  onClick: $event => ($options.doEmitAction(act.emits,record))
3293
- }, toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_48))
3289
+ }, toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_47))
3294
3290
  : createCommentVNode("v-if", true),
3295
3291
  (!act.emits)
3296
3292
  ? (openBlock(), createBlock(_component_router_link, {
@@ -3313,20 +3309,20 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3313
3309
  }), 128 /* KEYED_FRAGMENT */))
3314
3310
  ]))
3315
3311
  : createCommentVNode("v-if", true)
3316
- ], 10 /* CLASS, PROPS */, _hoisted_40))
3312
+ ], 10 /* CLASS, PROPS */, _hoisted_39))
3317
3313
  }), 128 /* KEYED_FRAGMENT */))
3318
3314
  : createCommentVNode("v-if", true)
3319
3315
  ])
3320
3316
  ], 2 /* CLASS */))
3321
- : (openBlock(), createElementBlock("div", _hoisted_49, [
3317
+ : (openBlock(), createElementBlock("div", _hoisted_48, [
3322
3318
  ($data.loading === 'loading')
3323
- ? (openBlock(), createElementBlock("div", _hoisted_50, _hoisted_52))
3319
+ ? (openBlock(), createElementBlock("div", _hoisted_49, _hoisted_51))
3324
3320
  : ($data.loading === 'error')
3325
- ? (openBlock(), createElementBlock("div", _hoisted_53, [
3321
+ ? (openBlock(), createElementBlock("div", _hoisted_52, [
3326
3322
  createElementVNode("span", null, toDisplayString($data.loading_error), 1 /* TEXT */)
3327
3323
  ]))
3328
3324
  : ($data.loading === 'done')
3329
- ? (openBlock(), createElementBlock("div", _hoisted_54, [
3325
+ ? (openBlock(), createElementBlock("div", _hoisted_53, [
3330
3326
  (openBlock(true), createElementBlock(Fragment, null, renderList($data.records, (record, index) => {
3331
3327
  return (openBlock(), createElementBlock(Fragment, {
3332
3328
  key: record.id
@@ -3341,10 +3337,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3341
3337
  key: key[0]
3342
3338
  }, [
3343
3339
  (typeof key === 'string' )
3344
- ? (openBlock(), createElementBlock("p", _hoisted_56, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
3340
+ ? (openBlock(), createElementBlock("p", _hoisted_55, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
3345
3341
  : (typeof key === 'function')
3346
- ? (openBlock(), createElementBlock("p", _hoisted_57, toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
3347
- : (openBlock(), createElementBlock("p", _hoisted_58, toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
3342
+ ? (openBlock(), createElementBlock("p", _hoisted_56, toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
3343
+ : (openBlock(), createElementBlock("p", _hoisted_57, toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
3348
3344
  createElementVNode("span", null, [
3349
3345
  (typeof key === 'string' && $props.links && $props.links[key])
3350
3346
  ? (openBlock(), createBlock(_component_router_link, {
@@ -3354,29 +3350,29 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3354
3350
  innerHTML: record[key]
3355
3351
  }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
3356
3352
  : ($options.getFieldType(key) === 'numeric')
3357
- ? (openBlock(), createElementBlock("span", _hoisted_59, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3353
+ ? (openBlock(), createElementBlock("span", _hoisted_58, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3358
3354
  : ($options.getFieldType(key) === 'money')
3359
- ? (openBlock(), createElementBlock("span", _hoisted_60, "KES " + toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3355
+ ? (openBlock(), createElementBlock("span", _hoisted_59, "KES " + toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3360
3356
  : (typeof key === 'string')
3361
3357
  ? (openBlock(), createElementBlock("span", {
3362
3358
  key: 3,
3363
3359
  innerHTML: record[key]
3364
- }, null, 8 /* PROPS */, _hoisted_61))
3360
+ }, null, 8 /* PROPS */, _hoisted_60))
3365
3361
  : (typeof key === 'function')
3366
3362
  ? (openBlock(), createElementBlock("span", {
3367
3363
  key: 4,
3368
3364
  innerHTML: key(record, index )
3369
- }, null, 8 /* PROPS */, _hoisted_62))
3365
+ }, null, 8 /* PROPS */, _hoisted_61))
3370
3366
  : (openBlock(), createElementBlock("span", {
3371
3367
  key: 5,
3372
3368
  innerHTML: record[key[0]]
3373
- }, null, 8 /* PROPS */, _hoisted_63))
3369
+ }, null, 8 /* PROPS */, _hoisted_62))
3374
3370
  ]),
3375
- _hoisted_64
3371
+ _hoisted_63
3376
3372
  ], 64 /* STABLE_FRAGMENT */))
3377
3373
  }), 128 /* KEYED_FRAGMENT */)),
3378
3374
  ($props.actions)
3379
- ? (openBlock(), createElementBlock("div", _hoisted_65, [
3375
+ ? (openBlock(), createElementBlock("div", _hoisted_64, [
3380
3376
  (openBlock(true), createElementBlock(Fragment, null, renderList($props.actions.actions, (act) => {
3381
3377
  return (openBlock(), createElementBlock(Fragment, {
3382
3378
  key: act.path
@@ -3391,7 +3387,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3391
3387
  title: act.title,
3392
3388
  class: normalizeClass(act.class ? act.class:'btn btn-default'),
3393
3389
  onClick: $event => ($options.doEmitAction(act.emits,record))
3394
- }, toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_66))
3390
+ }, toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_65))
3395
3391
  : createCommentVNode("v-if", true),
3396
3392
  (!act.emits)
3397
3393
  ? (openBlock(), createBlock(_component_router_link, {
@@ -3414,7 +3410,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3414
3410
  }), 128 /* KEYED_FRAGMENT */))
3415
3411
  ]))
3416
3412
  : createCommentVNode("v-if", true)
3417
- ], 8 /* PROPS */, _hoisted_55)
3413
+ ], 8 /* PROPS */, _hoisted_54)
3418
3414
  ], 64 /* STABLE_FRAGMENT */))
3419
3415
  }), 128 /* KEYED_FRAGMENT */))
3420
3416
  ]))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iankibetsh/shframework",
3
- "version": "0.3.9",
3
+ "version": "0.4.0",
4
4
  "description": "Vue library for handling laravel backend",
5
5
  "main": "dist/library.js",
6
6
  "module": "dist/library.mjs",