cleek 2.4.26 → 2.4.29

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/cleek.es.js CHANGED
@@ -29,7 +29,7 @@ var __objRest = (source2, exclude) => {
29
29
  }
30
30
  return target;
31
31
  };
32
- import { pushScopeId, popScopeId, defineComponent, nextTick as nextTick$1, openBlock, createBlock, withScopeId, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, Fragment, renderSlot, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h, toDisplayString, computed as computed$2, onMounted, getCurrentInstance, unref as unref$1, createTextVNode, watch, onBeforeUnmount, withDirectives, isRef as isRef$1, vModelDynamic, renderList, withModifiers, vModelRadio, vModelSelect, vModelCheckbox, vModelText, Teleport } from "vue";
32
+ import { pushScopeId, popScopeId, defineComponent, nextTick as nextTick$1, openBlock, createBlock, withScopeId, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, Fragment, renderSlot, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h, toDisplayString, computed as computed$2, onMounted, getCurrentInstance, unref as unref$1, createTextVNode, watch, onBeforeUnmount, withDirectives, isRef as isRef$1, vModelDynamic, renderList, vModelText, withModifiers, vModelRadio, vModelSelect, vModelCheckbox, Teleport } from "vue";
33
33
  function getBasePlacement(placement) {
34
34
  return placement.split("-")[0];
35
35
  }
@@ -2339,10 +2339,10 @@ const _hoisted_2$1$1 = {
2339
2339
  class: "v-popper__inner"
2340
2340
  };
2341
2341
  const _hoisted_3$8 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
2342
- const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
2342
+ const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
2343
2343
  const _hoisted_5$3 = [
2344
2344
  _hoisted_3$8,
2345
- _hoisted_4$6
2345
+ _hoisted_4$7
2346
2346
  ];
2347
2347
  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
2348
2348
  const _component_ResizeObserver = resolveComponent("ResizeObserver");
@@ -2629,7 +2629,7 @@ const _sfc_main$r = defineComponent({
2629
2629
  }
2630
2630
  }
2631
2631
  });
2632
- const _hoisted_1$m = ["innerHTML"];
2632
+ const _hoisted_1$l = ["innerHTML"];
2633
2633
  const _hoisted_2$b = ["textContent"];
2634
2634
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
2635
2635
  const _component_PopperContent = resolveComponent("PopperContent");
@@ -2673,7 +2673,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
2673
2673
  _ctx.html ? (openBlock(), createElementBlock("div", {
2674
2674
  key: 0,
2675
2675
  innerHTML: _ctx.finalContent
2676
- }, null, 8, _hoisted_1$m)) : (openBlock(), createElementBlock("div", {
2676
+ }, null, 8, _hoisted_1$l)) : (openBlock(), createElementBlock("div", {
2677
2677
  key: 1,
2678
2678
  textContent: toDisplayString(_ctx.finalContent)
2679
2679
  }, null, 8, _hoisted_2$b))
@@ -18766,7 +18766,7 @@ var _export_sfc = (sfc, props) => {
18766
18766
  }
18767
18767
  return target;
18768
18768
  };
