cleek 2.4.39 → 2.4.40

package/dist/cleek.es.js

@@ -2890,6 +2890,7 @@ const plugin = {
   options: config$2
 };
 const cleekOptions = {
+  lang: "en",
   colors: {
     primary: "#559933",
     secondary: "#559933"
@@ -22334,7 +22335,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     acceptButton: { type: Boolean },
     acceptBtnText: null,
     acceptBtnType: null,
-    cancelButton: { type: Boolean },
     cancelBtnText: null,
     cancelBtnType: null,
     notCloseBtn: { type: Boolean },
@@ -22437,6 +22437,22 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         return false;
       return true;
     });
+    const realAcceptBtnText = computed$2(() => {
+      var _a;
+      if (props.acceptBtnText)
+        return props.acceptBtnText;
+      if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
+        return "Aceptar";
+      return "Accept";
+    });
+    const realCancelBtnText = computed$2(() => {
+      var _a;
+      if (props.cancelBtnText)
+        return props.cancelBtnText;
+      if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
+        return "Cancelar";
+      return "Cancel";
+    });
     function onCancel() {
       emits("cancel");
       if (!props.preventCloseOnCancel)
@@ -22482,29 +22498,31 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_4$5, [
               renderSlot(_ctx.$slots, "default")
             ]),
-            _ctx.$slots.footer || __props.confirmButtons || __props.acceptButton || __props.cancelButton ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+            _ctx.$slots.footer || __props.confirmButtons || __props.acceptButton ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
               renderSlot(_ctx.$slots, "footer"),
-              __props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-                createVNode(CkButton, {
+              __props.confirmButtons || __props.acceptButton ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+                __props.confirmButtons ? (openBlock(), createBlock(CkButton, {
+                  key: 0,
                   class: "cancel-button",
-                  onClick: _cache[1] || (_cache[1] = ($event) => onCancel()),
                   color: "danger",
-                  type: unref$1(realCancelBtnType)
+                  type: unref$1(realCancelBtnType),
+                  onClick: _cache[1] || (_cache[1] = ($event) => onCancel())
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(__props.cancelBtnText || "Cancel"), 1)
+                    createTextVNode(toDisplayString(unref$1(realCancelBtnText)), 1)
                   ]),
                   _: 1
-                }, 8, ["type"]),
-                createVNode(CkButton, {
-                  onClick: _cache[2] || (_cache[2] = ($event) => onAccept()),
-                  type: unref$1(realAcceptBtnType)
+                }, 8, ["type"])) : createCommentVNode("", true),
+                __props.confirmButtons || __props.acceptButton ? (openBlock(), createBlock(CkButton, {
+                  key: 1,
+                  type: unref$1(realAcceptBtnType),
+                  onClick: _cache[2] || (_cache[2] = ($event) => onAccept())
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(__props.acceptBtnText || "Accept"), 1)
+                    createTextVNode(toDisplayString(unref$1(realAcceptBtnText)), 1)
                   ]),
                   _: 1
-                }, 8, ["type"])
+                }, 8, ["type"])) : createCommentVNode("", true)
               ])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ], 6)
@@ -23677,7 +23695,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-7e7afc17"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-5d01d37a"), 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" }, [
@@ -23692,20 +23710,42 @@ const _hoisted_5 = { class: "ck-confirm__message" };
 const _hoisted_6 = { class: "ck-confirm__buttons-container" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose }) {
+    let cleekOptions2 = ref();
     const title = ref("");
     const msg = ref("");
-    const acceptText = ref("Aceptar");
-    const cancelText = ref("Cancelar");
+    const acceptText = ref("");
+    const cancelText = ref("");
     const responseSuccess = ref(() => {
     });
     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?";
+    });
+    const defaultAcceptText = computed$2(() => {
+      var _a;
+      if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
+        return "Aceptar";
+      return "Accept";
+    });
+    const defaultCancelText = computed$2(() => {
+      var _a;
+      if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
+        return "Cancelar";
+      return "Cancel";
+    });
     function onCancel() {
       responseFailure.value();
     }
     function onAccept() {
       responseSuccess.value();
     }
+    onMounted(() => {
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
+    });
     expose({
       title,
       msg,
@@ -23718,24 +23758,24 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2$1, [
           _hoisted_3$1,
-          createElementVNode("div", _hoisted_4$1, toDisplayString(title.value), 1),
+          createElementVNode("div", _hoisted_4$1, toDisplayString(title.value || unref$1(defaultTitle)), 1),
           createElementVNode("div", _hoisted_5, toDisplayString(msg.value), 1),
           createElementVNode("div", _hoisted_6, [
             createElementVNode("button", {
               class: "ck-confirm__button--cancel",
               onClick: _cache[0] || (_cache[0] = ($event) => onCancel())
-            }, toDisplayString(cancelText.value), 1),
+            }, toDisplayString(cancelText.value || unref$1(defaultCancelText)), 1),
             createElementVNode("button", {
               class: "ck-confirm__button--accept",
               onClick: _cache[1] || (_cache[1] = ($event) => onAccept())
-            }, toDisplayString(acceptText.value), 1)
+            }, toDisplayString(acceptText.value || unref$1(defaultAcceptText)), 1)
           ])
         ])
       ]);
     };
   }
 });
-var CkConfirmComponent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7e7afc17"]]);
+var CkConfirmComponent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5d01d37a"]]);
 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" };
@@ -23743,6 +23783,7 @@ const _hoisted_3 = { class: "close-btn" };
 const _hoisted_4 = { class: "ck-notify__text" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose }) {
+    let cleekOptions2 = ref();
     const isActive = ref(true);
     const title = ref("");
     const text2 = ref("");
@@ -23757,7 +23798,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       duration,
       closeCallback
     });
+    const defaultTitle = computed$2(() => {
+      switch (color.value) {
+        case "success":
+          if (lang === "es")
+            return "\xC9xito";
+          return "Success";
+        case "danger":
+          if (lang === "es")
+            return "Error";
+          return "Error";
+        case "warning":
+          if (lang === "es")
+            return "Atenci\xF3n";
+          return "Alert";
+      }
+      return "";
+    });
+    const computedClass = computed$2(() => {
+      const list = [];
+      if (color.value && hooks8.isColorTemplateVariable(color.value)) {
+        list.push(`ck-component__bg-color--${color.value}`);
+      }
+      return list;
+    });
+    const computedStyle = computed$2(() => {
+      const list = [];
+      if (color.value && !hooks8.isColorTemplateVariable(color.value)) {
+        list.push({ "background-color": color.value });
+      }
+      return list;
+    });
     onMounted(() => {
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
       setTimeout(() => {
         closeCallback.value();
       }, duration.value);
@@ -23769,8 +23842,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1, [
           createElementVNode("div", {
-            class: "ck-notify",
-            style: normalizeStyle({ "background-color": color.value }),
+            class: normalizeClass(["ck-notify", unref$1(computedClass)]),
+            style: normalizeStyle(unref$1(computedStyle)),
             onClick: _cache[0] || (_cache[0] = ($event) => {
               isActive.value = false;
               closeCallback.value();
@@ -23780,23 +23853,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_3, [
                 createVNode(CkIcon, { icon: "times" })
               ]),
-              createTextVNode(toDisplayString(title.value), 1)
+              createTextVNode(toDisplayString(title.value || unref$1(defaultTitle)), 1)
             ]),
             createElementVNode("div", _hoisted_4, toDisplayString(text2.value), 1)
-          ], 4)
+          ], 6)
         ])
       ])) : createCommentVNode("", true);
     };
   }
 });
-var CkNotifyComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2522350d"]]);
+var CkNotifyComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04e2d5fe"]]);
 const defaultDuration = 2e3;
 var ckNotify = {
   confirmOptions({
-    title = "\xBFEst\xE1s seguro?",
+    title = "",
     msg = "",
-    acceptText = "Aceptar",
-    cancelText = "Cancelar",
+    acceptText = "",
+    cancelText = "",
     success = () => {
     },
     failure = () => {
@@ -23825,7 +23898,7 @@ var ckNotify = {
       failure
     });
   },
-  notify({ text: text2 = "", title = "", color = "#ccc", duration = defaultDuration }) {
+  notify({ text: text2 = "", title = "", color = "", duration = defaultDuration }) {
     const tempDiv = document.createElement("div");
     const instance = createApp(CkNotifyComponent).mount(tempDiv);
     instance.title = title;
@@ -23836,14 +23909,14 @@ var ckNotify = {
       instance.$el.remove();
     };
   },
-  notifySuccess(text2 = "", title = "\xC9xito") {
-    this.notify({ text: text2, title, color: "#66CC00" });
+  notifySuccess(text2, title = "") {
+    this.notify({ text: text2, title, color: "success" });
   },
-  notifyError(text2 = "", title = "Error") {
-    this.notify({ text: text2, title, color: "#FF3333" });
+  notifyError(text2, title = "") {
+    this.notify({ text: text2, title, color: "danger" });
   },
-  notifyWarning(text2 = "", title = "Atenci\xF3n") {
-    this.notify({ text: text2, title, color: "#FFDD33" });
+  notifyWarning(text2, title = "") {
+    this.notify({ text: text2, title, color: "warning" });
   }
 };
 var components = /* @__PURE__ */ Object.freeze({
@@ -23884,12 +23957,16 @@ function setRootColors(colors) {
 }
 function getCleekOptions(userOptions) {
   const options = cleekOptions;
-  for (const category in cleekOptions) {
-    if (userOptions[category]) {
-      for (const key in userOptions[category]) {
-        const value = userOptions[category][key];
-        if (value)
-          options[category][key] = value;
+  for (const categoryName in cleekOptions) {
+    if (userOptions[categoryName]) {
+      if (typeof userOptions[categoryName] === "string") {
+        options[categoryName] = userOptions[categoryName];
+      } else {
+        for (const key in userOptions[categoryName]) {
+          const value = userOptions[categoryName][key];
+          if (value)
+            options[categoryName][key] = value;
+        }
       }
     }
   }