cleek 2.4.40 → 2.4.43

package/dist/cleek.es.js

@@ -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" };
@@ -22335,6 +22335,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     acceptButton: { type: Boolean },
     acceptBtnText: null,
     acceptBtnType: null,
+    cancelButton: { type: Boolean },
     cancelBtnText: null,
     cancelBtnType: null,
     notCloseBtn: { type: Boolean },
@@ -22498,10 +22499,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_4$5, [
               renderSlot(_ctx.$slots, "default")
             ]),
-            _ctx.$slots.footer || __props.confirmButtons || __props.acceptButton ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+            _ctx.$slots.footer || __props.confirmButtons || __props.acceptButton || __props.cancelButton ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
               renderSlot(_ctx.$slots, "footer"),
-              __props.confirmButtons || __props.acceptButton ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-                __props.confirmButtons ? (openBlock(), createBlock(CkButton, {
+              __props.confirmButtons || __props.acceptButton || __props.cancelButton ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+                __props.confirmButtons || __props.cancelButton ? (openBlock(), createBlock(CkButton, {
                   key: 0,
                   class: "cancel-button",
                   color: "danger",
@@ -22644,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) {
@@ -22676,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);
@@ -22795,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
                     })
@@ -22826,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-02337344"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$9 = ["color"];
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
@@ -22834,6 +22840,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     size: null,
     color: null,
     textColor: null,
+    align: null,
     icon: null,
     iconPack: null
   },
@@ -22843,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 [];
@@ -22868,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: {
@@ -23695,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" }, [
@@ -23720,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();
@@ -23757,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),
@@ -23775,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" };
@@ -23801,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 "";
     });
@@ -23831,9 +23826,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onMounted(() => {
       cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
+      console.log("getCurrentInstance", getCurrentInstance);
+      console.log("getCurrentInstance", __spreadValues({}, getCurrentInstance));
+      console.log("cleekOptions.value", cleekOptions2.value);
+      console.log("hooks.getCleekOptions(getCurrentInstance)", hooks8.getCleekOptions(getCurrentInstance));
       setTimeout(() => {
-        closeCallback.value();
-      }, duration.value);
+        setTimeout(() => {
+          closeCallback.value();
+        }, duration.value);
+      }, 10);
     });
     return (_ctx, _cache) => {
       return isActive.value ? (openBlock(), createBlock(Teleport, {
@@ -23862,7 +23863,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-34060c3d"]]);
 const defaultDuration = 2e3;
 var ckNotify = {
   confirmOptions({
@@ -23876,20 +23877,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({
@@ -23898,15 +23892,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 = "") {