cleek 2.3.28 → 2.3.32

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.
@@ -0,0 +1,4 @@
1
+ .shrink
2
+ flex-shrink 1
3
+ .shrink-0
4
+ flex-shrink 0
@@ -1,6 +1,7 @@
1
1
  @import './.custom';
2
2
  @import './align-items';
3
3
  @import './display';
4
+ @import './flex-shrink';
4
5
  @import './flex-wrap';
5
6
  @import './font-weight';
6
7
  @import './justify-content';
package/dist/cleek.es.js CHANGED
@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
17
17
  return a;
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, nextTick as nextTick$1, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
20
+ import { defineComponent, ref, computed as computed$2, openBlock, createElementBlock, normalizeClass, unref as unref$1, createElementVNode, renderSlot, createCommentVNode, normalizeStyle, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, nextTick as nextTick$1, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
21
21
  var defaultCleekOptions = {
22
22
  colors: {
23
23
  primary: "#559933",
@@ -38,15 +38,23 @@ var _export_sfc = (sfc, props) => {
38
38
  }
39
39
  return target;
40
40
  };
41
- const _hoisted_1$k = { class: "ck-dropdown" };
41
+ const _hoisted_1$k = { class: "ck-dropdown__popper-container" };
42
42
  const _sfc_main$o = /* @__PURE__ */ defineComponent({
43
43
  props: {
44
44
  triggerType: { type: String, default: "click" },
45
- dark: { type: Boolean, default: false }
45
+ dark: { type: Boolean, default: false },
46
+ align: { type: String, default: void 0 }
46
47
  },
47
48
  setup(__props) {
49
+ const props = __props;
48
50
  const isOpen = ref(false);
49
51
  const popperRef = ref(null);
52
+ const computedClass = computed$2(() => {
53
+ const list = [];
54
+ if (props.align)
55
+ list.push(`align-${props.align}`);
56
+ return list;
57
+ });
50
58
  function openClose() {
51
59
  if (isOpen.value)
52
60
  return;
@@ -61,29 +69,33 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
61
69
  isOpen.value = true;
62
70
  }
63
71
  return (_ctx, _cache) => {
64
- return openBlock(), createElementBlock("div", _hoisted_1$k, [
72
+ return openBlock(), createElementBlock("div", {
73
+ class: normalizeClass(["ck-dropdown", unref$1(computedClass)])
74
+ }, [
65
75
  createElementVNode("div", {
66
76
  class: "ck-dropdown__trigger",
67
77
  onClick: _cache[0] || (_cache[0] = ($event) => openClose())
68
78
  }, [
69
79
  renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
70
80
  ]),
71
- isOpen.value ? (openBlock(), createElementBlock("section", {
72
- key: 0,
73
- class: normalizeClass(["ck-dropdown__popper", { "ck-dropdown__popper--dark": __props.dark }]),
74
- ref_key: "popperRef",
75
- ref: popperRef
76
- }, [
77
- createElementVNode("div", {
78
- class: normalizeClass(["ck-dropdown__popper--arrow", { "ck-dropdown__popper--arrow--dark": __props.dark }])
79
- }, null, 2),
80
- renderSlot(_ctx.$slots, "popper", {}, void 0, true)
81
- ], 2)) : createCommentVNode("", true)
82
- ]);
81
+ createElementVNode("div", _hoisted_1$k, [
82
+ isOpen.value ? (openBlock(), createElementBlock("section", {
83
+ key: 0,
84
+ class: normalizeClass(["ck-dropdown__popper", { "ck-dropdown__popper--dark": __props.dark }]),
85
+ ref_key: "popperRef",
86
+ ref: popperRef
87
+ }, [
88
+ createElementVNode("div", {
89
+ class: normalizeClass(["ck-dropdown__popper--arrow", { "ck-dropdown__popper--arrow--dark": __props.dark }])
90
+ }, null, 2),
91
+ renderSlot(_ctx.$slots, "popper", {}, void 0, true)
92
+ ], 2)) : createCommentVNode("", true)
93
+ ])
94
+ ], 2);
83
95
  };
84
96
  }
85
97
  });
86
- var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-64a91fb4"]]);
98
+ var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-2120e680"]]);
87
99
  var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
88
100
  const _sfc_main$n = /* @__PURE__ */ defineComponent({
89
101
  props: {
@@ -16571,9 +16583,90 @@ var validators = {
16571
16583
  return isValid;
16572
16584
  }
16573
16585
  };
16586
+ var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
16587
+ const _sfc_main$j = /* @__PURE__ */ defineComponent({
16588
+ props: {
16589
+ col: { type: Object, default: void 0 },
16590
+ nowrap: { type: Boolean, default: false },
16591
+ block: { type: Boolean, default: false },
16592
+ autoWidth: { type: Boolean, default: false },
16593
+ overflowAuto: { type: Boolean, default: false },
16594
+ align: { type: String, default: void 0, validator: validators.align },
16595
+ verticalAlign: { type: String, default: void 0, validator: validators.verticalAlign },
16596
+ fixedWidth: { type: String, default: "" },
16597
+ minWidth: { type: String, default: "" },
16598
+ maxWidth: { type: String, default: "" },
16599
+ maxHeight: { type: String, default: "" }
16600
+ },
16601
+ setup(__props) {
16602
+ const props = __props;
16603
+ const computedTdClass = computed$2(() => {
16604
+ const list = [];
16605
+ if (props.autoWidth)
16606
+ list.push("auto-width");
16607
+ if (props.overflowAuto)
16608
+ list.push("overflow-auto");
16609
+ if (props.verticalAlign)
16610
+ list.push(`vertical-align--${props.verticalAlign}`);
16611
+ return list;
16612
+ });
16613
+ const computedSpanClass = computed$2(() => {
16614
+ const list = [];
16615
+ let align;
16616
+ if (props.col)
16617
+ align = props.col.align;
16618
+ if (props.align)
16619
+ align = props.align;
16620
+ if (align) {
16621
+ if (align === "center")
16622
+ list.push("align-center");
16623
+ if (align === "right")
16624
+ list.push("align-right");
16625
+ }
16626
+ if (props.block)
16627
+ list.push("block");
16628
+ if (props.block)
16629
+ list.push("no-wrap-text");
16630
+ return list;
16631
+ });
16632
+ const computedStyle = computed$2(() => {
16633
+ const list = {};
16634
+ if (props.minWidth)
16635
+ list["min-width"] = props.minWidth;
16636
+ if (props.fixedWidth)
16637
+ list["min-width"] = props.fixedWidth;
16638
+ if (props.maxWidth)
16639
+ list["max-width"] = props.maxWidth;
16640
+ if (props.fixedWidth)
16641
+ list["max-width"] = props.fixedWidth;
16642
+ if (props.maxHeight)
16643
+ list["max-height"] = props.maxHeight;
16644
+ return list;
16645
+ });
16646
+ const isColumnDisplayed = computed$2(() => {
16647
+ if (!props.col)
16648
+ return true;
16649
+ return functions.isColumnDisplayed(props.col);
16650
+ });
16651
+ return (_ctx, _cache) => {
16652
+ return unref$1(isColumnDisplayed) ? (openBlock(), createElementBlock("td", {
16653
+ key: 0,
16654
+ class: normalizeClass(["ck-td", unref$1(computedTdClass)])
16655
+ }, [
16656
+ createElementVNode("span", {
16657
+ class: normalizeClass(unref$1(computedSpanClass)),
16658
+ style: normalizeStyle(unref$1(computedStyle))
16659
+ }, [
16660
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
16661
+ ], 6)
16662
+ ], 2)) : createCommentVNode("", true);
16663
+ };
16664
+ }
16665
+ });
16666
+ var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4077488a"]]);
16574
16667
  var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
16575
16668
  const _hoisted_1$h = { class: "ck-th" };
16576
- const _sfc_main$j = /* @__PURE__ */ defineComponent({
16669
+ const _sfc_main$i = /* @__PURE__ */ defineComponent({
16577
16670
  props: {
16578
16671
  align: { type: String, default: "left", validator: validators.align },
16579
16672
  minWidth: { type: String, default: void 0 }
@@ -16605,8 +16698,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
16605
16698
  };
16606
16699
  }
16607
16700
  });
16608
- var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4b7ed390"]]);
16609
- const _sfc_main$i = /* @__PURE__ */ defineComponent({
16701
+ var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4b7ed390"]]);
16702
+ const _sfc_main$h = /* @__PURE__ */ defineComponent({
16610
16703
  props: {
16611
16704
  col: { type: Object, required: true }
16612
16705
  },
@@ -16644,7 +16737,7 @@ function useWindowWidth() {
16644
16737
  }
16645
16738
  var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
16646
16739
  const _hoisted_1$g = ["title", "aria-label", "disabled"];
16647
- const _sfc_main$h = /* @__PURE__ */ defineComponent({
16740
+ const _sfc_main$g = /* @__PURE__ */ defineComponent({
16648
16741
  props: {
16649
16742
  title: { type: String, default: void 0 },
16650
16743
  disabled: { type: Boolean, default: false },
@@ -16738,10 +16831,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
16738
16831
  };
16739
16832
  }
16740
16833
  });
16741
- var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-5cf4066a"]]);
16834
+ var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-334c7553"]]);
16742
16835
  var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
16743
16836
  const _hoisted_1$f = ["for"];
16744
- const _sfc_main$g = /* @__PURE__ */ defineComponent({
16837
+ const _sfc_main$f = /* @__PURE__ */ defineComponent({
16745
16838
  props: {
16746
16839
  for: { type: String, default: "" },
16747
16840
  align: { type: String, default: "" }
@@ -16766,10 +16859,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
16766
16859
  };
16767
16860
  }
16768
16861
  });
16769
- var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-37dee526"]]);
16862
+ var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-37dee526"]]);
16770
16863
  var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
16771
16864
  const _hoisted_1$e = ["autocomplete", "type", "placeholder", "disabled"];
16772
- const _sfc_main$f = /* @__PURE__ */ defineComponent({
16865
+ const _sfc_main$e = /* @__PURE__ */ defineComponent({
16773
16866
  props: {
16774
16867
  modelValue: {},
16775
16868
  type: { type: String, validator: validators.inputType, default: "text" },
@@ -16899,10 +16992,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
16899
16992
  };
16900
16993
  }
16901
16994
  });
16902
- var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-7b390746"]]);
16995
+ var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-7b390746"]]);
16903
16996
  var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
16904
16997
  const _hoisted_1$d = { class: "ck-table__header-items" };
16905
- const _sfc_main$e = /* @__PURE__ */ defineComponent({
16998
+ const _sfc_main$d = /* @__PURE__ */ defineComponent({
16906
16999
  props: {
16907
17000
  search: { type: String, default: void 0 },
16908
17001
  hasColumnsManager: { type: Boolean, default: false },
@@ -16910,7 +17003,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
16910
17003
  hideItemsPerPage: { type: Boolean, required: true },
16911
17004
  currentPage: { type: Number, required: true },
16912
17005
  itemsPerPage: { type: Number, required: true },
16913
- listLength: { type: Number, required: true }
17006
+ listLength: { type: Number, default: 0 }
16914
17007
  },
16915
17008
  emits: ["update:search", "refreshList", "openColumnsManager"],
16916
17009
  setup(__props, { emit: emits }) {
@@ -16964,7 +17057,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
16964
17057
  unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(ckButton, {
16965
17058
  key: 0,
16966
17059
  type: "flat",
16967
- icon: "redo-alt",
17060
+ icon: "rotate-right",
16968
17061
  title: "Recargar lista",
16969
17062
  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refreshList", false))
16970
17063
  })) : createCommentVNode("", true),
@@ -16976,7 +17069,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
16976
17069
  key: 2,
16977
17070
  modelValue: unref$1(searchLocal),
16978
17071
  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
16979
- icon: "search",
17072
+ icon: "magnifying-glass",
16980
17073
  placeholder: "Buscar...",
16981
17074
  group: unref$1(searchGroupValue),
16982
17075
  onInput: _cache[2] || (_cache[2] = ($event) => checkRefresh())
@@ -16993,7 +17086,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
16993
17086
  };
16994
17087
  }
16995
17088
  });
16996
- var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-cf4f130a"]]);
17089
+ var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e948424e"]]);
16997
17090
  var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
16998
17091
  const _hoisted_1$c = { class: "ck-table__pagination" };
16999
17092
  const _hoisted_2$7 = ["onClick"];
@@ -17005,7 +17098,7 @@ const __default__ = {
17005
17098
  currentPage: { type: Number, required: true },
17006
17099
  align: { type: String, required: true },
17007
17100
  itemsPerPage: { type: Number, required: true },
17008
- listLength: { type: Number, required: true }
17101
+ listLength: { type: Number, default: 0 }
17009
17102
  },
17010
17103
  emits: ["refreshList", "update:currentPage"],
17011
17104
  computed: {
@@ -17072,7 +17165,7 @@ const __default__ = {
17072
17165
  }
17073
17166
  }
17074
17167
  };
17075
- const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
17168
+ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
17076
17169
  setup(__props) {
17077
17170
  return (_ctx, _cache) => {
17078
17171
  return __props.currentPage && _ctx.totalPages > 1 ? (openBlock(), createElementBlock("div", {
@@ -17121,7 +17214,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
17121
17214
  };
17122
17215
  }
17123
17216
  }));
17124
- var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-65c21486"]]);
17217
+ var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-dec8fb20"]]);
17125
17218
  const NOOP$1 = () => {
17126
17219
  };
17127
17220
  const isArray$1 = Array.isArray;
@@ -17904,7 +17997,7 @@ const _hoisted_3$4 = {
17904
17997
  key: 0,
17905
17998
  class: "c-Checkbox__label"
17906
17999
  };
17907
- const _sfc_main$c = /* @__PURE__ */ defineComponent({
18000
+ const _sfc_main$b = /* @__PURE__ */ defineComponent({
17908
18001
  props: {
17909
18002
  modelValue: { type: Boolean, default: false },
17910
18003
  label: { type: String, default: void 0 },
@@ -17961,7 +18054,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
17961
18054
  };
17962
18055
  }
17963
18056
  });
17964
- var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-132565da"]]);
18057
+ var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-132565da"]]);
17965
18058
  var ckPopup_vue_vue_type_style_index_0_lang = "";
17966
18059
  const _hoisted_1$a = {
17967
18060
  key: 0,
@@ -17984,7 +18077,7 @@ const _hoisted_7 = {
17984
18077
  };
17985
18078
  const _hoisted_8 = /* @__PURE__ */ createTextVNode("Cancelar");
17986
18079
  const _hoisted_9 = /* @__PURE__ */ createTextVNode("Aceptar");
17987
- const _sfc_main$b = /* @__PURE__ */ defineComponent({
18080
+ const _sfc_main$a = /* @__PURE__ */ defineComponent({
17988
18081
  props: {
17989
18082
  modelValue: { type: Boolean },
17990
18083
  title: { type: String, default: void 0 },
@@ -18076,7 +18169,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
18076
18169
  var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
18077
18170
  const _hoisted_1$9 = { class: "columns-manger-container" };
18078
18171
  const _hoisted_2$4 = { class: "columns-manger__item" };
18079
- const _sfc_main$a = /* @__PURE__ */ defineComponent({
18172
+ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
18080
18173
  props: {
18081
18174
  modelValue: { type: Boolean, required: true },
18082
18175
  columns: { type: Object, required: true },
@@ -18116,7 +18209,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
18116
18209
  props.columns[colName].isDisplayed = value;
18117
18210
  }
18118
18211
  return (_ctx, _cache) => {
18119
- return openBlock(), createBlock(_sfc_main$b, {
18212
+ return openBlock(), createBlock(_sfc_main$a, {
18120
18213
  modelValue: unref$1(isActive),
18121
18214
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(isActive) ? isActive.value = $event : null),
18122
18215
  title: "Administrador de columnas"
@@ -18144,7 +18237,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
18144
18237
  };
18145
18238
  }
18146
18239
  });
18147
- var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-36d907dc"]]);
18240
+ var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-36d907dc"]]);
18148
18241
  var qmApi = {};
18149
18242
  var qmArray = {
18150
18243
  arrayToText(arr, key = null) {
@@ -18428,27 +18521,28 @@ const _hoisted_2$3 = {
18428
18521
  class: "ck-table__header"
18429
18522
  };
18430
18523
  const _hoisted_3$2 = {
18431
- key: 1,
18524
+ key: 0,
18432
18525
  class: "ck-table__header--slot"
18433
18526
  };
18434
18527
  const _hoisted_4$2 = { class: "ck-table__table-container" };
18435
18528
  const _hoisted_5 = { key: 0 };
18436
18529
  const _hoisted_6 = { key: 1 };
18437
- const _sfc_main$9 = /* @__PURE__ */ defineComponent({
18530
+ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
18438
18531
  props: {
18439
18532
  columns: { type: [Array, Object], required: true, default: () => [] },
18440
18533
  hasColumnsManager: { type: Boolean, default: false },
18441
18534
  currentPage: { type: Number, default: 0 },
18442
18535
  itemsPerPage: { type: Number, default: 40 },
18443
- listLength: { type: Number, default: 0 },
18536
+ listLength: { type: Number, default: void 0 },
18444
18537
  paginationAlign: { type: String, default: "center", validator: validators.align },
18445
18538
  search: { type: String, default: void 0 },
18446
18539
  hideHeaderActions: { type: Boolean, default: false },
18447
18540
  showRefreshBtn: { type: Boolean, default: false },
18448
18541
  hideItemsPerPage: { type: Boolean, default: false },
18449
18542
  notFullWidth: { type: Boolean, default: false },
18450
- cellPadding: { type: String, defaul: void 0 },
18451
- cellPaddingY: { type: String, defaul: void 0 },
18543
+ cellPadding: { type: String, default: void 0 },
18544
+ cellPaddingY: { type: String, default: void 0 },
18545
+ noResultsText: { type: String, default: "No se encontraron resultados" },
18452
18546
  mobileMaxWidth: { type: [Number, String], default: 800 }
18453
18547
  },
18454
18548
  emits: ["refreshList", "update:search", "update:currentPage"],
@@ -18533,19 +18627,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
18533
18627
  }, null, 8, ["modelValue", "columnsArray", "columns"])) : createCommentVNode("", true),
18534
18628
  createElementVNode("div", _hoisted_1$8, [
18535
18629
  _ctx.$slots.header || !__props.hideHeaderActions ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
18536
- !__props.hideHeaderActions ? (openBlock(), createBlock(TableHeaderItems, {
18537
- key: 0,
18538
- search: unref$1(searchLocal),
18539
- "onUpdate:search": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
18540
- currentPage: __props.currentPage,
18541
- hasColumnsManager: __props.hasColumnsManager,
18542
- itemsPerPage: __props.itemsPerPage,
18543
- listLength: __props.listLength,
18544
- showRefreshBtn: __props.showRefreshBtn,
18545
- hideItemsPerPage: __props.hideItemsPerPage,
18546
- onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
18547
- onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
18548
- }, null, 8, ["search", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true),
18630
+ createElementVNode("div", null, [
18631
+ !__props.hideHeaderActions ? (openBlock(), createBlock(TableHeaderItems, {
18632
+ key: 0,
18633
+ search: unref$1(searchLocal),
18634
+ "onUpdate:search": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
18635
+ currentPage: __props.currentPage,
18636
+ hasColumnsManager: __props.hasColumnsManager,
18637
+ itemsPerPage: __props.itemsPerPage,
18638
+ listLength: __props.listLength,
18639
+ showRefreshBtn: __props.showRefreshBtn,
18640
+ hideItemsPerPage: __props.hideItemsPerPage,
18641
+ onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
18642
+ onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
18643
+ }, null, 8, ["search", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true)
18644
+ ]),
18549
18645
  _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
18550
18646
  renderSlot(_ctx.$slots, "header", {}, void 0, true)
18551
18647
  ])) : createCommentVNode("", true)
@@ -18558,7 +18654,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
18558
18654
  createVNode(ckTr, null, {
18559
18655
  default: withCtx(() => [
18560
18656
  (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
18561
- return openBlock(), createBlock(_sfc_main$i, {
18657
+ return openBlock(), createBlock(_sfc_main$h, {
18562
18658
  key: col.title,
18563
18659
  col
18564
18660
  }, null, 8, ["col"]);
@@ -18570,7 +18666,22 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
18570
18666
  createElementVNode("tbody", null, [
18571
18667
  renderSlot(_ctx.$slots, "default", {}, void 0, true),
18572
18668
  !unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "desktop", { key: 0 }, void 0, true) : createCommentVNode("", true),
18573
- unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "mobile", { key: 1 }, void 0, true) : createCommentVNode("", true)
18669
+ unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "mobile", { key: 1 }, void 0, true) : createCommentVNode("", true),
18670
+ __props.listLength === 0 ? (openBlock(), createBlock(ckTr, { key: 2 }, {
18671
+ default: withCtx(() => [
18672
+ createVNode(ckTd, {
18673
+ class: "no-result-text",
18674
+ colspan: "100%",
18675
+ align: "center"
18676
+ }, {
18677
+ default: withCtx(() => [
18678
+ createTextVNode(toDisplayString(__props.noResultsText), 1)
18679
+ ]),
18680
+ _: 1
18681
+ })
18682
+ ]),
18683
+ _: 1
18684
+ })) : createCommentVNode("", true)
18574
18685
  ]),
18575
18686
  _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
18576
18687
  renderSlot(_ctx.$slots, "footer", {}, void 0, true)
@@ -18591,88 +18702,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
18591
18702
  };
18592
18703
  }
18593
18704
  });
18594
- var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-65c343ce"]]);
18595
- var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
18596
- const _sfc_main$8 = /* @__PURE__ */ defineComponent({
18597
- props: {
18598
- col: { type: Object, default: void 0 },
18599
- nowrap: { type: Boolean, default: false },
18600
- block: { type: Boolean, default: false },
18601
- autoWidth: { type: Boolean, default: false },
18602
- overflowAuto: { type: Boolean, default: false },
18603
- align: { type: String, default: void 0, validator: validators.align },
18604
- verticalAlign: { type: String, default: void 0, validator: validators.verticalAlign },
18605
- fixedWidth: { type: String, default: "" },
18606
- minWidth: { type: String, default: "" },
18607
- maxWidth: { type: String, default: "" },
18608
- maxHeight: { type: String, default: "" }
18609
- },
18610
- setup(__props) {
18611
- const props = __props;
18612
- const computedTdClass = computed$2(() => {
18613
- const list = [];
18614
- if (props.autoWidth)
18615
- list.push("auto-width");
18616
- if (props.overflowAuto)
18617
- list.push("overflow-auto");
18618
- if (props.verticalAlign)
18619
- list.push(`vertical-align--${props.verticalAlign}`);
18620
- return list;
18621
- });
18622
- const computedSpanClass = computed$2(() => {
18623
- const list = [];
18624
- let align;
18625
- if (props.col)
18626
- align = props.col.align;
18627
- if (props.align)
18628
- align = props.align;
18629
- if (align) {
18630
- if (align === "center")
18631
- list.push("align-center");
18632
- if (align === "right")
18633
- list.push("align-right");
18634
- }
18635
- if (props.block)
18636
- list.push("block");
18637
- if (props.block)
18638
- list.push("no-wrap-text");
18639
- return list;
18640
- });
18641
- const computedStyle = computed$2(() => {
18642
- const list = {};
18643
- if (props.minWidth)
18644
- list["min-width"] = props.minWidth;
18645
- if (props.fixedWidth)
18646
- list["min-width"] = props.fixedWidth;
18647
- if (props.maxWidth)
18648
- list["max-width"] = props.maxWidth;
18649
- if (props.fixedWidth)
18650
- list["max-width"] = props.fixedWidth;
18651
- if (props.maxHeight)
18652
- list["max-height"] = props.maxHeight;
18653
- return list;
18654
- });
18655
- const isColumnDisplayed = computed$2(() => {
18656
- if (!props.col)
18657
- return true;
18658
- return functions.isColumnDisplayed(props.col);
18659
- });
18660
- return (_ctx, _cache) => {
18661
- return unref$1(isColumnDisplayed) ? (openBlock(), createElementBlock("td", {
18662
- key: 0,
18663
- class: normalizeClass(["ck-td", unref$1(computedTdClass)])
18664
- }, [
18665
- createElementVNode("span", {
18666
- class: normalizeClass(unref$1(computedSpanClass)),
18667
- style: normalizeStyle(unref$1(computedStyle))
18668
- }, [
18669
- renderSlot(_ctx.$slots, "default", {}, void 0, true)
18670
- ], 6)
18671
- ], 2)) : createCommentVNode("", true);
18672
- };
18673
- }
18674
- });
18675
- var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4077488a"]]);
18705
+ var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e047ea3a"]]);
18676
18706
  var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
18677
18707
  const _hoisted_1$7 = ["color"];
18678
18708
  const _sfc_main$7 = /* @__PURE__ */ defineComponent({
@@ -21909,7 +21939,7 @@ var components = /* @__PURE__ */ Object.freeze({
21909
21939
  ckImg,
21910
21940
  ckInput,
21911
21941
  ckLabel,
21912
- ckPopup: _sfc_main$b,
21942
+ ckPopup: _sfc_main$a,
21913
21943
  ckRadio,
21914
21944
  ckSelect,
21915
21945
  ckSwitch,
@@ -21949,4 +21979,4 @@ const install = function installCleek(app, options) {
21949
21979
  app.component(componentName, component);
21950
21980
  });
21951
21981
  };
21952
- export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, ckNavbar, ckNotify, _sfc_main$b as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };
21982
+ export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, ckNavbar, ckNotify, _sfc_main$a as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };