cleek 2.1.12 → 2.1.16

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, withCtx, onMounted, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, 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,10 +11289,212 @@ 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,
+      ckNotifyError,
+      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 ckNotifyError(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-4eba623e"]]);
+const _hoisted_1$i = { class: "ck-tr" };
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("tr", _hoisted_1$i, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ]);
+}
+var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$k = {};
+var ckTr = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", render$1], ["__scopeId", "data-v-519cf874"]]);
+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 ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$h = { class: "ck-th" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  props: {
+    align: { type: String, default: "left", validator: validators.align },
+    minWidth: { type: String, default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const computedSpanClass = computed$2(() => {
+      return {
+        "align-center": props.align !== "left" && props.align !== "right",
+        "align-left": props.align === "left",
+        "align-right": props.align === "right"
+      };
+    });
+    const computedStyle = computed$2(() => {
+      const list = [];
+      if (props.minWidth)
+        list.push({ "min-width": props.minWidth });
+      return list;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("th", _hoisted_1$h, [
+        createElementVNode("span", {
+          class: normalizeClass(unref$1(computedSpanClass)),
+          style: normalizeStyle(unref$1(computedStyle))
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 6)
+      ]);
+    };
+  }
+});
+var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-385c14e2"]]);
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  props: {
+    col: { type: Object, required: true }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ckTh, {
+        align: __props.col.align,
+        "min-width": __props.col.minWidth
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(__props.col.title), 1)
+        ]),
+        _: 1
+      }, 8, ["align", "min-width"]);
+    };
+  }
+});
+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({
+const _hoisted_1$g = ["title", "aria-label", "disabled"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   props: {
     title: { type: String, default: void 0 },
     disabled: { type: Boolean, default: false },
@@ -11385,7 +11517,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}`);
@@ -11439,46 +11571,414 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           icon: __props.iconRight,
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$i);
+      ], 10, _hoisted_1$g);
     };
   }
 });
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-36b03be6"]]);
-const NOOP$1 = () => {
-};
-const isArray$1 = Array.isArray;
-const isFunction$1 = (val) => typeof val === "function";
-const isSymbol = (val) => typeof val === "symbol";
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
-let activeEffectScope;
-function recordEffectScope(effect3, scope) {
-  scope = scope || activeEffectScope;
-  if (scope && scope.active) {
-    scope.effects.push(effect3);
-  }
-}
-const createDep = (effects) => {
-  const dep = new Set(effects);
-  dep.w = 0;
-  dep.n = 0;
-  return dep;
-};
-const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
-const newTracked = (dep) => (dep.n & trackOpBit) > 0;
-const initDepMarkers = ({ deps }) => {
-  if (deps.length) {
-    for (let i = 0; i < deps.length; i++) {
-      deps[i].w |= trackOpBit;
-    }
-  }
-};
-const finalizeDepMarkers = (effect3) => {
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-36b03be6"]]);
+var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$f = ["for"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  props: {
+    for: { type: String, default: "" },
+    align: { type: String, default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const computedClass = computed$2(() => {
+      const list = [];
+      let align = "left";
+      if (props.align === "center" || props.align === "right")
+        align = props.align;
+      list.push(`ck-align--${align}`);
+      return list;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["ck-label", unref$1(computedClass)]),
+        for: __props.for
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 10, _hoisted_1$f);
+    };
+  }
+});
+var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-ef74ea02"]]);
+var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$e = { class: "ck-input" };
+const _hoisted_2$8 = ["type", "placeholder", "id", "disabled"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  props: {
+    modelValue: {},
+    type: { type: String, validator: validators.inputType, default: "text" },
+    disabled: { type: Boolean, default: false },
+    placeholder: { type: String, default: void 0 },
+    label: { type: String, default: void 0 },
+    labelAlign: { type: String, validator: validators.align, default: void 0 },
+    icon: { type: [String, Array], default: void 0 },
+    iconPack: { type: String, default: void 0 },
+    iconRight: { type: String, default: void 0 },
+    group: { type: String, default: void 0 },
+    groupBreak: { type: String, default: "s" },
+    groupVertical: { type: String, default: void 0 },
+    hideBorder: { type: Boolean, default: false },
+    width: { type: String, default: void 0 },
+    align: { type: String, validator: validators.align, default: void 0 },
+    autoSelect: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "click", "input", "change"],
+  setup(__props, { expose, emit: emits }) {
+    const props = __props;
+    expose({ setFocus, setSelect });
+    const realInput = ref(null);
+    const value = computed$2({
+      get() {
+        return props.modelValue;
+      },
+      set(val) {
+        emits("update:modelValue", val);
+      }
+    });
+    const onClick = (event) => {
+      if (props.autoSelect)
+        event.target.select();
+      emits("click", event);
+    };
+    const onInput = (event) => {
+      emits("input", event);
+    };
+    const onChange = (event) => {
+      emits("change", event);
+    };
+    const computedStyleInput = computed$2(() => {
+      const list = [];
+      if (props.width)
+        list.push({ width: props.width });
+      return list;
+    });
+    const computedClassInput = computed$2(() => {
+      const list = [];
+      list.push(functions.getGroupClass(props));
+      if (props.icon)
+        list.push("has-icon-left");
+      if (props.iconRight)
+        list.push("has-icon-right");
+      if (props.align)
+        list.push(`align--${props.align}`);
+      if (props.hideBorder)
+        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$e, [
+        __props.label ? (openBlock(), createBlock(ckLabel, {
+          key: 0,
+          align: __props.labelAlign,
+          for: "ck-input"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ]),
+          _: 1
+        }, 8, ["align"])) : createCommentVNode("", true),
+        __props.icon ? (openBlock(), createBlock(ckIcon, {
+          key: 1,
+          class: "ck-input__icon-left",
+          color: "lightgrey",
+          icon: __props.icon,
+          "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,
+          class: normalizeClass(unref$1(computedClassInput)),
+          style: normalizeStyle(unref$1(computedStyleInput)),
+          id: __props.label ? "ck-input" : "",
+          disabled: __props.disabled,
+          onChange: _cache[1] || (_cache[1] = ($event) => onChange($event)),
+          onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
+          onClick: _cache[3] || (_cache[3] = ($event) => onClick($event))
+        }, null, 46, _hoisted_2$8), [
+          [vModelDynamic, unref$1(value)]
+        ]),
+        __props.iconRight ? (openBlock(), createBlock(ckIcon, {
+          key: 2,
+          class: "ck-input__icon-right",
+          color: "lightgrey",
+          icon: __props.iconRight,
+          "icon-pack": __props.iconPack
+        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-7a01f122"]]);
+var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$d = { class: "ck-table__header-items" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  props: {
+    search: { type: String, default: void 0 },
+    hasColumnsManager: { type: Boolean, default: false },
+    showRefreshBtn: { type: Boolean, required: true },
+    hideItemsPerPage: { type: Boolean, required: true },
+    currentPage: { type: Number, required: true },
+    itemsPerPage: { type: Number, required: true },
+    listLength: { type: Number, required: true }
+  },
+  emits: ["update:search", "refreshList", "openColumnsManager"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const searchLocal = computed$2({
+      get() {
+        return props.search;
+      },
+      set(val) {
+        emits("update:search", val);
+      }
+    });
+    const hideSearch = computed$2(() => {
+      return typeof searchLocal.value === "undefined";
+    });
+    const itemsPerPageStart = computed$2(() => {
+      return (props.currentPage - 1) * props.itemsPerPage + 1;
+    });
+    const itemsPerPageEnd = computed$2(() => {
+      const value = props.currentPage * props.itemsPerPage;
+      if (value > props.listLength)
+        return props.listLength;
+      return value;
+    });
+    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";
+      }
+      if (itemsPerPageIsVisible.value)
+        return "right";
+      if (props.hasColumnsManager)
+        return "left";
+      return "";
+    });
+    function checkRefresh() {
+      const search = searchLocal.value;
+      setTimeout(() => {
+        if (search !== searchLocal.value)
+          return;
+        emits("refreshList", false);
+      }, 1e3);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(ckButton, {
+          key: 0,
+          type: "flat",
+          icon: "redo-alt",
+          title: "Recargar lista",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refreshList", false))
+        })) : createCommentVNode("", true),
+        unref$1(itemsPerPageIsVisible) ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["items-per-page", { "ck-component__group--left": !unref$1(hideSearch) }])
+        }, toDisplayString(unref$1(itemsPerPageStart)) + " - " + toDisplayString(unref$1(itemsPerPageEnd)) + " de " + toDisplayString(__props.listLength), 3)) : createCommentVNode("", true),
+        !unref$1(hideSearch) ? (openBlock(), createBlock(ckInput, {
+          key: 2,
+          modelValue: unref$1(searchLocal),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
+          icon: "search",
+          placeholder: "Buscar...",
+          group: unref$1(searchGroupValue),
+          onInput: _cache[2] || (_cache[2] = ($event) => checkRefresh())
+        }, null, 8, ["modelValue", "group"])) : 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" : "",
+          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("openColumnsManager"))
+        }, null, 8, ["group"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5638f498"]]);
+var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$c = { class: "ck-table__pagination" };
+const _hoisted_2$7 = ["onClick"];
+const _hoisted_3$5 = ["onClick"];
+const itemsShowed = 5;
+const __default__ = {
+  name: "CkTablePagination",
+  props: {
+    currentPage: { type: Number, required: true },
+    align: { type: String, required: true },
+    itemsPerPage: { type: Number, required: true },
+    listLength: { type: Number, required: true }
+  },
+  emits: ["refreshList", "update:currentPage"],
+  computed: {
+    currentPageLocal2: {
+      get() {
+        return this.currentPage;
+      },
+      set(val) {
+        return;
+      }
+    },
+    hasArrowLeft() {
+      if (!this.listLeft.length)
+        return false;
+      return this.listLeft[0] !== 1;
+    },
+    totalPages() {
+      return Math.ceil(this.listLength / this.itemsPerPage);
+    },
+    hasArrowRight() {
+      if (!this.listRight.length)
+        return false;
+      return this.listRight[this.listRight.length - 1] !== this.totalPages;
+    },
+    listLeft() {
+      if (!this.listLength)
+        return [];
+      const list = [];
+      const listLength = (itemsShowed - 1) / 2;
+      for (const num of Array(listLength).keys()) {
+        const listItem = this.currentPage - num - 1;
+        if (listItem > 0)
+          list.unshift(listItem);
+      }
+      return list;
+    },
+    listRight() {
+      if (!this.listLength)
+        return [];
+      const list = [];
+      const listLength = (itemsShowed - 1) / 2;
+      for (const num of Array(listLength).keys()) {
+        const listItem = this.currentPage + num + 1;
+        if (listItem <= this.totalPages)
+          list.push(listItem);
+      }
+      return list;
+    }
+  },
+  methods: {
+    updateCurrentPage(val) {
+      this.$emit("update:currentPage", val);
+      this.$emit("refreshList", val);
+    },
+    validateInputNumber(val) {
+      val = +val;
+      if (val > this.totalPages)
+        val = this.totalPages;
+      if (val < 1)
+        val = 1;
+      if (val === this.currentPage)
+        return;
+      this.updateCurrentPage(val);
+    }
+  }
+};
+const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.currentPage && _ctx.totalPages > 1 ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["ck-table__pagination-container", `pagination-align--${__props.align}`])
+      }, [
+        createElementVNode("div", _hoisted_1$c, [
+          _ctx.hasArrowLeft ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "ck-table__pagination--arrow-left",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateCurrentPage(__props.currentPage - 1))
+          }, [
+            createVNode(ckIcon, { icon: "arrow-left" })
+          ])) : createCommentVNode("", true),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listLeft, (num) => {
+            return openBlock(), createElementBlock("div", {
+              class: "ck-table__pagination-item pagination-item__left",
+              onClick: ($event) => _ctx.updateCurrentPage(num)
+            }, toDisplayString(num), 9, _hoisted_2$7);
+          }), 256)),
+          createVNode(ckInput, {
+            class: "ck-table__pagination-input",
+            autoSelect: "",
+            type: "number",
+            width: "50px",
+            align: "center",
+            modelValue: _ctx.currentPageLocal2,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(currentPageLocal2) ? currentPageLocal2.value = $event : null),
+            onChange: _cache[2] || (_cache[2] = ($event) => _ctx.validateInputNumber($event.target.value))
+          }, null, 8, ["modelValue"]),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listRight, (num) => {
+            return openBlock(), createElementBlock("div", {
+              class: "ck-table__pagination-item pagination-item__right",
+              onClick: ($event) => _ctx.updateCurrentPage(num)
+            }, toDisplayString(num), 9, _hoisted_3$5);
+          }), 256)),
+          _ctx.hasArrowRight ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "ck-table__pagination--arrow-right",
+            onClick: _cache[3] || (_cache[3] = ($event) => _ctx.updateCurrentPage(__props.currentPage + 1))
+          }, [
+            createVNode(ckIcon, { icon: "arrow-right" })
+          ])) : createCommentVNode("", true)
+        ])
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+}));
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-65c21486"]]);
+const NOOP$1 = () => {
+};
+const isArray$1 = Array.isArray;
+const isFunction$1 = (val) => typeof val === "function";
+const isSymbol = (val) => typeof val === "symbol";
+const def = (obj, key, value) => {
+  Object.defineProperty(obj, key, {
+    configurable: true,
+    enumerable: false,
+    value
+  });
+};
+let activeEffectScope;
+function recordEffectScope(effect3, scope) {
+  scope = scope || activeEffectScope;
+  if (scope && scope.active) {
+    scope.effects.push(effect3);
+  }
+}
+const createDep = (effects) => {
+  const dep = new Set(effects);
+  dep.w = 0;
+  dep.n = 0;
+  return dep;
+};
+const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+const initDepMarkers = ({ deps }) => {
+  if (deps.length) {
+    for (let i = 0; i < deps.length; i++) {
+      deps[i].w |= trackOpBit;
+    }
+  }
+};
+const finalizeDepMarkers = (effect3) => {
   const { deps } = effect3;
   if (deps.length) {
     let ptr = 0;
@@ -12047,465 +12547,205 @@ function traverse(value, seen) {
     return value;
   }
   seen = seen || new Set();
-  if (seen.has(value)) {
-    return value;
-  }
-  seen.add(value);
-  if (isRef(value)) {
-    traverse(value.value, seen);
-  } else if (isArray(value)) {
-    for (let i = 0; i < value.length; i++) {
-      traverse(value[i], seen);
-    }
-  } else if (isSet(value) || isMap(value)) {
-    value.forEach((v) => {
-      traverse(v, seen);
-    });
-  } else if (isPlainObject(value)) {
-    for (const key in value) {
-      traverse(value[key], seen);
-    }
-  }
-  return value;
-}
-function resolveMergedOptions(instance) {
-  const base = instance.type;
-  const { mixins, extends: extendsOptions } = base;
-  const { mixins: globalMixins, optionsCache: cache, config: { optionMergeStrategies } } = instance.appContext;
-  const cached = cache.get(base);
-  let resolved;
-  if (cached) {
-    resolved = cached;
-  } else if (!globalMixins.length && !mixins && !extendsOptions) {
-    {
-      resolved = base;
-    }
-  } else {
-    resolved = {};
-    if (globalMixins.length) {
-      globalMixins.forEach((m) => mergeOptions(resolved, m, optionMergeStrategies, true));
-    }
-    mergeOptions(resolved, base, optionMergeStrategies);
-  }
-  cache.set(base, resolved);
-  return resolved;
-}
-function mergeOptions(to, from, strats, asMixin = false) {
-  const { mixins, extends: extendsOptions } = from;
-  if (extendsOptions) {
-    mergeOptions(to, extendsOptions, strats, true);
-  }
-  if (mixins) {
-    mixins.forEach((m) => mergeOptions(to, m, strats, true));
-  }
-  for (const key in from) {
-    if (asMixin && key === "expose")
-      ;
-    else {
-      const strat = internalOptionMergeStrats[key] || strats && strats[key];
-      to[key] = strat ? strat(to[key], from[key]) : from[key];
-    }
-  }
-  return to;
-}
-const internalOptionMergeStrats = {
-  data: mergeDataFn,
-  props: mergeObjectOptions,
-  emits: mergeObjectOptions,
-  methods: mergeObjectOptions,
-  computed: mergeObjectOptions,
-  beforeCreate: mergeAsArray,
-  created: mergeAsArray,
-  beforeMount: mergeAsArray,
-  mounted: mergeAsArray,
-  beforeUpdate: mergeAsArray,
-  updated: mergeAsArray,
-  beforeDestroy: mergeAsArray,
-  beforeUnmount: mergeAsArray,
-  destroyed: mergeAsArray,
-  unmounted: mergeAsArray,
-  activated: mergeAsArray,
-  deactivated: mergeAsArray,
-  errorCaptured: mergeAsArray,
-  serverPrefetch: mergeAsArray,
-  components: mergeObjectOptions,
-  directives: mergeObjectOptions,
-  watch: mergeWatchOptions,
-  provide: mergeDataFn,
-  inject: mergeInject
-};
-function mergeDataFn(to, from) {
-  if (!from) {
-    return to;
-  }
-  if (!to) {
-    return from;
-  }
-  return function mergedDataFn() {
-    return extend(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from);
-  };
-}
-function mergeInject(to, from) {
-  return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
-}
-function normalizeInject(raw) {
-  if (isArray(raw)) {
-    const res = {};
-    for (let i = 0; i < raw.length; i++) {
-      res[raw[i]] = raw[i];
-    }
-    return res;
-  }
-  return raw;
-}
-function mergeAsArray(to, from) {
-  return to ? [...new Set([].concat(to, from))] : from;
-}
-function mergeObjectOptions(to, from) {
-  return to ? extend(extend(Object.create(null), to), from) : from;
-}
-function mergeWatchOptions(to, from) {
-  if (!to)
-    return from;
-  if (!from)
-    return to;
-  const merged = extend(Object.create(null), to);
-  for (const key in from) {
-    merged[key] = mergeAsArray(to[key], from[key]);
-  }
-  return merged;
-}
-const queuePostRenderEffect = queueEffectWithSuspense;
-const getPublicInstance = (i) => {
-  if (!i)
-    return null;
-  if (isStatefulComponent(i))
-    return getExposeProxy(i) || i.proxy;
-  return getPublicInstance(i.parent);
-};
-const publicPropertiesMap = extend(Object.create(null), {
-  $: (i) => i,
-  $el: (i) => i.vnode.el,
-  $data: (i) => i.data,
-  $props: (i) => i.props,
-  $attrs: (i) => i.attrs,
-  $slots: (i) => i.slots,
-  $refs: (i) => i.refs,
-  $parent: (i) => getPublicInstance(i.parent),
-  $root: (i) => getPublicInstance(i.root),
-  $emit: (i) => i.emit,
-  $options: (i) => resolveMergedOptions(i),
-  $forceUpdate: (i) => () => queueJob(i.update),
-  $nextTick: (i) => nextTick.bind(i.proxy),
-  $watch: (i) => instanceWatch.bind(i)
-});
-let currentInstance = null;
-const setCurrentInstance = (instance) => {
-  currentInstance = instance;
-  instance.scope.on();
-};
-const unsetCurrentInstance = () => {
-  currentInstance && currentInstance.scope.off();
-  currentInstance = null;
-};
-function isStatefulComponent(instance) {
-  return instance.vnode.shapeFlag & 4;
-}
-let isInSSRComponentSetup = false;
-function getExposeProxy(instance) {
-  if (instance.exposed) {
-    return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-      get(target, key) {
-        if (key in target) {
-          return target[key];
-        } else if (key in publicPropertiesMap) {
-          return publicPropertiesMap[key](instance);
-        }
-      }
-    }));
+  if (seen.has(value)) {
+    return value;
   }
-}
-const computed = (getterOrOptions, debugOptions) => {
-  return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
-};
-var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$2 = (n) => (pushScopeId("data-v-132565da"), n = n(), popScopeId(), n);
-const _hoisted_1$h = ["disabled", "checked"];
-const _hoisted_2$8 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
-const _hoisted_3$5 = {
-  key: 0,
-  class: "c-Checkbox__label"
-};
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  props: {
-    modelValue: { type: Boolean, default: false },
-    label: { type: String, default: void 0 },
-    disabled: { type: Boolean, default: false }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const value = computed({
-      get() {
-        return props.modelValue;
-      },
-      set(val) {
-        emits("update:modelValue", val);
-      }
-    });
-    const checkboxAttributes = computed(() => {
-      return {
-        "aria-disabled": props.disabled,
-        tabindex: props.disabled ? void 0 : "0"
-      };
+  seen.add(value);
+  if (isRef(value)) {
+    traverse(value.value, seen);
+  } else if (isArray(value)) {
+    for (let i = 0; i < value.length; i++) {
+      traverse(value[i], seen);
+    }
+  } else if (isSet(value) || isMap(value)) {
+    value.forEach((v) => {
+      traverse(v, seen);
     });
-    function onChange(event) {
-      emits("change", event);
+  } else if (isPlainObject(value)) {
+    for (const key in value) {
+      traverse(value[key], seen);
     }
-    function onTrigger2() {
-      value.value = !value.value;
+  }
+  return value;
+}
+function resolveMergedOptions(instance) {
+  const base = instance.type;
+  const { mixins, extends: extendsOptions } = base;
+  const { mixins: globalMixins, optionsCache: cache, config: { optionMergeStrategies } } = instance.appContext;
+  const cached = cache.get(base);
+  let resolved;
+  if (cached) {
+    resolved = cached;
+  } else if (!globalMixins.length && !mixins && !extendsOptions) {
+    {
+      resolved = base;
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", mergeProps({ class: "ck-checkbox" }, unref$1(checkboxAttributes), {
-        onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {
-        }, ["prevent"]), ["space"])),
-        onKeyup: [
-          _cache[2] || (_cache[2] = withKeys(($event) => onTrigger2(), ["enter"])),
-          _cache[3] || (_cache[3] = withKeys(($event) => onTrigger2(), ["space"]))
-        ]
-      }), [
-        createElementVNode("input", {
-          class: "ck-checkbox__input",
-          "aria-hidden": "true",
-          type: "checkbox",
-          disabled: __props.disabled,
-          checked: unref$1(value),
-          onChange: _cache[0] || (_cache[0] = ($event) => {
-            value.value = $event.target.checked;
-            onChange($event);
-          })
-        }, null, 40, _hoisted_1$h),
-        _hoisted_2$8,
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$5, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ])) : createCommentVNode("", true)
-      ], 16);
-    };
+  } else {
+    resolved = {};
+    if (globalMixins.length) {
+      globalMixins.forEach((m) => mergeOptions(resolved, m, optionMergeStrategies, true));
+    }
+    mergeOptions(resolved, base, optionMergeStrategies);
   }
-});
-var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-132565da"]]);
-var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$g = ["color"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  props: {
-    size: { type: String, default: "s" },
-    color: { type: String, default: "primary" },
-    textColor: { type: String, default: void 0 },
-    icon: { type: String, default: void 0 },
-    iconPack: { type: String, default: void 0 }
-  },
-  emits: ["click"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const computedClass = computed$2(() => {
-      return [
-        `size-${props.size}`,
-        `ck-component__bg-color--${props.color}`
-      ];
-    });
-    const computedStyle = computed$2(() => {
-      const list = [];
-      if (props.color)
-        ;
-      return list;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ck-chip", unref$1(computedClass)]),
-        color: __props.color,
-        style: normalizeStyle(unref$1(computedStyle)),
-        onClick: _cache[0] || (_cache[0] = ($event) => emits("click", $event))
-      }, [
-        __props.icon ? (openBlock(), createBlock(ckIcon, {
-          key: 0,
-          icon: __props.icon,
-          "icon-pack": __props.iconPack
-        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 14, _hoisted_1$g);
-    };
+  cache.set(base, resolved);
+  return resolved;
+}
+function mergeOptions(to, from, strats, asMixin = false) {
+  const { mixins, extends: extendsOptions } = from;
+  if (extendsOptions) {
+    mergeOptions(to, extendsOptions, strats, true);
   }
-});
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-5333de26"]]);
-var globalVariables = {
-  defaultFailImg: "df",
-  imagesFolderPath: "",
-  defaultImgBorderColor: "#EEEEEE"
-};
-var ckImg_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$f = ["src", "alt"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  props: {
-    src: { type: String, default: "" },
-    isFullPath: { type: Boolean, default: false },
-    failImgSrc: { type: String, default: "" },
-    alt: { type: String, default: "" },
-    size: { type: String, default: "", validator: validators.size },
-    sizeAbsolute: { type: String, default: "" },
-    width: { type: String, default: "" },
-    height: { type: String, default: "" },
-    zoom: { type: Boolean, default: false },
-    zoomTitle: { type: String, default: "" },
-    hasBorder: { type: Boolean, default: false },
-    radius: { type: String, default: "" },
-    borderColor: { type: String, default: "" },
-    rounded: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const altNeeded = ref(false);
-    let isMounted = ref(false);
-    const imageUrl = computed$2(() => {
-      if (!isMounted.value)
-        return "";
-      if (props.isFullPath)
-        return props.src;
-      return getImg(props.src);
-    });
-    const computedClass = computed$2(() => {
-      const classList2 = [];
-      if (props.size)
-        classList2.push(`ck-img__size--${props.size}`);
-      if (props.rounded)
-        classList2.push("is-rounded");
-      if (props.hasBorder) {
-        classList2.push("ck-img__has-border");
-        if (functions$1.isColorTemplateVariable(realBorderColor.value)) {
-          classList2.push(`ck-component__border-color--${realBorderColor.value}`);
-        }
-      }
-      if (props.zoom)
-        classList2.push("zoom-able");
-      return classList2;
-    });
-    const computedStyle = computed$2(() => {
-      const styleList = [];
-      if (props.sizeAbsolute) {
-        styleList.push({ width: props.sizeAbsolute });
-        styleList.push({ height: props.sizeAbsolute });
-      }
-      if (props.radius)
-        styleList.push({ "border-radius": props.radius });
-      if (props.hasBorder) {
-        if (!functions$1.isColorTemplateVariable(realBorderColor.value)) {
-          styleList.push({ "border-color": realBorderColor.value });
-        }
-      }
-      return styleList;
-    });
-    const computedImgStyle = computed$2(() => {
-      const styleList = [];
-      if (props.radius)
-        styleList.push({ "border-radius": props.radius });
-      if (props.width)
-        styleList.push({ width: props.width });
-      if (props.height)
-        styleList.push({ height: props.height });
-      return styleList;
-    });
-    const realBorderColor = computed$2(() => {
-      if (props.borderColor)
-        return props.borderColor;
-      return globalVariables.defaultImgBorderColor;
-    });
-    function clickImg() {
-      if (props.zoom)
-        ;
+  if (mixins) {
+    mixins.forEach((m) => mergeOptions(to, m, strats, true));
+  }
+  for (const key in from) {
+    if (asMixin && key === "expose")
+      ;
+    else {
+      const strat = internalOptionMergeStrats[key] || strats && strats[key];
+      to[key] = strat ? strat(to[key], from[key]) : from[key];
     }
-    function getImg(src) {
-      let path = "";
-      const $cleekOptions = functions$1.getCleekOptions(getCurrentInstance);
-      if ($cleekOptions) {
-        if ($cleekOptions.imgPath)
-          path = $cleekOptions.imgPath;
-      }
-      return `${path}${src}`;
+  }
+  return to;
+}
+const internalOptionMergeStrats = {
+  data: mergeDataFn,
+  props: mergeObjectOptions,
+  emits: mergeObjectOptions,
+  methods: mergeObjectOptions,
+  computed: mergeObjectOptions,
+  beforeCreate: mergeAsArray,
+  created: mergeAsArray,
+  beforeMount: mergeAsArray,
+  mounted: mergeAsArray,
+  beforeUpdate: mergeAsArray,
+  updated: mergeAsArray,
+  beforeDestroy: mergeAsArray,
+  beforeUnmount: mergeAsArray,
+  destroyed: mergeAsArray,
+  unmounted: mergeAsArray,
+  activated: mergeAsArray,
+  deactivated: mergeAsArray,
+  errorCaptured: mergeAsArray,
+  serverPrefetch: mergeAsArray,
+  components: mergeObjectOptions,
+  directives: mergeObjectOptions,
+  watch: mergeWatchOptions,
+  provide: mergeDataFn,
+  inject: mergeInject
+};
+function mergeDataFn(to, from) {
+  if (!from) {
+    return to;
+  }
+  if (!to) {
+    return from;
+  }
+  return function mergedDataFn() {
+    return extend(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from);
+  };
+}
+function mergeInject(to, from) {
+  return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
+}
+function normalizeInject(raw) {
+  if (isArray(raw)) {
+    const res = {};
+    for (let i = 0; i < raw.length; i++) {
+      res[raw[i]] = raw[i];
     }
-    onMounted(() => {
-      getCurrentInstance().ctx;
-      isMounted.value = true;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ck-img", unref$1(computedClass)]),
-        style: normalizeStyle(unref$1(computedStyle)),
-        onClick: _cache[1] || (_cache[1] = ($event) => clickImg())
-      }, [
-        createElementVNode("img", {
-          src: unref$1(imageUrl),
-          style: normalizeStyle(unref$1(computedImgStyle)),
-          alt: __props.alt,
-          onError: _cache[0] || (_cache[0] = ($event) => altNeeded.value = true)
-        }, null, 44, _hoisted_1$f)
-      ], 6);
-    };
+    return res;
   }
-});
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-e808078e"]]);
-var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$e = ["for"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  props: {
-    for: { type: String, default: "" },
-    align: { type: String, default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const computedClass = computed$2(() => {
-      const list = [];
-      let align = "left";
-      if (props.align === "center" || props.align === "right")
-        align = props.align;
-      list.push(`ck-align--${align}`);
-      return list;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["ck-label", unref$1(computedClass)]),
-        for: __props.for
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$e);
-    };
+  return raw;
+}
+function mergeAsArray(to, from) {
+  return to ? [...new Set([].concat(to, from))] : from;
+}
+function mergeObjectOptions(to, from) {
+  return to ? extend(extend(Object.create(null), to), from) : from;
+}
+function mergeWatchOptions(to, from) {
+  if (!to)
+    return from;
+  if (!from)
+    return to;
+  const merged = extend(Object.create(null), to);
+  for (const key in from) {
+    merged[key] = mergeAsArray(to[key], from[key]);
   }
+  return merged;
+}
+const queuePostRenderEffect = queueEffectWithSuspense;
+const getPublicInstance = (i) => {
+  if (!i)
+    return null;
+  if (isStatefulComponent(i))
+    return getExposeProxy(i) || i.proxy;
+  return getPublicInstance(i.parent);
+};
+const publicPropertiesMap = extend(Object.create(null), {
+  $: (i) => i,
+  $el: (i) => i.vnode.el,
+  $data: (i) => i.data,
+  $props: (i) => i.props,
+  $attrs: (i) => i.attrs,
+  $slots: (i) => i.slots,
+  $refs: (i) => i.refs,
+  $parent: (i) => getPublicInstance(i.parent),
+  $root: (i) => getPublicInstance(i.root),
+  $emit: (i) => i.emit,
+  $options: (i) => resolveMergedOptions(i),
+  $forceUpdate: (i) => () => queueJob(i.update),
+  $nextTick: (i) => nextTick.bind(i.proxy),
+  $watch: (i) => instanceWatch.bind(i)
 });
-var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-ef74ea02"]]);
-var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$d = { class: "ck-input" };
-const _hoisted_2$7 = ["type", "placeholder", "id", "disabled"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+let currentInstance = null;
+const setCurrentInstance = (instance) => {
+  currentInstance = instance;
+  instance.scope.on();
+};
+const unsetCurrentInstance = () => {
+  currentInstance && currentInstance.scope.off();
+  currentInstance = null;
+};
+function isStatefulComponent(instance) {
+  return instance.vnode.shapeFlag & 4;
+}
+let isInSSRComponentSetup = false;
+function getExposeProxy(instance) {
+  if (instance.exposed) {
+    return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+      get(target, key) {
+        if (key in target) {
+          return target[key];
+        } else if (key in publicPropertiesMap) {
+          return publicPropertiesMap[key](instance);
+        }
+      }
+    }));
+  }
+}
+const computed = (getterOrOptions, debugOptions) => {
+  return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
+};
+var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _withScopeId$2 = (n) => (pushScopeId("data-v-132565da"), n = n(), popScopeId(), n);
+const _hoisted_1$b = ["disabled", "checked"];
+const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
+const _hoisted_3$4 = {
+  key: 0,
+  class: "c-Checkbox__label"
+};
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   props: {
-    modelValue: {},
-    type: { type: String, validator: validators.inputType, default: "text" },
-    disabled: { type: Boolean, default: false },
-    placeholder: { type: String, default: void 0 },
+    modelValue: { type: Boolean, default: false },
     label: { type: String, default: void 0 },
-    labelAlign: { type: String, validator: validators.align, default: void 0 },
-    icon: { type: [String, Array], default: void 0 },
-    iconPack: { type: String, default: void 0 },
-    iconRight: { type: String, default: void 0 },
-    group: { type: String, default: void 0 },
-    groupBreak: { type: String, default: "s" },
-    groupVertical: { type: String, default: void 0 },
-    hideBorder: { type: Boolean, default: false },
-    width: { type: String, default: void 0 },
-    align: { type: String, validator: validators.align, default: void 0 },
-    autoSelect: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "click", "input", "change"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const value = computed$2({
+    const value = computed({
       get() {
         return props.modelValue;
       },
@@ -12513,88 +12753,54 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         emits("update:modelValue", val);
       }
     });
-    const onClick = (event) => {
-      if (props.autoSelect)
-        event.target.select();
-      emits("click", event);
-    };
-    const onInput = (event) => {
-      emits("input", event);
-    };
-    const onChange = (event) => {
-      emits("change", event);
-    };
-    const computedStyleInput = computed$2(() => {
-      const list = [];
-      if (props.width)
-        list.push({ width: props.width });
-      return list;
-    });
-    const computedClassInput = computed$2(() => {
-      const list = [];
-      list.push(functions$1.getGroupClass(props));
-      if (props.icon)
-        list.push("has-icon-left");
-      if (props.iconRight)
-        list.push("has-icon-right");
-      if (props.align)
-        list.push(`align--${props.align}`);
-      if (props.hideBorder)
-        list.push("no-border");
-      return list;
+    const checkboxAttributes = computed(() => {
+      return {
+        "aria-disabled": props.disabled,
+        tabindex: props.disabled ? void 0 : "0"
+      };
     });
+    function onChange(event) {
+      emits("change", event);
+    }
+    function onTrigger2() {
+      value.value = !value.value;
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        __props.label ? (openBlock(), createBlock(ckLabel, {
-          key: 0,
-          align: __props.labelAlign,
-          for: "ck-input"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.label), 1)
-          ]),
-          _: 1
-        }, 8, ["align"])) : createCommentVNode("", true),
-        __props.icon ? (openBlock(), createBlock(ckIcon, {
-          key: 1,
-          class: "ck-input__icon-left",
-          color: "lightgrey",
-          icon: __props.icon,
-          "icon-pack": __props.iconPack
-        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
-        withDirectives(createElementVNode("input", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
-          type: __props.type,
-          placeholder: __props.placeholder,
-          class: normalizeClass(unref$1(computedClassInput)),
-          style: normalizeStyle(unref$1(computedStyleInput)),
-          id: __props.label ? "ck-input" : "",
-          disabled: __props.disabled,
-          onChange: _cache[1] || (_cache[1] = ($event) => onChange($event)),
-          onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
-          onClick: _cache[3] || (_cache[3] = ($event) => onClick($event))
-        }, null, 46, _hoisted_2$7), [
-          [vModelDynamic, unref$1(value)]
-        ]),
-        __props.iconRight ? (openBlock(), createBlock(ckIcon, {
-          key: 2,
-          class: "ck-input__icon-right",
-          color: "lightgrey",
-          icon: __props.iconRight,
-          "icon-pack": __props.iconPack
-        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true)
-      ]);
+      return openBlock(), createElementBlock("label", mergeProps({ class: "ck-checkbox" }, unref$1(checkboxAttributes), {
+        onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {
+        }, ["prevent"]), ["space"])),
+        onKeyup: [
+          _cache[2] || (_cache[2] = withKeys(($event) => onTrigger2(), ["enter"])),
+          _cache[3] || (_cache[3] = withKeys(($event) => onTrigger2(), ["space"]))
+        ]
+      }), [
+        createElementVNode("input", {
+          class: "ck-checkbox__input",
+          "aria-hidden": "true",
+          type: "checkbox",
+          disabled: __props.disabled,
+          checked: unref$1(value),
+          onChange: _cache[0] || (_cache[0] = ($event) => {
+            value.value = $event.target.checked;
+            onChange($event);
+          })
+        }, null, 40, _hoisted_1$b),
+        _hoisted_2$6,
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$4, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])) : createCommentVNode("", true)
+      ], 16);
     };
   }
 });
-var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5db08b1e"]]);
+var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-132565da"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$c = {
+const _hoisted_1$a = {
   key: 0,
   class: "ck-popup"
 };
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
-const _hoisted_3$4 = { class: "ck-popup__slot-header" };
+const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
+const _hoisted_3$3 = { class: "ck-popup__slot-header" };
 const _hoisted_4$3 = {
   key: 0,
   class: "ck-popup__title"
@@ -12610,7 +12816,7 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = /* @__PURE__ */ createTextVNode("Cancelar");
 const _hoisted_9 = /* @__PURE__ */ createTextVNode("Aceptar");
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     title: { type: String, default: void 0 },
@@ -12644,8 +12850,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       isActive.value = false;
     }
     return (_ctx, _cache) => {
-      return unref$1(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
-        _hoisted_2$6,
+      return unref$1(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+        _hoisted_2$5,
         createElementVNode("div", {
           class: "popup-container",
           onClick: _cache[4] || (_cache[4] = ($event) => onBgClick())
@@ -12655,12 +12861,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             onClick: _cache[3] || (_cache[3] = withModifiers(() => {
             }, ["stop"]))
           }, [
-            createElementVNode("div", _hoisted_3$4, [
+            createElementVNode("div", _hoisted_3$3, [
               __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) => isActive.value = false)
               })) : createCommentVNode("", true)
@@ -12698,26 +12904,20 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$1 = (n) => (pushScopeId("data-v-a5198d80"), n = n(), popScopeId(), n);
-const _hoisted_1$b = ["onKeyup"];
-const _hoisted_2$5 = ["name", "value", "disabled"];
-const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
-const _hoisted_4$2 = {
-  key: 0,
-  class: "c-Radio__label"
-};
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$9 = { class: "columns-manger-container" };
+const _hoisted_2$4 = { class: "columns-manger__item" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   props: {
-    modelValue: { type: String, default: void 0 },
-    name: { type: String, required: true },
-    options: { type: Array, required: true, validator: validators.radioOptions },
-    disabled: { type: Boolean, default: false }
+    modelValue: { type: Boolean, required: true },
+    columns: { type: Object, required: true },
+    columnsArray: { type: Array, required: true }
   },
-  emits: ["update:modelValue", "change"],
+  emits: ["update:modelValue"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const value = computed$2({
+    let columnsCheckable = ref([]);
+    const isActive = computed$2({
       get() {
         return props.modelValue;
       },
@@ -12725,48 +12925,58 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         emits("update:modelValue", val);
       }
     });
-    const radioAttributes = computed$2(() => {
-      return {
-        "aria-disabled": props.disabled,
-        tabindex: props.disabled ? void 0 : "0"
-      };
+    watch(() => isActive.value, (val) => {
+      if (!val)
+        return;
+      setColumnsCheckable();
     });
-    function handleChange(value2) {
-      value2.value = value2;
-      emits("change", value2);
+    function setColumnsCheckable() {
+      console.log("hoola");
+      const list = [];
+      props.columnsArray.forEach((col) => {
+        if (!col.unchangeable) {
+          list.push({
+            name: col.name,
+            title: col.title,
+            value: functions.isColumnDisplayed(col)
+          });
+        }
+      });
+      columnsCheckable.value = list;
+    }
+    function setColumnDisplayValue(colName, value) {
+      props.columns[colName].isDisplayed = value;
     }
     return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index) => {
-        return openBlock(), createElementBlock("label", mergeProps({
-          key: `radio-${index}`,
-          class: "c-Radio"
-        }, unref$1(radioAttributes), {
-          onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {
-          }, ["prevent"]), ["space"])),
-          onKeyup: [
-            withKeys(($event) => handleChange(item.value), ["enter"]),
-            withKeys(($event) => handleChange(item.value), ["space"])
-          ]
-        }), [
-          withDirectives(createElementVNode("input", {
-            class: "c-Radio__input",
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
-            "aria-hidden": "true",
-            type: "radio",
-            name: __props.name,
-            value: item.value,
-            disabled: __props.disabled
-          }, null, 8, _hoisted_2$5), [
-            [vModelRadio, unref$1(value)]
-          ]),
-          _hoisted_3$3,
-          item.label ? (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString(item.label), 1)) : createCommentVNode("", true)
-        ], 16, _hoisted_1$b);
-      }), 128);
+      return openBlock(), createBlock(_sfc_main$b, {
+        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$9, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(columnsCheckable), (col) => {
+              return openBlock(), createElementBlock("div", _hoisted_2$4, [
+                createVNode(ckCheckbox, {
+                  modelValue: col.value,
+                  "onUpdate:modelValue": ($event) => col.value = $event,
+                  onChange: ($event) => setColumnDisplayValue(col.name, col.value)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(col.title), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])
+              ]);
+            }), 256))
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
     };
   }
 });
-var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-a5198d80"]]);
+var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-5b0e173f"]]);
 var qmApi = {};
 var qmArray = {
   arrayToText(arr, key = null) {
@@ -12986,963 +13196,835 @@ function setKeyValue(obj, key, value) {
 }
 var qmObj = {
   addEmptyOptionToList(optionsList, { prop = "name", title = "Todos", noneId = 0 } = {}) {
-    const noneOption = {
-      id: noneId,
-      [prop]: title
-    };
-    const newList = [...optionsList];
-    newList.unshift(noneOption);
-    return newList;
-  },
-  copyAvaibleFields(ObjEditable, ObjToCopy) {
-    for (const key in ObjEditable) {
-      if (typeof getKeyValue(ObjToCopy, key) !== "undefined") {
-        setKeyValue(ObjEditable, key, getKeyValue(ObjToCopy, key));
-      }
-    }
-  },
-  isArray(obj) {
-    return obj.constructor === Array;
-  },
-  objsAreTheSame(obj1, obj2) {
-    for (const key in obj1) {
-      if (getKeyValue(obj1, key) != getKeyValue(obj2, key))
-        return false;
-    }
-    for (const key in obj2) {
-      if (getKeyValue(obj1, key) != getKeyValue(obj2, key))
-        return false;
-    }
-    return true;
-  },
-  qoIsObjEmpty(obj = {}) {
-    return obj && Object.keys(obj).length === 0 && Object.getPrototypeOf(obj) === Object.prototype;
-  }
-};
-var main$1 = {
-  qmApi,
-  qmArray,
-  qmAudio,
-  qmNum,
-  qmObj,
-  qmStr
-};
-var App;
-(function(App2) {
-  class SomeClass {
-    getName() {
-      return "name";
-    }
-  }
-  App2.SomeClass = SomeClass;
-  class OtherClass {
-    getName() {
-      return "name";
-    }
-  }
-  App2.OtherClass = OtherClass;
-})(App || (App = {}));
-var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$a = ["value"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  props: {
-    modelValue: { default: null, type: [Boolean, Number, Object, Array, String] },
-    prop: { type: String, default: "name" },
-    autofocus: { type: Boolean, default: false },
-    noDataText: { type: String, default: "No se encontr\xF3 nada" },
-    notReduce: { type: Boolean, default: false },
-    options: { type: Array, default: () => [] },
-    reduceFunction: { type: Function, default: (Option) => Option.id },
-    notClearable: { type: Boolean, default: false },
-    clearValue: { type: [Boolean, String], default: "auto" },
-    searchable: { type: [Boolean, String], default: "auto" },
-    minWidth: { type: String, default: "180px" },
-    noBorder: { type: Boolean, default: false },
-    bgTransparent: { type: Boolean, default: false },
-    disabled: { type: [Boolean, Number], default: false },
-    group: { type: String, default: "" },
-    groupBreak: { type: String, default: "" },
-    groupVertical: { type: String, default: "" },
-    label: { type: String, default: "" },
-    labelAlign: { type: String, default: "" }
-  },
-  emits: ["update:modelValue", "click", "change"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const { qmStr: qmStr2 } = main$1;
-    const search = ref("");
-    ref(null);
-    const value = computed$2({
-      get() {
-        return props.modelValue;
-      },
-      set(val) {
-        if (val === null)
-          val = realClearValue;
-        emits("update:modelValue", val);
-      }
-    });
-    const filteredOptions = computed$2(() => {
-      const list = props.options.filter((option) => {
-        const name = getOptionName(option);
-        return qmStr2.checkContainsStr(name, search.value);
-      });
-      return list;
-    });
-    const computedClass = computed$2(() => {
-      const classList2 = [];
-      classList2.push(functions$1.getGroupClass(props));
-      return classList2;
-    });
-    const computedStyle = computed$2(() => {
-      const list = [];
-      if (props.minWidth)
-        list.push({ "min-width": props.minWidth });
-      return list;
-    });
-    computed$2(() => {
-      if (props.searchable === "auto") {
-        if (props.options.length < 5)
-          return false;
-        return true;
-      }
-      return props.searchable;
-    });
-    const realClearValue = computed$2(() => {
-      switch (typeof props.modelValue) {
-        case "number":
-          return 0;
-        case "string":
-          return "";
-        case "object":
-          if (props.modelValue.constructor === Array)
-            return [];
-          return {};
-        default:
-          return null;
-      }
-    });
-    computed$2(() => {
-      switch (typeof props.modelValue) {
-        case "number":
-          return props.modelValue === 0;
-        case "string":
-          return props.modelValue === "";
-        case "object":
-          if (!props.modelValue)
-            return null;
-          if (props.modelValue.constructor === Array) {
-            return props.modelValue.length() === 0;
-          }
-          return Object.keys(props.modelValue).length === 0;
-        default:
-          return props.modelValue === null;
+    const noneOption = {
+      id: noneId,
+      [prop]: title
+    };
+    const newList = [...optionsList];
+    newList.unshift(noneOption);
+    return newList;
+  },
+  copyAvaibleFields(ObjEditable, ObjToCopy) {
+    for (const key in ObjEditable) {
+      if (typeof getKeyValue(ObjToCopy, key) !== "undefined") {
+        setKeyValue(ObjEditable, key, getKeyValue(ObjToCopy, key));
       }
-    });
-    function onClick(event) {
-      emits("click", event);
     }
-    const onChange = (event) => {
-      emits("change", event);
-    };
-    const getOptionKey = (option) => {
-      return realReduceFunction(option);
-    };
-    const getOptionName = (option) => {
-      if (!props.prop)
-        return option;
-      return option[props.prop];
-    };
-    const realReduceFunction = (option) => {
-      if (props.notReduce)
-        return option;
-      return props.reduceFunction(option);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "ck-select",
-        style: normalizeStyle(unref$1(computedStyle))
-      }, [
-        __props.label ? (openBlock(), createBlock(ckLabel, {
-          key: 0,
-          align: __props.labelAlign,
-          for: "ck-input"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.label), 1)
-          ]),
-          _: 1
-        }, 8, ["align"])) : createCommentVNode("", true),
-        withDirectives(createElementVNode("select", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
-          class: normalizeClass(unref$1(computedClass)),
-          onClick: _cache[1] || (_cache[1] = ($event) => onClick($event)),
-          onChange: _cache[2] || (_cache[2] = ($event) => onChange($event))
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredOptions), (option) => {
-            return openBlock(), createElementBlock("option", {
-              value: getOptionKey(option),
-              key: option
-            }, toDisplayString(getOptionName(option)), 9, _hoisted_1$a);
-          }), 128))
-        ], 34), [
-          [vModelSelect, unref$1(value)]
-        ])
-      ], 4);
-    };
+  },
+  isArray(obj) {
+    return obj.constructor === Array;
+  },
+  objsAreTheSame(obj1, obj2) {
+    for (const key in obj1) {
+      if (getKeyValue(obj1, key) != getKeyValue(obj2, key))
+        return false;
+    }
+    for (const key in obj2) {
+      if (getKeyValue(obj1, key) != getKeyValue(obj2, key))
+        return false;
+    }
+    return true;
+  },
+  qoIsObjEmpty(obj = {}) {
+    return obj && Object.keys(obj).length === 0 && Object.getPrototypeOf(obj) === Object.prototype;
   }
-});
-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-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));
-const _hoisted_4$1 = {
+};
+var main$1 = {
+  qmApi,
+  qmArray,
+  qmAudio,
+  qmNum,
+  qmObj,
+  qmStr
+};
+var App;
+(function(App2) {
+  class SomeClass {
+    getName() {
+      return "name";
+    }
+  }
+  App2.SomeClass = SomeClass;
+  class OtherClass {
+    getName() {
+      return "name";
+    }
+  }
+  App2.OtherClass = OtherClass;
+})(App || (App = {}));
+var ckTable_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$8 = { class: "ck-table" };
+const _hoisted_2$3 = {
   key: 0,
-  class: "ck-switch__content"
+  class: "ck-table__header"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_3$2 = {
+  key: 1,
+  class: "ck-table__header--slot"
+};
+const _hoisted_4$2 = { class: "ck-table__table-container" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { key: 1 };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   props: {
-    modelValue: { type: [Boolean, Number], default: false },
-    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 }
+    columns: { type: [Array, Object], required: true, default: () => [] },
+    hasColumnsManager: { type: Boolean, default: false },
+    currentPage: { type: Number, default: 0 },
+    itemsPerPage: { type: Number, default: 40 },
+    listLength: { type: Number, default: 0 },
+    paginationAlign: { type: String, default: "center", validator: validators.align },
+    search: { type: String, default: void 0 },
+    hideHeaderActions: { type: Boolean, default: false },
+    showRefreshBtn: { type: Boolean, default: false },
+    hideItemsPerPage: { type: Boolean, default: false },
+    notFullWidth: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue"],
+  emits: ["refreshList", "update:search", "update:currentPage"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const value = computed$2({
-      get() {
-        return props.modelValue;
-      },
-      set(val) {
-        emits("update:modelValue", val);
-      }
-    });
-    const computedClass = computed$2(() => {
-      const list = [];
-      if (props.squared)
-        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 { qmObj: qmObj2 } = main$1;
+    const IsPopupActive = ref({
+      columnsManager: false
     });
-    const computedAttributes = computed$2(() => {
-      return {
-        "aria-disabled": props.disabled,
-        tabindex: props.disabled ? void 0 : "0"
-      };
+    const columnsAreObj = computed$2(() => !qmObj2.isArray(props.columns));
+    const columnsArray = computed$2(() => {
+      if (!columnsAreObj.value)
+        return props.columns;
+      const arr = Object.values(props.columns);
+      const keys = Object.keys(props.columns);
+      arr.forEach((col, index) => {
+        const key = keys[index];
+        col.name = key;
+      });
+      return arr;
     });
-    const iconClass = computed$2(() => {
-      const list = [];
-      if (props.size && props.size !== "m") {
-        list.push(`ck-switch__icon-size--${props.size}`);
-      }
-      return list;
+    const filteredColumnsList = computed$2(() => {
+      return columnsArray.value.filter(functions.isColumnDisplayed);
     });
-    function onTrigger2() {
-      value.value = !value.value;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", mergeProps({ class: "ck-switch" }, unref$1(computedAttributes), {
-        class: unref$1(computedClass),
-        onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => {
-        }, ["prevent"]), ["space"])),
-        onKeyup: [
-          _cache[3] || (_cache[3] = withKeys(($event) => onTrigger2(), ["enter"])),
-          _cache[4] || (_cache[4] = withKeys(($event) => onTrigger2(), ["space"]))
-        ]
-      }), [
-        withDirectives(createElementVNode("input", {
-          class: "ck-switch__input",
-          "aria-hidden": "true",
-          type: "checkbox",
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
-          disabled: __props.disabled,
-          onClick: _cache[1] || (_cache[1] = ($event) => onTrigger2())
-        }, null, 8, _hoisted_1$9), [
-          [vModelCheckbox, unref$1(value)]
-        ]),
-        createElementVNode("div", _hoisted_2$4, [
-          _hoisted_3$2,
-          __props.icon && unref$1(value) ? (openBlock(), createBlock(ckIcon, {
-            key: 0,
-            class: normalizeClass(["ck-switch__icon-left", unref$1(iconClass)]),
-            icon: __props.icon,
-            "icon-pack": __props.iconPack
-          }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true),
-          __props.icon && !unref$1(value) ? (openBlock(), createBlock(ckIcon, {
-            key: 1,
-            class: normalizeClass(["ck-switch__icon-right", unref$1(iconClass)]),
-            icon: __props.icon,
-            "icon-pack": __props.iconPack
-          }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true)
-        ]),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ])) : createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-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"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  props: {
-    modelValue: { type: [Boolean, Number, Object], default: 0 },
-    options: { type: Array, required: true },
-    prop: { type: String, default: "name" },
-    notReduce: { type: Boolean, default: false },
-    reduceFunction: { type: Function, default: (Option) => Option.id },
-    label: { type: String, default: "" },
-    labelAlign: { type: String, default: "" },
-    group: { type: String, default: "" },
-    groupBreak: { type: String, default: "s" },
-    groupVertical: { type: String, default: "" },
-    sameWidthOptions: { type: Boolean, default: false }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const selectedOption = computed$2({
+    const searchLocal = computed$2({
       get() {
-        return props.modelValue;
+        return props.search;
       },
       set(val) {
-        emits("update:modelValue", val);
-        emits("change", val);
+        emits("update:search", val);
       }
     });
-    const computedClass = computed$2(() => {
-      const classList2 = [];
-      classList2.push(functions$1.getGroupClass(props));
-      return classList2;
-    });
-    const computedItemStyle = computed$2(() => {
-      const list = [];
-      if (props.sameWidthOptions)
-        list.push({ width: `${100 / props.options.length}%` });
-      return list;
+    const currentPageLocal = computed$2({
+      get() {
+        return props.currentPage;
+      },
+      set(val) {
+        emits("update:currentPage", val);
+      }
     });
-    function getOptionValue(Option) {
-      if (props.notReduce)
-        return Option;
-      return props.reduceFunction(Option);
+    function refreshList(pageChange = false) {
+      emits("refreshList", pageChange);
+    }
+    function openColumnsManager() {
+      if (columnsAreObj.value) {
+        IsPopupActive.value.columnsManager = true;
+      } else {
+        console.log("ERROR ck-table", "The columns list should be an object");
+      }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        __props.label ? (openBlock(), createBlock(ckLabel, {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.hasColumnsManager && unref$1(columnsAreObj) ? (openBlock(), createBlock(TableColumnsManager, {
           key: 0,
-          align: __props.labelAlign
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.label), 1)
+          modelValue: IsPopupActive.value.columnsManager,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => IsPopupActive.value.columnsManager = $event),
+          columnsArray: unref$1(columnsArray),
+          columns: __props.columns
+        }, null, 8, ["modelValue", "columnsArray", "columns"])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1$8, [
+          _ctx.$slots.header || !__props.hideHeaderActions ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+            !__props.hideHeaderActions ? (openBlock(), createBlock(TableHeaderItems, {
+              key: 0,
+              search: unref$1(searchLocal),
+              "onUpdate:search": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
+              currentPage: __props.currentPage,
+              hasColumnsManager: __props.hasColumnsManager,
+              itemsPerPage: __props.itemsPerPage,
+              listLength: __props.listLength,
+              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", "showRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true),
+            _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+              renderSlot(_ctx.$slots, "header", {}, void 0, true)
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_4$2, [
+            createElementVNode("table", {
+              class: normalizeClass(["ck-table__table", { "not-full-width": __props.notFullWidth }])
+            }, [
+              unref$1(filteredColumnsList).length ? (openBlock(), createElementBlock("thead", _hoisted_5, [
+                createVNode(ckTr, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
+                      return openBlock(), createBlock(_sfc_main$i, {
+                        key: col.title,
+                        col
+                      }, null, 8, ["col"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true),
+              createElementVNode("tbody", null, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ]),
+              _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
+                renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+              ])) : createCommentVNode("", true)
+            ], 2)
           ]),
-          _: 1
-        }, 8, ["align"])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass(["ck-switch-options__container", unref$1(computedClass)])
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (Option, index) => {
-            return openBlock(), createElementBlock("div", {
-              class: normalizeClass(["ck-switch-options__option", { selected: unref$1(selectedOption) == getOptionValue(Option) }]),
-              key: `ck-switch-options${index}`,
-              style: normalizeStyle(unref$1(computedItemStyle)),
-              onClick: ($event) => selectedOption.value = getOptionValue(Option)
-            }, toDisplayString(Option[__props.prop]), 15, _hoisted_2$3);
-          }), 128))
-        ], 2)
-      ]);
+          createVNode(TablePagination, {
+            class: "ck-table__pagination",
+            currentPage: unref$1(currentPageLocal),
+            "onUpdate:currentPage": _cache[4] || (_cache[4] = ($event) => isRef$1(currentPageLocal) ? currentPageLocal.value = $event : null),
+            itemsPerPage: __props.itemsPerPage,
+            listLength: __props.listLength,
+            align: __props.paginationAlign,
+            onRefreshList: _cache[5] || (_cache[5] = ($event) => refreshList(true))
+          }, null, 8, ["currentPage", "itemsPerPage", "listLength", "align"])
+        ])
+      ], 64);
     };
   }
 });
-var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-2c3e07c8"]]);
-const _hoisted_1$7 = { class: "ck-tr" };
-function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("tr", _hoisted_1$7, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-  ]);
-}
-var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$9 = {};
-var ckTr = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", render$1], ["__scopeId", "data-v-1dd12190"]]);
-var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$6 = { class: "ck-th" };
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-160656a0"]]);
+var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {
-    align: { type: String, default: "center", validator: validators.align },
-    minWidth: { type: String, default: void 0 }
+    col: { type: Object, default: void 0 },
+    nowrap: { type: Boolean, default: false },
+    block: { type: Boolean, default: false },
+    autoWidth: { type: Boolean, default: false },
+    overflowAuto: { type: Boolean, default: false },
+    align: { type: String, default: void 0, validator: validators.align },
+    fixedWidth: { type: String, default: "" },
+    minWidth: { type: String, default: "" },
+    maxWidth: { type: String, default: "" },
+    maxHeight: { type: String, default: "" }
   },
   setup(__props) {
     const props = __props;
-    const computedSpanClass = computed$2(() => {
+    const computedTdClass = computed$2(() => {
       return {
-        "align-center": props.align !== "left" && props.align !== "right",
-        "align-left": props.align === "left",
-        "align-right": props.align === "right"
+        "auto-width": props.autoWidth,
+        "overflow-auto": props.overflowAuto
       };
     });
-    const computedStyle = computed$2(() => {
+    const computedSpanClass = computed$2(() => {
       const list = [];
+      let align;
+      if (props.col)
+        align = props.col.align;
+      if (props.align)
+        align = props.align;
+      if (align) {
+        if (align === "center")
+          list.push("align-center");
+        if (align === "right")
+          list.push("align-right");
+      }
+      if (props.block)
+        list.push("block");
+      if (props.block)
+        list.push("no-wrap-text");
+      return list;
+    });
+    const computedStyle = computed$2(() => {
+      const list = {};
       if (props.minWidth)
-        list.push({ "min-width": props.minWidth });
+        list["min-width"] = props.minWidth;
+      if (props.fixedWidth)
+        list["min-width"] = props.fixedWidth;
+      if (props.maxWidth)
+        list["max-width"] = props.maxWidth;
+      if (props.fixedWidth)
+        list["max-width"] = props.fixedWidth;
+      if (props.maxHeight)
+        list["max-height"] = props.maxHeight;
       return list;
     });
+    const isColumnDisplayed = computed$2(() => {
+      if (!props.col)
+        return true;
+      return functions.isColumnDisplayed(props.col);
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("th", _hoisted_1$6, [
+      return unref$1(isColumnDisplayed) ? (openBlock(), createElementBlock("td", {
+        key: 0,
+        class: normalizeClass(["ck-td", unref$1(computedTdClass)])
+      }, [
         createElementVNode("span", {
           class: normalizeClass(unref$1(computedSpanClass)),
           style: normalizeStyle(unref$1(computedStyle))
         }, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 6)
-      ]);
+      ], 2)) : createCommentVNode("", true);
     };
   }
 });
-var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-c179a3c2"]]);
+var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4eae6064"]]);
+var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$7 = ["color"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   props: {
-    col: { type: Object, required: true }
+    size: { type: String, default: "s" },
+    color: { type: String, default: "primary" },
+    textColor: { type: String, default: void 0 },
+    icon: { type: String, default: void 0 },
+    iconPack: { type: String, default: void 0 }
   },
-  setup(__props) {
+  emits: ["click"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const computedClass = computed$2(() => {
+      return [
+        `size-${props.size}`,
+        `ck-component__bg-color--${props.color}`
+      ];
+    });
+    const computedStyle = computed$2(() => {
+      const list = [];
+      if (props.color)
+        ;
+      return list;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(ckTh, {
-        align: __props.col.align,
-        "min-width": __props.col.minWidth
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(__props.col.title), 1)
-        ]),
-        _: 1
-      }, 8, ["align", "min-width"]);
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ck-chip", unref$1(computedClass)]),
+        color: __props.color,
+        style: normalizeStyle(unref$1(computedStyle)),
+        onClick: _cache[0] || (_cache[0] = ($event) => emits("click", $event))
+      }, [
+        __props.icon ? (openBlock(), createBlock(ckIcon, {
+          key: 0,
+          icon: __props.icon,
+          "icon-pack": __props.iconPack
+        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 14, _hoisted_1$7);
     };
   }
 });
-var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$5 = { class: "ck-table__header-items" };
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5333de26"]]);
+var globalVariables = {
+  defaultFailImg: "df",
+  imagesFolderPath: "",
+  defaultImgBorderColor: "#EEEEEE"
+};
+var ckImg_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$6 = ["src", "alt"];
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   props: {
-    search: { type: String, default: void 0 },
-    hasColumnsManager: { type: Boolean, default: false },
-    showRefreshBtn: { type: Boolean, required: true },
-    hideItemsPerPage: { type: Boolean, required: true },
-    currentPage: { type: Number, required: true },
-    itemsPerPage: { type: Number, required: true },
-    listLength: { type: Number, required: true }
+    src: { type: String, default: "" },
+    failImgSrc: { type: String, default: "" },
+    alt: { type: String, default: "" },
+    size: { type: String, default: "", validator: validators.size },
+    sizeAbsolute: { type: String, default: "" },
+    width: { type: String, default: "" },
+    height: { type: String, default: "" },
+    zoom: { type: Boolean, default: false },
+    zoomTitle: { type: String, default: "" },
+    hasBorder: { type: Boolean, default: false },
+    radius: { type: String, default: "" },
+    borderColor: { type: String, default: "" },
+    rounded: { type: Boolean, default: false }
   },
-  emits: ["update:search", "refreshList", "openColumnsManager"],
-  setup(__props, { emit: emits }) {
+  setup(__props) {
     const props = __props;
-    const searchLocal = computed$2({
-      get() {
-        return props.search;
-      },
-      set(val) {
-        emits("update:search", val);
+    const altNeeded = ref(false);
+    let isMounted = ref(false);
+    const isFullPath = computed$2(() => {
+      return props.src.substring(0, 4) === "http";
+    });
+    const imageUrl = computed$2(() => {
+      if (!isMounted.value)
+        return "";
+      if (isFullPath.value)
+        return props.src;
+      return getImg(props.src);
+    });
+    const computedClass = computed$2(() => {
+      const classList2 = [];
+      if (props.size)
+        classList2.push(`ck-img__size--${props.size}`);
+      if (props.rounded)
+        classList2.push("is-rounded");
+      if (props.hasBorder) {
+        classList2.push("ck-img__has-border");
+        if (functions.isColorTemplateVariable(realBorderColor.value)) {
+          classList2.push(`ck-component__border-color--${realBorderColor.value}`);
+        }
       }
+      if (props.zoom)
+        classList2.push("zoom-able");
+      return classList2;
     });
-    const hideSearch = computed$2(() => {
-      return typeof searchLocal.value === "undefined";
-    });
-    const itemsPerPageStart = computed$2(() => {
-      return (props.currentPage - 1) * props.itemsPerPage + 1;
-    });
-    const itemsPerPageEnd = computed$2(() => {
-      const value = props.currentPage * props.itemsPerPage;
-      if (value > props.listLength)
-        return props.listLength;
-      return value;
+    const computedStyle = computed$2(() => {
+      const styleList = [];
+      if (props.sizeAbsolute) {
+        styleList.push({ width: props.sizeAbsolute });
+        styleList.push({ height: props.sizeAbsolute });
+      }
+      if (props.radius)
+        styleList.push({ "border-radius": props.radius });
+      if (props.hasBorder) {
+        if (!functions.isColorTemplateVariable(realBorderColor.value)) {
+          styleList.push({ "border-color": realBorderColor.value });
+        }
+      }
+      return styleList;
     });
-    const itemsPerPageIsVisible = computed$2(() => {
-      return !props.hideItemsPerPage && props.listLength && props.currentPage;
+    const computedImgStyle = computed$2(() => {
+      const styleList = [];
+      if (props.radius)
+        styleList.push({ "border-radius": props.radius });
+      if (props.width)
+        styleList.push({ width: props.width });
+      if (props.height)
+        styleList.push({ height: props.height });
+      return styleList;
     });
-    const refreshBtnIsVisible = computed$2(() => {
-      return itemsPerPageIsVisible.value || props.showRefreshBtn;
+    const realBorderColor = computed$2(() => {
+      if (props.borderColor)
+        return props.borderColor;
+      return globalVariables.defaultImgBorderColor;
     });
-    const searchGroupValue = computed$2(() => {
-      if (itemsPerPageIsVisible.value && props.hasColumnsManager) {
-        return "center";
+    function clickImg() {
+      if (props.zoom)
+        ;
+    }
+    function getImg(src) {
+      let path = "";
+      const $cleekOptions = functions.getCleekOptions(getCurrentInstance);
+      if ($cleekOptions) {
+        if ($cleekOptions.imgPath)
+          path = $cleekOptions.imgPath;
       }
-      if (itemsPerPageIsVisible.value)
-        return "right";
-      if (props.hasColumnsManager)
-        return "left";
-      return "";
-    });
-    function checkRefresh() {
-      const search = searchLocal.value;
-      setTimeout(() => {
-        if (search !== searchLocal.value)
-          return;
-        emits("refreshList", false);
-      }, 1e3);
+      return `${path}${src}`;
     }
+    onMounted(() => {
+      getCurrentInstance().ctx;
+      isMounted.value = true;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(ckButton, {
-          key: 0,
-          type: "flat",
-          icon: "redo-alt",
-          title: "Recargar lista",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refreshList", false))
-        })) : createCommentVNode("", true),
-        unref$1(itemsPerPageIsVisible) ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(["items-per-page", { "ck-component__group--left": !unref$1(hideSearch) }])
-        }, toDisplayString(unref$1(itemsPerPageStart)) + " - " + toDisplayString(unref$1(itemsPerPageEnd)) + " de " + toDisplayString(__props.listLength), 3)) : createCommentVNode("", true),
-        !unref$1(hideSearch) ? (openBlock(), createBlock(ckInput, {
-          key: 2,
-          modelValue: unref$1(searchLocal),
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
-          icon: "search",
-          placeholder: "Buscar...",
-          group: unref$1(searchGroupValue),
-          onInput: _cache[2] || (_cache[2] = ($event) => checkRefresh())
-        }, null, 8, ["modelValue", "group"])) : 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" : "",
-          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("openColumnsManager"))
-        }, null, 8, ["group"])) : createCommentVNode("", true)
-      ]);
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ck-img", unref$1(computedClass)]),
+        style: normalizeStyle(unref$1(computedStyle)),
+        onClick: _cache[1] || (_cache[1] = ($event) => clickImg())
+      }, [
+        createElementVNode("img", {
+          src: unref$1(imageUrl),
+          style: normalizeStyle(unref$1(computedImgStyle)),
+          alt: __props.alt,
+          onError: _cache[0] || (_cache[0] = ($event) => altNeeded.value = true)
+        }, null, 44, _hoisted_1$6)
+      ], 6);
     };
   }
 });
-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"];
-const _hoisted_3$1 = ["onClick"];
-const itemsShowed = 5;
-const __default__ = {
-  name: "CkTablePagination",
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-65d88644"]]);
+var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _withScopeId$1 = (n) => (pushScopeId("data-v-a5198d80"), n = n(), popScopeId(), n);
+const _hoisted_1$5 = ["onKeyup"];
+const _hoisted_2$2 = ["name", "value", "disabled"];
+const _hoisted_3$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
+const _hoisted_4$1 = {
+  key: 0,
+  class: "c-Radio__label"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   props: {
-    currentPage: { type: Number, required: true },
-    align: { type: String, required: true },
-    itemsPerPage: { type: Number, required: true },
-    listLength: { type: Number, required: true }
+    modelValue: { type: String, default: void 0 },
+    name: { type: String, required: true },
+    options: { type: Array, required: true, validator: validators.radioOptions },
+    disabled: { type: Boolean, default: false }
   },
-  emits: ["refreshList", "update:currentPage"],
-  computed: {
-    currentPageLocal2: {
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const value = computed$2({
       get() {
-        return this.currentPage;
+        return props.modelValue;
       },
       set(val) {
-        return;
-      }
-    },
-    hasArrowLeft() {
-      if (!this.listLeft.length)
-        return false;
-      return this.listLeft[0] !== 1;
-    },
-    totalPages() {
-      return Math.ceil(this.listLength / this.itemsPerPage);
-    },
-    hasArrowRight() {
-      if (!this.listRight.length)
-        return false;
-      return this.listRight[this.listRight.length - 1] !== this.totalPages;
-    },
-    listLeft() {
-      if (!this.listLength)
-        return [];
-      const list = [];
-      const listLength = (itemsShowed - 1) / 2;
-      for (const num of Array(listLength).keys()) {
-        const listItem = this.currentPage - num - 1;
-        if (listItem > 0)
-          list.unshift(listItem);
-      }
-      return list;
-    },
-    listRight() {
-      if (!this.listLength)
-        return [];
-      const list = [];
-      const listLength = (itemsShowed - 1) / 2;
-      for (const num of Array(listLength).keys()) {
-        const listItem = this.currentPage + num + 1;
-        if (listItem <= this.totalPages)
-          list.push(listItem);
+        emits("update:modelValue", val);
       }
-      return list;
-    }
-  },
-  methods: {
-    updateCurrentPage(val) {
-      this.$emit("update:currentPage", val);
-      this.$emit("refreshList", val);
-    },
-    validateInputNumber(val) {
-      val = +val;
-      if (val > this.totalPages)
-        val = this.totalPages;
-      if (val < 1)
-        val = 1;
-      if (val === this.currentPage)
-        return;
-      this.updateCurrentPage(val);
+    });
+    const radioAttributes = computed$2(() => {
+      return {
+        "aria-disabled": props.disabled,
+        tabindex: props.disabled ? void 0 : "0"
+      };
+    });
+    function handleChange(value2) {
+      value2.value = value2;
+      emits("change", value2);
     }
-  }
-};
-const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
-  setup(__props) {
     return (_ctx, _cache) => {
-      return __props.currentPage && _ctx.totalPages > 1 ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["ck-table__pagination-container", `pagination-align--${__props.align}`])
-      }, [
-        createElementVNode("div", _hoisted_1$4, [
-          _ctx.hasArrowLeft ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "ck-table__pagination--arrow-left",
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateCurrentPage(__props.currentPage - 1))
-          }, [
-            createVNode(ckIcon, { icon: "arrow-left" })
-          ])) : createCommentVNode("", true),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listLeft, (num) => {
-            return openBlock(), createElementBlock("div", {
-              class: "ck-table__pagination-item pagination-item__left",
-              onClick: ($event) => _ctx.updateCurrentPage(num)
-            }, toDisplayString(num), 9, _hoisted_2$2);
-          }), 256)),
-          createVNode(ckInput, {
-            class: "ck-table__pagination-input",
-            autoSelect: "",
-            type: "number",
-            width: "50px",
-            align: "center",
-            modelValue: _ctx.currentPageLocal2,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef$1(currentPageLocal2) ? currentPageLocal2.value = $event : null),
-            onChange: _cache[2] || (_cache[2] = ($event) => _ctx.validateInputNumber($event.target.value))
-          }, null, 8, ["modelValue"]),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listRight, (num) => {
-            return openBlock(), createElementBlock("div", {
-              class: "ck-table__pagination-item pagination-item__right",
-              onClick: ($event) => _ctx.updateCurrentPage(num)
-            }, toDisplayString(num), 9, _hoisted_3$1);
-          }), 256)),
-          _ctx.hasArrowRight ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: "ck-table__pagination--arrow-right",
-            onClick: _cache[3] || (_cache[3] = ($event) => _ctx.updateCurrentPage(__props.currentPage + 1))
-          }, [
-            createVNode(ckIcon, { icon: "arrow-right" })
-          ])) : createCommentVNode("", true)
-        ])
-      ], 2)) : createCommentVNode("", true);
+      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index) => {
+        return openBlock(), createElementBlock("label", mergeProps({
+          key: `radio-${index}`,
+          class: "c-Radio"
+        }, unref$1(radioAttributes), {
+          onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {
+          }, ["prevent"]), ["space"])),
+          onKeyup: [
+            withKeys(($event) => handleChange(item.value), ["enter"]),
+            withKeys(($event) => handleChange(item.value), ["space"])
+          ]
+        }), [
+          withDirectives(createElementVNode("input", {
+            class: "c-Radio__input",
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
+            "aria-hidden": "true",
+            type: "radio",
+            name: __props.name,
+            value: item.value,
+            disabled: __props.disabled
+          }, null, 8, _hoisted_2$2), [
+            [vModelRadio, unref$1(value)]
+          ]),
+          _hoisted_3$1,
+          item.label ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(item.label), 1)) : createCommentVNode("", true)
+        ], 16, _hoisted_1$5);
+      }), 128);
     };
   }
-}));
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4045b8e3"]]);
-var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$3 = { class: "columns-manger-container" };
-const _hoisted_2$1 = { class: "columns-manger__item" };
+});
+var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a5198d80"]]);
+var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$4 = ["value"];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   props: {
-    modelValue: { type: Boolean, required: true },
-    columns: { type: Object, required: true },
-    columnsArray: { type: Array, required: true }
+    modelValue: { default: null, type: [Boolean, Number, Object, Array, String] },
+    prop: { type: String, default: "name" },
+    autofocus: { type: Boolean, default: false },
+    noDataText: { type: String, default: "No se encontr\xF3 nada" },
+    notReduce: { type: Boolean, default: false },
+    options: { type: Array, default: () => [] },
+    reduceFunction: { type: Function, default: (Option) => Option.id },
+    notClearable: { type: Boolean, default: false },
+    clearValue: { type: [Boolean, String], default: "auto" },
+    searchable: { type: [Boolean, String], default: "auto" },
+    minWidth: { type: String, default: "180px" },
+    noBorder: { type: Boolean, default: false },
+    bgTransparent: { type: Boolean, default: false },
+    disabled: { type: [Boolean, Number], default: false },
+    group: { type: String, default: "" },
+    groupBreak: { type: String, default: "" },
+    groupVertical: { type: String, default: "" },
+    label: { type: String, default: "" },
+    labelAlign: { type: String, default: "" }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "click", "change"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    let columnsCheckable = ref([]);
-    const isActive = computed$2({
+    const { qmStr: qmStr2 } = main$1;
+    const search = ref("");
+    ref(null);
+    const value = computed$2({
       get() {
         return props.modelValue;
       },
       set(val) {
+        if (val === null)
+          val = realClearValue;
         emits("update:modelValue", val);
       }
     });
-    watch(() => isActive.value, (val) => {
-      if (!val)
-        return;
-      setColumnsCheckable();
+    const filteredOptions = computed$2(() => {
+      const list = props.options.filter((option) => {
+        const name = getOptionName(option);
+        return qmStr2.checkContainsStr(name, search.value);
+      });
+      return list;
     });
-    function setColumnsCheckable() {
-      console.log("hoola");
+    const computedClass = computed$2(() => {
+      const classList2 = [];
+      classList2.push(functions.getGroupClass(props));
+      return classList2;
+    });
+    const computedStyle = computed$2(() => {
       const list = [];
-      props.columnsArray.forEach((col) => {
-        if (!col.unchangeable) {
-          list.push({
-            name: col.name,
-            title: col.title,
-            value: functions$1.isColumnDisplayed(col)
-          });
-        }
-      });
-      columnsCheckable.value = list;
-    }
-    function setColumnDisplayValue(colName, value) {
-      props.columns[colName].isDisplayed = value;
+      if (props.minWidth)
+        list.push({ "min-width": props.minWidth });
+      return list;
+    });
+    computed$2(() => {
+      if (props.searchable === "auto") {
+        if (props.options.length < 5)
+          return false;
+        return true;
+      }
+      return props.searchable;
+    });
+    const realClearValue = computed$2(() => {
+      switch (typeof props.modelValue) {
+        case "number":
+          return 0;
+        case "string":
+          return "";
+        case "object":
+          if (props.modelValue.constructor === Array)
+            return [];
+          return {};
+        default:
+          return null;
+      }
+    });
+    computed$2(() => {
+      switch (typeof props.modelValue) {
+        case "number":
+          return props.modelValue === 0;
+        case "string":
+          return props.modelValue === "";
+        case "object":
+          if (!props.modelValue)
+            return null;
+          if (props.modelValue.constructor === Array) {
+            return props.modelValue.length() === 0;
+          }
+          return Object.keys(props.modelValue).length === 0;
+        default:
+          return props.modelValue === null;
+      }
+    });
+    function onClick(event) {
+      emits("click", event);
     }
+    const onChange = (event) => {
+      emits("change", event);
+    };
+    const getOptionKey = (option) => {
+      return realReduceFunction(option);
+    };
+    const getOptionName = (option) => {
+      if (!props.prop)
+        return option;
+      return option[props.prop];
+    };
+    const realReduceFunction = (option) => {
+      if (props.notReduce)
+        return option;
+      return props.reduceFunction(option);
+    };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$e, {
-        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$3, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(columnsCheckable), (col) => {
-              return openBlock(), createElementBlock("div", _hoisted_2$1, [
-                createVNode(ckCheckbox, {
-                  modelValue: col.value,
-                  "onUpdate:modelValue": ($event) => col.value = $event,
-                  onChange: ($event) => setColumnDisplayValue(col.name, col.value)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(col.title), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])
-              ]);
-            }), 256))
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
+      return openBlock(), createElementBlock("div", {
+        class: "ck-select",
+        style: normalizeStyle(unref$1(computedStyle))
+      }, [
+        __props.label ? (openBlock(), createBlock(ckLabel, {
+          key: 0,
+          align: __props.labelAlign,
+          for: "ck-input"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ]),
+          _: 1
+        }, 8, ["align"])) : createCommentVNode("", true),
+        withDirectives(createElementVNode("select", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
+          class: normalizeClass(unref$1(computedClass)),
+          onClick: _cache[1] || (_cache[1] = ($event) => onClick($event)),
+          onChange: _cache[2] || (_cache[2] = ($event) => onChange($event))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredOptions), (option) => {
+            return openBlock(), createElementBlock("option", {
+              value: getOptionKey(option),
+              key: option
+            }, toDisplayString(getOptionName(option)), 9, _hoisted_1$4);
+          }), 128))
+        ], 34), [
+          [vModelSelect, unref$1(value)]
+        ])
+      ], 4);
     };
   }
 });
-var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e6aed8c8"]]);
-var ckTable_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$2 = { class: "ck-table" };
-const _hoisted_2 = {
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-31af160a"]]);
+var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _withScopeId = (n) => (pushScopeId("data-v-b6a4dfaa"), n = n(), popScopeId(), n);
+const _hoisted_1$3 = ["disabled"];
+const _hoisted_2$1 = { class: "ck-switch__slider-container" };
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
+const _hoisted_4 = {
   key: 0,
-  class: "ck-table__header"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "ck-table__header--slot"
+  class: "ck-switch__content"
 };
-const _hoisted_4 = { class: "ck-table__table-container" };
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { key: 1 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
-    columns: { type: [Array, Object], required: true, default: () => [] },
-    hasColumnsManager: { type: Boolean, default: false },
-    currentPage: { type: Number, default: 0 },
-    itemsPerPage: { type: Number, default: 40 },
-    listLength: { type: Number, default: 0 },
-    paginationAlign: { type: String, default: "center", validator: validators.align },
-    search: { type: String, default: void 0 },
-    hideHeaderActions: { type: Boolean, default: false },
-    showRefreshBtn: { type: Boolean, default: false },
-    hideItemsPerPage: { type: Boolean, default: false },
-    notFullWidth: { type: Boolean, default: false }
+    modelValue: { type: [Boolean, Number], default: false },
+    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 }
   },
-  emits: ["refreshList", "update:search", "update:currentPage"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const { qmObj: qmObj2 } = main$1;
-    const IsPopupActive = ref({
-      columnsManager: false
-    });
-    const columnsAreObj = computed$2(() => !qmObj2.isArray(props.columns));
-    const columnsArray = computed$2(() => {
-      if (!columnsAreObj.value)
-        return props.columns;
-      const arr = Object.values(props.columns);
-      const keys = Object.keys(props.columns);
-      arr.forEach((col, index) => {
-        const key = keys[index];
-        col.name = key;
-      });
-      return arr;
-    });
-    const filteredColumnsList = computed$2(() => {
-      return columnsArray.value.filter(functions$1.isColumnDisplayed);
-    });
-    const searchLocal = computed$2({
-      get() {
-        return props.search;
-      },
-      set(val) {
-        emits("update:search", val);
-      }
-    });
-    const currentPageLocal = computed$2({
+  emits: ["update:modelValue"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const value = computed$2({
       get() {
-        return props.currentPage;
+        return props.modelValue;
       },
       set(val) {
-        emits("update:currentPage", val);
+        emits("update:modelValue", val);
       }
     });
-    function refreshList(pageChange = false) {
-      emits("refreshList", pageChange);
-    }
-    function openColumnsManager() {
-      if (columnsAreObj.value) {
-        IsPopupActive.value.columnsManager = true;
-      } else {
-        console.log("ERROR ck-table", "The columns list should be an object");
+    const computedClass = computed$2(() => {
+      const list = [];
+      if (props.squared)
+        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(() => {
+      return {
+        "aria-disabled": props.disabled,
+        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;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        __props.hasColumnsManager && unref$1(columnsAreObj) ? (openBlock(), createBlock(TableColumnsManager, {
-          key: 0,
-          modelValue: IsPopupActive.value.columnsManager,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => IsPopupActive.value.columnsManager = $event),
-          columnsArray: unref$1(columnsArray),
-          columns: __props.columns
-        }, null, 8, ["modelValue", "columnsArray", "columns"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1$2, [
-          _ctx.$slots.header || !__props.hideHeaderActions ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            !__props.hideHeaderActions ? (openBlock(), createBlock(TableHeaderItems, {
-              key: 0,
-              search: unref$1(searchLocal),
-              "onUpdate:search": _cache[1] || (_cache[1] = ($event) => isRef$1(searchLocal) ? searchLocal.value = $event : null),
-              currentPage: __props.currentPage,
-              hasColumnsManager: __props.hasColumnsManager,
-              itemsPerPage: __props.itemsPerPage,
-              listLength: __props.listLength,
-              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", "showRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true),
-            _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              renderSlot(_ctx.$slots, "header", {}, void 0, true)
-            ])) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("table", {
-              class: normalizeClass(["ck-table__table", { "not-full-width": __props.notFullWidth }])
-            }, [
-              unref$1(filteredColumnsList).length ? (openBlock(), createElementBlock("thead", _hoisted_5, [
-                createVNode(ckTr, null, {
-                  default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
-                      return openBlock(), createBlock(_sfc_main$7, {
-                        key: col.title,
-                        col
-                      }, null, 8, ["col"]);
-                    }), 128))
-                  ]),
-                  _: 1
-                })
-              ])) : createCommentVNode("", true),
-              createElementVNode("tbody", null, [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ]),
-              _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
-                renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-              ])) : createCommentVNode("", true)
-            ], 2)
-          ]),
-          createVNode(TablePagination, {
-            class: "ck-table__pagination",
-            currentPage: unref$1(currentPageLocal),
-            "onUpdate:currentPage": _cache[4] || (_cache[4] = ($event) => isRef$1(currentPageLocal) ? currentPageLocal.value = $event : null),
-            itemsPerPage: __props.itemsPerPage,
-            listLength: __props.listLength,
-            align: __props.paginationAlign,
-            onRefreshList: _cache[5] || (_cache[5] = ($event) => refreshList(true))
-          }, null, 8, ["currentPage", "itemsPerPage", "listLength", "align"])
-        ])
-      ], 64);
+      return openBlock(), createElementBlock("label", mergeProps({ class: "ck-switch" }, unref$1(computedAttributes), {
+        class: unref$1(computedClass),
+        onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => {
+        }, ["prevent"]), ["space"])),
+        onKeyup: [
+          _cache[3] || (_cache[3] = withKeys(($event) => onTrigger2(), ["enter"])),
+          _cache[4] || (_cache[4] = withKeys(($event) => onTrigger2(), ["space"]))
+        ]
+      }), [
+        withDirectives(createElementVNode("input", {
+          class: "ck-switch__input",
+          "aria-hidden": "true",
+          type: "checkbox",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
+          disabled: __props.disabled,
+          onClick: _cache[1] || (_cache[1] = ($event) => onTrigger2())
+        }, null, 8, _hoisted_1$3), [
+          [vModelCheckbox, unref$1(value)]
+        ]),
+        createElementVNode("div", _hoisted_2$1, [
+          _hoisted_3,
+          __props.icon && unref$1(value) ? (openBlock(), createBlock(ckIcon, {
+            key: 0,
+            class: normalizeClass(["ck-switch__icon-left", unref$1(iconClass)]),
+            icon: __props.icon,
+            "icon-pack": __props.iconPack
+          }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true),
+          __props.icon && !unref$1(value) ? (openBlock(), createBlock(ckIcon, {
+            key: 1,
+            class: normalizeClass(["ck-switch__icon-right", unref$1(iconClass)]),
+            icon: __props.icon,
+            "icon-pack": __props.iconPack
+          }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true)
+        ]),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])) : createCommentVNode("", true)
+      ], 16);
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-2c108c86"]]);
-var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b6a4dfaa"]]);
+var ckSwitchOptions_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$2 = { class: "ck-switch-options__container-exterior" };
+const _hoisted_2 = ["onClick"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
-    col: { type: Object, default: void 0 },
-    nowrap: { type: Boolean, default: false },
-    block: { type: Boolean, default: false },
-    autoWidth: { type: Boolean, default: false },
-    overflowAuto: { type: Boolean, default: false },
-    align: { type: String, default: void 0, validator: validators.align },
-    fixedWidth: { type: String, default: "" },
-    minWidth: { type: String, default: "" },
-    maxWidth: { type: String, default: "" },
-    maxHeight: { type: String, default: "" }
+    modelValue: { type: [Boolean, Number, Object], default: 0 },
+    options: { type: Array, required: true },
+    prop: { type: String, default: "name" },
+    notReduce: { type: Boolean, default: false },
+    reduceFunction: { type: Function, default: (Option) => Option.id },
+    label: { type: String, default: "" },
+    labelAlign: { type: String, default: "" },
+    group: { type: String, default: "" },
+    groupBreak: { type: String, default: "s" },
+    groupVertical: { type: String, default: "" },
+    sameWidthOptions: { type: Boolean, default: false }
   },
-  setup(__props) {
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const computedTdClass = computed$2(() => {
-      return {
-        "auto-width": props.autoWidth,
-        "overflow-auto": props.overflowAuto
-      };
-    });
-    const computedSpanClass = computed$2(() => {
-      const list = [];
-      let align;
-      if (props.col)
-        align = props.col.align;
-      if (props.align)
-        align = props.align;
-      if (align) {
-        if (align === "center")
-          list.push("align-center");
-        if (align === "right")
-          list.push("align-right");
+    const selectedOption = computed$2({
+      get() {
+        return props.modelValue;
+      },
+      set(val) {
+        emits("update:modelValue", val);
+        emits("change", val);
       }
-      if (props.block)
-        list.push("block");
-      if (props.block)
-        list.push("no-wrap-text");
-      return list;
     });
-    const computedStyle = computed$2(() => {
-      const list = {};
-      if (props.minWidth)
-        list["min-width"] = props.minWidth;
-      if (props.fixedWidth)
-        list["min-width"] = props.fixedWidth;
-      if (props.maxWidth)
-        list["max-width"] = props.maxWidth;
-      if (props.fixedWidth)
-        list["max-width"] = props.fixedWidth;
-      if (props.maxHeight)
-        list["max-height"] = props.maxHeight;
-      return list;
+    const computedClass = computed$2(() => {
+      const classList2 = [];
+      classList2.push(functions.getGroupClass(props));
+      return classList2;
     });
-    const isColumnDisplayed = computed$2(() => {
-      if (!props.col)
-        return true;
-      return functions$1.isColumnDisplayed(props.col);
+    const computedItemStyle = computed$2(() => {
+      const list = [];
+      if (props.sameWidthOptions)
+        list.push({ width: `${100 / props.options.length}%` });
+      return list;
     });
+    function getOptionValue(Option) {
+      if (props.notReduce)
+        return Option;
+      return props.reduceFunction(Option);
+    }
     return (_ctx, _cache) => {
-      return unref$1(isColumnDisplayed) ? (openBlock(), createElementBlock("td", {
-        key: 0,
-        class: normalizeClass(["ck-td", unref$1(computedTdClass)])
-      }, [
-        createElementVNode("span", {
-          class: normalizeClass(unref$1(computedSpanClass)),
-          style: normalizeStyle(unref$1(computedStyle))
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        __props.label ? (openBlock(), createBlock(ckLabel, {
+          key: 0,
+          align: __props.labelAlign
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ]),
+          _: 1
+        }, 8, ["align"])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(["ck-switch-options__container", unref$1(computedClass)])
         }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 6)
-      ], 2)) : createCommentVNode("", true);
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (Option, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["ck-switch-options__option", { selected: unref$1(selectedOption) == getOptionValue(Option) }]),
+              key: `ck-switch-options${index}`,
+              style: normalizeStyle(unref$1(computedItemStyle)),
+              onClick: ($event) => selectedOption.value = getOptionValue(Option)
+            }, toDisplayString(Option[__props.prop]), 15, _hoisted_2);
+          }), 128))
+        ], 2)
+      ]);
     };
   }
 });
-var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-63af303c"]]);
+var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2c3e07c8"]]);
 var ckTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$1 = { class: "ck-textarea" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -16585,6 +16667,11 @@ var components = /* @__PURE__ */ Object.freeze({
   [Symbol.toStringTag]: "Module",
   ckDropdown,
   ckNavbar,
+  ckNotify,
+  ckTable,
+  ckTd,
+  ckTh,
+  ckTr,
   ckButton,
   ckCheckbox,
   ckChip,
@@ -16592,17 +16679,13 @@ var components = /* @__PURE__ */ Object.freeze({
   ckImg,
   ckInput,
   ckLabel,
-  ckPopup: _sfc_main$e,
+  ckPopup: _sfc_main$b,
   ckRadio,
   ckSelect,
   ckSwitch,
   ckSwitchOptions,
-  ckTable,
-  ckTd,
   ckTextarea,
-  ckTh,
   ckTooltip,
-  ckTr,
   EVENTS: events,
   EventBus: mitt,
   lockScroll,
@@ -16639,4 +16722,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$b as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };