cleek 2.4.37 → 2.4.40

package/dist/cleek.es.js

@@ -2340,7 +2340,7 @@ const _hoisted_2$1$1 = {
 };
 const _hoisted_3$8 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
 const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
-const _hoisted_5$3 = [
+const _hoisted_5$4 = [
   _hoisted_3$8,
   _hoisted_4$7
 ];
@@ -2401,7 +2401,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           left: _ctx.toPx(_ctx.result.arrow.x),
           top: _ctx.toPx(_ctx.result.arrow.y)
         } : void 0)
-      }, _hoisted_5$3, 4)
+      }, _hoisted_5$4, 4)
     ], 4)
   ], 46, _hoisted_1$1$1);
 }
@@ -2630,7 +2630,7 @@ const _sfc_main$r = defineComponent({
   }
 });
 const _hoisted_1$l = ["innerHTML"];
-const _hoisted_2$b = ["textContent"];
+const _hoisted_2$c = ["textContent"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PopperContent = resolveComponent("PopperContent");
   const _component_Popper = resolveComponent("Popper");
@@ -2676,7 +2676,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, _hoisted_1$l)) : (openBlock(), createElementBlock("div", {
             key: 1,
             textContent: toDisplayString(_ctx.finalContent)
-          }, null, 8, _hoisted_2$b))
+          }, null, 8, _hoisted_2$c))
         ]),
         _: 2
       }, 1032, ["class", "popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
@@ -2890,6 +2890,7 @@ const plugin = {
   options: config$2
 };
 const cleekOptions = {
+  lang: "en",
   colors: {
     primary: "#559933",
     secondary: "#559933"
@@ -18839,7 +18840,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-53ec1f50"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-62129388"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   props: {
@@ -18878,7 +18879,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-e0fbc7aa"]]);
+var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-66dc4f95"]]);
 const _hoisted_1$j = { class: "ck-tr" };
 function render2(_ctx, _cache) {
   return openBlock(), createElementBlock("tr", _hoisted_1$j, [
@@ -18978,7 +18979,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-6dd2ca6a"]]);
+var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-7f4cf041"]]);
 var axios$2 = { exports: {} };
 var bind$2 = function bind2(fn, thisArg) {
   return function wrap() {
@@ -20803,17 +20804,14 @@ var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   props: {
     icon: null,
-    color: null,
     iconPack: null,
+    color: null,
     size: null,
-    rotation: null,
     flip: null,
-    pull: null,
+    fixedWidth: null,
+    rotation: null,
     spin: { type: Boolean },
-    pulse: { type: Boolean },
-    inverse: { type: Boolean },
-    fixedWidth: { type: Boolean },
-    swapOpacity: { type: Boolean }
+    pulse: { type: Boolean }
   },
   emits: ["click"],
   setup(__props, { emit: emits }) {
@@ -20859,18 +20857,15 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           size: __props.size,
           rotation: __props.rotation,
           flip: __props.flip,
-          pull: __props.pull,
           spin: __props.spin,
           pulse: __props.pulse,
-          inverse: __props.inverse,
-          "fixed-width": __props.fixedWidth,
-          "swap-opacity": __props.swapOpacity
-        }, null, 8, ["icon", "size", "rotation", "flip", "pull", "spin", "pulse", "inverse", "fixed-width", "swap-opacity"])) : createCommentVNode("", true)
+          "fixed-width": __props.fixedWidth
+        }, null, 8, ["icon", "size", "rotation", "flip", "spin", "pulse", "fixed-width"])) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-4221e90d"]]);
+var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-a8333ef4"]]);
 function useWindowWidth() {
   const windowWidth = ref(0);
   function handleWindowResize(event) {
@@ -21001,7 +20996,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-1eb38e96"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-3a844574"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$g = ["for"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -21032,7 +21027,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-43625692"]]);
+var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-a4566770"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = ["autocomplete", "type", "placeholder", "disabled"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
@@ -21215,7 +21210,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4eeecd7d"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4a21992c"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
@@ -21296,8 +21291,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             type: "flat",
             icon: "rotate-right",
             title: "Recargar lista",
+            layout: __props.layout,
             onClick: _cache[0] || (_cache[0] = ($event) => emits("refreshList", false))
-          })) : createCommentVNode("", true),
+          }, 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) }])
@@ -21309,27 +21305,32 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             icon: "magnifying-glass",
             placeholder: "Buscar...",
             group: unref$1(searchGroupValue),
+            layout: __props.layout,
             onInput: _cache[2] || (_cache[2] = ($event) => checkRefresh())
-          }, null, 8, ["modelValue", "group"])) : createCommentVNode("", true),
+          }, null, 8, ["modelValue", "group", "layout"])) : createCommentVNode("", true),
           __props.hasColumnsManager ? (openBlock(), createBlock(CkButton, {
             key: 3,
             icon: "columns",
             type: "filled",
             title: "Administrador de columnas",
             group: unref$1(itemsPerPageIsVisible) || !unref$1(hideSearch) ? "right" : "",
+            layout: __props.layout,
             onClick: _cache[3] || (_cache[3] = ($event) => emits("openColumnsManager"))
-          }, null, 8, ["group"])) : createCommentVNode("", true)
+          }, null, 8, ["group", "layout"])) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-3ede608c"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-af0d0550"]]);
 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" };
-const _hoisted_2$a = { class: "ck-table__pagination--numbers-container" };
+const _hoisted_2$b = { class: "ck-table__pagination--numbers-container" };
 const _hoisted_3$7 = ["onClick"];
-const _hoisted_4$6 = ["onClick"];
+const _hoisted_4$6 = { class: "ck-table__pagination-input-container" };
+const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-table__pagination--input-pointer" }, null, -1));
+const _hoisted_6$3 = ["onClick"];
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   props: {
     currentPage: null,
@@ -21347,19 +21348,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       get() {
         return props.currentPage;
       },
-      set(val) {
-        validateInputNumber(val);
+      set() {
       }
     });
     const hasArrowLeft = computed$2(() => {
-      if (!listLeft.value.length)
-        return false;
-      return listLeft.value[0] !== 1;
+      return props.currentPage !== 1;
     });
     const hasArrowRight = computed$2(() => {
-      if (!listRight.value.length)
-        return false;
-      return listRight.value[listRight.value.length - 1] !== totalPages.value;
+      return props.currentPage !== listRight.value[listRight.value.length - 1];
     });
     const totalPages = computed$2(() => {
       return Math.ceil(props.listLength / props.itemsPerPage);
@@ -21406,6 +21402,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       emits("refreshList");
     }
     function validateInputNumber(val) {
+      console.log("valido", val);
       val = +val;
       if (val > totalPages.value)
         val = totalPages.value;
@@ -21435,30 +21432,35 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               icon: unref$1(hasArrowLeft) ? "angle-left" : "grip-lines-vertical"
             }, null, 8, ["icon"])
           ], 2),
-          createElementVNode("div", _hoisted_2$a, [
+          createElementVNode("div", _hoisted_2$b, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listLeft), (num) => {
               return openBlock(), createElementBlock("div", {
                 class: "ck-table__pagination-item--left",
                 onClick: ($event) => updateCurrentPage(num)
               }, toDisplayString(num), 9, _hoisted_3$7);
             }), 256)),
