cleek 2.3.61 → 2.4.1

package/dist/cleek.es.js

@@ -2338,11 +2338,11 @@ const _hoisted_2$1$1 = {
   ref: "inner",
   class: "v-popper__inner"
 };
-const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
+const _hoisted_3$8 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
 const _hoisted_5$3 = [
-  _hoisted_3$7,
-  _hoisted_4$5
+  _hoisted_3$8,
+  _hoisted_4$6
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ResizeObserver = resolveComponent("ResizeObserver");
@@ -2538,7 +2538,7 @@ const _sfc_main$1$1 = defineComponent(__spreadProps2(__spreadValues2({}, Private
   name: "VTooltip",
   vPopperTheme: "tooltip"
 }));
-const _sfc_main$q = defineComponent({
+const _sfc_main$r = defineComponent({
   name: "VTooltipDirective",
   components: {
     Popper: PrivatePopper(),
@@ -2629,8 +2629,8 @@ const _sfc_main$q = defineComponent({
     }
   }
 });
-const _hoisted_1$l = ["innerHTML"];
-const _hoisted_2$a = ["textContent"];
+const _hoisted_1$m = ["innerHTML"];
+const _hoisted_2$b = ["textContent"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PopperContent = resolveComponent("PopperContent");
   const _component_Popper = resolveComponent("Popper");
@@ -2673,10 +2673,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.html ? (openBlock(), createElementBlock("div", {
             key: 0,
             innerHTML: _ctx.finalContent
-          }, null, 8, _hoisted_1$l)) : (openBlock(), createElementBlock("div", {
+          }, null, 8, _hoisted_1$m)) : (openBlock(), createElementBlock("div", {
             key: 1,
             textContent: toDisplayString(_ctx.finalContent)
-          }, null, 8, _hoisted_2$a))
+          }, null, 8, _hoisted_2$b))
         ]),
         _: 2
       }, 1032, ["class", "popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
@@ -2684,7 +2684,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16, ["theme", "popper-node", "onApplyShow", "onApplyHide"]);
 }
