cleek 2.3.31 → 2.3.32

package/dist/cleek-styles/tiny-tailwind/flex-shrink.styl

@@ -0,0 +1,4 @@
+.shrink
+  flex-shrink 1
+.shrink-0
+  flex-shrink 0

package/dist/cleek-styles/tiny-tailwind/index.styl

@@ -1,6 +1,7 @@
 @import './.custom';
 @import './align-items';
 @import './display';
+@import './flex-shrink';
 @import './flex-wrap';
 @import './font-weight';
 @import './justify-content';

package/dist/cleek.es.js

@@ -16583,9 +16583,90 @@ var validators = {
     return isValid;
   }
 };
+var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  props: {
+    col: { type: Object, default: void 0 },
+    nowrap: { type: Boolean, default: false },
+    block: { type: Boolean, default: false },
+    autoWidth: { type: Boolean, default: false },
+    overflowAuto: { type: Boolean, default: false },
+    align: { type: String, default: void 0, validator: validators.align },
+    verticalAlign: { type: String, default: void 0, validator: validators.verticalAlign },
+    fixedWidth: { type: String, default: "" },
+    minWidth: { type: String, default: "" },
+    maxWidth: { type: String, default: "" },
+    maxHeight: { type: String, default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const computedTdClass = computed$2(() => {
+      const list = [];
+      if (props.autoWidth)
+        list.push("auto-width");
+      if (props.overflowAuto)
+        list.push("overflow-auto");
+      if (props.verticalAlign)
+        list.push(`vertical-align--${props.verticalAlign}`);
+      return list;
+    });
+    const computedSpanClass = computed$2(() => {
+      const list = [];
+      let align;
+      if (props.col)
+        align = props.col.align;
+      if (props.align)
+        align = props.align;
+      if (align) {
+        if (align === "center")
+          list.push("align-center");
+        if (align === "right")
+          list.push("align-right");
+      }
+      if (props.block)
+        list.push("block");
+      if (props.block)
+        list.push("no-wrap-text");
+      return list;
+    });
+    const computedStyle = computed$2(() => {
+      const list = {};
+      if (props.minWidth)
+        list["min-width"] = props.minWidth;
+      if (props.fixedWidth)
+        list["min-width"] = props.fixedWidth;
+      if (props.maxWidth)
+        list["max-width"] = props.maxWidth;
+      if (props.fixedWidth)
+        list["max-width"] = props.fixedWidth;
+      if (props.maxHeight)
+        list["max-height"] = props.maxHeight;
+      return list;
+    });
+    const isColumnDisplayed = computed$2(() => {
+      if (!props.col)
+        return true;
+      return functions.isColumnDisplayed(props.col);
+    });
+    return (_ctx, _cache) => {
+      return unref$1(isColumnDisplayed) ? (openBlock(), createElementBlock("td", {
+        key: 0,
+        class: normalizeClass(["ck-td", unref$1(computedTdClass)])
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass(unref$1(computedSpanClass)),
+          style: normalizeStyle(unref$1(computedStyle))
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 6)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4077488a"]]);
 var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$h = { class: "ck-th" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   props: {
     align: { type: String, default: "left", validator: validators.align },
     minWidth: { type: String, default: void 0 }
@@ -16617,8 +16698,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4b7ed390"]]);
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4b7ed390"]]);
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   props: {
     col: { type: Object, required: true }
   },
@@ -16656,7 +16737,7 @@ function useWindowWidth() {
 }
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$g = ["title", "aria-label", "disabled"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
     title: { type: String, default: void 0 },
     disabled: { type: Boolean, default: false },
@@ -16750,10 +16831,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-5cf4066a"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-334c7553"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = ["for"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   props: {
     for: { type: String, default: "" },
     align: { type: String, default: "" }
@@ -16778,10 +16859,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-37dee526"]]);
+var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-37dee526"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = ["autocomplete", "type", "placeholder", "disabled"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {},
     type: { type: String, validator: validators.inputType, default: "text" },
@@ -16911,10 +16992,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-7b390746"]]);
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-7b390746"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$d = { class: "ck-table__header-items" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   props: {
     search: { type: String, default: void 0 },
     hasColumnsManager: { type: Boolean, default: false },
@@ -16922,7 +17003,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     hideItemsPerPage: { type: Boolean, required: true },
     currentPage: { type: Number, required: true },
     itemsPerPage: { type: Number, required: true },
-    listLength: { type: Number, required: true }
+    listLength: { type: Number, default: 0 }
   },
   emits: ["update:search", "refreshList", "openColumnsManager"],
   setup(__props, { emit: emits }) {
@@ -16976,7 +17057,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(ckButton, {
           key: 0,
           type: "flat",
-          icon: "redo-alt",
+          icon: "rotate-right",
           title: "Recargar lista",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refreshList", false))
         })) : createCommentVNode("", true),
@@ -16988,7 +17069,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           key: 2,
           modelValue: unref$1(searchLocal),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
-          icon: "search",
+          icon: "magnifying-glass",
           placeholder: "Buscar...",
           group: unref$1(searchGroupValue),
           onInput: _cache[2] || (_cache[2] = ($event) => checkRefresh())
@@ -17005,7 +17086,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-cf4f130a"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e948424e"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$c = { class: "ck-table__pagination" };
 const _hoisted_2$7 = ["onClick"];
@@ -17017,7 +17098,7 @@ const __default__ = {
     currentPage: { type: Number, required: true },
     align: { type: String, required: true },
     itemsPerPage: { type: Number, required: true },
-    listLength: { type: Number, required: true }
+    listLength: { type: Number, default: 0 }
   },
   emits: ["refreshList", "update:currentPage"],
   computed: {
@@ -17084,7 +17165,7 @@ const __default__ = {
     }
   }
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
+const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
   setup(__props) {
     return (_ctx, _cache) => {
       return __props.currentPage && _ctx.totalPages > 1 ? (openBlock(), createElementBlock("div", {
@@ -17133,7 +17214,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-65c21486"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-dec8fb20"]]);
 const NOOP$1 = () => {
 };
 const isArray$1 = Array.isArray;
@@ -17916,7 +17997,7 @@ const _hoisted_3$4 = {
   key: 0,
   class: "c-Checkbox__label"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean, default: false },
     label: { type: String, default: void 0 },
@@ -17973,7 +18054,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-132565da"]]);
+var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-132565da"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$a = {
   key: 0,
@@ -17996,7 +18077,7 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = /* @__PURE__ */ createTextVNode("Cancelar");
 const _hoisted_9 = /* @__PURE__ */ createTextVNode("Aceptar");
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     title: { type: String, default: void 0 },
@@ -18088,7 +18169,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
 var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$9 = { class: "columns-manger-container" };
 const _hoisted_2$4 = { class: "columns-manger__item" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean, required: true },
     columns: { type: Object, required: true },
@@ -18128,7 +18209,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       props.columns[colName].isDisplayed = value;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$b, {
+      return openBlock(), createBlock(_sfc_main$a, {
         modelValue: unref$1(isActive),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(isActive) ? isActive.value = $event : null),
         title: "Administrador de columnas"
@@ -18156,7 +18237,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-36d907dc"]]);
+var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-36d907dc"]]);
 var qmApi = {};
 var qmArray = {
   arrayToText(arr, key = null) {
@@ -18440,27 +18521,28 @@ const _hoisted_2$3 = {
   class: "ck-table__header"
 };
 const _hoisted_3$2 = {
-  key: 1,
+  key: 0,
   class: "ck-table__header--slot"
 };
 const _hoisted_4$2 = { class: "ck-table__table-container" };
 const _hoisted_5 = { key: 0 };
 const _hoisted_6 = { key: 1 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {
     columns: { type: [Array, Object], required: true, default: () => [] },
     hasColumnsManager: { type: Boolean, default: false },
     currentPage: { type: Number, default: 0 },
     itemsPerPage: { type: Number, default: 40 },
-    listLength: { type: Number, default: 0 },
+    listLength: { type: Number, default: void 0 },
     paginationAlign: { type: String, default: "center", validator: validators.align },
     search: { type: String, default: void 0 },
     hideHeaderActions: { type: Boolean, default: false },
     showRefreshBtn: { type: Boolean, default: false },
     hideItemsPerPage: { type: Boolean, default: false },
     notFullWidth: { type: Boolean, default: false },
-    cellPadding: { type: String, defaul: void 0 },
-    cellPaddingY: { type: String, defaul: void 0 },
+    cellPadding: { type: String, default: void 0 },
+    cellPaddingY: { type: String, default: void 0 },
+    noResultsText: { type: String, default: "No se encontraron resultados" },
     mobileMaxWidth: { type: [Number, String], default: 800 }
   },
   emits: ["refreshList", "update:search", "update:currentPage"],
@@ -18545,19 +18627,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         }, null, 8, ["modelValue", "columnsArray", "columns"])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1$8, [
           _ctx.$slots.header || !__props.hideHeaderActions ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
-            !__props.hideHeaderActions ? (openBlock(), createBlock(TableHeaderItems, {
-              key: 0,
-              search: unref$1(searchLocal),
-              "onUpdate:search": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
-              currentPage: __props.currentPage,
-              hasColumnsManager: __props.hasColumnsManager,
-              itemsPerPage: __props.itemsPerPage,
-              listLength: __props.listLength,
-              showRefreshBtn: __props.showRefreshBtn,
-              hideItemsPerPage: __props.hideItemsPerPage,
-              onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
-              onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
-            }, null, 8, ["search", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true),
+            createElementVNode("div", null, [
+              !__props.hideHeaderActions ? (openBlock(), createBlock(TableHeaderItems, {
+                key: 0,
+                search: unref$1(searchLocal),
+                "onUpdate:search": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
+                currentPage: __props.currentPage,
+                hasColumnsManager: __props.hasColumnsManager,
+                itemsPerPage: __props.itemsPerPage,
+                listLength: __props.listLength,
+                showRefreshBtn: __props.showRefreshBtn,
+                hideItemsPerPage: __props.hideItemsPerPage,
+                onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
+                onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
+              }, null, 8, ["search", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true)
+            ]),
             _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
               renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ])) : createCommentVNode("", true)
@@ -18570,7 +18654,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 createVNode(ckTr, null, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
-                      return openBlock(), createBlock(_sfc_main$i, {
+                      return openBlock(), createBlock(_sfc_main$h, {
                         key: col.title,
                         col
                       }, null, 8, ["col"]);
@@ -18582,7 +18666,22 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               createElementVNode("tbody", null, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true),
                 !unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "desktop", { key: 0 }, void 0, true) : createCommentVNode("", true),
-                unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "mobile", { key: 1 }, void 0, true) : createCommentVNode("", true)
+                unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "mobile", { key: 1 }, void 0, true) : createCommentVNode("", true),
+                __props.listLength === 0 ? (openBlock(), createBlock(ckTr, { key: 2 }, {
+                  default: withCtx(() => [
+                    createVNode(ckTd, {
+                      class: "no-result-text",
+                      colspan: "100%",
+                      align: "center"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(__props.noResultsText), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
               ]),
               _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
                 renderSlot(_ctx.$slots, "footer", {}, void 0, true)
@@ -18603,88 +18702,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-65c343ce"]]);
-var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  props: {
-    col: { type: Object, default: void 0 },
-    nowrap: { type: Boolean, default: false },
-    block: { type: Boolean, default: false },
-    autoWidth: { type: Boolean, default: false },
-    overflowAuto: { type: Boolean, default: false },
-    align: { type: String, default: void 0, validator: validators.align },
-    verticalAlign: { type: String, default: void 0, validator: validators.verticalAlign },
-    fixedWidth: { type: String, default: "" },
-    minWidth: { type: String, default: "" },
-    maxWidth: { type: String, default: "" },
-    maxHeight: { type: String, default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const computedTdClass = computed$2(() => {
-      const list = [];
-      if (props.autoWidth)
-        list.push("auto-width");
-      if (props.overflowAuto)
-        list.push("overflow-auto");
-      if (props.verticalAlign)
-        list.push(`vertical-align--${props.verticalAlign}`);
-      return list;
-    });
-    const computedSpanClass = computed$2(() => {
-      const list = [];
-      let align;
-      if (props.col)
-        align = props.col.align;
-      if (props.align)
-        align = props.align;
-      if (align) {
-        if (align === "center")
-          list.push("align-center");
-        if (align === "right")
-          list.push("align-right");
-      }
-      if (props.block)
-        list.push("block");
-      if (props.block)
-        list.push("no-wrap-text");
-      return list;
-    });
-    const computedStyle = computed$2(() => {
-      const list = {};
-      if (props.minWidth)
-        list["min-width"] = props.minWidth;
-      if (props.fixedWidth)
-        list["min-width"] = props.fixedWidth;
-      if (props.maxWidth)
-        list["max-width"] = props.maxWidth;
-      if (props.fixedWidth)
-        list["max-width"] = props.fixedWidth;
-      if (props.maxHeight)
-        list["max-height"] = props.maxHeight;
-      return list;
-    });
-    const isColumnDisplayed = computed$2(() => {
-      if (!props.col)
-        return true;
-      return functions.isColumnDisplayed(props.col);
-    });
-    return (_ctx, _cache) => {
-      return unref$1(isColumnDisplayed) ? (openBlock(), createElementBlock("td", {
-        key: 0,
-        class: normalizeClass(["ck-td", unref$1(computedTdClass)])
-      }, [
-        createElementVNode("span", {
-          class: normalizeClass(unref$1(computedSpanClass)),
-          style: normalizeStyle(unref$1(computedStyle))
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 6)
-      ], 2)) : createCommentVNode("", true);
-    };
-  }
-});
-var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4077488a"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e047ea3a"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$7 = ["color"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
@@ -21921,7 +21939,7 @@ var components = /* @__PURE__ */ Object.freeze({
   ckImg,
   ckInput,
   ckLabel,
-  ckPopup: _sfc_main$b,
+  ckPopup: _sfc_main$a,
   ckRadio,
   ckSelect,
   ckSwitch,
@@ -21961,4 +21979,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-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 };
+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 };