18769
- const _hoisted_1$l = { class: "ck-dropdown__popper-container" };
18769
+ const _hoisted_1$k = { class: "ck-dropdown__popper-container" };
18770
18770
  const _sfc_main$q = /* @__PURE__ */ defineComponent({
18771
18771
  props: {
18772
18772
  dark: { type: Boolean },
@@ -18820,7 +18820,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
18820
18820
  }, [
18821
18821
  renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
18822
18822
  ]),
18823
- createElementVNode("div", _hoisted_1$l, [
18823
+ createElementVNode("div", _hoisted_1$k, [
18824
18824
  isOpen.value ? (openBlock(), createElementBlock("section", {
18825
18825
  key: 0,
18826
18826
  class: normalizeClass(["ck-dropdown__popper", unref$1(computedClassPopper)]),
@@ -18877,9 +18877,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
18877
18877
  }
18878
18878
  });
18879
18879
  var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-e0fbc7aa"]]);
18880
- const _hoisted_1$k = { class: "ck-tr" };
18880
+ const _hoisted_1$j = { class: "ck-tr" };
18881
18881
  function render2(_ctx, _cache) {
18882
- return openBlock(), createElementBlock("tr", _hoisted_1$k, [
18882
+ return openBlock(), createElementBlock("tr", _hoisted_1$j, [
18883
18883
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
18884
18884
  ]);
18885
18885
  }
@@ -18976,7 +18976,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
18976
18976
  };
18977
18977
  }
18978
18978
  });
18979
- var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3abbbf2a"]]);
18979
+ var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-6dd2ca6a"]]);
18980
18980
  var axios$2 = { exports: {} };
18981
18981
  var bind$2 = function bind2(fn, thisArg) {
18982
18982
  return function wrap() {
@@ -20314,7 +20314,7 @@ const qmStr = {
20314
20314
  }
20315
20315
  };
20316
20316
  var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
20317
- const _hoisted_1$j = { class: "ck-th" };
20317
+ const _hoisted_1$i = { class: "ck-th" };
20318
20318
  const _sfc_main$m = /* @__PURE__ */ defineComponent({
20319
20319
  props: {
20320
20320
  align: null,
@@ -20335,7 +20335,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
20335
20335
  return list;
20336
20336
  });
20337
20337
  return (_ctx, _cache) => {
20338
- return openBlock(), createElementBlock("th", _hoisted_1$j, [
20338
+ return openBlock(), createElementBlock("th", _hoisted_1$i, [
20339
20339
  createElementVNode("span", {
20340
20340
  class: normalizeClass(unref$1(computedSpanClass)),
20341
20341
  style: normalizeStyle(unref$1(computedStyle))
@@ -20868,7 +20868,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
20868
20868
  };
20869
20869
  }
20870
20870
  });
20871
- var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-8816423e"]]);
20871
+ var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-4221e90d"]]);
20872
20872
  function useWindowWidth() {
20873
20873
  const windowWidth = ref(0);
20874
20874
  function handleWindowResize(event) {
@@ -20888,7 +20888,7 @@ function useWindowWidth() {
20888
20888
  };
20889
20889
  }
20890
20890
  var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
20891
- const _hoisted_1$i = ["title", "aria-label", "disabled"];
20891
+ const _hoisted_1$h = ["title", "aria-label", "disabled"];
20892
20892
  const _sfc_main$j = /* @__PURE__ */ defineComponent({
20893
20893
  props: {
20894
20894
  title: null,
@@ -20995,13 +20995,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
20995
20995
  icon: __props.iconRight,
20996
20996
  "icon-pack": __props.iconPack
20997
20997
  }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true)
20998
- ], 14, _hoisted_1$i);
20998
+ ], 14, _hoisted_1$h);
20999
20999
  };
21000
21000
  }
21001
21001
  });
21002
- var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-177f5b94"]]);
21002
+ var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-1eb38e96"]]);
21003
21003
  var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
21004
- const _hoisted_1$h = ["for"];
21004
+ const _hoisted_1$g = ["for"];
21005
21005
  const _sfc_main$i = /* @__PURE__ */ defineComponent({
21006
21006
  props: {
21007
21007
  for: null,
@@ -21026,13 +21026,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
21026
21026
  for: __props.for
21027
21027
  }, [
21028
21028
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
21029
- ], 10, _hoisted_1$h);
21029
+ ], 10, _hoisted_1$g);
21030
21030
  };
21031
21031
  }
21032
21032
  });
21033
21033
  var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-43625692"]]);
21034
21034
  var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
21035
- const _hoisted_1$g = ["autocomplete", "type", "placeholder", "disabled"];
21035
+ const _hoisted_1$f = ["autocomplete", "type", "placeholder", "disabled"];
21036
21036
  const _sfc_main$h = /* @__PURE__ */ defineComponent({
21037
21037
  props: {
21038
21038
  modelValue: null,
@@ -21199,7 +21199,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
21199
21199
  onChange: _cache[1] || (_cache[1] = ($event) => onChange2($event)),
21200
21200
  onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
21201
21201
  onClick: _cache[3] || (_cache[3] = ($event) => onClick2($event))
21202
- }, null, 46, _hoisted_1$g), [
21202
+ }, null, 46, _hoisted_1$f), [
21203
21203
  [vModelDynamic, unref$1(value)]
21204
21204
  ]),
21205
21205
  __props.iconRight ? (openBlock(), createBlock(CkIcon, {
@@ -21213,9 +21213,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
21213
21213
  };
21214
21214
  }
21215
21215
  });
21216
- var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-110a76c1"]]);
21216
+ var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4eeecd7d"]]);
21217
21217
  var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
21218
- const _hoisted_1$f = { class: "ck-table__header-items" };
21219
21218
  const _sfc_main$g = /* @__PURE__ */ defineComponent({
21220
21219
  props: {
21221
21220
  search: null,
@@ -21225,7 +21224,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
21225
21224
  currentPage: null,
21226
21225
  itemsPerPage: null,
21227
21226
  hideHeaderActions: { type: Boolean },
21228
- listLength: null
21227
+ listLength: null,
21228
+ layout: null
21229
21229
  },
21230
21230
  emits: ["update:search", "refreshList", "openColumnsManager"],
21231
21231
  setup(__props, { emit: emits }) {
@@ -21266,6 +21266,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
21266
21266
  return "left";
21267
21267
  return "";
21268
21268
  });
21269
+ const computedClass = computed$2(() => {
21270
+ const list = [];
21271
+ if (props.layout)
21272
+ list.push(props.layout);
21273
+ return list;
21274
+ });
21269
21275
  function checkRefresh() {
21270
21276
  const search = searchLocal.value;
21271
21277
  setTimeout(() => {
@@ -21279,7 +21285,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
21279
21285
  checkRefresh
21280
21286
  ]);
21281
21287
  return (_ctx, _cache) => {
21282
- return openBlock(), createElementBlock("div", _hoisted_1$f, [
21288
+ return openBlock(), createElementBlock("div", {
21289
+ class: normalizeClass(["ck-table__header-items", unref$1(computedClass)])
21290
+ }, [
21283
21291
  !__props.hideHeaderActions ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
21284
21292
  unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(CkButton, {
21285
21293
  key: 0,
@@ -21310,32 +21318,35 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
21310
21318
  onClick: _cache[3] || (_cache[3] = ($event) => emits("openColumnsManager"))
21311
21319
  }, null, 8, ["group"])) : createCommentVNode("", true)
21312
21320
  ], 64)) : createCommentVNode("", true)
21313
- ]);
21321
+ ], 2);
21314
21322
  };
21315
21323
  }
21316
21324
  });
21317
- var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-76d9dde9"]]);
21325
+ var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-3ede608c"]]);
21318
21326
  var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
21319
21327
  const _hoisted_1$e = { class: "ck-table__pagination" };
21320
- const _hoisted_2$a = ["onClick"];
21328
+ const _hoisted_2$a = { class: "ck-table__pagination--numbers-container" };
21321
21329
  const _hoisted_3$7 = ["onClick"];
21330
+ const _hoisted_4$6 = ["onClick"];
21322
21331
  const _sfc_main$f = /* @__PURE__ */ defineComponent({
21323
21332
  props: {
21324
21333
  currentPage: null,
21325
21334
  align: null,
21326
21335
  itemsPerPage: null,
21327
- listLength: null
21336
+ listLength: null,
21337
+ layout: null
21328
21338
  },
21329
21339
  emits: ["refreshList", "update:currentPage"],
21330
21340
  setup(__props, { emit: emits }) {
21331
21341
  const props = __props;
21342
+ let cleekOptions2 = ref();
21332
21343
  const itemsShowed = 5;
21333
- const currentPageLocal2 = computed$2({
21344
+ const currentPageLocal = computed$2({
21334
21345
  get() {
21335
21346
  return props.currentPage;
21336
21347
  },
21337
- set() {
21338
- return;
21348
+ set(val) {
21349
+ validateInputNumber(val);
21339
21350
  }
21340
21351
  });
21341
21352
  const hasArrowLeft = computed$2(() => {
@@ -21343,14 +21354,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
21343
21354
  return false;
21344
21355
  return listLeft.value[0] !== 1;
21345
21356
  });
21346
- const totalPages = computed$2(() => {
21347
- return Math.ceil(props.listLength / props.itemsPerPage);
21348
- });
21349
21357
  const hasArrowRight = computed$2(() => {
21350
21358
  if (!listRight.value.length)
21351
21359
  return false;
21352
21360
  return listRight.value[listRight.value.length - 1] !== totalPages.value;
21353
21361
  });
21362
+ const totalPages = computed$2(() => {
21363
+ return Math.ceil(props.listLength / props.itemsPerPage);
21364
+ });
21354
21365
  const listLeft = computed$2(() => {
21355
21366
  if (!props.listLength)
21356
21367
  return [];
@@ -21375,7 +21386,20 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
21375
21386
  }
21376
21387
  return list;
21377
21388
  });
21378
- function updateCurrentPage(val) {
21389
+ const computedClass = computed$2(() => {
21390
+ var _a;
21391
+ const list = [];
21392
+ const align = props.align || "center";
21393
+ if (align)
21394
+ list.push(`pagination-align--${align || "center"}`);
21395
+ const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
21396
+ if (layout)
21397
+ list.push(layout);
21398
+ return list;
21399
+ });
21400
+ function updateCurrentPage(val, validator7 = true) {
21401
+ if (!validator7)
21402
+ return;
21379
21403
  emits("update:currentPage", val);
21380
21404
  emits("refreshList");
21381
21405
  }
@@ -21389,57 +21413,61 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
21389
21413
  return;
21390
21414
  updateCurrentPage(val);
21391
21415
  }
21416
+ onMounted(() => {
21417
+ cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
21418
+ });
21392
21419
  hooks8.preventUnusedError([
21393
21420
  validateInputNumber
21394
21421
  ]);
21395
21422
  return (_ctx, _cache) => {
21396
21423
  return __props.currentPage && unref$1(totalPages) > 1 ? (openBlock(), createElementBlock("div", {
21397
21424
  key: 0,
21398
- class: normalizeClass(["ck-table__pagination-container", `pagination-align--${__props.align}`])
21425
+ class: normalizeClass(["ck-table__pagination-container", unref$1(computedClass)])
21399
21426
  }, [
21400
21427
  createElementVNode("div", _hoisted_1$e, [
21401
- unref$1(hasArrowLeft) ? (openBlock(), createElementBlock("div", {
21402
- key: 0,
21403
- class: "ck-table__pagination--arrow-left",
21404
- onClick: _cache[0] || (_cache[0] = ($event) => updateCurrentPage(__props.currentPage - 1))
21428
+ createElementVNode("div", {
21429
+ class: normalizeClass(["ck-table__pagination--arrow-left", { disabled: !unref$1(hasArrowLeft) }]),
21430
+ onClick: _cache[0] || (_cache[0] = ($event) => updateCurrentPage(__props.currentPage - 1, unref$1(hasArrowLeft)))
21405
21431
  }, [
21406
- createVNode(CkIcon, { icon: "arrow-left" })
21407
- ])) : createCommentVNode("", true),
21408
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listLeft), (num) => {
21409
- return openBlock(), createElementBlock("div", {
21410
- class: "ck-table__pagination-item pagination-item__left",
21411
- onClick: ($event) => updateCurrentPage(num)
21412
- }, toDisplayString(num), 9, _hoisted_2$a);
21413
- }), 256)),
21414
- createVNode(CkInput, {
21415
- class: "ck-table__pagination-input",
21416
- autoSelect: "",
21417
- type: "number",
21418
- width: "50px",
21419
- align: "center",
21420
- modelValue: unref$1(currentPageLocal2),
21421
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(currentPageLocal2) ? currentPageLocal2.value = $event : null),
21422
- onChange: _cache[2] || (_cache[2] = ($event) => validateInputNumber($event.target.value))
21423
- }, null, 8, ["modelValue"]),
21424
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listRight), (num) => {
21425
- return openBlock(), createElementBlock("div", {
21426
- class: "ck-table__pagination-item pagination-item__right",
21427
- onClick: ($event) => updateCurrentPage(num)
21428
- }, toDisplayString(num), 9, _hoisted_3$7);
21429
- }), 256)),
21430
- unref$1(hasArrowRight) ? (openBlock(), createElementBlock("div", {
21431
- key: 1,
21432
- class: "ck-table__pagination--arrow-right",
21433
- onClick: _cache[3] || (_cache[3] = ($event) => updateCurrentPage(__props.currentPage + 1))
21432
+ createVNode(CkIcon, {
21433
+ icon: unref$1(hasArrowLeft) ? "angle-left" : "grip-lines-vertical"
21434
+ }, null, 8, ["icon"])
21435
+ ], 2),
21436
+ createElementVNode("div", _hoisted_2$a, [
21437
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listLeft), (num) => {
21438
+ return openBlock(), createElementBlock("div", {
21439
+ class: "ck-table__pagination-item--left",
21440
+ onClick: ($event) => updateCurrentPage(num)
21441
+ }, toDisplayString(num), 9, _hoisted_3$7);
21442
+ }), 256)),
21443
+ withDirectives(createElementVNode("input", {
21444
+ class: "ck-table__pagination-input",
21445
+ type: "number",
21446
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(currentPageLocal) ? currentPageLocal.value = $event : null)
21447
+ }, null, 512), [
21448
+ [vModelText, unref$1(currentPageLocal)]
21449
+ ]),
21450
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listRight), (num) => {
21451
+ return openBlock(), createElementBlock("div", {
21452
+ class: "ck-table__pagination-item--right",
21453
+ onClick: ($event) => updateCurrentPage(num)
21454
+ }, toDisplayString(num), 9, _hoisted_4$6);
21455
+ }), 256))
21456
+ ]),
21457
+ createElementVNode("div", {
21458
+ class: normalizeClass(["ck-table__pagination--arrow-right", { disabled: !unref$1(hasArrowRight) }]),
21459
+ onClick: _cache[2] || (_cache[2] = ($event) => updateCurrentPage(__props.currentPage + 1, unref$1(hasArrowRight)))
21434
21460
  }, [
21435
- createVNode(CkIcon, { icon: "arrow-right" })
21436
- ])) : createCommentVNode("", true)
21461
+ createVNode(CkIcon, {
21462
+ icon: unref$1(hasArrowRight) ? "angle-right" : "grip-lines-vertical"
21463
+ }, null, 8, ["icon"])
21464
+ ], 2)
21437
21465
  ])
21438
21466
  ], 2)) : createCommentVNode("", true);
21439
21467
  };
21440
21468
  }
21441
21469
  });
21442
- var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-b8a184d6"]]);
21470
+ var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-079c5d65"]]);
21443
21471
  const EMPTY_OBJ = {};
21444
21472
  const NOOP = () => {
21445
21473
  };
@@ -22377,17 +22405,17 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
22377
22405
  return list;
22378
22406
  });
22379
22407
  const realAcceptBtnType = computed$2(() => {
22380
- if (props.cancelBtnType)
22381
- return props.cancelBtnType;
22382
- if (cleekOptions2.popup.cancelBtnType)
22383
- return cleekOptions2.popup.cancelBtnType;
22408
+ if (props.acceptBtnType)
22409
+ return props.acceptBtnType;
22410
+ if (cleekOptions2.popup.acceptBtnType)
22411
+ return cleekOptions2.popup.acceptBtnType;
22384
22412
  return "flat";
22385
22413
  });
22386
22414
  const realCancelBtnType = computed$2(() => {
22387
22415
  if (props.cancelBtnType)
22388
22416
  return props.cancelBtnType;
22389
- if (cleekOptions2.popup.acceptBtnType)
22390
- return cleekOptions2.popup.acceptBtnType;
22417
+ if (cleekOptions2.popup.cancelBtnType)
22418
+ return cleekOptions2.popup.cancelBtnType;
22391
22419
  return "outlined";
22392
22420
  });
22393
22421
  function onCancel() {
@@ -22572,11 +22600,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
22572
22600
  cellPaddingY: null,
22573
22601
  noResultsText: null,
22574
22602
  notOverflow: { type: Boolean },
22603
+ layout: null,
22575
22604
  mobileMaxWidth: null
22576
22605
  },
22577
22606
  emits: ["refreshList", "update:search", "update:currentPage"],
22578
22607
  setup(__props, { emit: emits }) {
22579
22608
  const props = __props;
22609
+ let cleekOptions2 = ref();
22580
22610
  const defaultNoResultsText = "No se encontraron resultados";
22581
22611
  const defaultItemsPerPage = 40;
22582
22612
  const { windowWidth } = useWindowWidth();
@@ -22623,6 +22653,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
22623
22653
  emits("update:currentPage", val);
22624
22654
  }
22625
22655
  });
22656
+ const realLayout = computed$2(() => {
22657
+ var _a;
22658
+ return props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
22659
+ });
22626
22660
  const isMobileVisible = computed$2(() => {
22627
22661
  return windowWidth.value <= (props.mobileMaxWidth || 0);
22628
22662
  });
@@ -22646,6 +22680,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
22646
22680
  list.push("not-full-width");
22647
22681
  return list;
22648
22682
  });
22683
+ onMounted(() => {
22684
+ cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
22685
+ });
22649
22686
  hooks8.preventUnusedError([
22650
22687
  computedClassTable,
22651
22688
  defaultNoResultsText,
@@ -22682,9 +22719,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
22682
22719
  listLength: __props.listLength,
22683
22720
  showRefreshBtn: __props.showRefreshBtn,
22684
22721
  hideItemsPerPage: __props.hideItemsPerPage,
22722
+ layout: unref$1(realLayout),
22685
22723
  onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
22686
22724
  onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
22687
- }, null, 8, ["search", "hideHeaderActions", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage"]),
22725
+ }, null, 8, ["search", "hideHeaderActions", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage", "layout"]),
22688
22726
  _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
22689
22727
  renderSlot(_ctx.$slots, "header", {}, void 0, true)
22690
22728
  ])) : createCommentVNode("", true)
@@ -22743,14 +22781,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
22743
22781
  itemsPerPage: __props.itemsPerPage,
22744
22782
  listLength: __props.listLength,
22745
22783
  align: __props.paginationAlign,
22784
+ layout: unref$1(realLayout),
22746
22785
  onRefreshList: _cache[5] || (_cache[5] = ($event) => refreshList(true))
22747
- }, null, 8, ["currentPage", "itemsPerPage", "listLength", "align"])
22786
+ }, null, 8, ["currentPage", "itemsPerPage", "listLength", "align", "layout"])
22748
22787
  ])
22749
22788
  ], 64);
22750
22789
  };
22751
22790
  }
22752
22791
  });
22753
- var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-26890d44"]]);
22792
+ var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6af574e4"]]);
22754
22793
  var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
22755
22794
  const _hoisted_1$9 = ["color"];
22756
22795
  const _sfc_main$a = /* @__PURE__ */ defineComponent({
@@ -22941,7 +22980,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
22941
22980
  };
22942
22981
  }
22943
22982
  });
22944
- var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-7cd9662b"]]);
22983
+ var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-246c956c"]]);
22945
22984
  var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
22946
22985
  const _withScopeId$2 = (n) => (pushScopeId("data-v-2e09b238"), n = n(), popScopeId(), n);
22947
22986
  const _hoisted_1$7 = ["onKeyup"];
@@ -23238,7 +23277,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
23238
23277
  };
23239
23278
  }
23240
23279
  });
23241
- var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ccaf1058"]]);
23280
+ var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-55473558"]]);
23242
23281
  var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
23243
23282
  const _hoisted_1$5 = {
23244
23283
  key: 0,
@@ -23581,7 +23620,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
23581
23620
  };
23582
23621
  }
23583
23622
  });
23584
- var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-67887c28"]]);
23623
+ var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-95fd3820"]]);
23585
23624
  var CkConfirm_vue_vue_type_style_index_0_scoped_true_lang = "";
23586
23625
  const _withScopeId = (n) => (pushScopeId("data-v-bc51fc7a"), n = n(), popScopeId(), n);
23587
23626
  const _hoisted_1$1 = { class: "ck-confirm--background" };