-            withDirectives(createElementVNode("input", {
-              class: "ck-table__pagination-input",
-              type: "number",
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(currentPageLocal) ? currentPageLocal.value = $event : null)
-            }, null, 512), [
-              [vModelText, unref$1(currentPageLocal)]
+            createElementVNode("div", _hoisted_4$6, [
+              withDirectives(createElementVNode("input", {
+                class: "ck-table__pagination-input",
+                type: "number",
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(currentPageLocal) ? currentPageLocal.value = $event : null),
+                onClick: _cache[2] || (_cache[2] = ($event) => $event.target.select()),
+                onChange: _cache[3] || (_cache[3] = ($event) => validateInputNumber($event.target.value))
+              }, null, 544), [
+                [vModelText, unref$1(currentPageLocal)]
+              ]),
+              _hoisted_5$3
             ]),
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(listRight), (num) => {
               return openBlock(), createElementBlock("div", {
                 class: "ck-table__pagination-item--right",
                 onClick: ($event) => updateCurrentPage(num)
-              }, toDisplayString(num), 9, _hoisted_4$6);
+              }, toDisplayString(num), 9, _hoisted_6$3);
             }), 256))
           ]),
           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)))
+            onClick: _cache[4] || (_cache[4] = ($event) => updateCurrentPage(__props.currentPage + 1, unref$1(hasArrowRight)))
           }, [
             createVNode(CkIcon, {
               icon: unref$1(hasArrowRight) ? "angle-right" : "grip-lines-vertical"
@@ -21469,7 +21471,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-079c5d65"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-78fe58de"]]);
 const EMPTY_OBJ = {};
 const NOOP = () => {
 };
@@ -22243,7 +22245,7 @@ const computed = (getterOrOptions, debugOptions) => {
 var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$3 = (n) => (pushScopeId("data-v-113ac83f"), n = n(), popScopeId(), n);
 const _hoisted_1$d = ["disabled", "checked"];
-const _hoisted_2$9 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
+const _hoisted_2$a = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
 const _hoisted_3$6 = {
   key: 0,
   class: "c-Checkbox__label"
@@ -22297,7 +22299,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             onChange2($event);
           })
         }, null, 40, _hoisted_1$d),
-        _hoisted_2$9,
+        _hoisted_2$a,
         _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$6, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
@@ -22311,7 +22313,7 @@ const _hoisted_1$c = {
   key: 0,
   class: "ck-popup"
 };
-const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
+const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
 const _hoisted_3$5 = {
   key: 0,
   class: "ck-popup__title"
@@ -22333,12 +22335,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     acceptButton: { type: Boolean },
     acceptBtnText: null,
     acceptBtnType: null,
-    cancelButton: { type: Boolean },
     cancelBtnText: null,
     cancelBtnType: null,
-    notClose: { type: Boolean },
     notCloseBtn: { type: Boolean },
     notCloseByBg: { type: Boolean },
+    notClose: { type: Boolean },
     preventCloseOnCancel: { type: Boolean },
     width: null,
     maxWidth: null,
@@ -22409,6 +22410,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       if (headerColor && hooks8.isColorTemplateVariable(headerColor)) {
         list.push(`ck-component__bg-color--${headerColor}`);
       }
+      if (!isCloseBtnVisible.value)
+        list.push("close-btn-hidden");
       return list;
     });
     const realAcceptBtnType = computed$2(() => {
@@ -22427,6 +22430,29 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         return (_b = cleekOptions2.value) == null ? void 0 : _b.popup.cancelBtnType;
       return "flat";
     });
+    const isCloseBtnVisible = computed$2(() => {
+      if (props.notCloseBtn)
+        return false;
+      if (props.notClose)
+        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)
@@ -22445,7 +22471,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return unref$1(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
-        _hoisted_2$8,
+        _hoisted_2$9,
         createElementVNode("div", {
           class: "popup-container",
           onClick: _cache[4] || (_cache[4] = ($event) => onBgClick())
@@ -22462,7 +22488,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             }, [
               __props.title ? (openBlock(), createElementBlock("h3", _hoisted_3$5, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "header"),
-              !(__props.notCloseBtn || __props.notClose) ? (openBlock(), createBlock(CkIcon, {
+              unref$1(isCloseBtnVisible) ? (openBlock(), createBlock(CkIcon, {
                 key: 1,
                 class: "icon-close",
                 icon: "times",
@@ -22472,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 || "Cancelar"), 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 || "Aceptar"), 1)
+                    createTextVNode(toDisplayString(unref$1(realAcceptBtnText)), 1)
                   ]),
                   _: 1
-                }, 8, ["type"])
+                }, 8, ["type"])) : createCommentVNode("", true)
               ])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ], 6)
