cleek 2.1.9 → 2.1.13

package/dist/cleek-styles/clear-app.styl

@@ -1,7 +1,8 @@
 *
-  box-sizing border-box
+h1, h2, h3, h4, h5, h6, div, span
   margin 0
   padding 0
+  box-sizing border-box
 a
   color unset
   text-decoration unset

package/dist/cleek.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, onMounted, getCurrentInstance, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, withCtx, createTextVNode, toDisplayString, withDirectives, isRef as isRef$1, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, onMounted, getCurrentInstance, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, withCtx, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
 var ckDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -26,8 +26,8 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$j = { class: "ck-dropdown" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = { class: "ck-dropdown" };
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   props: {
     triggerType: { type: String, default: "click" },
     dark: { type: Boolean, default: false }
@@ -49,7 +49,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       isOpen.value = true;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
         createElementVNode("div", {
           class: "ck-dropdown__trigger",
           onClick: _cache[0] || (_cache[0] = ($event) => openClose())
@@ -71,9 +71,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-64a91fb4"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-64a91fb4"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {
     padding: { type: String, default: 0 },
     position: { type: String, default: "fixed" }
@@ -108,77 +108,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-5024db6a"]]);
-var validators = {
-  size: (type) => {
-    return ["", "xs", "s", "m", "l", "xl"].includes(type);
-  },
-  group: (type) => {
-    return ["", "left", "right", "center"].includes(type);
-  },
-  groupVertical: (type) => {
-    return ["top", "bottom", "center"].includes(type);
-  },
-  align: (type) => {
-    return ["left", "center", "right"].includes(type);
-  },
-  buttonType: (type) => {
-    return ["filled", "outlined", "flat"].includes(type);
-  },
-  inputType: (type) => {
-    return ["text", "number", "date", "time", "password"].includes(type);
-  },
-  radioOptions: (options) => {
-    let isValid = true;
-    options.forEach((option) => {
-      isValid = isValid && "label" in option && "value" in option;
-    });
-    return isValid;
-  }
-};
-var functions$1 = {
-  getGroupClass({ group = "", groupVertical = "", groupBreak = "" } = {}) {
-    const _screenSize = "";
-    if (groupBreak && groupBreak === _screenSize)
-      return [];
-    const classList2 = [];
-    if (group)
-      classList2.push(`ck-component__group--${group}`);
-    if (groupVertical)
-      classList2.push(`ck-component__group-vertical--${groupVertical}`);
-    return classList2;
-  },
-  isColorTemplateVariable(color) {
-    if (color === "primary")
-      return true;
-    if (color === "secondary")
-      return true;
-    if (color === "success")
-      return true;
-    if (color === "warning")
-      return true;
-    if (color === "danger")
-      return true;
-    if (color === "dark")
-      return true;
-    if (color === "light")
-      return true;
-    return false;
-  },
-  isColumnDisplayed(column) {
-    if (column.isDisplayed === false)
-      return false;
-    if (column.unchangeable) {
-      if (column.isDisplayed === true)
-        return true;
-      return false;
-    }
-    return true;
-  },
-  getCleekOptions(getCurrentInstance2) {
-    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
-  }
-};
+var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-5024db6a"]]);
 /*!
  * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
@@ -384,11 +314,11 @@ if (!w[NAMESPACE_IDENTIFIER].hooks)
 if (!w[NAMESPACE_IDENTIFIER].shims)
   w[NAMESPACE_IDENTIFIER].shims = [];
 var namespace = w[NAMESPACE_IDENTIFIER];
-var functions = [];
+var functions$1 = [];
 var listener = function listener2() {
   DOCUMENT.removeEventListener("DOMContentLoaded", listener2);
   loaded = 1;
-  functions.map(function(fn2) {
+  functions$1.map(function(fn2) {
     return fn2();
   });
 };
@@ -11299,7 +11229,7 @@ defineComponent({
   }
 });
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   props: {
     icon: { type: [String, Array], default: "" },
     color: { type: String, default: "" },
@@ -11359,7 +11289,147 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-25801d7b"]]);
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-25801d7b"]]);
+var ckNotify_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$j = { class: "ck-notify__container" };
+const _hoisted_2$9 = { class: "ck-notify__title" };
+const _hoisted_3$6 = { class: "close-btn" };
+const _hoisted_4$4 = { class: "ck-notify__text" };
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  setup(__props, { expose }) {
+    expose({
+      ckNotify: ckNotify2,
+      ckNotifySuccess,
+      ckNotifyDanger,
+      ckNotifyWarning
+    });
+    const isActive = ref(false);
+    const globalTitle = ref("");
+    const globalText = ref("");
+    const globalColor = ref("");
+    const defaultDuration = ref(2e3);
+    function closeNotification() {
+      isActive.value = false;
+    }
+    function ckNotify2({ text: text3 = "", title = "", color = "#ccc", duration = defaultDuration.value }) {
+      console.log("openNotify", title);
+      globalTitle.value = title;
+      globalText.value = text3;
+      globalColor.value = color;
+      isActive.value = true;
+      setTimeout(() => {
+        closeNotification();
+      }, duration);
+    }
+    function ckNotifySuccess(text3 = "", title = "\xC9xito") {
+      ckNotify2({
+        text: text3,
+        title,
+        color: "#66CC00"
+      });
+    }
+    function ckNotifyDanger(text3 = "", title = "Error") {
+      ckNotify2({ text: text3, title, color: "#FF3333" });
+    }
+    function ckNotifyWarning(text3 = "", title = "Atenci\xF3n") {
+      ckNotify2({ text: text3, title, color: "#FFDD33" });
+    }
+    return (_ctx, _cache) => {
+      return isActive.value ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: "body"
+      }, [
+        createElementVNode("div", _hoisted_1$j, [
+          createElementVNode("div", {
+            class: "ck-notify",
+            style: normalizeStyle({ "background-color": globalColor.value }),
+            onClick: _cache[0] || (_cache[0] = ($event) => closeNotification())
+          }, [
+            createElementVNode("div", _hoisted_2$9, [
+              createElementVNode("div", _hoisted_3$6, [
+                createVNode(ckIcon, { icon: "times" })
+              ]),
+              createTextVNode(toDisplayString(globalTitle.value), 1)
+            ]),
+            createElementVNode("div", _hoisted_4$4, toDisplayString(globalText.value), 1)
+          ], 4)
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+var ckNotify = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-33c8c0d8"]]);
+var validators = {
+  size: (type) => {
+    return ["", "xs", "s", "m", "l", "xl"].includes(type);
+  },
+  group: (type) => {
+    return ["", "left", "right", "center"].includes(type);
+  },
+  groupVertical: (type) => {
+    return ["top", "bottom", "center"].includes(type);
+  },
+  align: (type) => {
+    return ["left", "center", "right"].includes(type);
+  },
+  buttonType: (type) => {
+    return ["filled", "outlined", "flat"].includes(type);
+  },
+  inputType: (type) => {
+    return ["text", "number", "date", "time", "password"].includes(type);
+  },
+  radioOptions: (options) => {
+    let isValid = true;
+    options.forEach((option) => {
+      isValid = isValid && "label" in option && "value" in option;
+    });
+    return isValid;
+  }
+};
+var functions = {
+  getGroupClass({ group = "", groupVertical = "", groupBreak = "" } = {}) {
+    const _screenSize = "";
+    if (groupBreak && groupBreak === _screenSize)
+      return [];
+    const classList2 = [];
+    if (group)
+      classList2.push(`ck-component__group--${group}`);
+    if (groupVertical)
+      classList2.push(`ck-component__group-vertical--${groupVertical}`);
+    return classList2;
+  },
+  isColorTemplateVariable(color) {
+    if (color === "primary")
+      return true;
+    if (color === "secondary")
+      return true;
+    if (color === "success")
+      return true;
+    if (color === "warning")
+      return true;
+    if (color === "danger")
+      return true;
+    if (color === "dark")
+      return true;
+    if (color === "light")
+      return true;
+    return false;
+  },
+  isColumnDisplayed(column) {
+    if (column.isDisplayed === false)
+      return false;
+    if (column.unchangeable) {
+      if (column.isDisplayed === true)
+        return true;
+      return false;
+    }
+    return true;
+  },
+  getCleekOptions(getCurrentInstance2) {
+    console.log("getCurrentInstance", getCurrentInstance2);
+    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
+  }
+};
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$i = ["title", "aria-label", "disabled"];
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
@@ -11385,7 +11455,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     const isMounted = ref(false);
     const computedClass = computed$2(() => {
       const classList2 = [];
-      classList2.push(functions$1.getGroupClass(props));
+      classList2.push(functions.getGroupClass(props));
       if (props.color !== "primary") {
         if (props.type === "filled") {
           classList2.push(`ck-component__bg-color--${props.color}`);
@@ -12380,7 +12450,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         classList2.push("is-rounded");
       if (props.hasBorder) {
         classList2.push("ck-img__has-border");
-        if (functions$1.isColorTemplateVariable(realBorderColor.value)) {
+        if (functions.isColorTemplateVariable(realBorderColor.value)) {
           classList2.push(`ck-component__border-color--${realBorderColor.value}`);
         }
       }
@@ -12397,7 +12467,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       if (props.radius)
         styleList.push({ "border-radius": props.radius });
       if (props.hasBorder) {
-        if (!functions$1.isColorTemplateVariable(realBorderColor.value)) {
+        if (!functions.isColorTemplateVariable(realBorderColor.value)) {
           styleList.push({ "border-color": realBorderColor.value });
         }
       }
@@ -12424,7 +12494,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     }
     function getImg(src) {
       let path = "";
-      const $cleekOptions = functions$1.getCleekOptions(getCurrentInstance);
+      const $cleekOptions = functions.getCleekOptions(getCurrentInstance);
       if ($cleekOptions) {
         if ($cleekOptions.imgPath)
           path = $cleekOptions.imgPath;
@@ -12503,8 +12573,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     autoSelect: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "click", "input", "change"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { expose, emit: emits }) {
     const props = __props;
+    expose({ setFocus, setSelect });
+    const realInput = ref(null);
     const value = computed$2({
       get() {
         return props.modelValue;
@@ -12532,7 +12604,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     });
     const computedClassInput = computed$2(() => {
       const list = [];
-      list.push(functions$1.getGroupClass(props));
+      list.push(functions.getGroupClass(props));
       if (props.icon)
         list.push("has-icon-left");
       if (props.iconRight)
@@ -12543,6 +12615,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         list.push("no-border");
       return list;
     });
+    function setFocus() {
+      realInput.value.focus();
+    }
+    function setSelect() {
+      realInput.value.select();
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
         __props.label ? (openBlock(), createBlock(ckLabel, {
@@ -12563,6 +12641,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
         withDirectives(createElementVNode("input", {
+          ref_key: "realInput",
+          ref: realInput,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
           type: __props.type,
           placeholder: __props.placeholder,
@@ -12587,7 +12667,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5db08b1e"]]);
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-19dca096"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$c = {
   key: 0,
@@ -12622,7 +12702,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "cancel", "accept"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const value = computed$2({
+    const isActive = computed$2({
       get() {
         return props.modelValue;
       },
@@ -12633,7 +12713,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     function onCancel() {
       emits("cancel");
       if (!props.preventCloseOnCancel)
-        value.value = false;
+        isActive.value = false;
     }
     function onAccept() {
       emits("accept");
@@ -12641,10 +12721,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     function onBgClick() {
       if (props.notCloseByBg)
         return;
-      value.value = false;
+      isActive.value = false;
     }
     return (_ctx, _cache) => {
-      return unref$1(value) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return unref$1(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
         _hoisted_2$6,
         createElementVNode("div", {
           class: "popup-container",
@@ -12657,12 +12737,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("div", _hoisted_3$4, [
               __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "header", { class: "ml-3" }),
+              renderSlot(_ctx.$slots, "header"),
               !__props.notCloseBtn ? (openBlock(), createBlock(ckIcon, {
                 key: 1,
-                class: "mr-3 close",
+                class: "close",
                 icon: "times",
-                onClick: _cache[0] || (_cache[0] = ($event) => value.value = false)
+                onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false)
               })) : createCommentVNode("", true)
             ]),
             createElementVNode("div", _hoisted_5$1, [
@@ -12674,7 +12754,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 createVNode(ckButton, {
                   class: "cancel-button",
                   onClick: _cache[1] || (_cache[1] = ($event) => onCancel()),
-                  color: "danger"
+                  color: "danger",
+                  type: "flat"
                 }, {
                   default: withCtx(() => [
                     _hoisted_8
@@ -13090,7 +13171,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     });
     const computedClass = computed$2(() => {
       const classList2 = [];
-      classList2.push(functions$1.getGroupClass(props));
+      classList2.push(functions.getGroupClass(props));
       return classList2;
     });
     const computedStyle = computed$2(() => {
@@ -13193,7 +13274,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
 });
 var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-31af160a"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n) => (pushScopeId("data-v-35213eec"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-b6a4dfaa"), n = n(), popScopeId(), n);
 const _hoisted_1$9 = ["disabled"];
 const _hoisted_2$4 = { class: "ck-switch__slider-container" };
 const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
@@ -13207,6 +13288,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     outlined: { type: Boolean, default: false },
     squared: { type: Boolean, default: false },
+    size: { type: String, default: "m" },
     icon: { type: String, default: void 0 },
     iconPack: { type: String, default: void 0 }
   },
@@ -13227,6 +13309,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         list.push("is-squared");
       if (props.outlined)
         list.push("is-outlined");
+      let size = "s";
+      if (props.size === "m" || props.size === "l")
+        size = props.size;
+      list.push(`ck-switch--size-${size}`);
       return list;
     });
     const computedAttributes = computed$2(() => {
@@ -13235,6 +13321,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         tabindex: props.disabled ? void 0 : "0"
       };
     });
+    const iconClass = computed$2(() => {
+      const list = [];
+      if (props.size && props.size !== "m") {
+        list.push(`ck-switch__icon-size--${props.size}`);
+      }
+      return list;
+    });
     function onTrigger2() {
       value.value = !value.value;
     }
@@ -13262,16 +13355,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           _hoisted_3$2,
           __props.icon && unref$1(value) ? (openBlock(), createBlock(ckIcon, {
             key: 0,
-            class: "ck-switch__icon-left",
+            class: normalizeClass(["ck-switch__icon-left", unref$1(iconClass)]),
             icon: __props.icon,
             "icon-pack": __props.iconPack
-          }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
+          }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true),
           __props.icon && !unref$1(value) ? (openBlock(), createBlock(ckIcon, {
             key: 1,
-            class: "ck-switch__icon-right",
+            class: normalizeClass(["ck-switch__icon-right", unref$1(iconClass)]),
             icon: __props.icon,
             "icon-pack": __props.iconPack
-          }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true)
+          }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true)
         ]),
         _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -13280,7 +13373,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-35213eec"]]);
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-b6a4dfaa"]]);
 var ckSwitchOptions_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$8 = { class: "ck-switch-options__container-exterior" };
 const _hoisted_2$3 = ["onClick"];
@@ -13312,7 +13405,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     const computedClass = computed$2(() => {
       const classList2 = [];
-      classList2.push(functions$1.getGroupClass(props));
+      classList2.push(functions.getGroupClass(props));
       return classList2;
     });
     const computedItemStyle = computed$2(() => {
@@ -13422,7 +13515,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   props: {
     search: { type: String, default: void 0 },
     hasColumnsManager: { type: Boolean, default: false },
-    hideRefreshBtn: { type: Boolean, required: true },
+    showRefreshBtn: { type: Boolean, required: true },
     hideItemsPerPage: { type: Boolean, required: true },
     currentPage: { type: Number, required: true },
     itemsPerPage: { type: Number, required: true },
@@ -13454,6 +13547,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const itemsPerPageIsVisible = computed$2(() => {
       return !props.hideItemsPerPage && props.listLength && props.currentPage;
     });
+    const refreshBtnIsVisible = computed$2(() => {
+      return itemsPerPageIsVisible.value || props.showRefreshBtn;
+    });
     const searchGroupValue = computed$2(() => {
       if (itemsPerPageIsVisible.value && props.hasColumnsManager) {
         return "center";
@@ -13474,7 +13570,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        !__props.hideRefreshBtn ? (openBlock(), createBlock(ckButton, {
+        unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(ckButton, {
           key: 0,
           type: "flat",
           icon: "redo-alt",
@@ -13506,7 +13602,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4f5cca80"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-15c7bf13"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$4 = { class: "ck-table__pagination" };
 const _hoisted_2$2 = ["onClick"];
@@ -13669,7 +13765,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           list.push({
             name: col.name,
             title: col.title,
-            value: functions$1.isColumnDisplayed(col)
+            value: functions.isColumnDisplayed(col)
           });
         }
       });
@@ -13731,7 +13827,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     paginationAlign: { type: String, default: "center", validator: validators.align },
     search: { type: String, default: void 0 },
     hideHeaderActions: { type: Boolean, default: false },
-    hideRefreshBtn: { type: Boolean, default: false },
+    showRefreshBtn: { type: Boolean, default: false },
     hideItemsPerPage: { type: Boolean, default: false },
     notFullWidth: { type: Boolean, default: false }
   },
@@ -13755,7 +13851,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return arr;
     });
     const filteredColumnsList = computed$2(() => {
-      return columnsArray.value.filter(functions$1.isColumnDisplayed);
+      return columnsArray.value.filter(functions.isColumnDisplayed);
     });
     const searchLocal = computed$2({
       get() {
@@ -13802,11 +13898,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               hasColumnsManager: __props.hasColumnsManager,
               itemsPerPage: __props.itemsPerPage,
               listLength: __props.listLength,
-              hideRefreshBtn: __props.hideRefreshBtn,
+              showRefreshBtn: __props.showRefreshBtn,
               hideItemsPerPage: __props.hideItemsPerPage,
               onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
               onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
-            }, null, 8, ["search", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "hideRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true),
+            }, null, 8, ["search", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true),
             _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3, [
               renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ])) : createCommentVNode("", true)
@@ -13850,7 +13946,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a5722810"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-2c108c86"]]);
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
@@ -13909,7 +14005,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const isColumnDisplayed = computed$2(() => {
       if (!props.col)
         return true;
-      return functions$1.isColumnDisplayed(props.col);
+      return functions.isColumnDisplayed(props.col);
     });
     return (_ctx, _cache) => {
       return unref$1(isColumnDisplayed) ? (openBlock(), createElementBlock("td", {
@@ -16569,6 +16665,7 @@ var components = /* @__PURE__ */ Object.freeze({
   [Symbol.toStringTag]: "Module",
   ckDropdown,
   ckNavbar,
+  ckNotify,
   ckButton,
   ckCheckbox,
   ckChip,
@@ -16623,4 +16720,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, ckNavbar, _sfc_main$e as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };
+export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, ckNavbar, ckNotify, _sfc_main$e as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };