@iankibetsh/shframework 0.3.6 → 0.3.9

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.
package/dist/library.js CHANGED
@@ -1735,7 +1735,22 @@ var script$5 = {
1735
1735
  ShEditor: script$6,
1736
1736
  ShPhone: script$7
1737
1737
  },
1738
- props: ['action', 'classes', 'hasTerms', 'country_code', 'submitBtnClass', 'fields', 'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission', 'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback', 'failed_callback', 'labels', 'editors'],
1738
+ props: [
1739
+ 'action',
1740
+ 'classes',
1741
+ 'hasTerms',
1742
+ 'country_code',
1743
+ 'submitBtnClass',
1744
+ 'fields',
1745
+ 'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
1746
+ 'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
1747
+ 'failedCallback', 'labels', 'editors',
1748
+ 'datePickers',
1749
+ 'textAreas',
1750
+ 'files',
1751
+ 'phones',
1752
+ 'numbers'
1753
+ ],
1739
1754
  data: function () {
1740
1755
  return {
1741
1756
  form_elements: {},
@@ -1773,14 +1788,26 @@ var script$5 = {
1773
1788
  }
1774
1789
  },
1775
1790
  getFieldType: function (field) {
1791
+ if(this.editors && this.editors.includes(field)){
1792
+ return 'editor'
1793
+ }
1794
+ if(this.textAreas && this.textAreas.includes(field)){
1795
+ return 'textarea'
1796
+ }
1797
+ if(this.datePickers && this.datePickers.includes(field)){
1798
+ return 'datepicker'
1799
+ }
1800
+ if(this.numbers && this.numbers.includes(field)){
1801
+ return 'numeric'
1802
+ }
1803
+ if(this.files && this.files.includes(field)){
1804
+ return 'file'
1805
+ }
1776
1806
  const textareas = ['message', 'meta_description', 'comment', 'call_response', 'comments', 'description'];
1777
1807
  const selects = ['gender', 'payment_method', 'allow_view_mode', 'reasons_name', 'has_free_tier', 'payment_period', 'role', 'register_as', 'account_type'];
1778
1808
  const numbers = ['age'];
1779
1809
  const datePickers = ['free_tier_days', 'recurring_date', 'date', 'paid_at'];
1780
1810
  let realEditors = ['html_content', 'listing_description', 'mail', 'comment'];
1781
- if(this.editors && this.editors.include(field)){
1782
- return 'editor'
1783
- }
1784
1811
  const mapLocations = ['building_location'];
1785
1812
  const files = ['file', 'logo'];
1786
1813
  const phones = ['phone'];
@@ -2711,7 +2738,7 @@ var helpers = {
2711
2738
 
2712
2739
  var script$1 = {
2713
2740
  name: 'sh-table',
2714
- props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields'],
2741
+ props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover'],
2715
2742
  inject: ['channel', 'global'],
2716
2743
  data () {
2717
2744
  return {
@@ -2986,10 +3013,7 @@ const _hoisted_21 = {
2986
3013
  class: "alert alert-danger"
2987
3014
  };
2988
3015
  const _hoisted_22 = { colspan: 2 };
2989
- const _hoisted_23 = {
2990
- key: 4,
2991
- class: "table"
2992
- };
3016
+ const _hoisted_23 = { class: "sh-thead" };
2993
3017
  const _hoisted_24 = ["onClick"];
2994
3018
  const _hoisted_25 = ["onClick"];
2995
3019
  const _hoisted_26 = ["onClick"];
@@ -2997,12 +3021,13 @@ const _hoisted_27 = {
2997
3021
  key: 0,
2998
3022
  class: "text-capitalize"
2999
3023
  };
3000
- const _hoisted_28 = {
3024
+ const _hoisted_28 = { class: "sh-tbody" };
3025
+ const _hoisted_29 = {
3001
3026
  key: 0,
3002
3027
  class: "text-center"
3003
3028
  };
3004
- const _hoisted_29 = ["colspan"];
3005
- const _hoisted_30 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
3029
+ const _hoisted_30 = ["colspan"];
3030
+ const _hoisted_31 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
3006
3031
  /*#__PURE__*/vue.createElementVNode("div", {
3007
3032
  class: "spinner-border",
3008
3033
  role: "status"
@@ -3010,46 +3035,46 @@ const _hoisted_30 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-ce
3010
3035
  /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
3011
3036
  ])
3012
3037
  ], -1 /* HOISTED */);
3013
- const _hoisted_31 = [
3014
- _hoisted_30
3038
+ const _hoisted_32 = [
3039
+ _hoisted_31
3015
3040
  ];
3016
- const _hoisted_32 = {
3041
+ const _hoisted_33 = {
3017
3042
  key: 1,
3018
3043
  class: "text-center alert alert-danger"
3019
3044
  };
3020
- const _hoisted_33 = ["colspan"];
3021
- const _hoisted_34 = {
3045
+ const _hoisted_34 = ["colspan"];
3046
+ const _hoisted_35 = {
3022
3047
  key: 2,
3023
3048
  class: "text-center alert alert-info no_records"
3024
3049
  };
3025
- const _hoisted_35 = ["colspan"];
3026
- const _hoisted_36 = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
3027
- const _hoisted_37 = /*#__PURE__*/vue.createTextVNode(" No records found ");
3028
- const _hoisted_38 = [
3029
- _hoisted_36,
3030
- _hoisted_37
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
3031
3056
  ];
3032
- const _hoisted_39 = ["onClick"];
3033
- const _hoisted_40 = { key: 1 };
3034
- const _hoisted_41 = {
3057
+ const _hoisted_40 = ["onClick"];
3058
+ const _hoisted_41 = { key: 1 };
3059
+ const _hoisted_42 = {
3035
3060
  key: 2,
3036
3061
  class: "text-success fw-bold"
3037
3062
  };
3038
- const _hoisted_42 = { key: 3 };
3039
- const _hoisted_43 = ["innerHTML"];
3063
+ const _hoisted_43 = { key: 3 };
3040
3064
  const _hoisted_44 = ["innerHTML"];
3041
3065
  const _hoisted_45 = ["innerHTML"];
3042
- const _hoisted_46 = {
3066
+ const _hoisted_46 = ["innerHTML"];
3067
+ const _hoisted_47 = {
3043
3068
  key: 0,
3044
3069
  style: {"white-space":"nowrap"}
3045
3070
  };
3046
- const _hoisted_47 = ["title", "onClick"];
3047
- const _hoisted_48 = { key: 5 };
3048
- const _hoisted_49 = {
3071
+ const _hoisted_48 = ["title", "onClick"];
3072
+ const _hoisted_49 = { key: 5 };
3073
+ const _hoisted_50 = {
3049
3074
  key: 0,
3050
3075
  class: "text-center"
3051
3076
  };
3052
- const _hoisted_50 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
3077
+ const _hoisted_51 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
3053
3078
  /*#__PURE__*/vue.createElementVNode("div", {
3054
3079
  class: "spinner-border",
3055
3080
  role: "status"
@@ -3057,38 +3082,38 @@ const _hoisted_50 = /*#__PURE__*/vue.createElementVNode("div", { class: "text-ce
3057
3082
  /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
3058
3083
  ])
3059
3084
  ], -1 /* HOISTED */);
3060
- const _hoisted_51 = [
3061
- _hoisted_50
3085
+ const _hoisted_52 = [
3086
+ _hoisted_51
3062
3087
  ];
3063
- const _hoisted_52 = { key: 1 };
3064
- const _hoisted_53 = {
3088
+ const _hoisted_53 = { key: 1 };
3089
+ const _hoisted_54 = {
3065
3090
  key: 2,
3066
3091
  class: "mobile-list-items"
3067
3092
  };
3068
- const _hoisted_54 = ["onClick"];
3069
- const _hoisted_55 = {
3093
+ const _hoisted_55 = ["onClick"];
3094
+ const _hoisted_56 = {
3070
3095
  key: 0,
3071
3096
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3072
3097
  };
3073
- const _hoisted_56 = {
3098
+ const _hoisted_57 = {
3074
3099
  key: 1,
3075
3100
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3076
3101
  };
3077
- const _hoisted_57 = {
3102
+ const _hoisted_58 = {
3078
3103
  key: 2,
3079
3104
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3080
3105
  };
3081
- const _hoisted_58 = { key: 1 };
3082
- const _hoisted_59 = {
3106
+ const _hoisted_59 = { key: 1 };
3107
+ const _hoisted_60 = {
3083
3108
  key: 2,
3084
3109
  class: "text-primary fw-bold"
3085
3110
  };
3086
- const _hoisted_60 = ["innerHTML"];
3087
3111
  const _hoisted_61 = ["innerHTML"];
3088
3112
  const _hoisted_62 = ["innerHTML"];
3089
- const _hoisted_63 = /*#__PURE__*/vue.createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
3090
- const _hoisted_64 = { key: 0 };
3091
- const _hoisted_65 = ["title", "onClick"];
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"];
3092
3117
 
3093
3118
  function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3094
3119
  const _component_router_link = vue.resolveComponent("router-link");
@@ -3168,8 +3193,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3168
3193
  : vue.createCommentVNode("v-if", true)
3169
3194
  ], 64 /* STABLE_FRAGMENT */))
3170
3195
  : ($options.windowWidth > 700)
3171
- ? (vue.openBlock(), vue.createElementBlock("table", _hoisted_23, [
3172
- vue.createElementVNode("thead", null, [
3196
+ ? (vue.openBlock(), vue.createElementBlock("table", {
3197
+ key: 4,
3198
+ class: vue.normalizeClass(["table sh-table", $props.tableHover ? 'table-hover':''])
3199
+ }, [
3200
+ vue.createElementVNode("thead", _hoisted_23, [
3173
3201
  vue.createElementVNode("tr", null, [
3174
3202
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.headers, (title) => {
3175
3203
  return (vue.openBlock(), vue.createElementBlock("th", {
@@ -3199,24 +3227,24 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3199
3227
  : vue.createCommentVNode("v-if", true)
3200
3228
  ])
3201
3229
  ]),
3202
- vue.createElementVNode("tbody", null, [
3230
+ vue.createElementVNode("tbody", _hoisted_28, [
3203
3231
  ($data.loading === 'loading')
3204
- ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_28, [
3232
+ ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_29, [
3205
3233
  vue.createElementVNode("td", {
3206
3234
  colspan: $props.headers.length
3207
- }, _hoisted_31, 8 /* PROPS */, _hoisted_29)
3235
+ }, _hoisted_32, 8 /* PROPS */, _hoisted_30)
3208
3236
  ]))
3209
3237
  : ($data.loading === 'error')
3210
- ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_32, [
3238
+ ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_33, [
3211
3239
  vue.createElementVNode("td", {
3212
3240
  colspan: $props.headers.length
3213
- }, vue.toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_33)
3241
+ }, vue.toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_34)
3214
3242
  ]))
3215
3243
  : ($data.records.length === 0)
3216
- ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_34, [
3244
+ ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_35, [
3217
3245
  vue.createElementVNode("td", {
3218
3246
  colspan: $props.actions ? $props.headers.length + 1 : $props.headers.length
3219
- }, _hoisted_38, 8 /* PROPS */, _hoisted_35)
3247
+ }, _hoisted_39, 8 /* PROPS */, _hoisted_36)
3220
3248
  ]))
3221
3249
  : ($data.loading === 'done')
3222
3250
  ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 3 }, vue.renderList($data.records, (record, index) => {
@@ -3237,29 +3265,29 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3237
3265
  innerHTML: record[key]
3238
3266
  }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
3239
3267
  : ($options.getFieldType(key) === 'numeric')
3240
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_40, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3268
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_41, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3241
3269
  : ($options.getFieldType(key) === 'money')
3242
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_41, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3270
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_42, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3243
3271
  : ($options.getFieldType(key) === 'date')
3244
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_42, vue.toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
3272
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_43, vue.toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
3245
3273
  : (typeof key === 'string')
3246
3274
  ? (vue.openBlock(), vue.createElementBlock("span", {
3247
3275
  key: 4,
3248
3276
  innerHTML: record[key]
3249
- }, null, 8 /* PROPS */, _hoisted_43))
3277
+ }, null, 8 /* PROPS */, _hoisted_44))
3250
3278
  : (typeof key === 'function')
3251
3279
  ? (vue.openBlock(), vue.createElementBlock("span", {
3252
3280
  key: 5,
3253
3281
  innerHTML: key(record, index)
3254
- }, null, 8 /* PROPS */, _hoisted_44))
3282
+ }, null, 8 /* PROPS */, _hoisted_45))
3255
3283
  : (vue.openBlock(), vue.createElementBlock("span", {
3256
3284
  key: 6,
3257
3285
  innerHTML: record[key[0]]
3258
- }, null, 8 /* PROPS */, _hoisted_45))
3286
+ }, null, 8 /* PROPS */, _hoisted_46))
3259
3287
  ]))
3260
3288
  }), 128 /* KEYED_FRAGMENT */)),
3261
3289
  ($props.actions)
3262
- ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_46, [
3290
+ ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_47, [
3263
3291
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.actions.actions, (act) => {
3264
3292
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
3265
3293
  key: act.path
@@ -3274,7 +3302,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3274
3302
  title: act.title,
3275
3303
  class: vue.normalizeClass(act.class ? act.class:'btn btn-default'),
3276
3304
  onClick: $event => ($options.doEmitAction(act.emits,record))
3277
- }, vue.toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_47))
3305
+ }, vue.toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_48))
3278
3306
  : vue.createCommentVNode("v-if", true),
3279
3307
  (!act.emits)
3280
3308
  ? (vue.openBlock(), vue.createBlock(_component_router_link, {
@@ -3297,20 +3325,20 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3297
3325
  }), 128 /* KEYED_FRAGMENT */))
3298
3326
  ]))
3299
3327
  : vue.createCommentVNode("v-if", true)
3300
- ], 10 /* CLASS, PROPS */, _hoisted_39))
3328
+ ], 10 /* CLASS, PROPS */, _hoisted_40))
3301
3329
  }), 128 /* KEYED_FRAGMENT */))
3302
3330
  : vue.createCommentVNode("v-if", true)
3303
3331
  ])
3304
- ]))
3305
- : (vue.openBlock(), vue.createElementBlock("div", _hoisted_48, [
3332
+ ], 2 /* CLASS */))
3333
+ : (vue.openBlock(), vue.createElementBlock("div", _hoisted_49, [
3306
3334
  ($data.loading === 'loading')
3307
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_49, _hoisted_51))
3335
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_50, _hoisted_52))
3308
3336
  : ($data.loading === 'error')
3309
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_52, [
3337
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_53, [
3310
3338
  vue.createElementVNode("span", null, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
3311
3339
  ]))
3312
3340
  : ($data.loading === 'done')
3313
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_53, [
3341
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_54, [
3314
3342
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.records, (record, index) => {
3315
3343
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
3316
3344
  key: record.id
@@ -3325,10 +3353,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3325
3353
  key: key[0]
3326
3354
  }, [
3327
3355
  (typeof key === 'string' )
3328
- ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_55, vue.toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
3356
+ ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_56, vue.toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
3329
3357
  : (typeof key === 'function')
3330
- ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_56, vue.toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
3331
- : (vue.openBlock(), vue.createElementBlock("p", _hoisted_57, vue.toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
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 */)),
3332
3360
  vue.createElementVNode("span", null, [
3333
3361
  (typeof key === 'string' && $props.links && $props.links[key])
3334
3362
  ? (vue.openBlock(), vue.createBlock(_component_router_link, {
@@ -3338,29 +3366,29 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3338
3366
  innerHTML: record[key]
3339
3367
  }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
3340
3368
  : ($options.getFieldType(key) === 'numeric')
3341
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_58, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3369
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_59, vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3342
3370
  : ($options.getFieldType(key) === 'money')
3343
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_59, "KES " + vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3371
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_60, "KES " + vue.toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3344
3372
  : (typeof key === 'string')
3345
3373
  ? (vue.openBlock(), vue.createElementBlock("span", {
3346
3374
  key: 3,
3347
3375
  innerHTML: record[key]
3348
- }, null, 8 /* PROPS */, _hoisted_60))
3376
+ }, null, 8 /* PROPS */, _hoisted_61))
3349
3377
  : (typeof key === 'function')
3350
3378
  ? (vue.openBlock(), vue.createElementBlock("span", {
3351
3379
  key: 4,
3352
3380
  innerHTML: key(record, index )
3353
- }, null, 8 /* PROPS */, _hoisted_61))
3381
+ }, null, 8 /* PROPS */, _hoisted_62))
3354
3382
  : (vue.openBlock(), vue.createElementBlock("span", {
3355
3383
  key: 5,
3356
3384
  innerHTML: record[key[0]]
3357
- }, null, 8 /* PROPS */, _hoisted_62))
3385
+ }, null, 8 /* PROPS */, _hoisted_63))
3358
3386
  ]),
3359
- _hoisted_63
3387
+ _hoisted_64
3360
3388
  ], 64 /* STABLE_FRAGMENT */))
3361
3389
  }), 128 /* KEYED_FRAGMENT */)),
3362
3390
  ($props.actions)
3363
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_64, [
3391
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_65, [
3364
3392
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.actions.actions, (act) => {
3365
3393
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
3366
3394
  key: act.path
@@ -3375,7 +3403,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3375
3403
  title: act.title,
3376
3404
  class: vue.normalizeClass(act.class ? act.class:'btn btn-default'),
3377
3405
  onClick: $event => ($options.doEmitAction(act.emits,record))
3378
- }, vue.toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_65))
3406
+ }, vue.toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_66))
3379
3407
  : vue.createCommentVNode("v-if", true),
3380
3408
  (!act.emits)
3381
3409
  ? (vue.openBlock(), vue.createBlock(_component_router_link, {
@@ -3398,7 +3426,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3398
3426
  }), 128 /* KEYED_FRAGMENT */))
3399
3427
  ]))
3400
3428
  : vue.createCommentVNode("v-if", true)
3401
- ], 8 /* PROPS */, _hoisted_54)
3429
+ ], 8 /* PROPS */, _hoisted_55)
3402
3430
  ], 64 /* STABLE_FRAGMENT */))
3403
3431
  }), 128 /* KEYED_FRAGMENT */))
3404
3432
  ]))
package/dist/library.mjs CHANGED
@@ -1723,7 +1723,22 @@ var script$5 = {
1723
1723
  ShEditor: script$6,
1724
1724
  ShPhone: script$7
1725
1725
  },
1726
- props: ['action', 'classes', 'hasTerms', 'country_code', 'submitBtnClass', 'fields', 'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission', 'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback', 'failed_callback', 'labels', 'editors'],
1726
+ props: [
1727
+ 'action',
1728
+ 'classes',
1729
+ 'hasTerms',
1730
+ 'country_code',
1731
+ 'submitBtnClass',
1732
+ 'fields',
1733
+ 'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
1734
+ 'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
1735
+ 'failedCallback', 'labels', 'editors',
1736
+ 'datePickers',
1737
+ 'textAreas',
1738
+ 'files',
1739
+ 'phones',
1740
+ 'numbers'
1741
+ ],
1727
1742
  data: function () {
1728
1743
  return {
1729
1744
  form_elements: {},
@@ -1761,14 +1776,26 @@ var script$5 = {
1761
1776
  }
1762
1777
  },
1763
1778
  getFieldType: function (field) {
1779
+ if(this.editors && this.editors.includes(field)){
1780
+ return 'editor'
1781
+ }
1782
+ if(this.textAreas && this.textAreas.includes(field)){
1783
+ return 'textarea'
1784
+ }
1785
+ if(this.datePickers && this.datePickers.includes(field)){
1786
+ return 'datepicker'
1787
+ }
1788
+ if(this.numbers && this.numbers.includes(field)){
1789
+ return 'numeric'
1790
+ }
1791
+ if(this.files && this.files.includes(field)){
1792
+ return 'file'
1793
+ }
1764
1794
  const textareas = ['message', 'meta_description', 'comment', 'call_response', 'comments', 'description'];
1765
1795
  const selects = ['gender', 'payment_method', 'allow_view_mode', 'reasons_name', 'has_free_tier', 'payment_period', 'role', 'register_as', 'account_type'];
1766
1796
  const numbers = ['age'];
1767
1797
  const datePickers = ['free_tier_days', 'recurring_date', 'date', 'paid_at'];
1768
1798
  let realEditors = ['html_content', 'listing_description', 'mail', 'comment'];
1769
- if(this.editors && this.editors.include(field)){
1770
- return 'editor'
1771
- }
1772
1799
  const mapLocations = ['building_location'];
1773
1800
  const files = ['file', 'logo'];
1774
1801
  const phones = ['phone'];
@@ -2699,7 +2726,7 @@ var helpers = {
2699
2726
 
2700
2727
  var script$1 = {
2701
2728
  name: 'sh-table',
2702
- props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields'],
2729
+ props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover'],
2703
2730
  inject: ['channel', 'global'],
2704
2731
  data () {
2705
2732
  return {
@@ -2974,10 +3001,7 @@ const _hoisted_21 = {
2974
3001
  class: "alert alert-danger"
2975
3002
  };
2976
3003
  const _hoisted_22 = { colspan: 2 };
2977
- const _hoisted_23 = {
2978
- key: 4,
2979
- class: "table"
2980
- };
3004
+ const _hoisted_23 = { class: "sh-thead" };
2981
3005
  const _hoisted_24 = ["onClick"];
2982
3006
  const _hoisted_25 = ["onClick"];
2983
3007
  const _hoisted_26 = ["onClick"];
@@ -2985,12 +3009,13 @@ const _hoisted_27 = {
2985
3009
  key: 0,
2986
3010
  class: "text-capitalize"
2987
3011
  };
2988
- const _hoisted_28 = {
3012
+ const _hoisted_28 = { class: "sh-tbody" };
3013
+ const _hoisted_29 = {
2989
3014
  key: 0,
2990
3015
  class: "text-center"
2991
3016
  };
2992
- const _hoisted_29 = ["colspan"];
2993
- const _hoisted_30 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
3017
+ const _hoisted_30 = ["colspan"];
3018
+ const _hoisted_31 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
2994
3019
  /*#__PURE__*/createElementVNode("div", {
2995
3020
  class: "spinner-border",
2996
3021
  role: "status"
@@ -2998,46 +3023,46 @@ const _hoisted_30 = /*#__PURE__*/createElementVNode("div", { class: "text-center
2998
3023
  /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
2999
3024
  ])
3000
3025
  ], -1 /* HOISTED */);
3001
- const _hoisted_31 = [
3002
- _hoisted_30
3026
+ const _hoisted_32 = [
3027
+ _hoisted_31
3003
3028
  ];
3004
- const _hoisted_32 = {
3029
+ const _hoisted_33 = {
3005
3030
  key: 1,
3006
3031
  class: "text-center alert alert-danger"
3007
3032
  };
3008
- const _hoisted_33 = ["colspan"];
3009
- const _hoisted_34 = {
3033
+ const _hoisted_34 = ["colspan"];
3034
+ const _hoisted_35 = {
3010
3035
  key: 2,
3011
3036
  class: "text-center alert alert-info no_records"
3012
3037
  };
3013
- const _hoisted_35 = ["colspan"];
3014
- const _hoisted_36 = /*#__PURE__*/createElementVNode("i", { class: "bi-info-circle" }, null, -1 /* HOISTED */);
3015
- const _hoisted_37 = /*#__PURE__*/createTextVNode(" No records found ");
3016
- const _hoisted_38 = [
3017
- _hoisted_36,
3018
- _hoisted_37
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
3019
3044
  ];
3020
- const _hoisted_39 = ["onClick"];
3021
- const _hoisted_40 = { key: 1 };
3022
- const _hoisted_41 = {
3045
+ const _hoisted_40 = ["onClick"];
3046
+ const _hoisted_41 = { key: 1 };
3047
+ const _hoisted_42 = {
3023
3048
  key: 2,
3024
3049
  class: "text-success fw-bold"
3025
3050
  };
3026
- const _hoisted_42 = { key: 3 };
3027
- const _hoisted_43 = ["innerHTML"];
3051
+ const _hoisted_43 = { key: 3 };
3028
3052
  const _hoisted_44 = ["innerHTML"];
3029
3053
  const _hoisted_45 = ["innerHTML"];
3030
- const _hoisted_46 = {
3054
+ const _hoisted_46 = ["innerHTML"];
3055
+ const _hoisted_47 = {
3031
3056
  key: 0,
3032
3057
  style: {"white-space":"nowrap"}
3033
3058
  };
3034
- const _hoisted_47 = ["title", "onClick"];
3035
- const _hoisted_48 = { key: 5 };
3036
- const _hoisted_49 = {
3059
+ const _hoisted_48 = ["title", "onClick"];
3060
+ const _hoisted_49 = { key: 5 };
3061
+ const _hoisted_50 = {
3037
3062
  key: 0,
3038
3063
  class: "text-center"
3039
3064
  };
3040
- const _hoisted_50 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
3065
+ const _hoisted_51 = /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
3041
3066
  /*#__PURE__*/createElementVNode("div", {
3042
3067
  class: "spinner-border",
3043
3068
  role: "status"
@@ -3045,38 +3070,38 @@ const _hoisted_50 = /*#__PURE__*/createElementVNode("div", { class: "text-center
3045
3070
  /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
3046
3071
  ])
3047
3072
  ], -1 /* HOISTED */);
3048
- const _hoisted_51 = [
3049
- _hoisted_50
3073
+ const _hoisted_52 = [
3074
+ _hoisted_51
3050
3075
  ];
3051
- const _hoisted_52 = { key: 1 };
3052
- const _hoisted_53 = {
3076
+ const _hoisted_53 = { key: 1 };
3077
+ const _hoisted_54 = {
3053
3078
  key: 2,
3054
3079
  class: "mobile-list-items"
3055
3080
  };
3056
- const _hoisted_54 = ["onClick"];
3057
- const _hoisted_55 = {
3081
+ const _hoisted_55 = ["onClick"];
3082
+ const _hoisted_56 = {
3058
3083
  key: 0,
3059
3084
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3060
3085
  };
3061
- const _hoisted_56 = {
3086
+ const _hoisted_57 = {
3062
3087
  key: 1,
3063
3088
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3064
3089
  };
3065
- const _hoisted_57 = {
3090
+ const _hoisted_58 = {
3066
3091
  key: 2,
3067
3092
  class: "mb-1 font-weight-bold text-capitalize profile-form-title"
3068
3093
  };
3069
- const _hoisted_58 = { key: 1 };
3070
- const _hoisted_59 = {
3094
+ const _hoisted_59 = { key: 1 };
3095
+ const _hoisted_60 = {
3071
3096
  key: 2,
3072
3097
  class: "text-primary fw-bold"
3073
3098
  };
3074
- const _hoisted_60 = ["innerHTML"];
3075
3099
  const _hoisted_61 = ["innerHTML"];
3076
3100
  const _hoisted_62 = ["innerHTML"];
3077
- const _hoisted_63 = /*#__PURE__*/createElementVNode("hr", { class: "my-2" }, null, -1 /* HOISTED */);
3078
- const _hoisted_64 = { key: 0 };
3079
- const _hoisted_65 = ["title", "onClick"];
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"];
3080
3105
 
3081
3106
  function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3082
3107
  const _component_router_link = resolveComponent("router-link");
@@ -3156,8 +3181,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3156
3181
  : createCommentVNode("v-if", true)
3157
3182
  ], 64 /* STABLE_FRAGMENT */))
3158
3183
  : ($options.windowWidth > 700)
3159
- ? (openBlock(), createElementBlock("table", _hoisted_23, [
3160
- createElementVNode("thead", null, [
3184
+ ? (openBlock(), createElementBlock("table", {
3185
+ key: 4,
3186
+ class: normalizeClass(["table sh-table", $props.tableHover ? 'table-hover':''])
3187
+ }, [
3188
+ createElementVNode("thead", _hoisted_23, [
3161
3189
  createElementVNode("tr", null, [
3162
3190
  (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (title) => {
3163
3191
  return (openBlock(), createElementBlock("th", {
@@ -3187,24 +3215,24 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3187
3215
  : createCommentVNode("v-if", true)
3188
3216
  ])
3189
3217
  ]),
3190
- createElementVNode("tbody", null, [
3218
+ createElementVNode("tbody", _hoisted_28, [
3191
3219
  ($data.loading === 'loading')
3192
- ? (openBlock(), createElementBlock("tr", _hoisted_28, [
3220
+ ? (openBlock(), createElementBlock("tr", _hoisted_29, [
3193
3221
  createElementVNode("td", {
3194
3222
  colspan: $props.headers.length
3195
- }, _hoisted_31, 8 /* PROPS */, _hoisted_29)
3223
+ }, _hoisted_32, 8 /* PROPS */, _hoisted_30)
3196
3224
  ]))
3197
3225
  : ($data.loading === 'error')
3198
- ? (openBlock(), createElementBlock("tr", _hoisted_32, [
3226
+ ? (openBlock(), createElementBlock("tr", _hoisted_33, [
3199
3227
  createElementVNode("td", {
3200
3228
  colspan: $props.headers.length
3201
- }, toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_33)
3229
+ }, toDisplayString($data.loading_error), 9 /* TEXT, PROPS */, _hoisted_34)
3202
3230
  ]))
3203
3231
  : ($data.records.length === 0)
3204
- ? (openBlock(), createElementBlock("tr", _hoisted_34, [
3232
+ ? (openBlock(), createElementBlock("tr", _hoisted_35, [
3205
3233
  createElementVNode("td", {
3206
3234
  colspan: $props.actions ? $props.headers.length + 1 : $props.headers.length
3207
- }, _hoisted_38, 8 /* PROPS */, _hoisted_35)
3235
+ }, _hoisted_39, 8 /* PROPS */, _hoisted_36)
3208
3236
  ]))
3209
3237
  : ($data.loading === 'done')
3210
3238
  ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList($data.records, (record, index) => {
@@ -3225,29 +3253,29 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3225
3253
  innerHTML: record[key]
3226
3254
  }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
3227
3255
  : ($options.getFieldType(key) === 'numeric')
3228
- ? (openBlock(), createElementBlock("span", _hoisted_40, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3256
+ ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3229
3257
  : ($options.getFieldType(key) === 'money')
3230
- ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3258
+ ? (openBlock(), createElementBlock("span", _hoisted_42, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3231
3259
  : ($options.getFieldType(key) === 'date')
3232
- ? (openBlock(), createElementBlock("span", _hoisted_42, toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
3260
+ ? (openBlock(), createElementBlock("span", _hoisted_43, toDisplayString($options.formatDate(record[key])), 1 /* TEXT */))
3233
3261
  : (typeof key === 'string')
3234
3262
  ? (openBlock(), createElementBlock("span", {
3235
3263
  key: 4,
3236
3264
  innerHTML: record[key]
3237
- }, null, 8 /* PROPS */, _hoisted_43))
3265
+ }, null, 8 /* PROPS */, _hoisted_44))
3238
3266
  : (typeof key === 'function')
3239
3267
  ? (openBlock(), createElementBlock("span", {
3240
3268
  key: 5,
3241
3269
  innerHTML: key(record, index)
3242
- }, null, 8 /* PROPS */, _hoisted_44))
3270
+ }, null, 8 /* PROPS */, _hoisted_45))
3243
3271
  : (openBlock(), createElementBlock("span", {
3244
3272
  key: 6,
3245
3273
  innerHTML: record[key[0]]
3246
- }, null, 8 /* PROPS */, _hoisted_45))
3274
+ }, null, 8 /* PROPS */, _hoisted_46))
3247
3275
  ]))
3248
3276
  }), 128 /* KEYED_FRAGMENT */)),
3249
3277
  ($props.actions)
3250
- ? (openBlock(), createElementBlock("td", _hoisted_46, [
3278
+ ? (openBlock(), createElementBlock("td", _hoisted_47, [
3251
3279
  (openBlock(true), createElementBlock(Fragment, null, renderList($props.actions.actions, (act) => {
3252
3280
  return (openBlock(), createElementBlock(Fragment, {
3253
3281
  key: act.path
@@ -3262,7 +3290,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3262
3290
  title: act.title,
3263
3291
  class: normalizeClass(act.class ? act.class:'btn btn-default'),
3264
3292
  onClick: $event => ($options.doEmitAction(act.emits,record))
3265
- }, toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_47))
3293
+ }, toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_48))
3266
3294
  : createCommentVNode("v-if", true),
3267
3295
  (!act.emits)
3268
3296
  ? (openBlock(), createBlock(_component_router_link, {
@@ -3285,20 +3313,20 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3285
3313
  }), 128 /* KEYED_FRAGMENT */))
3286
3314
  ]))
3287
3315
  : createCommentVNode("v-if", true)
3288
- ], 10 /* CLASS, PROPS */, _hoisted_39))
3316
+ ], 10 /* CLASS, PROPS */, _hoisted_40))
3289
3317
  }), 128 /* KEYED_FRAGMENT */))
3290
3318
  : createCommentVNode("v-if", true)
3291
3319
  ])
3292
- ]))
3293
- : (openBlock(), createElementBlock("div", _hoisted_48, [
3320
+ ], 2 /* CLASS */))
3321
+ : (openBlock(), createElementBlock("div", _hoisted_49, [
3294
3322
  ($data.loading === 'loading')
3295
- ? (openBlock(), createElementBlock("div", _hoisted_49, _hoisted_51))
3323
+ ? (openBlock(), createElementBlock("div", _hoisted_50, _hoisted_52))
3296
3324
  : ($data.loading === 'error')
3297
- ? (openBlock(), createElementBlock("div", _hoisted_52, [
3325
+ ? (openBlock(), createElementBlock("div", _hoisted_53, [
3298
3326
  createElementVNode("span", null, toDisplayString($data.loading_error), 1 /* TEXT */)
3299
3327
  ]))
3300
3328
  : ($data.loading === 'done')
3301
- ? (openBlock(), createElementBlock("div", _hoisted_53, [
3329
+ ? (openBlock(), createElementBlock("div", _hoisted_54, [
3302
3330
  (openBlock(true), createElementBlock(Fragment, null, renderList($data.records, (record, index) => {
3303
3331
  return (openBlock(), createElementBlock(Fragment, {
3304
3332
  key: record.id
@@ -3313,10 +3341,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3313
3341
  key: key[0]
3314
3342
  }, [
3315
3343
  (typeof key === 'string' )
3316
- ? (openBlock(), createElementBlock("p", _hoisted_55, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
3344
+ ? (openBlock(), createElementBlock("p", _hoisted_56, toDisplayString(key.replace(/_/g, ' ')), 1 /* TEXT */))
3317
3345
  : (typeof key === 'function')
3318
- ? (openBlock(), createElementBlock("p", _hoisted_56, toDisplayString(key(null).replace(/_/g, ' ')), 1 /* TEXT */))
3319
- : (openBlock(), createElementBlock("p", _hoisted_57, toDisplayString(key[1].replace(/_/g, ' ')), 1 /* TEXT */)),
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 */)),
3320
3348
  createElementVNode("span", null, [
3321
3349
  (typeof key === 'string' && $props.links && $props.links[key])
3322
3350
  ? (openBlock(), createBlock(_component_router_link, {
@@ -3326,29 +3354,29 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3326
3354
  innerHTML: record[key]
3327
3355
  }, null, 8 /* PROPS */, ["to", "class", "innerHTML"]))
3328
3356
  : ($options.getFieldType(key) === 'numeric')
3329
- ? (openBlock(), createElementBlock("span", _hoisted_58, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3357
+ ? (openBlock(), createElementBlock("span", _hoisted_59, toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3330
3358
  : ($options.getFieldType(key) === 'money')
3331
- ? (openBlock(), createElementBlock("span", _hoisted_59, "KES " + toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3359
+ ? (openBlock(), createElementBlock("span", _hoisted_60, "KES " + toDisplayString(Intl.NumberFormat().format(record[key])), 1 /* TEXT */))
3332
3360
  : (typeof key === 'string')
3333
3361
  ? (openBlock(), createElementBlock("span", {
3334
3362
  key: 3,
3335
3363
  innerHTML: record[key]
3336
- }, null, 8 /* PROPS */, _hoisted_60))
3364
+ }, null, 8 /* PROPS */, _hoisted_61))
3337
3365
  : (typeof key === 'function')
3338
3366
  ? (openBlock(), createElementBlock("span", {
3339
3367
  key: 4,
3340
3368
  innerHTML: key(record, index )
3341
- }, null, 8 /* PROPS */, _hoisted_61))
3369
+ }, null, 8 /* PROPS */, _hoisted_62))
3342
3370
  : (openBlock(), createElementBlock("span", {
3343
3371
  key: 5,
3344
3372
  innerHTML: record[key[0]]
3345
- }, null, 8 /* PROPS */, _hoisted_62))
3373
+ }, null, 8 /* PROPS */, _hoisted_63))
3346
3374
  ]),
3347
- _hoisted_63
3375
+ _hoisted_64
3348
3376
  ], 64 /* STABLE_FRAGMENT */))
3349
3377
  }), 128 /* KEYED_FRAGMENT */)),
3350
3378
  ($props.actions)
3351
- ? (openBlock(), createElementBlock("div", _hoisted_64, [
3379
+ ? (openBlock(), createElementBlock("div", _hoisted_65, [
3352
3380
  (openBlock(true), createElementBlock(Fragment, null, renderList($props.actions.actions, (act) => {
3353
3381
  return (openBlock(), createElementBlock(Fragment, {
3354
3382
  key: act.path
@@ -3363,7 +3391,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3363
3391
  title: act.title,
3364
3392
  class: normalizeClass(act.class ? act.class:'btn btn-default'),
3365
3393
  onClick: $event => ($options.doEmitAction(act.emits,record))
3366
- }, toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_65))
3394
+ }, toDisplayString(act.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_66))
3367
3395
  : createCommentVNode("v-if", true),
3368
3396
  (!act.emits)
3369
3397
  ? (openBlock(), createBlock(_component_router_link, {
@@ -3386,7 +3414,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
3386
3414
  }), 128 /* KEYED_FRAGMENT */))
3387
3415
  ]))
3388
3416
  : createCommentVNode("v-if", true)
3389
- ], 8 /* PROPS */, _hoisted_54)
3417
+ ], 8 /* PROPS */, _hoisted_55)
3390
3418
  ], 64 /* STABLE_FRAGMENT */))
3391
3419
  }), 128 /* KEYED_FRAGMENT */))
3392
3420
  ]))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iankibetsh/shframework",
3
- "version": "0.3.6",
3
+ "version": "0.3.9",
4
4
  "description": "Vue library for handling laravel backend",
5
5
  "main": "dist/library.js",
6
6
  "module": "dist/library.mjs",