@@ -22505,7 +22533,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 });
 var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$b = { class: "columns-manger-container" };
-const _hoisted_2$7 = { class: "columns-manger__item" };
+const _hoisted_2$8 = { class: "columns-manger__item" };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
@@ -22554,7 +22582,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$b, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(columnsCheckable), (col) => {
-              return openBlock(), createElementBlock("div", _hoisted_2$7, [
+              return openBlock(), createElementBlock("div", _hoisted_2$8, [
                 createVNode(CkCheckbox, {
                   modelValue: col.value,
                   "onUpdate:modelValue": ($event) => col.value = $event,
@@ -22578,7 +22606,7 @@ var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId"
 var ckTable_vue_vue_type_style_index_0_lang = "";
 var ckTable_vue_vue_type_style_index_1_scoped_true_lang = "";
 const _hoisted_1$a = { class: "ck-table" };
-const _hoisted_2$6 = {
+const _hoisted_2$7 = {
   key: 0,
   class: "ck-table__header"
 };
@@ -22616,7 +22644,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: emits }) {
     const props = __props;
     let cleekOptions2 = ref();
-    const defaultNoResultsText = "No se encontraron resultados";
+    const defaultNoResultsText = "No results found";
     const defaultItemsPerPage = 40;
     const { windowWidth } = useWindowWidth();
     const isPopupActive = ref({
@@ -22717,7 +22745,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           columns: __props.columns || []
         }, null, 8, ["modelValue", "columnsArray", "columns"])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1$a, [
-          _ctx.$slots.header || !__props.hideHeaderActions ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+          _ctx.$slots.header || !__props.hideHeaderActions ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
             createVNode(TableHeaderItems, {
               search: unref$1(searchLocal),
               "onUpdate:search": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
@@ -22798,7 +22826,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6af574e4"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6d6258c2"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$9 = ["color"];
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
@@ -22840,7 +22868,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-36521210"]]);
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-65283496"]]);
 var ckDiv_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   props: {
@@ -22880,7 +22908,6 @@ const _hoisted_1$8 = ["src", "alt"];
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {
     src: null,
-    failImgSrc: null,
     alt: null,
     size: null,
     sizeAbsolute: null,
@@ -22889,9 +22916,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     zoom: { type: Boolean },
     zoomTitle: null,
     hasBorder: { type: Boolean },
-    radius: null,
     borderColor: null,
-    rounded: { type: Boolean }
+    rounded: { type: Boolean },
+    radius: null
   },
   setup(__props) {
     const props = __props;
@@ -22989,11 +23016,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-246c956c"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-79a0763b"]]);
 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"];
-const _hoisted_2$5 = ["name", "value", "disabled"];
+const _hoisted_2$6 = ["name", "value", "disabled"];
 const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
 const _hoisted_4$3 = {
   key: 0,
@@ -23048,7 +23075,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             name: __props.name,
             value: option.value,
             disabled: __props.disabled
-          }, null, 8, _hoisted_2$5), [
+          }, null, 8, _hoisted_2$6), [
             [vModelRadio, unref$1(value)]
           ]),
           _hoisted_3$3,
@@ -23061,7 +23088,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-2e09b238"]]);
 var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$6 = ["disabled"];
-const _hoisted_2$4 = ["value"];
+const _hoisted_2$5 = ["value"];
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
@@ -23077,10 +23104,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     notClearable: { type: Boolean },
     clearValue: null,
     searchable: { type: [Boolean, String] },
-    minWidth: null,
     width: null,
-    noBorder: { type: Boolean },
+    minWidth: null,
     layout: null,
+    noBorder: { type: Boolean },
     borderColor: null,
     bgTransparent: { type: Boolean },
     disabled: { type: Boolean },
@@ -23305,7 +23332,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock("option", {
               value: getOptionValue(option),
               key: option
-            }, toDisplayString(getOptionName(option)), 9, _hoisted_2$4);
+            }, toDisplayString(getOptionName(option)), 9, _hoisted_2$5);
           }), 128))
         ], 46, _hoisted_1$6), [
           [vModelSelect, unref$1(value)]
@@ -23314,7 +23341,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6ec8caba"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5aafba97"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = {
   key: 0,
@@ -23406,11 +23433,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-2a47d044"]]);
+var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-9dfb990e"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$1 = (n) => (pushScopeId("data-v-f66bfcc0"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-12938cd0"), n = n(), popScopeId(), n);
 const _hoisted_1$4 = ["disabled"];
