@dolusoft/vue3-datatable 1.8.24 → 1.8.27

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/vue3-datatable.cjs +92 -76
  2. package/dist/vue3-datatable.js +92 -76
  3. package/package.json +1 -1
package/dist/vue3-datatable.cjs CHANGED
@@ -3572,101 +3572,103 @@ const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("span", null, "##Tabl
3572
3572
  const _hoisted_11 = ["onClick"];
3573
3573
  const _hoisted_12 = { class: "bh-checkbox" };
3574
3574
  const _hoisted_13 = ["value"];
3575
- const _hoisted_14 = ["innerHTML"];
3576
- const _hoisted_15 = ["onClick"];
3577
- const _hoisted_16 = ["colspan"];
3575
+ const _hoisted_14 = ["onContextmenu"];
3576
+ const _hoisted_15 = ["innerHTML"];
3577
+ const _hoisted_16 = ["onClick"];
3578
3578
  const _hoisted_17 = ["colspan"];
3579
- const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("div", { class: "bh-skeleton-box bh-h-8" }, null, -1);
3580
- const _hoisted_19 = [
3581
- _hoisted_18
3579
+ const _hoisted_18 = ["colspan"];
3580
+ const _hoisted_19 = /* @__PURE__ */ vue.createElementVNode("div", { class: "bh-skeleton-box bh-h-8" }, null, -1);
3581
+ const _hoisted_20 = [
3582
+ _hoisted_19
3582
3583
  ];
3583
- const _hoisted_20 = ["colspan"];
3584
- const _hoisted_21 = /* @__PURE__ */ vue.createElementVNode("span", null, "##Table Header Area Slot##", -1);
3585
- const _hoisted_22 = ["onClick"];
3586
- const _hoisted_23 = { class: "bh-checkbox" };
3587
- const _hoisted_24 = ["value"];
3588
- const _hoisted_25 = ["innerHTML"];
3589
- const _hoisted_26 = ["onClick"];
3590
- const _hoisted_27 = ["colspan"];
3591
- const _hoisted_28 = ["colspan"];
3592
- const _hoisted_29 = /* @__PURE__ */ vue.createElementVNode("div", { class: "bh-skeleton-box bh-h-8" }, null, -1);
3593
- const _hoisted_30 = [
3594
- _hoisted_29
3584
+ const _hoisted_21 = ["colspan"];
3585
+ const _hoisted_22 = /* @__PURE__ */ vue.createElementVNode("span", null, "##Table Header Area Slot##", -1);
3586
+ const _hoisted_23 = ["onClick"];
3587
+ const _hoisted_24 = { class: "bh-checkbox" };
3588
+ const _hoisted_25 = ["value"];
3589
+ const _hoisted_26 = ["onContextmenu"];
3590
+ const _hoisted_27 = ["innerHTML"];
3591
+ const _hoisted_28 = ["onClick"];
3592
+ const _hoisted_29 = ["colspan"];
3593
+ const _hoisted_30 = ["colspan"];
3594
+ const _hoisted_31 = /* @__PURE__ */ vue.createElementVNode("div", { class: "bh-skeleton-box bh-h-8" }, null, -1);
3595
+ const _hoisted_32 = [
3596
+ _hoisted_31
3595
3597
  ];
3596
- const _hoisted_31 = ["colspan"];
3597
- const _hoisted_32 = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" };
3598
- const _hoisted_33 = { class: "bh-pagination-info bh-flex bh-items-center" };
3599
- const _hoisted_34 = { class: "bh-mr-2" };
3600
- const _hoisted_35 = ["value"];
3601
- const _hoisted_36 = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" };
3602
- const _hoisted_37 = ["innerHTML"];
3603
- const _hoisted_38 = {
3598
+ const _hoisted_33 = ["colspan"];
3599
+ const _hoisted_34 = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" };
3600
+ const _hoisted_35 = { class: "bh-pagination-info bh-flex bh-items-center" };
3601
+ const _hoisted_36 = { class: "bh-mr-2" };
3602
+ const _hoisted_37 = ["value"];
3603
+ const _hoisted_38 = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" };
3604
+ const _hoisted_39 = ["innerHTML"];
3605
+ const _hoisted_40 = {
3604
3606
  key: 1,
3605
3607
  "aria-hidden": "true",
3606
3608
  width: "14",
3607
3609
  height: "14",
3608
3610
  viewBox: "0 0 16 16"
3609
3611
  };
3610
- const _hoisted_39 = /* @__PURE__ */ vue.createElementVNode("g", {
3612
+ const _hoisted_41 = /* @__PURE__ */ vue.createElementVNode("g", {
3611
3613
  fill: "currentColor",
3612
3614
  "fill-rule": "evenodd"
3613
3615
  }, [
3614
3616
  /* @__PURE__ */ vue.createElementVNode("path", { d: "M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" }),
3615
3617
  /* @__PURE__ */ vue.createElementVNode("path", { d: "M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" })
3616
3618
  ], -1);
3617
- const _hoisted_40 = [
3618
- _hoisted_39
3619
+ const _hoisted_42 = [
3620
+ _hoisted_41
3619
3621
  ];
3620
- const _hoisted_41 = ["innerHTML"];
3621
- const _hoisted_42 = {
3622
+ const _hoisted_43 = ["innerHTML"];
3623
+ const _hoisted_44 = {
3622
3624
  key: 1,
3623
3625
  "aria-hidden": "true",
3624
3626
  width: "14",
3625
3627
  height: "14",
3626
3628
  viewBox: "0 0 16 16"
3627
3629
  };
3628
- const _hoisted_43 = /* @__PURE__ */ vue.createElementVNode("path", {
3630
+ const _hoisted_45 = /* @__PURE__ */ vue.createElementVNode("path", {
3629
3631
  fill: "currentColor",
3630
3632
  "fill-rule": "evenodd",
3631
3633
  d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
3632
3634
  }, null, -1);
3633
- const _hoisted_44 = [
3634
- _hoisted_43
3635
+ const _hoisted_46 = [
3636
+ _hoisted_45
3635
3637
  ];
3636
- const _hoisted_45 = ["onClick"];
3637
- const _hoisted_46 = ["innerHTML"];
3638
- const _hoisted_47 = {
3638
+ const _hoisted_47 = ["onClick"];
3639
+ const _hoisted_48 = ["innerHTML"];
3640
+ const _hoisted_49 = {
3639
3641
  key: 1,
3640
3642
  "aria-hidden": "true",
3641
3643
  width: "14",
3642
3644
  height: "14",
3643
3645
  viewBox: "0 0 16 16"
3644
3646
  };
3645
- const _hoisted_48 = /* @__PURE__ */ vue.createElementVNode("path", {
3647
+ const _hoisted_50 = /* @__PURE__ */ vue.createElementVNode("path", {
3646
3648
  fill: "currentColor",
3647
3649
  "fill-rule": "evenodd",
3648
3650
  d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8L4.646 2.354a.5.5 0 0 1 0-.708z"
3649
3651
  }, null, -1);
3650
- const _hoisted_49 = [
3651
- _hoisted_48
3652
+ const _hoisted_51 = [
3653
+ _hoisted_50
3652
3654
  ];
3653
- const _hoisted_50 = ["innerHTML"];
3654
- const _hoisted_51 = {
3655
+ const _hoisted_52 = ["innerHTML"];
3656
+ const _hoisted_53 = {
3655
3657
  key: 1,
3656
3658
  "aria-hidden": "true",
3657
3659
  width: "14",
3658
3660
  height: "14",
3659
3661
  viewBox: "0 0 16 16"
3660
3662
  };
3661
- const _hoisted_52 = /* @__PURE__ */ vue.createElementVNode("g", {
3663
+ const _hoisted_54 = /* @__PURE__ */ vue.createElementVNode("g", {
3662
3664
  fill: "currentColor",
3663
3665
  "fill-rule": "evenodd"
3664
3666
  }, [
3665
3667
  /* @__PURE__ */ vue.createElementVNode("path", { d: "M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8L3.646 2.354a.5.5 0 0 1 0-.708z" }),
3666
3668
  /* @__PURE__ */ vue.createElementVNode("path", { d: "M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8L7.646 2.354a.5.5 0 0 1 0-.708z" })
3667
3669
  ], -1);
3668
- const _hoisted_53 = [
3669
- _hoisted_52
3670
+ const _hoisted_55 = [
3671
+ _hoisted_54
3670
3672
  ];
3671
3673
  const __default__ = {
3672
3674
  name: "Vue3Datatable"
@@ -3755,7 +3757,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
3755
3757
  "currentTopMenuSize",
3756
3758
  "currentLeftMenuSize",
3757
3759
  "rowRightPanelClick",
3758
- "clearAllFilters"
3760
+ "clearAllFilters",
3761
+ "cellContextMenu"
3759
3762
  ],
3760
3763
  setup(__props, { expose: __expose, emit: __emit }) {
3761
3764
  var _a, _b;
@@ -4057,6 +4060,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4057
4060
  });
4058
4061
  });
4059
4062
  const emit = __emit;
4063
+ const handleCellContextMenu = (event, row, column, value, rowIndex, columnIndex) => {
4064
+ event.preventDefault();
4065
+ emit("cellContextMenu", {
4066
+ event,
4067
+ row,
4068
+ column,
4069
+ value,
4070
+ rowIndex,
4071
+ columnIndex
4072
+ });
4073
+ };
4060
4074
  __expose({
4061
4075
  reset() {
4062
4076
  reset();
@@ -4651,11 +4665,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4651
4665
  ], 6)) : vue.createCommentVNode("", true),
4652
4666
  props.hasRightPanel ? (vue.openBlock(), vue.createElementBlock("td", {
4653
4667
  key: 1,
4654
- style: vue.normalizeStyle([{
4668
+ style: vue.normalizeStyle({
4655
4669
  width: props.rightPanelColumnWidth + " !important",
4656
4670
  minWidth: props.rightPanelColumnWidth + " !important",
4657
4671
  padding: "0px !important"
4658
- }, { "align-items": "center !important", "justify-content": "center !important" }]),
4672
+ }),
4659
4673
  class: vue.normalizeClass({
4660
4674
  "bh-sticky bh-left-0 bh-bg-blue-light": props.stickyFirstColumn
4661
4675
  })
@@ -4689,7 +4703,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4689
4703
  j === 0 && props.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
4690
4704
  props.hasCheckbox && j === 0 && props.stickyFirstColumn ? "bh-left-[52px]" : "",
4691
4705
  col.cellClass ? col.cellClass : ""
4692
- ])
4706
+ ]),
4707
+ onContextmenu: ($event) => handleCellContextMenu($event, item, col, cellValue(item, col.field), i, j)
4693
4708
  }, [
4694
4709
  vue.unref(slots)[col.field] ? vue.renderSlot(_ctx.$slots, col.field, {
4695
4710
  key: 0,
@@ -4697,10 +4712,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4697
4712
  }) : col.cellRenderer ? (vue.openBlock(), vue.createElementBlock("div", {
4698
4713
  key: 1,
4699
4714
  innerHTML: col.cellRenderer(item)
4700
- }, null, 8, _hoisted_14)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
4715
+ }, null, 8, _hoisted_15)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
4701
4716
  vue.createTextVNode(vue.toDisplayString(cellValue(item, col.field)), 1)
4702
4717
  ], 64))
4703
- ], 2)) : vue.createCommentVNode("", true)
4718
+ ], 42, _hoisted_14)) : vue.createCommentVNode("", true)
4704
4719
  ], 64);
4705
4720
  }), 256))
4706
4721
  ], 10, _hoisted_11)) : vue.createCommentVNode("", true),
@@ -4720,8 +4735,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4720
4735
  rowIndex: i,
4721
4736
  filterItems: filterItems.value
4722
4737
  })
4723
- ], 8, _hoisted_16)
4724
- ], 10, _hoisted_15)) : vue.createCommentVNode("", true)
4738
+ ], 8, _hoisted_17)
4739
+ ], 10, _hoisted_16)) : vue.createCommentVNode("", true)
4725
4740
  ], 64);
4726
4741
  }), 128)),
4727
4742
  !filterRowCount.value && currentLoader.value && _ctx.skeletonloader ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.pageSize, (i) => {
@@ -4732,7 +4747,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4732
4747
  vue.createElementVNode("td", {
4733
4748
  colspan: props.columns.length + vue.unref(extracolumnlength),
4734
4749
  class: "!bh-p-0 !bh-border-transparent"
4735
- }, _hoisted_19, 8, _hoisted_17)
4750
+ }, _hoisted_20, 8, _hoisted_18)
4736
4751
  ]);
4737
4752
  }), 128)) : vue.createCommentVNode("", true),
4738
4753
  filterRowCount.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(props.footerRows, (item, i) => {
@@ -4743,7 +4758,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4743
4758
  vue.unref(extracolumnlength) > 0 ? (vue.openBlock(), vue.createElementBlock("td", {
4744
4759
  key: 0,
4745
4760
  colspan: vue.unref(extracolumnlength)
4746
- }, null, 8, _hoisted_20)) : vue.createCommentVNode("", true),
4761
+ }, null, 8, _hoisted_21)) : vue.createCommentVNode("", true),
4747
4762
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.columns, (col, j) => {
4748
4763
  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
4749
4764
  !col.hide && !col.dataOnly ? (vue.openBlock(), vue.createElementBlock("td", {
@@ -4837,7 +4852,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4837
4852
  style: vue.normalizeStyle({ height: _ctx.headerAreaHeight, "margin-bottom": "10px" })
4838
4853
  }, [
4839
4854
  vue.renderSlot(_ctx.$slots, "tableHeaderArea", {}, () => [
4840
- _hoisted_21
4855
+ _hoisted_22
4841
4856
  ])
4842
4857
  ], 4)) : vue.createCommentVNode("", true),
4843
4858
  vue.renderSlot(_ctx.$slots, "tableactionheader"),
@@ -4906,14 +4921,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4906
4921
  "bh-sticky bh-left-0 bh-bg-blue-light": props.stickyFirstColumn
4907
4922
  })
4908
4923
  }, [
4909
- vue.createElementVNode("div", _hoisted_23, [
4924
+ vue.createElementVNode("div", _hoisted_24, [
4910
4925
  vue.withDirectives(vue.createElementVNode("input", {
4911
4926
  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selected.value = $event),
4912
4927
  type: "checkbox",
4913
4928
  value: getRowKey(i),
4914
4929
  onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
4915
4930
  }, ["stop"]))
4916
- }, null, 8, _hoisted_24), [
4931
+ }, null, 8, _hoisted_25), [
4917
4932
  [vue.vModelCheckbox, selected.value]
4918
4933
  ]),
4919
4934
  vue.createElementVNode("div", null, [
@@ -4961,7 +4976,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4961
4976
  j === 0 && props.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
4962
4977
  props.hasCheckbox && j === 0 && props.stickyFirstColumn ? "bh-left-[52px]" : "",
4963
4978
  col.cellClass ? col.cellClass : ""
4964
- ])
4979
+ ]),
4980
+ onContextmenu: ($event) => handleCellContextMenu($event, item, col, cellValue(item, col.field), i, j)
4965
4981
  }, [
4966
4982
  vue.unref(slots)[col.field] ? vue.renderSlot(_ctx.$slots, col.field, {
4967
4983
  key: 0,
@@ -4969,13 +4985,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
4969
4985
  }) : col.cellRenderer ? (vue.openBlock(), vue.createElementBlock("div", {
4970
4986
  key: 1,
4971
4987
  innerHTML: col.cellRenderer(item)
4972
- }, null, 8, _hoisted_25)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
4988
+ }, null, 8, _hoisted_27)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
4973
4989
  vue.createTextVNode(vue.toDisplayString(cellValue(item, col.field)), 1)
4974
4990
  ], 64))
4975
- ], 2)) : vue.createCommentVNode("", true)
4991
+ ], 42, _hoisted_26)) : vue.createCommentVNode("", true)
4976
4992
  ], 64);
4977
4993
  }), 256))
4978
- ], 10, _hoisted_22)) : vue.createCommentVNode("", true),
4994
+ ], 10, _hoisted_23)) : vue.createCommentVNode("", true),
4979
4995
  isRowExpanded(item, i) && props.hasSubtable ? (vue.openBlock(), vue.createElementBlock("tr", {
4980
4996
  key: 1,
4981
4997
  class: vue.normalizeClass([
@@ -5003,8 +5019,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5003
5019
  filterItems: filterItems.value
5004
5020
  })
5005
5021
  ], 4)
5006
- ], 8, _hoisted_27)
5007
- ], 10, _hoisted_26)) : vue.createCommentVNode("", true)
5022
+ ], 8, _hoisted_29)
5023
+ ], 10, _hoisted_28)) : vue.createCommentVNode("", true)
5008
5024
  ], 64);
5009
5025
  }), 128)),
5010
5026
  !filterRowCount.value && currentLoader.value && _ctx.skeletonloader ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.pageSize, (i) => {
@@ -5015,7 +5031,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5015
5031
  vue.createElementVNode("td", {
5016
5032
  colspan: props.columns.length + vue.unref(extracolumnlength),
5017
5033
  class: "!bh-p-0 !bh-border-transparent"
5018
- }, _hoisted_30, 8, _hoisted_28)
5034
+ }, _hoisted_32, 8, _hoisted_30)
5019
5035
  ]);
5020
5036
  }), 128)) : vue.createCommentVNode("", true),
5021
5037
  filterRowCount.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(props.footerRows, (item, i) => {
@@ -5026,7 +5042,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5026
5042
  vue.unref(extracolumnlength) > 0 ? (vue.openBlock(), vue.createElementBlock("td", {
5027
5043
  key: 0,
5028
5044
  colspan: vue.unref(extracolumnlength)
5029
- }, null, 8, _hoisted_31)) : vue.createCommentVNode("", true),
5045
+ }, null, 8, _hoisted_33)) : vue.createCommentVNode("", true),
5030
5046
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.columns, (col, j) => {
5031
5047
  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
5032
5048
  !col.hide && !col.dataOnly ? (vue.openBlock(), vue.createElementBlock("td", {
@@ -5114,7 +5130,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5114
5130
  "sticky-footer": props.stickyFooter
5115
5131
  }])
5116
5132
  }, [
5117
- vue.createElementVNode("div", _hoisted_32, [
5133
+ vue.createElementVNode("div", _hoisted_34, [
5118
5134
  _ctx.enablefooterpagination ? vue.renderSlot(_ctx.$slots, "footerpageinfo", {
5119
5135
  key: 0,
5120
5136
  paginationInfo: _ctx.paginationInfo,
@@ -5127,8 +5143,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5127
5143
  stringFormat,
5128
5144
  setPageSize
5129
5145
  }, () => [
5130
- vue.createElementVNode("div", _hoisted_33, [
5131
- vue.createElementVNode("span", _hoisted_34, vue.toDisplayString(stringFormat(
5146
+ vue.createElementVNode("div", _hoisted_35, [
5147
+ vue.createElementVNode("span", _hoisted_36, vue.toDisplayString(stringFormat(
5132
5148
  props.paginationInfo,
5133
5149
  filterRowCount.value ? offset.value : 0,
5134
5150
  limit.value,
@@ -5143,7 +5159,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5143
5159
  return vue.openBlock(), vue.createElementBlock("option", {
5144
5160
  value: option,
5145
5161
  key: option
5146
- }, vue.toDisplayString(option), 9, _hoisted_35);
5162
+ }, vue.toDisplayString(option), 9, _hoisted_37);
5147
5163
  }), 128))
5148
5164
  ], 512)), [
5149
5165
  [vue.vModelSelect, currentPageSize.value]
@@ -5159,7 +5175,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5159
5175
  nextPage,
5160
5176
  previousPage
5161
5177
  }, () => [
5162
- vue.createElementVNode("div", _hoisted_36, [
5178
+ vue.createElementVNode("div", _hoisted_38, [
5163
5179
  props.showFirstPage ? (vue.openBlock(), vue.createElementBlock("button", {
5164
5180
  key: 0,
5165
5181
  type: "button",
@@ -5169,7 +5185,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5169
5185
  props.firstArrow ? (vue.openBlock(), vue.createElementBlock("span", {
5170
5186
  key: 0,
5171
5187
  innerHTML: props.firstArrow
5172
- }, null, 8, _hoisted_37)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_38, _hoisted_40))
5188
+ }, null, 8, _hoisted_39)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_40, _hoisted_42))
5173
5189
  ], 2)) : vue.createCommentVNode("", true),
5174
5190
  vue.createElementVNode("button", {
5175
5191
  type: "button",
@@ -5179,7 +5195,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5179
5195
  props.previousArrow ? (vue.openBlock(), vue.createElementBlock("span", {
5180
5196
  key: 0,
5181
5197
  innerHTML: props.previousArrow
5182
- }, null, 8, _hoisted_41)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_42, _hoisted_44))
5198
+ }, null, 8, _hoisted_43)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_44, _hoisted_46))
5183
5199
  ], 2),
5184
5200
  props.showNumbers ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(paging.value, (page) => {
5185
5201
  return vue.openBlock(), vue.createElementBlock("button", {
@@ -5190,7 +5206,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5190
5206
  "bh-active": page === currentPage.value
5191
5207
  }]),
5192
5208
  onClick: ($event) => movePage(page)
5193
- }, vue.toDisplayString(page), 11, _hoisted_45);
5209
+ }, vue.toDisplayString(page), 11, _hoisted_47);
5194
5210
  }), 128)) : vue.createCommentVNode("", true),
5195
5211
  vue.createElementVNode("button", {
5196
5212
  type: "button",
@@ -5200,7 +5216,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5200
5216
  props.nextArrow ? (vue.openBlock(), vue.createElementBlock("span", {
5201
5217
  key: 0,
5202
5218
  innerHTML: props.nextArrow
5203
- }, null, 8, _hoisted_46)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_47, _hoisted_49))
5219
+ }, null, 8, _hoisted_48)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_49, _hoisted_51))
5204
5220
  ], 2),
5205
5221
  props.showLastPage ? (vue.openBlock(), vue.createElementBlock("button", {
5206
5222
  key: 2,
@@ -5211,7 +5227,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
5211
5227
  props.lastArrow ? (vue.openBlock(), vue.createElementBlock("span", {
5212
5228
  key: 0,
5213
5229
  innerHTML: props.lastArrow
5214
- }, null, 8, _hoisted_50)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_51, _hoisted_53))
5230
+ }, null, 8, _hoisted_52)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_53, _hoisted_55))
5215
5231
  ], 2)) : vue.createCommentVNode("", true)
5216
5232
  ])
5217
5233
  ]) : vue.createCommentVNode("", true)
package/dist/vue3-datatable.js CHANGED
@@ -3571,101 +3571,103 @@ const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", null, "##Table Ac
3571
3571
  const _hoisted_11 = ["onClick"];
3572
3572
  const _hoisted_12 = { class: "bh-checkbox" };
3573
3573
  const _hoisted_13 = ["value"];
3574
- const _hoisted_14 = ["innerHTML"];
3575
- const _hoisted_15 = ["onClick"];
3576
- const _hoisted_16 = ["colspan"];
3574
+ const _hoisted_14 = ["onContextmenu"];
3575
+ const _hoisted_15 = ["innerHTML"];
3576
+ const _hoisted_16 = ["onClick"];
3577
3577
  const _hoisted_17 = ["colspan"];
3578
- const _hoisted_18 = /* @__PURE__ */ createElementVNode("div", { class: "bh-skeleton-box bh-h-8" }, null, -1);
3579
- const _hoisted_19 = [
3580
- _hoisted_18
3578
+ const _hoisted_18 = ["colspan"];
3579
+ const _hoisted_19 = /* @__PURE__ */ createElementVNode("div", { class: "bh-skeleton-box bh-h-8" }, null, -1);
3580
+ const _hoisted_20 = [
3581
+ _hoisted_19
3581
3582
  ];
3582
- const _hoisted_20 = ["colspan"];
3583
- const _hoisted_21 = /* @__PURE__ */ createElementVNode("span", null, "##Table Header Area Slot##", -1);
3584
- const _hoisted_22 = ["onClick"];
3585
- const _hoisted_23 = { class: "bh-checkbox" };
3586
- const _hoisted_24 = ["value"];
3587
- const _hoisted_25 = ["innerHTML"];
3588
- const _hoisted_26 = ["onClick"];
3589
- const _hoisted_27 = ["colspan"];
3590
- const _hoisted_28 = ["colspan"];
3591
- const _hoisted_29 = /* @__PURE__ */ createElementVNode("div", { class: "bh-skeleton-box bh-h-8" }, null, -1);
3592
- const _hoisted_30 = [
3593
- _hoisted_29
3583
+ const _hoisted_21 = ["colspan"];
3584
+ const _hoisted_22 = /* @__PURE__ */ createElementVNode("span", null, "##Table Header Area Slot##", -1);
3585
+ const _hoisted_23 = ["onClick"];
3586
+ const _hoisted_24 = { class: "bh-checkbox" };
3587
+ const _hoisted_25 = ["value"];
3588
+ const _hoisted_26 = ["onContextmenu"];
3589
+ const _hoisted_27 = ["innerHTML"];
3590
+ const _hoisted_28 = ["onClick"];
3591
+ const _hoisted_29 = ["colspan"];
3592
+ const _hoisted_30 = ["colspan"];
3593
+ const _hoisted_31 = /* @__PURE__ */ createElementVNode("div", { class: "bh-skeleton-box bh-h-8" }, null, -1);
3594
+ const _hoisted_32 = [
3595
+ _hoisted_31
3594
3596
  ];
3595
- const _hoisted_31 = ["colspan"];
3596
- const _hoisted_32 = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" };
3597
- const _hoisted_33 = { class: "bh-pagination-info bh-flex bh-items-center" };
3598
- const _hoisted_34 = { class: "bh-mr-2" };
3599
- const _hoisted_35 = ["value"];
3600
- const _hoisted_36 = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" };
3601
- const _hoisted_37 = ["innerHTML"];
3602
- const _hoisted_38 = {
3597
+ const _hoisted_33 = ["colspan"];
3598
+ const _hoisted_34 = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" };
3599
+ const _hoisted_35 = { class: "bh-pagination-info bh-flex bh-items-center" };
3600
+ const _hoisted_36 = { class: "bh-mr-2" };
3601
+ const _hoisted_37 = ["value"];
3602
+ const _hoisted_38 = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" };
3603
+ const _hoisted_39 = ["innerHTML"];
3604
+ const _hoisted_40 = {
3603
3605
  key: 1,
3604
3606
  "aria-hidden": "true",
3605
3607
  width: "14",
3606
3608
  height: "14",
3607
3609
  viewBox: "0 0 16 16"
3608
3610
  };
3609
- const _hoisted_39 = /* @__PURE__ */ createElementVNode("g", {
3611
+ const _hoisted_41 = /* @__PURE__ */ createElementVNode("g", {
3610
3612
  fill: "currentColor",
3611
3613
  "fill-rule": "evenodd"
3612
3614
  }, [
3613
3615
  /* @__PURE__ */ createElementVNode("path", { d: "M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" }),
3614
3616
  /* @__PURE__ */ createElementVNode("path", { d: "M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" })
3615
3617
  ], -1);
3616
- const _hoisted_40 = [
3617
- _hoisted_39
3618
+ const _hoisted_42 = [
3619
+ _hoisted_41
3618
3620
  ];
3619
- const _hoisted_41 = ["innerHTML"];
3620
- const _hoisted_42 = {
3621
+ const _hoisted_43 = ["innerHTML"];
3622
+ const _hoisted_44 = {
3621
3623
  key: 1,
3622
3624
  "aria-hidden": "true",
3623
3625
  width: "14",
3624
3626
  height: "14",
3625
3627
  viewBox: "0 0 16 16"
3626
3628
  };
3627
- const _hoisted_43 = /* @__PURE__ */ createElementVNode("path", {
3629
+ const _hoisted_45 = /* @__PURE__ */ createElementVNode("path", {
3628
3630
  fill: "currentColor",
3629
3631
  "fill-rule": "evenodd",
3630
3632
  d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
3631
3633
  }, null, -1);
3632
- const _hoisted_44 = [
3633
- _hoisted_43
3634
+ const _hoisted_46 = [
3635
+ _hoisted_45
3634
3636
  ];
3635
- const _hoisted_45 = ["onClick"];
3636
- const _hoisted_46 = ["innerHTML"];
3637
- const _hoisted_47 = {
3637
+ const _hoisted_47 = ["onClick"];
3638
+ const _hoisted_48 = ["innerHTML"];
3639
+ const _hoisted_49 = {
3638
3640
  key: 1,
3639
3641
  "aria-hidden": "true",
3640
3642
  width: "14",
3641
3643
  height: "14",
3642
3644
  viewBox: "0 0 16 16"
3643
3645
  };
3644
- const _hoisted_48 = /* @__PURE__ */ createElementVNode("path", {
3646
+ const _hoisted_50 = /* @__PURE__ */ createElementVNode("path", {
3645
3647
  fill: "currentColor",
3646
3648
  "fill-rule": "evenodd",
3647
3649
  d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8L4.646 2.354a.5.5 0 0 1 0-.708z"
3648
3650
  }, null, -1);
3649
- const _hoisted_49 = [
3650
- _hoisted_48
3651
+ const _hoisted_51 = [
3652
+ _hoisted_50
3651
3653
  ];
3652
- const _hoisted_50 = ["innerHTML"];
3653
- const _hoisted_51 = {
3654
+ const _hoisted_52 = ["innerHTML"];
3655
+ const _hoisted_53 = {
3654
3656
  key: 1,
3655
3657
  "aria-hidden": "true",
3656
3658
  width: "14",
3657
3659
  height: "14",
3658
3660
  viewBox: "0 0 16 16"
3659
3661
  };
3660
- const _hoisted_52 = /* @__PURE__ */ createElementVNode("g", {
3662
+ const _hoisted_54 = /* @__PURE__ */ createElementVNode("g", {
3661
3663
  fill: "currentColor",
3662
3664
  "fill-rule": "evenodd"
3663
3665
  }, [
3664
3666
  /* @__PURE__ */ createElementVNode("path", { d: "M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8L3.646 2.354a.5.5 0 0 1 0-.708z" }),
3665
3667
  /* @__PURE__ */ createElementVNode("path", { d: "M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8L7.646 2.354a.5.5 0 0 1 0-.708z" })
3666
3668
  ], -1);
3667
- const _hoisted_53 = [
3668
- _hoisted_52
3669
+ const _hoisted_55 = [
3670
+ _hoisted_54
3669
3671
  ];
3670
3672
  const __default__ = {
3671
3673
  name: "Vue3Datatable"
@@ -3754,7 +3756,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
3754
3756
  "currentTopMenuSize",
3755
3757
  "currentLeftMenuSize",
3756
3758
  "rowRightPanelClick",
3757
- "clearAllFilters"
3759
+ "clearAllFilters",
3760
+ "cellContextMenu"
3758
3761
  ],
3759
3762
  setup(__props, { expose: __expose, emit: __emit }) {
3760
3763
  var _a, _b;
@@ -4056,6 +4059,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4056
4059
  });
4057
4060
  });
4058
4061
  const emit = __emit;
4062
+ const handleCellContextMenu = (event, row, column, value, rowIndex, columnIndex) => {
4063
+ event.preventDefault();
4064
+ emit("cellContextMenu", {
4065
+ event,
4066
+ row,
4067
+ column,
4068
+ value,
4069
+ rowIndex,
4070
+ columnIndex
4071
+ });
4072
+ };
4059
4073
  __expose({
4060
4074
  reset() {
4061
4075
  reset();
@@ -4650,11 +4664,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4650
4664
  ], 6)) : createCommentVNode("", true),
4651
4665
  props.hasRightPanel ? (openBlock(), createElementBlock("td", {
4652
4666
  key: 1,
4653
- style: normalizeStyle([{
4667
+ style: normalizeStyle({
4654
4668
  width: props.rightPanelColumnWidth + " !important",
4655
4669
  minWidth: props.rightPanelColumnWidth + " !important",
4656
4670
  padding: "0px !important"
4657
- }, { "align-items": "center !important", "justify-content": "center !important" }]),
4671
+ }),
4658
4672
  class: normalizeClass({
4659
4673
  "bh-sticky bh-left-0 bh-bg-blue-light": props.stickyFirstColumn
4660
4674
  })
@@ -4688,7 +4702,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4688
4702
  j === 0 && props.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
4689
4703
  props.hasCheckbox && j === 0 && props.stickyFirstColumn ? "bh-left-[52px]" : "",
4690
4704
  col.cellClass ? col.cellClass : ""
4691
- ])
4705
+ ]),
4706
+ onContextmenu: ($event) => handleCellContextMenu($event, item, col, cellValue(item, col.field), i, j)
4692
4707
  }, [
4693
4708
  unref(slots)[col.field] ? renderSlot(_ctx.$slots, col.field, {
4694
4709
  key: 0,
@@ -4696,10 +4711,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4696
4711
  }) : col.cellRenderer ? (openBlock(), createElementBlock("div", {
4697
4712
  key: 1,
4698
4713
  innerHTML: col.cellRenderer(item)
4699
- }, null, 8, _hoisted_14)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
4714
+ }, null, 8, _hoisted_15)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
4700
4715
  createTextVNode(toDisplayString(cellValue(item, col.field)), 1)
4701
4716
  ], 64))
4702
- ], 2)) : createCommentVNode("", true)
4717
+ ], 42, _hoisted_14)) : createCommentVNode("", true)
4703
4718
  ], 64);
4704
4719
  }), 256))
4705
4720
  ], 10, _hoisted_11)) : createCommentVNode("", true),
@@ -4719,8 +4734,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4719
4734
  rowIndex: i,
4720
4735
  filterItems: filterItems.value
4721
4736
  })
4722
- ], 8, _hoisted_16)
4723
- ], 10, _hoisted_15)) : createCommentVNode("", true)
4737
+ ], 8, _hoisted_17)
4738
+ ], 10, _hoisted_16)) : createCommentVNode("", true)
4724
4739
  ], 64);
4725
4740
  }), 128)),
4726
4741
  !filterRowCount.value && currentLoader.value && _ctx.skeletonloader ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.pageSize, (i) => {
@@ -4731,7 +4746,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4731
4746
  createElementVNode("td", {
4732
4747
  colspan: props.columns.length + unref(extracolumnlength),
4733
4748
  class: "!bh-p-0 !bh-border-transparent"
4734
- }, _hoisted_19, 8, _hoisted_17)
4749
+ }, _hoisted_20, 8, _hoisted_18)
4735
4750
  ]);
4736
4751
  }), 128)) : createCommentVNode("", true),
4737
4752
  filterRowCount.value ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(props.footerRows, (item, i) => {
@@ -4742,7 +4757,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4742
4757
  unref(extracolumnlength) > 0 ? (openBlock(), createElementBlock("td", {
4743
4758
  key: 0,
4744
4759
  colspan: unref(extracolumnlength)
4745
- }, null, 8, _hoisted_20)) : createCommentVNode("", true),
4760
+ }, null, 8, _hoisted_21)) : createCommentVNode("", true),
4746
4761
  (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (col, j) => {
4747
4762
  return openBlock(), createElementBlock(Fragment, null, [
4748
4763
  !col.hide && !col.dataOnly ? (openBlock(), createElementBlock("td", {
@@ -4836,7 +4851,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4836
4851
  style: normalizeStyle({ height: _ctx.headerAreaHeight, "margin-bottom": "10px" })
4837
4852
  }, [
4838
4853
  renderSlot(_ctx.$slots, "tableHeaderArea", {}, () => [
4839
- _hoisted_21
4854
+ _hoisted_22
4840
4855
  ])
4841
4856
  ], 4)) : createCommentVNode("", true),
4842
4857
  renderSlot(_ctx.$slots, "tableactionheader"),
@@ -4905,14 +4920,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4905
4920
  "bh-sticky bh-left-0 bh-bg-blue-light": props.stickyFirstColumn
4906
4921
  })
4907
4922
  }, [
4908
- createElementVNode("div", _hoisted_23, [
4923
+ createElementVNode("div", _hoisted_24, [
4909
4924
  withDirectives(createElementVNode("input", {
4910
4925
  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selected.value = $event),
4911
4926
  type: "checkbox",
4912
4927
  value: getRowKey(i),
4913
4928
  onClick: _cache[4] || (_cache[4] = withModifiers(() => {
4914
4929
  }, ["stop"]))
4915
- }, null, 8, _hoisted_24), [
4930
+ }, null, 8, _hoisted_25), [
4916
4931
  [vModelCheckbox, selected.value]
4917
4932
  ]),
4918
4933
  createElementVNode("div", null, [
@@ -4960,7 +4975,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4960
4975
  j === 0 && props.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
4961
4976
  props.hasCheckbox && j === 0 && props.stickyFirstColumn ? "bh-left-[52px]" : "",
4962
4977
  col.cellClass ? col.cellClass : ""
4963
- ])
4978
+ ]),
4979
+ onContextmenu: ($event) => handleCellContextMenu($event, item, col, cellValue(item, col.field), i, j)
4964
4980
  }, [
4965
4981
  unref(slots)[col.field] ? renderSlot(_ctx.$slots, col.field, {
4966
4982
  key: 0,
@@ -4968,13 +4984,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4968
4984
  }) : col.cellRenderer ? (openBlock(), createElementBlock("div", {
4969
4985
  key: 1,
4970
4986
  innerHTML: col.cellRenderer(item)
4971
- }, null, 8, _hoisted_25)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
4987
+ }, null, 8, _hoisted_27)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
4972
4988
  createTextVNode(toDisplayString(cellValue(item, col.field)), 1)
4973
4989
  ], 64))
4974
- ], 2)) : createCommentVNode("", true)
4990
+ ], 42, _hoisted_26)) : createCommentVNode("", true)
4975
4991
  ], 64);
4976
4992
  }), 256))
4977
- ], 10, _hoisted_22)) : createCommentVNode("", true),
4993
+ ], 10, _hoisted_23)) : createCommentVNode("", true),
4978
4994
  isRowExpanded(item, i) && props.hasSubtable ? (openBlock(), createElementBlock("tr", {
4979
4995
  key: 1,
4980
4996
  class: normalizeClass([
@@ -5002,8 +5018,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5002
5018
  filterItems: filterItems.value
5003
5019
  })
5004
5020
  ], 4)
5005
- ], 8, _hoisted_27)
5006
- ], 10, _hoisted_26)) : createCommentVNode("", true)
5021
+ ], 8, _hoisted_29)
5022
+ ], 10, _hoisted_28)) : createCommentVNode("", true)
5007
5023
  ], 64);
5008
5024
  }), 128)),
5009
5025
  !filterRowCount.value && currentLoader.value && _ctx.skeletonloader ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.pageSize, (i) => {
@@ -5014,7 +5030,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5014
5030
  createElementVNode("td", {
5015
5031
  colspan: props.columns.length + unref(extracolumnlength),
5016
5032
  class: "!bh-p-0 !bh-border-transparent"
5017
- }, _hoisted_30, 8, _hoisted_28)
5033
+ }, _hoisted_32, 8, _hoisted_30)
5018
5034
  ]);
5019
5035
  }), 128)) : createCommentVNode("", true),
5020
5036
  filterRowCount.value ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(props.footerRows, (item, i) => {
@@ -5025,7 +5041,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5025
5041
  unref(extracolumnlength) > 0 ? (openBlock(), createElementBlock("td", {
5026
5042
  key: 0,
5027
5043
  colspan: unref(extracolumnlength)
5028
- }, null, 8, _hoisted_31)) : createCommentVNode("", true),
5044
+ }, null, 8, _hoisted_33)) : createCommentVNode("", true),
5029
5045
  (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (col, j) => {
5030
5046
  return openBlock(), createElementBlock(Fragment, null, [
5031
5047
  !col.hide && !col.dataOnly ? (openBlock(), createElementBlock("td", {
@@ -5113,7 +5129,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5113
5129
  "sticky-footer": props.stickyFooter
5114
5130
  }])
5115
5131
  }, [
5116
- createElementVNode("div", _hoisted_32, [
5132
+ createElementVNode("div", _hoisted_34, [
5117
5133
  _ctx.enablefooterpagination ? renderSlot(_ctx.$slots, "footerpageinfo", {
5118
5134
  key: 0,
5119
5135
  paginationInfo: _ctx.paginationInfo,
@@ -5126,8 +5142,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5126
5142
  stringFormat,
5127
5143
  setPageSize
5128
5144
  }, () => [
5129
- createElementVNode("div", _hoisted_33, [
5130
- createElementVNode("span", _hoisted_34, toDisplayString(stringFormat(
5145
+ createElementVNode("div", _hoisted_35, [
5146
+ createElementVNode("span", _hoisted_36, toDisplayString(stringFormat(
5131
5147
  props.paginationInfo,
5132
5148
  filterRowCount.value ? offset.value : 0,
5133
5149
  limit.value,
@@ -5142,7 +5158,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5142
5158
  return openBlock(), createElementBlock("option", {
5143
5159
  value: option,
5144
5160
  key: option
5145
- }, toDisplayString(option), 9, _hoisted_35);
5161
+ }, toDisplayString(option), 9, _hoisted_37);
5146
5162
  }), 128))
5147
5163
  ], 512)), [
5148
5164
  [vModelSelect, currentPageSize.value]
@@ -5158,7 +5174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5158
5174
  nextPage,
5159
5175
  previousPage
5160
5176
  }, () => [
5161
- createElementVNode("div", _hoisted_36, [
5177
+ createElementVNode("div", _hoisted_38, [
5162
5178
  props.showFirstPage ? (openBlock(), createElementBlock("button", {
5163
5179
  key: 0,
5164
5180
  type: "button",
@@ -5168,7 +5184,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5168
5184
  props.firstArrow ? (openBlock(), createElementBlock("span", {
5169
5185
  key: 0,
5170
5186
  innerHTML: props.firstArrow
5171
- }, null, 8, _hoisted_37)) : (openBlock(), createElementBlock("svg", _hoisted_38, _hoisted_40))
5187
+ }, null, 8, _hoisted_39)) : (openBlock(), createElementBlock("svg", _hoisted_40, _hoisted_42))
5172
5188
  ], 2)) : createCommentVNode("", true),
5173
5189
  createElementVNode("button", {
5174
5190
  type: "button",
@@ -5178,7 +5194,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5178
5194
  props.previousArrow ? (openBlock(), createElementBlock("span", {
5179
5195
  key: 0,
5180
5196
  innerHTML: props.previousArrow
5181
- }, null, 8, _hoisted_41)) : (openBlock(), createElementBlock("svg", _hoisted_42, _hoisted_44))
5197
+ }, null, 8, _hoisted_43)) : (openBlock(), createElementBlock("svg", _hoisted_44, _hoisted_46))
5182
5198
  ], 2),
5183
5199
  props.showNumbers ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(paging.value, (page) => {
5184
5200
  return openBlock(), createElementBlock("button", {
@@ -5189,7 +5205,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5189
5205
  "bh-active": page === currentPage.value
5190
5206
  }]),
5191
5207
  onClick: ($event) => movePage(page)
5192
- }, toDisplayString(page), 11, _hoisted_45);
5208
+ }, toDisplayString(page), 11, _hoisted_47);
5193
5209
  }), 128)) : createCommentVNode("", true),
5194
5210
  createElementVNode("button", {
5195
5211
  type: "button",
@@ -5199,7 +5215,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5199
5215
  props.nextArrow ? (openBlock(), createElementBlock("span", {
5200
5216
  key: 0,
5201
5217
  innerHTML: props.nextArrow
5202
- }, null, 8, _hoisted_46)) : (openBlock(), createElementBlock("svg", _hoisted_47, _hoisted_49))
5218
+ }, null, 8, _hoisted_48)) : (openBlock(), createElementBlock("svg", _hoisted_49, _hoisted_51))
5203
5219
  ], 2),
5204
5220
  props.showLastPage ? (openBlock(), createElementBlock("button", {
5205
5221
  key: 2,
@@ -5210,7 +5226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5210
5226
  props.lastArrow ? (openBlock(), createElementBlock("span", {
5211
5227
  key: 0,
5212
5228
  innerHTML: props.lastArrow
5213
- }, null, 8, _hoisted_50)) : (openBlock(), createElementBlock("svg", _hoisted_51, _hoisted_53))
5229
+ }, null, 8, _hoisted_52)) : (openBlock(), createElementBlock("svg", _hoisted_53, _hoisted_55))
5214
5230
  ], 2)) : createCommentVNode("", true)
5215
5231
  ])
5216
5232
  ]) : createCommentVNode("", true)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dolusoft/vue3-datatable",
3
- "version": "1.8.24",
3
+ "version": "1.8.27",
4
4
  "description": "Vue3 Datatable - fully customizable & easy to use datatable library",
5
5
  "private": false,
6
6
  "type": "module",