cleek 2.4.42 → 2.4.45

package/dist/cleek.es.js

@@ -18907,51 +18907,51 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const computedTdClass = computed$2(() => {
+      var _a, _b, _c;
       const list = [];
-      if (props.autoWidth)
+      if (props.autoWidth || ((_a = props.col) == null ? void 0 : _a.autoWidth))
         list.push("auto-width");
-      if (props.overflowAuto)
+      if (props.overflowAuto || ((_b = props.col) == null ? void 0 : _b.overflowAuto))
         list.push("overflow-auto");
-      if (props.verticalAlign)
-        list.push(`vertical-align--${props.verticalAlign}`);
+      const verticalAlign = props.verticalAlign || ((_c = props.col) == null ? void 0 : _c.verticalAlign);
+      if (verticalAlign)
+        list.push(`vertical-align--${verticalAlign}`);
       return list;
     });
     const computedSpanClass = computed$2(() => {
+      var _a, _b, _c;
       const list = [];
-      let align;
-      if (props.col)
-        align = props.col.align;
-      if (props.align)
-        align = props.align;
+      const align = props.align || ((_a = props.col) == null ? void 0 : _a.align);
       if (align) {
         if (align === "center")
           list.push("align-center");
         if (align === "right")
           list.push("align-right");
       }
-      if (props.block)
+      if (props.block || ((_b = props.col) == null ? void 0 : _b.block))
         list.push("block");
-      if (props.block)
+      if (props.nowrap || ((_c = props.col) == null ? void 0 : _c.nowrap))
         list.push("no-wrap-text");
       return list;
     });
     const computedStyle = computed$2(() => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       const list = {};
-      let minWidth = "";
-      if (props.minWidth)
-        minWidth = props.minWidth;
-      if (props.fixedWidth)
-        minWidth = props.fixedWidth;
+      let minWidth;
+      if (props.minWidth || ((_a = props.col) == null ? void 0 : _a.minWidth))
+        minWidth = props.minWidth || ((_b = props.col) == null ? void 0 : _b.minWidth);
+      if (props.fixedWidth || ((_c = props.col) == null ? void 0 : _c.fixedWidth))
+        minWidth = props.fixedWidth || ((_d = props.col) == null ? void 0 : _d.fixedWidth);
       if (minWidth)
         list.minWidth = minWidth;
-      let maxWidth = "";
-      if (props.maxWidth)
-        maxWidth = props.maxWidth;
-      if (props.fixedWidth)
-        maxWidth = props.fixedWidth;
+      let maxWidth;
+      if (props.maxWidth || ((_e = props.col) == null ? void 0 : _e.maxWidth))
+        maxWidth = props.maxWidth || ((_f = props.col) == null ? void 0 : _f.maxWidth);
+      if (props.fixedWidth || ((_g = props.col) == null ? void 0 : _g.fixedWidth))
+        maxWidth = props.fixedWidth || ((_h = props.col) == null ? void 0 : _h.fixedWidth);
       if (maxWidth)
         list.maxWidth = maxWidth;
-      if (props.maxHeight)
+      if (props.maxHeight || ((_i = props.col) == null ? void 0 : _i.maxHeight))
         list.maxHeight = props.maxHeight;
       return list;
     });
@@ -18979,7 +18979,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-7f4cf041"]]);
+var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-eb135f78"]]);
 var axios$2 = { exports: {} };
 var bind$2 = function bind2(fn, thisArg) {
   return function wrap() {
@@ -21235,8 +21235,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         emits("update:search", val);
       }
     });
-    const hideSearch = computed$2(() => {
-      return typeof searchLocal.value === "undefined";
+    const isSearchVisible = computed$2(() => {
+      return typeof searchLocal.value !== "undefined";
     });
     const itemsPerPageStart = computed$2(() => {
       return (props.currentPage - 1) * props.itemsPerPage + 1;
@@ -21296,9 +21296,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           }, null, 8, ["layout"])) : createCommentVNode("", true),
           unref$1(itemsPerPageIsVisible) ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["items-per-page", { "ck-component__group--left": !unref$1(hideSearch) }])
+            class: normalizeClass(["items-per-page", { "ck-component__group--left": unref$1(isSearchVisible) }])
           }, toDisplayString(unref$1(itemsPerPageStart)) + " - " + toDisplayString(unref$1(itemsPerPageEnd)) + " de " + toDisplayString(__props.listLength), 3)) : createCommentVNode("", true),
-          !unref$1(hideSearch) ? (openBlock(), createBlock(CkInput, {
+          unref$1(isSearchVisible) ? (openBlock(), createBlock(CkInput, {
             key: 2,
             modelValue: unref$1(searchLocal),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
@@ -21313,7 +21313,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             icon: "columns",
             type: "filled",
             title: "Administrador de columnas",
-            group: unref$1(itemsPerPageIsVisible) || !unref$1(hideSearch) ? "right" : "",
+            group: unref$1(itemsPerPageIsVisible) || unref$1(isSearchVisible) ? "right" : "",
             layout: __props.layout,
             onClick: _cache[3] || (_cache[3] = ($event) => emits("openColumnsManager"))
           }, null, 8, ["group", "layout"])) : createCommentVNode("", true)
@@ -21322,7 +21322,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-af0d0550"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-4bfc21c8"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$4 = (n) => (pushScopeId("data-v-78fe58de"), n = n(), popScopeId(), n);
 const _hoisted_1$e = { class: "ck-table__pagination" };
@@ -22645,12 +22645,17 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: emits }) {
     const props = __props;
     let cleekOptions2 = ref();
-    const defaultNoResultsText = "No results found";
     const defaultItemsPerPage = 40;
     const { windowWidth } = useWindowWidth();
     const isPopupActive = ref({
       columnsManager: false
     });
+    const defaultNoResultsText = computed$2(() => {
+      var _a;
+      if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
+        return "No se encontraron resultados";
+      return "No results found";
+    });
     const columnsAreObj = computed$2(() => !qmObj.isArray(props.columns || []));
     const columnsArray = computed$2(() => {
       if (columnsAreObj.value) {
@@ -22677,7 +22682,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     });
     const searchLocal = computed$2({
       get() {
-        return props.search || "";
+        return props.search;
       },
       set(val) {
         emits("update:search", val);
@@ -22773,7 +22778,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["ck-table__table", unref$1(computedClassTable)])
             }, [
               unref$1(filteredColumnsList).length && !(_ctx.$slots.mobile && unref$1(isMobileVisible)) ? (openBlock(), createElementBlock("thead", _hoisted_4$4, [
-                createVNode(CkTr, null, {
+                createVNode(CkTr, { class: "header-row" }, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
                       return openBlock(), createBlock(_sfc_main$l, {
@@ -22796,7 +22801,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                       align: "center"
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(__props.noResultsText || defaultNoResultsText), 1)
+                        createTextVNode(toDisplayString(__props.noResultsText || unref$1(defaultNoResultsText)), 1)
                       ]),
                       _: 1
                     })
@@ -22827,7 +22832,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6d6258c2"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-64f91af6"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$9 = ["color"];
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
@@ -22835,6 +22840,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     size: null,
     color: null,
     textColor: null,
+    align: null,
     icon: null,
     iconPack: null
   },
@@ -22844,10 +22850,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const defaultColor = "primary";
     const defaultSize = "s";
     const computedClass = computed$2(() => {
-      return [
-        `size-${props.size || defaultSize}`,
-        `ck-component__bg-color--${props.color || defaultColor}`
-      ];
+      const list = [];
+      list.push(`size-${props.size || defaultSize}`);
+      list.push(`ck-component__bg-color--${props.color || defaultColor}`);
+      if (props.align)
+        list.push(`align--${props.align}`);
+      return list;
     });
     const computedStyle = computed$2(() => {
       return [];
@@ -22869,7 +22877,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-65283496"]]);
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-ad665c4a"]]);
 var ckDiv_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   props: {
@@ -23696,7 +23704,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6f36045c"]]);
 var CkConfirm_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n) => (pushScopeId("data-v-5d01d37a"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-314de9fc"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = { class: "ck-confirm--background" };
 const _hoisted_2$1 = { class: "ck-confirm" };
 const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-confirm__icon" }, [
@@ -23721,22 +23729,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const responseFailure = ref(() => {
     });
     const defaultTitle = computed$2(() => {
-      var _a;
-      if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
-        return "\xBFEst\xE1s seguro?";
-      return "\xBFAre you sure?";
+      return "\xBFEst\xE1s seguro?";
     });
     const defaultAcceptText = computed$2(() => {
-      var _a;
-      if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
-        return "Aceptar";
-      return "Accept";
+      return "Aceptar";
     });
     const defaultCancelText = computed$2(() => {
-      var _a;
-      if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
-        return "Cancelar";
-      return "Cancel";
+      return "Cancelar";
     });
     function onCancel() {
       responseFailure.value();
@@ -23758,6 +23757,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2$1, [
+          createElementVNode("div", null, "cleekOptions " + toDisplayString(unref$1(cleekOptions2)), 1),
           _hoisted_3$1,
           createElementVNode("div", _hoisted_4$1, toDisplayString(title.value || unref$1(defaultTitle)), 1),
           createElementVNode("div", _hoisted_5, toDisplayString(msg.value), 1),
@@ -23776,7 +23776,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkConfirmComponent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5d01d37a"]]);
+var CkConfirmComponent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-314de9fc"]]);
 var CkNotify_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1 = { class: "ck-notify__container" };
 const _hoisted_2 = { class: "ck-notify__title" };
@@ -23802,17 +23802,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const defaultTitle = computed$2(() => {
       switch (color.value) {
         case "success":
-          if (lang === "es")
-            return "\xC9xito";
-          return "Success";
+          return "\xC9xito";
         case "danger":
-          if (lang === "es")
-            return "Error";
           return "Error";
         case "warning":
-          if (lang === "es")
-            return "Atenci\xF3n";
-          return "Alert";
+          return "Atenci\xF3n";
       }
       return "";
     });
@@ -23833,8 +23827,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
       setTimeout(() => {
-        closeCallback.value();
-      }, duration.value);
+        setTimeout(() => {
+          closeCallback.value();
+        }, duration.value);
+      }, 10);
     });
     return (_ctx, _cache) => {
       return isActive.value ? (openBlock(), createBlock(Teleport, {
@@ -23863,7 +23859,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkNotifyComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04e2d5fe"]]);
+var CkNotifyComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c413389"]]);
 const defaultDuration = 2e3;
 var ckNotify = {
   confirmOptions({
@@ -23877,20 +23873,13 @@ var ckNotify = {
     }
   }) {
     const tempDiv = document.createElement("div");
-    const instance = createApp(CkConfirmComponent).mount(tempDiv);
-    instance.title = title;
-    instance.msg = msg;
-    instance.acceptText = acceptText;
-    instance.cancelText = cancelText;
-    instance.responseSuccess = () => {
-      instance.$el.remove();
-      success();
-    };
-    instance.responseFailure = () => {
-      instance.$el.remove();
-      failure();
-    };
-    document.body.appendChild(instance.$el);
+    const instance = createApp(CkConfirmComponent);
+    const instanceMounted = instance.mount(tempDiv);
+    instanceMounted.title = title;
+    instanceMounted.msg = msg;
+    instanceMounted.acceptText = acceptText;
+    instanceMounted.cancelText = cancelText;
+    document.body.appendChild(instanceMounted.$el);
   },
   confirm(msg, success, failure) {
     this.confirmOptions({
@@ -23899,15 +23888,16 @@ var ckNotify = {
       failure
     });
   },
-  notify({ text: text2 = "", title = "", color = "", duration = defaultDuration }) {
+  notify({ text: text2 = "", title = "", color = "", duration = 0 }) {
     const tempDiv = document.createElement("div");
-    const instance = createApp(CkNotifyComponent).mount(tempDiv);
+    const app = createApp(CkNotifyComponent);
+    const instance = app.mount(tempDiv);
     instance.title = title;
     instance.text = text2;
     instance.color = color;
-    instance.duration = duration;
+    instance.duration = duration || defaultDuration;
     instance.closeCallback = () => {
-      instance.$el.remove();
+      app.unmount();
     };
   },
   notifySuccess(text2, title = "") {