-const _hoisted_2$3 = { class: "ck-switch__slider-container" };
+const _hoisted_2$4 = { class: "ck-switch__slider-container" };
 const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
 const _hoisted_4$2 = {
   key: 0,
@@ -23484,7 +23511,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         }, null, 8, _hoisted_1$4), [
           [vModelCheckbox, unref$1(value)]
         ]),
-        createElementVNode("div", _hoisted_2$3, [
+        createElementVNode("div", _hoisted_2$4, [
           _hoisted_3$2,
           __props.icon && unref$1(value) ? (openBlock(), createBlock(CkIcon, {
             key: 0,
@@ -23506,10 +23533,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-f66bfcc0"]]);
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-12938cd0"]]);
 var ckSwitchOptions_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$3 = { class: "ck-switch-options__container-exterior" };
-const _hoisted_2$2 = ["onClick"];
+const _hoisted_2$3 = ["onClick"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: [Boolean, Number, Object] },
@@ -23581,7 +23608,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               key: `ck-switch-options${index}`,
               style: normalizeStyle(unref$1(computedItemStyle)),
               onClick: ($event) => selectedOption.value = getOptionValue(option)
-            }, toDisplayString(option[__props.prop || defaultProp]), 15, _hoisted_2$2);
+            }, toDisplayString(option[__props.prop || defaultProp]), 15, _hoisted_2$3);
           }), 128))
         ], 2)
       ]);
@@ -23591,13 +23618,18 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4bc709a8"]]);
 var ckTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$2 = { class: "ck-textarea" };
+const _hoisted_2$2 = ["placeholder", "disabled"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     label: null,
     labelAlign: null,
     layout: null,
-    borderColor: null
+    borderColor: null,
+    placeholder: null,
+    disabled: { type: Boolean },
+    preventResize: { type: Boolean },
+    resize: null
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: emits }) {
@@ -23630,6 +23662,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (borderColor && !hooks8.isColorTemplateVariable(borderColor)) {
         list.push({ "border-color": borderColor });
       }
+      if (props.resize)
+        list.push({ resize: props.resize || "both" });
       return list;
     });
     onMounted(() => {
@@ -23648,18 +23682,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }, 8, ["label-align"])) : createCommentVNode("", true),
         withDirectives(createElementVNode("textarea", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
+          placeholder: __props.placeholder,
+          disabled: __props.disabled,
           class: normalizeClass(unref$1(computedClassTextarea)),
           style: normalizeStyle(unref$1(computedStyleTextarea))
-        }, null, 6), [
+        }, null, 14, _hoisted_2$2), [
           [vModelText, unref$1(value)]
         ])
       ]);
     };
   }
 });
-var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-95fd3820"]]);
+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-bc51fc7a"), 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" }, [
@@ -23674,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,
@@ -23700,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-bc51fc7a"]]);
+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" };
@@ -23725,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("");
@@ -23739,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);
@@ -23751,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();
@@ -23762,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-667c806b"]]);
+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 = () => {
@@ -23807,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;
@@ -23818,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({
@@ -23866,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;
+        }
       }
     }
   }