-var PrivateTooltipDirective = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["render", _sfc_render]]);
+var PrivateTooltipDirective = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["render", _sfc_render]]);
 const TARGET_CLASS = "v-popper--has-tooltip";
 function getPlacement(options2, modifiers) {
   let result = options2.placement;
@@ -18680,8 +18680,8 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$k = { class: "ck-dropdown__popper-container" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _hoisted_1$l = { class: "ck-dropdown__popper-container" };
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   props: {
     dark: { type: Boolean },
     align: null
@@ -18719,7 +18719,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
         ]),
-        createElementVNode("div", _hoisted_1$k, [
+        createElementVNode("div", _hoisted_1$l, [
           isOpen.value ? (openBlock(), createElementBlock("section", {
             key: 0,
             class: normalizeClass(["ck-dropdown__popper", { "ck-dropdown__popper--dark": __props.dark }]),
@@ -18736,9 +18736,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-ba11ff8e"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-ba11ff8e"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   props: {
     padding: null,
     position: null
@@ -18775,16 +18775,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-e0fbc7aa"]]);
-const _hoisted_1$j = { class: "ck-tr" };
+var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-e0fbc7aa"]]);
+const _hoisted_1$k = { class: "ck-tr" };
 function render2(_ctx, _cache) {
-  return openBlock(), createElementBlock("tr", _hoisted_1$j, [
+  return openBlock(), createElementBlock("tr", _hoisted_1$k, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$n = {};
-var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", render2], ["__scopeId", "data-v-519cf874"]]);
+const _sfc_main$o = {};
+var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", render2], ["__scopeId", "data-v-519cf874"]]);
 var functions = {
   getCleekOptions(getCurrentInstance2) {
     return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
@@ -18854,7 +18854,7 @@ var functions = {
   }
 };
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {
     col: null,
     nowrap: { type: Boolean },
@@ -18943,7 +18943,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3abbbf2a"]]);
+var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3abbbf2a"]]);
 var axios$2 = { exports: {} };
 var bind$2 = function bind2(fn, thisArg) {
   return function wrap() {
@@ -20281,8 +20281,8 @@ const qmStr = {
   }
 };
 var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$i = { class: "ck-th" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = { class: "ck-th" };
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   props: {
     align: null,
     minWidth: null
@@ -20302,7 +20302,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       return list;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("th", _hoisted_1$i, [
+      return openBlock(), createElementBlock("th", _hoisted_1$j, [
         createElementVNode("span", {
           class: normalizeClass(unref$1(computedSpanClass)),
           style: normalizeStyle(unref$1(computedStyle))
@@ -20313,8 +20313,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkTh = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-33e06a08"]]);
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+var CkTh = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-33e06a08"]]);
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   props: {
     col: null
   },
@@ -20765,7 +20765,7 @@ defineComponent({
   }
 });
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   props: {
     icon: null,
     color: null,
@@ -20835,7 +20835,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-8816423e"]]);
+var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-8816423e"]]);
 function useWindowWidth() {
   const windowWidth = ref(0);
   function handleWindowResize(event) {
@@ -20855,8 +20855,8 @@ function useWindowWidth() {
   };
 }
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$h = ["title", "aria-label", "disabled"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_1$i = ["title", "aria-label", "disabled"];
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   props: {
     title: null,
     disabled: { type: Boolean },
@@ -20966,14 +20966,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           icon: __props.iconRight,
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$h);
+      ], 14, _hoisted_1$i);
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-debd87be"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-debd87be"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$g = ["for"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = ["for"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   props: {
     for: null,
     align: null,
@@ -20997,14 +20997,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         for: __props.for
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$g);
+      ], 10, _hoisted_1$h);
     };
   }
 });
-var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-43625692"]]);
+var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-43625692"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$f = ["autocomplete", "type", "placeholder", "disabled"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = ["autocomplete", "type", "placeholder", "disabled"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     type: null,
@@ -21149,7 +21149,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           onChange: _cache[1] || (_cache[1] = ($event) => onChange2($event)),
           onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
           onClick: _cache[3] || (_cache[3] = ($event) => onClick2($event))
-        }, null, 42, _hoisted_1$f), [
+        }, null, 42, _hoisted_1$g), [
           [vModelDynamic, unref$1(value)]
         ]),
         __props.iconRight ? (openBlock(), createBlock(CkIcon, {
@@ -21163,10 +21163,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-30f54a2c"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-30f54a2c"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$e = { class: "ck-table__header-items" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = { class: "ck-table__header-items" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
     search: null,
     hasColumnsManager: { type: Boolean },
@@ -21229,7 +21229,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       checkRefresh
     ]);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         !__props.hideHeaderActions ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(CkButton, {
             key: 0,
@@ -21264,12 +21264,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-76d9dde9"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-76d9dde9"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$d = { class: "ck-table__pagination" };
-const _hoisted_2$9 = ["onClick"];
-const _hoisted_3$6 = ["onClick"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = { class: "ck-table__pagination" };
+const _hoisted_2$a = ["onClick"];
+const _hoisted_3$7 = ["onClick"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   props: {
     currentPage: null,
     align: null,
@@ -21347,7 +21347,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         key: 0,
         class: normalizeClass(["ck-table__pagination-container", `pagination-align--${__props.align}`])
       }, [
-        createElementVNode("div", _hoisted_1$d, [
+        createElementVNode("div", _hoisted_1$e, [
           unref$1(hasArrowLeft) ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ck-table__pagination--arrow-left",
@@ -21359,7 +21359,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock("div", {
               class: "ck-table__pagination-item pagination-item__left",
               onClick: ($event) => updateCurrentPage(num)
-            }, toDisplayString(num), 9, _hoisted_2$9);
+            }, toDisplayString(num), 9, _hoisted_2$a);
           }), 256)),
           createVNode(CkInput, {
             class: "ck-table__pagination-input",
@@ -21375,7 +21375,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock("div", {
               class: "ck-table__pagination-item pagination-item__right",
               onClick: ($event) => updateCurrentPage(num)
-            }, toDisplayString(num), 9, _hoisted_3$6);
+            }, toDisplayString(num), 9, _hoisted_3$7);
           }), 256)),
           unref$1(hasArrowRight) ? (openBlock(), createElementBlock("div", {
             key: 1,
@@ -21389,7 +21389,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-b8a184d6"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-b8a184d6"]]);
 const EMPTY_OBJ = {};
 const NOOP = () => {
 };
@@ -22162,13 +22162,13 @@ 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$c = ["disabled", "checked"];
-const _hoisted_2$8 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
-const _hoisted_3$5 = {
+const _hoisted_1$d = ["disabled", "checked"];
+const _hoisted_2$9 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
+const _hoisted_3$6 = {
   key: 0,
   class: "c-Checkbox__label"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     label: null,
@@ -22216,24 +22216,24 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             value.value = $event.target.checked;
             onChange2($event);
           })
-        }, null, 40, _hoisted_1$c),
-        _hoisted_2$8,
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$5, [
+        }, null, 40, _hoisted_1$d),
+        _hoisted_2$9,
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$6, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 16);
     };
   }
 });
-var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-113ac83f"]]);
+var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-113ac83f"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = {
+const _hoisted_1$c = {
   key: 0,
   class: "ck-popup"
 };
-const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
-const _hoisted_3$4 = { class: "ck-popup__slot-header" };
-const _hoisted_4$4 = {
+const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
+const _hoisted_3$5 = { class: "ck-popup__slot-header" };
+const _hoisted_4$5 = {
   key: 0,
   class: "ck-popup__title"
 };
@@ -22248,7 +22248,7 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = /* @__PURE__ */ createTextVNode("Cancelar");
 const _hoisted_9 = /* @__PURE__ */ createTextVNode("Aceptar");
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     title: null,
@@ -22293,8 +22293,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       isActive.value = false;
     }
     return (_ctx, _cache) => {
-      return unref$1(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-        _hoisted_2$7,
+      return unref$1(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+        _hoisted_2$8,
         createElementVNode("div", {
           class: "popup-container",
           onClick: _cache[4] || (_cache[4] = ($event) => onBgClick())
@@ -22305,8 +22305,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }, ["stop"])),
             style: normalizeStyle(unref$1(computedStyleContent))
           }, [
-            createElementVNode("div", _hoisted_3$4, [
-              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$4, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_3$5, [
+              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$5, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "header"),
               !(__props.notCloseBtn || __props.notClose) ? (openBlock(), createBlock(CkIcon, {
                 key: 1,
@@ -22349,9 +22349,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$a = { class: "columns-manger-container" };
-const _hoisted_2$6 = { class: "columns-manger__item" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "columns-manger-container" };
+const _hoisted_2$7 = { class: "columns-manger__item" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     columns: null,
@@ -22391,15 +22391,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       props.columns[colName].isDisplayed = value;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$c, {
+      return openBlock(), createBlock(_sfc_main$d, {
         modelValue: unref$1(isActive),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(isActive) ? isActive.value = $event : null),
         title: "Administrador de columnas"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$a, [
+          createElementVNode("div", _hoisted_1$b, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(columnsCheckable), (col) => {
-              return openBlock(), createElementBlock("div", _hoisted_2$6, [
+              return openBlock(), createElementBlock("div", _hoisted_2$7, [
                 createVNode(CkCheckbox, {
                   modelValue: col.value,
                   "onUpdate:modelValue": ($event) => col.value = $event,
@@ -22419,25 +22419,25 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-2d6fd542"]]);
+var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-2d6fd542"]]);
 var ckTable_vue_vue_type_style_index_0_lang = "";
 var ckTable_vue_vue_type_style_index_1_scoped_true_lang = "";
-const _hoisted_1$9 = { class: "ck-table" };
-const _hoisted_2$5 = {
+const _hoisted_1$a = { class: "ck-table" };
+const _hoisted_2$6 = {
   key: 0,
   class: "ck-table__header"
 };
-const _hoisted_3$3 = {
+const _hoisted_3$4 = {
   key: 0,
   class: "ck-table__header--slot"
 };
-const _hoisted_4$3 = { key: 0 };
+const _hoisted_4$4 = { key: 0 };
 const _hoisted_5$1 = { key: 1 };
 const _hoisted_6$1 = {
   key: 2,
   class: "ck-table--mobile-container"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     columns: null,
     hasColumnsManager: { type: Boolean },
@@ -22541,7 +22541,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       TableColumnsManager,
       TablePagination,
       TableHeaderItems,
-      _sfc_main$k
+      _sfc_main$l
     ]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
@@ -22552,8 +22552,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           columnsArray: unref$1(columnsArray),
           columns: __props.columns || []
         }, null, 8, ["modelValue", "columnsArray", "columns"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1$9, [
-          _ctx.$slots.header || !__props.hideHeaderActions ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+        createElementVNode("div", _hoisted_1$a, [
+          _ctx.$slots.header || !__props.hideHeaderActions ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
             createVNode(TableHeaderItems, {
               search: unref$1(searchLocal),
               "onUpdate:search": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
@@ -22567,7 +22567,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
               onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
             }, null, 8, ["search", "hideHeaderActions", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage"]),
-            _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+            _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
               renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
@@ -22578,11 +22578,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             createElementVNode("table", {
               class: normalizeClass(["ck-table__table", unref$1(computedClassTable)])
             }, [
-              unref$1(filteredColumnsList).length && !(_ctx.$slots.mobile && unref$1(isMobileVisible)) ? (openBlock(), createElementBlock("thead", _hoisted_4$3, [
+              unref$1(filteredColumnsList).length && !(_ctx.$slots.mobile && unref$1(isMobileVisible)) ? (openBlock(), createElementBlock("thead", _hoisted_4$4, [
                 createVNode(CkTr, null, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
-                      return openBlock(), createBlock(_sfc_main$k, {
+                      return openBlock(), createBlock(_sfc_main$l, {
                         key: col.title,
                         col
                       }, null, 8, ["col"]);
@@ -22632,10 +22632,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-26890d44"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-26890d44"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$8 = ["color"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = ["color"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   props: {
     size: null,
     color: null,
@@ -22670,13 +22670,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 14, _hoisted_1$8);
+      ], 14, _hoisted_1$9);
     };
   }
 });
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-36521210"]]);
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-36521210"]]);
 var ckDiv_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   props: {
     widthBreaks: null
   },
@@ -22710,8 +22710,8 @@ var globalVariables = {
   defaultImgBorderColor: "#EEEEEE"
 };
 var ckImg_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$7 = ["src", "alt"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = ["src", "alt"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {
     src: null,
     failImgSrc: null,
@@ -22820,22 +22820,22 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(unref$1(computedImgStyle)),
           alt: __props.alt,
           onError: _cache[0] || (_cache[0] = ($event) => altNeeded.value = true)
-        }, null, 44, _hoisted_1$7)
+        }, null, 44, _hoisted_1$8)
       ], 6);
     };
   }
 });
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-4d100c3a"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4d100c3a"]]);
 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$6 = ["onKeyup"];
-const _hoisted_2$4 = ["name", "value", "disabled"];
-const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
-const _hoisted_4$2 = {
+const _hoisted_1$7 = ["onKeyup"];
+const _hoisted_2$5 = ["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,
   class: "c-Radio__label"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     name: null,
@@ -22884,21 +22884,21 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             name: __props.name,
             value: option.value,
             disabled: __props.disabled
-          }, null, 8, _hoisted_2$4), [
+          }, null, 8, _hoisted_2$5), [
             [vModelRadio, unref$1(value)]
           ]),
-          _hoisted_3$2,
-          option.label ? (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString(option.label), 1)) : createCommentVNode("", true)
-        ], 16, _hoisted_1$6);
+          _hoisted_3$3,
+          option.label ? (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString(option.label), 1)) : createCommentVNode("", true)
+        ], 16, _hoisted_1$7);
       }), 128);
     };
   }
 });
-var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-2e09b238"]]);
+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$5 = ["disabled"];
-const _hoisted_2$3 = ["value"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = ["disabled"];
+const _hoisted_2$4 = ["value"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     prop: null,
@@ -23086,22 +23086,22 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock("option", {
               value: getOptionValue(option),
               key: option
-            }, toDisplayString(getOptionName(option)), 9, _hoisted_2$3);
+            }, toDisplayString(getOptionName(option)), 9, _hoisted_2$4);
           }), 128))
-        ], 42, _hoisted_1$5), [
+        ], 42, _hoisted_1$6), [
           [vModelSelect, unref$1(value)]
         ])
       ], 4);
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-37612997"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-37612997"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$4 = {
+const _hoisted_1$5 = {
   key: 1,
   class: "sidebar-header-title"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     title: null,
@@ -23150,7 +23150,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               class: "mr-2",
               icon: "times"
             })) : createCommentVNode("", true),
-            __props.title ? (openBlock(), createElementBlock("div", _hoisted_1$4, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+            __props.title ? (openBlock(), createElementBlock("div", _hoisted_1$5, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
             !__props.rightSide ? (openBlock(), createBlock(_component_ck_icon, {
               key: 2,
               class: "ml-2",
@@ -23165,17 +23165,17 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-caa98a4c"]]);
+var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-caa98a4c"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-f66bfcc0"), n = n(), popScopeId(), n);
-const _hoisted_1$3 = ["disabled"];
-const _hoisted_2$2 = { class: "ck-switch__slider-container" };
-const _hoisted_3$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
-const _hoisted_4$1 = {
+const _hoisted_1$4 = ["disabled"];
+const _hoisted_2$3 = { 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,
   class: "ck-switch__content"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: [Boolean, Number] },
     disabled: { type: Boolean },
@@ -23240,11 +23240,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
           disabled: __props.disabled,
           onClick: _cache[1] || (_cache[1] = ($event) => onTrigger())
-        }, null, 8, _hoisted_1$3), [
+        }, null, 8, _hoisted_1$4), [
           [vModelCheckbox, unref$1(value)]
         ]),
-        createElementVNode("div", _hoisted_2$2, [
-          _hoisted_3$1,
+        createElementVNode("div", _hoisted_2$3, [
+          _hoisted_3$2,
           __props.icon && unref$1(value) ? (openBlock(), createBlock(CkIcon, {
             key: 0,
             class: normalizeClass(["ck-switch__icon-left", unref$1(iconClass)]),
@@ -23258,18 +23258,18 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             "icon-pack": __props.iconPack
           }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true)
         ]),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$2, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 16);
     };
   }
 });
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-f66bfcc0"]]);
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-f66bfcc0"]]);
 var ckSwitchOptions_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$2 = { class: "ck-switch-options__container-exterior" };
-const _hoisted_2$1 = ["onClick"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = { class: "ck-switch-options__container-exterior" };
+const _hoisted_2$2 = ["onClick"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: [Boolean, Number, Object] },
     options: null,
@@ -23321,7 +23321,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       getOptionValue
     ]);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
         __props.label ? (openBlock(), createBlock(CkLabel, {
           key: 0,
           align: __props.labelAlign
@@ -23340,17 +23340,17 @@ const _sfc_main$2 = /* @__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$1);
+            }, toDisplayString(option[__props.prop || defaultProp]), 15, _hoisted_2$2);
           }), 128))
         ], 2)
       ]);
     };
   }
 });
-var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-4bc709a8"]]);
+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$1 = { class: "ck-textarea" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { class: "ck-textarea" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     label: null,
@@ -23368,7 +23368,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         __props.label ? (openBlock(), createBlock(CkLabel, {
           key: 0,
           "label-align": __props.labelAlign
@@ -23387,24 +23387,23 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-373450fe"]]);
+var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-373450fe"]]);
 var CkConfirm_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n) => (pushScopeId("data-v-29e44bac"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "ck-confirm--background" };
-const _hoisted_2 = { class: "ck-confirm" };
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-confirm__icon" }, [
+const _withScopeId = (n) => (pushScopeId("data-v-bc51fc7a"), 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" }, [
   /* @__PURE__ */ createElementVNode("img", {
     class: "ck-confirm__icon--img",
     src: "https://img.quanticonion.com/icons/hexagon-exclamation.png",
     height: "7rem"
   })
 ], -1));
-const _hoisted_4 = { class: "ck-confirm__title" };
+const _hoisted_4$1 = { class: "ck-confirm__title" };
 const _hoisted_5 = { class: "ck-confirm__message" };
 const _hoisted_6 = { class: "ck-confirm__buttons-container" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose }) {
-    ref(true);
     const title = ref("");
     const msg = ref("");
     const acceptText = ref("Aceptar");
@@ -23428,10 +23427,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       responseFailure
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          _hoisted_3,
-          createElementVNode("div", _hoisted_4, toDisplayString(title.value), 1),
+      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_5, toDisplayString(msg.value), 1),
           createElementVNode("div", _hoisted_6, [
             createElementVNode("button", {
@@ -23448,7 +23447,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkConfirmComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-29e44bac"]]);
+var CkConfirmComponent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-bc51fc7a"]]);
+var CkNotify_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1 = {
+  key: 0,
+  class: "ck-notify__container"
+};
+const _hoisted_2 = { class: "ck-notify__title" };
+const _hoisted_3 = { class: "close-btn" };
+const _hoisted_4 = { class: "ck-notify__text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  setup(__props, { expose }) {
+    const isActive = ref(true);
+    const title = ref("");
+    const text2 = ref("");
+    const color = ref("");
+    expose({
+      title,
+      text: text2,
+      color
+    });
+    return (_ctx, _cache) => {
+      return isActive.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "ck-notify",
+          style: normalizeStyle({ "background-color": color.value }),
+          onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false)
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(CkIcon, { icon: "times" })
+            ]),
+            createTextVNode(toDisplayString(title.value), 1)
+          ]),
+          createElementVNode("div", _hoisted_4, toDisplayString(text2.value), 1)
+        ], 4)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+var CkNotifyComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d3144b1"]]);
+const defaultDuration = 2e3;
 var ckNotify = {
   confirm({
     title = "\xBFEst\xE1s seguro?",
@@ -23475,6 +23514,27 @@ var ckNotify = {
       failure();
     };
     document.body.appendChild(instance.$el);
+  },
+  notify({ text: text2 = "", title = "", color = "#ccc", duration = defaultDuration }) {
+    const tempDiv = document.createElement("div");
+    const instance = createApp(CkNotifyComponent).mount(tempDiv);
+    instance.title = title;
+    instance.text = text2;
+    instance.color = color;
+    console.log("duration", duration);
+    setTimeout(() => {
+      instance.$el.remove();
+      console.log("cierro");
+    }, duration);
+  },
+  notifySuccess(text2 = "", title = "\xC9xito") {
+    this.notify({ text: text2, title, color: "#66CC00" });
+  },
+  notifyError(text2 = "", title = "Error") {
+    this.notify({ text: text2, title, color: "#FF3333" });
+  },
+  notifyWarning(text2 = "", title = "Atenci\xF3n") {
+    this.notify({ text: text2, title, color: "#FFDD33" });
   }
 };
 var components = /* @__PURE__ */ Object.freeze({
@@ -23489,12 +23549,12 @@ var components = /* @__PURE__ */ Object.freeze({
   CkButton,
   CkCheckbox,
   CkChip: ckChip,
-  CkDiv: _sfc_main$8,
+  CkDiv: _sfc_main$9,
   CkIcon,
   CkImg: ckImg,
   CkInput,
   CkLabel,
-  CkPopup: _sfc_main$c,
+  CkPopup: _sfc_main$d,
   CkRadio: ckRadio,
   CkSelect: ckSelect,
   CkSidebar: ckSidebar,
@@ -23534,4 +23594,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { CkButton, CkCheckbox, ckChip as CkChip, _sfc_main$8 as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, CkLabel, ckNavbar as CkNavbar, _sfc_main$c as CkPopup, ckRadio as CkRadio, ckSelect as CkSelect, ckSidebar as CkSidebar, ckSwitch as CkSwitch, ckSwitchOptions as CkSwitchOptions, ckTable as CkTable, CkTd, ckTextarea as CkTextarea, CkTh, CkTr, ckNotify, install as default };
+export { CkButton, CkCheckbox, ckChip as CkChip, _sfc_main$9 as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, CkLabel, ckNavbar as CkNavbar, _sfc_main$d as CkPopup, ckRadio as CkRadio, ckSelect as CkSelect, ckSidebar as CkSidebar, ckSwitch as CkSwitch, ckSwitchOptions as CkSwitchOptions, ckTable as CkTable, CkTd, ckTextarea as CkTextarea, CkTh, CkTr, ckNotify, install as default };