cleek 2.4.27 → 2.4.28

package/dist/cleek.es.js

@@ -29,7 +29,7 @@ var __objRest = (source2, exclude) => {
     }
   return target;
 };
-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";
+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";
 function getBasePlacement(placement) {
   return placement.split("-")[0];
 }
@@ -2629,7 +2629,7 @@ const _sfc_main$r = defineComponent({
     }
   }
 });
-const _hoisted_1$m = ["innerHTML"];
+const _hoisted_1$l = ["innerHTML"];
 const _hoisted_2$b = ["textContent"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PopperContent = resolveComponent("PopperContent");
@@ -2673,7 +2673,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.html ? (openBlock(), createElementBlock("div", {
             key: 0,
             innerHTML: _ctx.finalContent
-          }, null, 8, _hoisted_1$m)) : (openBlock(), createElementBlock("div", {
+          }, null, 8, _hoisted_1$l)) : (openBlock(), createElementBlock("div", {
             key: 1,
             textContent: toDisplayString(_ctx.finalContent)
           }, null, 8, _hoisted_2$b))
@@ -18766,7 +18766,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$l = { class: "ck-dropdown__popper-container" };
+const _hoisted_1$k = { class: "ck-dropdown__popper-container" };
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   props: {
     dark: { type: Boolean },
@@ -18820,7 +18820,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
         ]),
-        createElementVNode("div", _hoisted_1$l, [
+        createElementVNode("div", _hoisted_1$k, [
           isOpen.value ? (openBlock(), createElementBlock("section", {
             key: 0,
             class: normalizeClass(["ck-dropdown__popper", unref$1(computedClassPopper)]),
@@ -18877,9 +18877,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-e0fbc7aa"]]);
-const _hoisted_1$k = { class: "ck-tr" };
+const _hoisted_1$j = { class: "ck-tr" };
 function render2(_ctx, _cache) {
-  return openBlock(), createElementBlock("tr", _hoisted_1$k, [
+  return openBlock(), createElementBlock("tr", _hoisted_1$j, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
@@ -18976,7 +18976,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3abbbf2a"]]);
+var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-6dd2ca6a"]]);
 var axios$2 = { exports: {} };
 var bind$2 = function bind2(fn, thisArg) {
   return function wrap() {
@@ -20314,7 +20314,7 @@ const qmStr = {
   }
 };
 var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$j = { class: "ck-th" };
+const _hoisted_1$i = { class: "ck-th" };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   props: {
     align: null,
@@ -20335,7 +20335,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       return list;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("th", _hoisted_1$j, [
+      return openBlock(), createElementBlock("th", _hoisted_1$i, [
         createElementVNode("span", {
           class: normalizeClass(unref$1(computedSpanClass)),
           style: normalizeStyle(unref$1(computedStyle))
@@ -20868,7 +20868,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-8816423e"]]);
+var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-4221e90d"]]);
 function useWindowWidth() {
   const windowWidth = ref(0);
   function handleWindowResize(event) {
@@ -20888,7 +20888,7 @@ function useWindowWidth() {
   };
 }
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$i = ["title", "aria-label", "disabled"];
+const _hoisted_1$h = ["title", "aria-label", "disabled"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   props: {
     title: null,
@@ -20995,13 +20995,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           icon: __props.iconRight,
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$i);
+      ], 14, _hoisted_1$h);
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-177f5b94"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-1eb38e96"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$h = ["for"];
+const _hoisted_1$g = ["for"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   props: {
     for: null,
@@ -21026,13 +21026,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         for: __props.for
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$h);
+      ], 10, _hoisted_1$g);
     };
   }
 });
 var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-43625692"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$g = ["autocomplete", "type", "placeholder", "disabled"];
+const _hoisted_1$f = ["autocomplete", "type", "placeholder", "disabled"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
@@ -21199,7 +21199,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           onChange: _cache[1] || (_cache[1] = ($event) => onChange2($event)),
           onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
           onClick: _cache[3] || (_cache[3] = ($event) => onClick2($event))
-        }, null, 46, _hoisted_1$g), [
+        }, null, 46, _hoisted_1$f), [
           [vModelDynamic, unref$1(value)]
         ]),
         __props.iconRight ? (openBlock(), createBlock(CkIcon, {
@@ -21213,9 +21213,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-110a76c1"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4eeecd7d"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$f = { class: "ck-table__header-items" };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
     search: null,
@@ -21225,7 +21224,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     currentPage: null,
     itemsPerPage: null,
     hideHeaderActions: { type: Boolean },
-    listLength: null
+    listLength: null,
+    layout: null
   },
   emits: ["update:search", "refreshList", "openColumnsManager"],
   setup(__props, { emit: emits }) {
@@ -21266,6 +21266,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         return "left";
       return "";
     });
+    const computedClass = computed$2(() => {
+      const list = [];
+      if (props.layout)
+        list.push(props.layout);
+      return list;
+    });
     function checkRefresh() {
       const search = searchLocal.value;
       setTimeout(() => {
@@ -21279,7 +21285,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       checkRefresh
     ]);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ck-table__header-items", unref$1(computedClass)])
+      }, [
         !__props.hideHeaderActions ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(CkButton, {
             key: 0,
@@ -21310,11 +21318,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             onClick: _cache[3] || (_cache[3] = ($event) => emits("openColumnsManager"))
           }, null, 8, ["group"])) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
-      ]);
+      ], 2);
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-76d9dde9"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-3ede608c"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = { class: "ck-table__pagination" };
 const _hoisted_2$a = { class: "ck-table__pagination--numbers-container" };
@@ -21325,18 +21333,20 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     currentPage: null,
     align: null,
     itemsPerPage: null,
-    listLength: null
+    listLength: null,
+    layout: null
   },
   emits: ["refreshList", "update:currentPage"],
   setup(__props, { emit: emits }) {
     const props = __props;
+    let cleekOptions2 = ref();
     const itemsShowed = 5;
-    const currentPageLocal2 = computed$2({
+    const currentPageLocal = computed$2({
       get() {
         return props.currentPage;
       },
-      set() {
-        return;
+      set(val) {
+        validateInputNumber(val);
       }
     });
     const hasArrowLeft = computed$2(() => {
@@ -21344,14 +21354,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         return false;
       return listLeft.value[0] !== 1;
     });
-    const totalPages = computed$2(() => {
-      return Math.ceil(props.listLength / props.itemsPerPage);
-    });
     const hasArrowRight = computed$2(() => {
       if (!listRight.value.length)
         return false;
       return listRight.value[listRight.value.length - 1] !== totalPages.value;
     });
+    const totalPages = computed$2(() => {
+      return Math.ceil(props.listLength / props.itemsPerPage);
+    });
     const listLeft = computed$2(() => {
       if (!props.listLength)
         return [];
@@ -21376,7 +21386,20 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
       return list;
     });
-    function updateCurrentPage(val) {
+    const computedClass = computed$2(() => {
+      var _a;
+      const list = [];
+      const align = props.align || "center";
+      if (align)
+        list.push(`pagination-align--${align || "center"}`);
+      const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
+      if (layout)
+        list.push(layout);
+      return list;
+    });
+    function updateCurrentPage(val, validator7 = true) {
+      if (!validator7)
+        return;
       emits("update:currentPage", val);
       emits("refreshList");
     }
@@ -21390,59 +21413,61 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         return;
       updateCurrentPage(val);
     }
+    onMounted(() => {
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
+    });
     hooks8.preventUnusedError([
       validateInputNumber
     ]);
     return (_ctx, _cache) => {
       return __props.currentPage && unref$1(totalPages) > 1 ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["ck-table__pagination-container", `pagination-align--${__props.align || "center"}`])
+        class: normalizeClass(["ck-table__pagination-container", unref$1(computedClass)])
       }, [
         createElementVNode("div", _hoisted_1$e, [
-          unref$1(hasArrowLeft) ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "ck-table__pagination--arrow-left",
-            onClick: _cache[0] || (_cache[0] = ($event) => updateCurrentPage(__props.currentPage - 1))
+          createElementVNode("div", {
+            class: normalizeClass(["ck-table__pagination--arrow-left", { disabled: !unref$1(hasArrowLeft) }]),
+            onClick: _cache[0] || (_cache[0] = ($event) => updateCurrentPage(__props.currentPage - 1, unref$1(hasArrowLeft)))
           }, [
-            createVNode(CkIcon, { icon: "arrow-left" })
-          ])) : createCommentVNode("", true),
+            createVNode(CkIcon, {
+              icon: unref$1(hasArrowLeft) ? "angle-left" : "grip-lines-vertical"
+            }, null, 8, ["icon"])
+          ], 2),
           createElementVNode("div", _hoisted_2$a, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listLeft), (num) => {
               return openBlock(), createElementBlock("div", {
-                class: "ck-table__pagination-item pagination-item__left",
+                class: "ck-table__pagination-item--left",
                 onClick: ($event) => updateCurrentPage(num)
               }, toDisplayString(num), 9, _hoisted_3$7);
             }), 256)),
-            createVNode(CkInput, {
+            withDirectives(createElementVNode("input", {
               class: "ck-table__pagination-input",
-              autoSelect: "",
               type: "number",
-              width: "50px",
-              align: "center",
-              modelValue: unref$1(currentPageLocal2),
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(currentPageLocal2) ? currentPageLocal2.value = $event : null),
-              onChange: _cache[2] || (_cache[2] = ($event) => validateInputNumber($event.target.value))
-            }, null, 8, ["modelValue"]),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(currentPageLocal) ? currentPageLocal.value = $event : null)
+            }, null, 512), [
+              [vModelText, unref$1(currentPageLocal)]
+            ]),
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listRight), (num) => {
               return openBlock(), createElementBlock("div", {
-                class: "ck-table__pagination-item pagination-item__right",
+                class: "ck-table__pagination-item--right",
                 onClick: ($event) => updateCurrentPage(num)
               }, toDisplayString(num), 9, _hoisted_4$6);
             }), 256))
           ]),
-          unref$1(hasArrowRight) ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: "ck-table__pagination--arrow-right",
-            onClick: _cache[3] || (_cache[3] = ($event) => updateCurrentPage(__props.currentPage + 1))
+          createElementVNode("div", {
+            class: normalizeClass(["ck-table__pagination--arrow-right", { disabled: !unref$1(hasArrowRight) }]),
+            onClick: _cache[2] || (_cache[2] = ($event) => updateCurrentPage(__props.currentPage + 1, unref$1(hasArrowRight)))
           }, [
-            createVNode(CkIcon, { icon: "arrow-right" })
-          ])) : createCommentVNode("", true)
+            createVNode(CkIcon, {
+              icon: unref$1(hasArrowRight) ? "angle-right" : "grip-lines-vertical"
+            }, null, 8, ["icon"])
+          ], 2)
         ])
       ], 2)) : createCommentVNode("", true);
     };
   }
 });
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-11bbd8e0"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-079c5d65"]]);
 const EMPTY_OBJ = {};
 const NOOP = () => {
 };
@@ -22575,11 +22600,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     cellPaddingY: null,
     noResultsText: null,
     notOverflow: { type: Boolean },
+    layout: null,
     mobileMaxWidth: null
   },
   emits: ["refreshList", "update:search", "update:currentPage"],
   setup(__props, { emit: emits }) {
     const props = __props;
+    let cleekOptions2 = ref();
     const defaultNoResultsText = "No se encontraron resultados";
     const defaultItemsPerPage = 40;
     const { windowWidth } = useWindowWidth();
@@ -22626,6 +22653,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         emits("update:currentPage", val);
       }
     });
+    const realLayout = computed$2(() => {
+      var _a;
+      return props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
+    });
     const isMobileVisible = computed$2(() => {
       return windowWidth.value <= (props.mobileMaxWidth || 0);
     });
@@ -22649,6 +22680,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         list.push("not-full-width");
       return list;
     });
+    onMounted(() => {
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
+    });
     hooks8.preventUnusedError([
       computedClassTable,
       defaultNoResultsText,
@@ -22685,9 +22719,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               listLength: __props.listLength,
               showRefreshBtn: __props.showRefreshBtn,
               hideItemsPerPage: __props.hideItemsPerPage,
+              layout: unref$1(realLayout),
               onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
               onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
-            }, null, 8, ["search", "hideHeaderActions", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage"]),
+            }, null, 8, ["search", "hideHeaderActions", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage", "layout"]),
             _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
               renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ])) : createCommentVNode("", true)
@@ -22746,14 +22781,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             itemsPerPage: __props.itemsPerPage,
             listLength: __props.listLength,
             align: __props.paginationAlign,
+            layout: unref$1(realLayout),
             onRefreshList: _cache[5] || (_cache[5] = ($event) => refreshList(true))
-          }, null, 8, ["currentPage", "itemsPerPage", "listLength", "align"])
+          }, null, 8, ["currentPage", "itemsPerPage", "listLength", "align", "layout"])
         ])
       ], 64);
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-26890d44"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6af574e4"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$9 = ["color"];
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
@@ -22944,7 +22980,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-7cd9662b"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-246c956c"]]);
 var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$2 = (n) => (pushScopeId("data-v-2e09b238"), n = n(), popScopeId(), n);
 const _hoisted_1$7 = ["onKeyup"];
@@ -23241,7 +23277,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ccaf1058"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-55473558"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = {
   key: 0,
@@ -23584,7 +23620,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-67887c28"]]);
+var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-95fd3820"]]);
 var CkConfirm_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-bc51fc7a"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = { class: "ck-confirm--background" };