cleek 1.7.3 → 1.7.7

package/dist/cleek.es.js

@@ -11199,7 +11199,7 @@ defineComponent({
     };
   }
 });
-function render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ck-icon", $options.computedClass]),
@@ -11228,7 +11228,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$i = {
+const _sfc_main$j = {
   name: "CkIcon",
   components: {
     FontAwesomeIcon
@@ -11275,9 +11275,9 @@ const _sfc_main$i = {
     }
   }
 };
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$g], ["__scopeId", "data-v-77d9963a"]]);
-const _hoisted_1$f = ["title", "aria-label", "disabled"];
-function render$f(_ctx, _cache, $props, $setup, $data, $options) {
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", render$f], ["__scopeId", "data-v-77d9963a"]]);
+const _hoisted_1$g = ["title", "aria-label", "disabled"];
+function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_icon = resolveComponent("ck-icon");
   return openBlock(), createElementBlock("button", {
     type: "button",
@@ -11300,11 +11300,11 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       icon: $props.iconRight,
       "icon-pack": $props.iconPack
     }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true)
-  ], 10, _hoisted_1$f);
+  ], 10, _hoisted_1$g);
 }
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const defaults = { type: "outlined" };
-const _sfc_main$h = {
+const _sfc_main$i = {
   name: "CkButton",
   components: {
     ckIcon
@@ -11354,15 +11354,15 @@ const _sfc_main$h = {
     }
   }
 };
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$f], ["__scopeId", "data-v-dfa2f586"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$e], ["__scopeId", "data-v-dfa2f586"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-64a6608c"), n = n(), popScopeId(), n);
-const _hoisted_1$e = ["disabled", "checked"];
-const _hoisted_2$7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
-const _hoisted_3$5 = {
+const _hoisted_1$f = ["disabled", "checked"];
+const _hoisted_2$8 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
+const _hoisted_3$6 = {
   key: 0,
   class: "c-Checkbox__label"
 };
-function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", mergeProps({ class: "ck-checkbox" }, $options.checkboxAttributes, {
     onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {
     }, ["prevent"]), ["space"])),
@@ -11381,15 +11381,15 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
         $options.value = $event.target.checked;
         $options.onChange($event);
       })
-    }, null, 40, _hoisted_1$e),
-    _hoisted_2$7,
-    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$5, [
+    }, null, 40, _hoisted_1$f),
+    _hoisted_2$8,
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$6, [
       renderSlot(_ctx.$slots, "default", {}, void 0, true)
     ])) : createCommentVNode("", true)
   ], 16);
 }
 var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$g = {
+const _sfc_main$h = {
   name: "CkCheckbox",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -11422,9 +11422,9 @@ const _sfc_main$g = {
     }
   }
 };
-var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$e], ["__scopeId", "data-v-64a6608c"]]);
-const _hoisted_1$d = ["src"];
-function render$d(_ctx, _cache, $props, $setup, $data, $options) {
+var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$d], ["__scopeId", "data-v-64a6608c"]]);
+const _hoisted_1$e = ["src"];
+function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ck-img", $options.computedClass]),
     style: normalizeStyle($options.computedStyle),
@@ -11434,11 +11434,11 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
       src: $options.imageUrl,
       style: normalizeStyle($options.computedImgStyle),
       onError: _cache[0] || (_cache[0] = ($event) => _ctx.altNeeded = true)
-    }, null, 44, _hoisted_1$d)
+    }, null, 44, _hoisted_1$e)
   ], 6);
 }
 var ckImg_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$f = {
+const _sfc_main$g = {
   props: {
     src: { type: String, default: "" },
     isFullPath: { type: Boolean, default: false },
@@ -11523,18 +11523,18 @@ const _sfc_main$f = {
     }
   }
 };
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", render$d], ["__scopeId", "data-v-38b603bf"]]);
-const _hoisted_1$c = ["for"];
-function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$c], ["__scopeId", "data-v-38b603bf"]]);
+const _hoisted_1$d = ["for"];
+function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["ck-label", $options.computedClass]),
     for: $props.for
   }, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
-  ], 10, _hoisted_1$c);
+  ], 10, _hoisted_1$d);
 }
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$e = {
+const _sfc_main$f = {
   name: "CkLabel",
   props: {
     for: { type: String, default: "" },
@@ -11551,24 +11551,28 @@ const _sfc_main$e = {
     }
   }
 };
-var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", render$c], ["__scopeId", "data-v-4b8b9ab4"]]);
+var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", render$b], ["__scopeId", "data-v-4b8b9ab4"]]);
 var ckInputText_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$b = { class: "ck-input-text" };
-const _hoisted_2$6 = ["placeholder", "id"];
-const __default__$2 = {
+const _hoisted_1$c = { class: "ck-input-text" };
+const _hoisted_2$7 = ["placeholder", "id"];
+const __default__$4 = {
   props: {
-    modelValue: { type: String, default: "" },
-    label: { type: String, default: "" },
+    modelValue: { type: [String, Number], default: "" },
     placeholder: { type: String, default: "" },
-    labelAlign: { type: String, default: "" },
+    label: { type: String, default: "" },
+    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: "" },
     groupBreak: { type: String, default: "s" },
-    groupVertical: { type: String, default: "" }
+    groupVertical: { type: String, default: "" },
+    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"],
+  emits: ["update:modelValue", "change", "click"],
   computed: {
     value: {
       get() {
@@ -11578,21 +11582,43 @@ const __default__$2 = {
         this.$emit("update:modelValue", val);
       }
     },
-    computedClass() {
-      const classList2 = [];
-      classList2.push(functions$1.getGroupClass(this));
+    computedStyleInput() {
+      const list = [];
+      if (this.width)
+        list.push({ width: this.width });
+      return list;
+    },
+    computedClassInput() {
+      const list = [];
+      list.push(functions$1.getGroupClass(this));
       if (this.icon)
-        classList2.push("has-icon-left");
+        list.push("has-icon-left");
       if (this.iconRight)
-        classList2.push("has-icon-right");
-      return classList2;
+        list.push("has-icon-right");
+      if (this.align)
+        list.push(`align--${this.align}`);
+      if (this.hideBorder)
+        list.push("no-border");
+      return list;
+    }
+  },
+  methods: {
+    onChange(event) {
+      this.$emit("change", event);
+    },
+    onClick(event) {
+      console.log("autoSelect", this.autoSelect);
+      console.log("event", event);
+      if (this.autoSelect)
+        event.target.select();
+      this.$emit("click", event);
     }
   }
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
+const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         __props.label ? (openBlock(), createBlock(ckLabel, {
           key: 0,
           align: __props.labelAlign,
@@ -11614,9 +11640,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
           type: "text",
           placeholder: __props.placeholder,
-          class: normalizeClass(_ctx.computedClass),
-          id: __props.label ? "ck-input-text" : ""
-        }, null, 10, _hoisted_2$6), [
+          class: normalizeClass(_ctx.computedClassInput),
+          style: normalizeStyle(_ctx.computedStyleInput),
+          id: __props.label ? "ck-input-text" : "",
+          onChange: _cache[1] || (_cache[1] = ($event) => _ctx.onChange($event)),
+          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onClick($event))
+        }, null, 46, _hoisted_2$7), [
           [vModelText, _ctx.value]
         ]),
         __props.iconRight ? (openBlock(), createBlock(ckIcon, {
@@ -11630,617 +11659,14 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var ckInputText = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-f952e1d8"]]);
-var dist = function(t) {
-  function e(i) {
-    if (r[i])
-      return r[i].exports;
-    var n = r[i] = { i, l: false, exports: {} };
-    return t[i].call(n.exports, n, n.exports, e), n.l = true, n.exports;
-  }
-  var r = {};
-  return e.m = t, e.c = r, e.i = function(t2) {
-    return t2;
-  }, e.d = function(t2, r2, i) {
-    e.o(t2, r2) || Object.defineProperty(t2, r2, { configurable: false, enumerable: true, get: i });
-  }, e.n = function(t2) {
-    var r2 = t2 && t2.__esModule ? function() {
-      return t2.default;
-    } : function() {
-      return t2;
-    };
-    return e.d(r2, "a", r2), r2;
-  }, e.o = function(t2, e2) {
-    return Object.prototype.hasOwnProperty.call(t2, e2);
-  }, e.p = "/dist/", e(e.s = 2);
-}([function(t, e) {
-  t.exports = function() {
-    var t2 = [];
-    return t2.toString = function() {
-      for (var t3 = [], e2 = 0; e2 < this.length; e2++) {
-        var r = this[e2];
-        r[2] ? t3.push("@media " + r[2] + "{" + r[1] + "}") : t3.push(r[1]);
-      }
-      return t3.join("");
-    }, t2.i = function(e2, r) {
-      typeof e2 == "string" && (e2 = [[null, e2, ""]]);
-      for (var i = {}, n = 0; n < this.length; n++) {
-        var o = this[n][0];
-        typeof o == "number" && (i[o] = true);
-      }
-      for (n = 0; n < e2.length; n++) {
-        var l = e2[n];
-        typeof l[0] == "number" && i[l[0]] || (r && !l[2] ? l[2] = r : r && (l[2] = "(" + l[2] + ") and (" + r + ")"), t2.push(l));
-      }
-    }, t2;
-  };
-}, function(t, e, r) {
-  r(10);
-  var i = r(7)(r(3), r(8), null, null);
-  t.exports = i.exports;
-}, function(t, e, r) {
-  Object.defineProperty(e, "__esModule", { value: true });
-  var i = r(1), n = r.n(i);
-  e.default = n.a;
-}, function(t, e, r) {
-  Object.defineProperty(e, "__esModule", { value: true });
-  var i = r(6);
-  e.default = { name: "vue-perfect-scrollbar", props: { settings: { default: void 0 }, tagname: { type: String, default: "section" } }, data: function() {
-    return { ps: null };
-  }, methods: { update: function() {
-    this.ps && this.ps.update();
-  }, __init: function() {
-    this.ps || (this.ps = new i.a(this.$el, this.settings));
-  }, __uninit: function() {
-    this.ps && (this.ps.destroy(), this.ps = null);
-  } }, watch: { $route: function() {
-    this.update();
-  } }, mounted: function() {
-    this.$isServer || this.__init();
-  }, updated: function() {
-    this.$nextTick(this.update);
-  }, activated: function() {
-    this.__init();
-  }, deactivated: function() {
-    this.__uninit();
-  }, beforeDestroy: function() {
-    this.__uninit();
-  } };
-}, function(t, e, r) {
-  e = t.exports = r(0)(), e.push([t.i, ".ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{height:15px;bottom:0}.ps__rail-x,.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;position:absolute}.ps__rail-y{width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.ps{overflow:auto!important}}", ""]);
-}, function(t, e, r) {
-  e = t.exports = r(0)(), e.i(r(4), ""), e.push([t.i, ".ps-container{position:relative}", ""]);
-}, function(t, e, r) {
-  function i(t2) {
-    return getComputedStyle(t2);
-  }
-  function n(t2, e2) {
-    for (var r2 in e2) {
-      var i2 = e2[r2];
-      typeof i2 == "number" && (i2 += "px"), t2.style[r2] = i2;
-    }
-    return t2;
-  }
-  function o(t2) {
-    var e2 = document.createElement("div");
-    return e2.className = t2, e2;
-  }
-  function l(t2, e2) {
-    if (!w2)
-      throw new Error("No element matching method supported");
-    return w2.call(t2, e2);
-  }
-  function s(t2) {
-    t2.remove ? t2.remove() : t2.parentNode && t2.parentNode.removeChild(t2);
-  }
-  function a(t2, e2) {
-    return Array.prototype.filter.call(t2.children, function(t3) {
-      return l(t3, e2);
-    });
-  }
-  function c(t2, e2) {
-    var r2 = t2.element.classList, i2 = Y.state.scrolling(e2);
-    r2.contains(i2) ? clearTimeout(_[e2]) : r2.add(i2);
-  }
-  function h2(t2, e2) {
-    _[e2] = setTimeout(function() {
-      return t2.isAlive && t2.element.classList.remove(Y.state.scrolling(e2));
-    }, t2.settings.scrollingThreshold);
-  }
-  function u(t2, e2) {
-    c(t2, e2), h2(t2, e2);
-  }
-  function p(t2) {
-    if (typeof window.CustomEvent == "function")
-      return new CustomEvent(t2);
-    var e2 = document.createEvent("CustomEvent");
-    return e2.initCustomEvent(t2, false, false, void 0), e2;
-  }
-  function d2(t2, e2, r2, i2, n2) {
-    var o2 = r2[0], l2 = r2[1], s2 = r2[2], a2 = r2[3], c2 = r2[4], h3 = r2[5];
-    i2 === void 0 && (i2 = true), n2 === void 0 && (n2 = false);
-    var d3 = t2.element;
-    t2.reach[a2] = null, d3[s2] < 1 && (t2.reach[a2] = "start"), d3[s2] > t2[o2] - t2[l2] - 1 && (t2.reach[a2] = "end"), e2 && (d3.dispatchEvent(p("ps-scroll-" + a2)), e2 < 0 ? d3.dispatchEvent(p("ps-scroll-" + c2)) : e2 > 0 && d3.dispatchEvent(p("ps-scroll-" + h3)), i2 && u(t2, a2)), t2.reach[a2] && (e2 || n2) && d3.dispatchEvent(p("ps-" + a2 + "-reach-" + t2.reach[a2]));
-  }
-  function f(t2) {
-    return parseInt(t2, 10) || 0;
-  }
-  function b(t2) {
-    return l(t2, "input,[contenteditable]") || l(t2, "select,[contenteditable]") || l(t2, "textarea,[contenteditable]") || l(t2, "button,[contenteditable]");
-  }
-  function v(t2) {
-    var e2 = i(t2);
-    return f(e2.width) + f(e2.paddingLeft) + f(e2.paddingRight) + f(e2.borderLeftWidth) + f(e2.borderRightWidth);
-  }
-  function g(t2, e2) {
-    return t2.settings.minScrollbarLength && (e2 = Math.max(e2, t2.settings.minScrollbarLength)), t2.settings.maxScrollbarLength && (e2 = Math.min(e2, t2.settings.maxScrollbarLength)), e2;
-  }
-  function m(t2, e2) {
-    var r2 = { width: e2.railXWidth }, i2 = Math.floor(t2.scrollTop);
-    e2.isRtl ? r2.left = e2.negativeScrollAdjustment + t2.scrollLeft + e2.containerWidth - e2.contentWidth : r2.left = t2.scrollLeft, e2.isScrollbarXUsingBottom ? r2.bottom = e2.scrollbarXBottom - i2 : r2.top = e2.scrollbarXTop + i2, n(e2.scrollbarXRail, r2);
-    var o2 = { top: i2, height: e2.railYHeight };
-    e2.isScrollbarYUsingRight ? e2.isRtl ? o2.right = e2.contentWidth - (e2.negativeScrollAdjustment + t2.scrollLeft) - e2.scrollbarYRight - e2.scrollbarYOuterWidth : o2.right = e2.scrollbarYRight - t2.scrollLeft : e2.isRtl ? o2.left = e2.negativeScrollAdjustment + t2.scrollLeft + 2 * e2.containerWidth - e2.contentWidth - e2.scrollbarYLeft - e2.scrollbarYOuterWidth : o2.left = e2.scrollbarYLeft + t2.scrollLeft, n(e2.scrollbarYRail, o2), n(e2.scrollbarX, { left: e2.scrollbarXLeft, width: e2.scrollbarXWidth - e2.railBorderXWidth }), n(e2.scrollbarY, { top: e2.scrollbarYTop, height: e2.scrollbarYHeight - e2.railBorderYWidth });
-  }
-  function y(t2, e2) {
-    function r2(e3) {
-      b2[p2] = v2 + m2 * (e3[l2] - g2), c(t2, d3), T(t2), e3.stopPropagation(), e3.preventDefault();
-    }
-    function i2() {
-      h2(t2, d3), t2[f2].classList.remove(Y.state.clicking), t2.event.unbind(t2.ownerDocument, "mousemove", r2);
-    }
-    var n2 = e2[0], o2 = e2[1], l2 = e2[2], s2 = e2[3], a2 = e2[4], u2 = e2[5], p2 = e2[6], d3 = e2[7], f2 = e2[8], b2 = t2.element, v2 = null, g2 = null, m2 = null;
-    t2.event.bind(t2[a2], "mousedown", function(e3) {
-      v2 = b2[p2], g2 = e3[l2], m2 = (t2[o2] - t2[n2]) / (t2[s2] - t2[u2]), t2.event.bind(t2.ownerDocument, "mousemove", r2), t2.event.once(t2.ownerDocument, "mouseup", i2), t2[f2].classList.add(Y.state.clicking), e3.stopPropagation(), e3.preventDefault();
-    });
-  }
-  var w2 = typeof Element != "undefined" && (Element.prototype.matches || Element.prototype.webkitMatchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector), Y = { main: "ps", element: { thumb: function(t2) {
-    return "ps__thumb-" + t2;
-  }, rail: function(t2) {
-    return "ps__rail-" + t2;
-  }, consuming: "ps__child--consume" }, state: { focus: "ps--focus", clicking: "ps--clicking", active: function(t2) {
-    return "ps--active-" + t2;
-  }, scrolling: function(t2) {
-    return "ps--scrolling-" + t2;
-  } } }, _ = { x: null, y: null }, X = function(t2) {
-    this.element = t2, this.handlers = {};
-  }, W = { isEmpty: { configurable: true } };
-  X.prototype.bind = function(t2, e2) {
-    this.handlers[t2] === void 0 && (this.handlers[t2] = []), this.handlers[t2].push(e2), this.element.addEventListener(t2, e2, false);
-  }, X.prototype.unbind = function(t2, e2) {
-    var r2 = this;
-    this.handlers[t2] = this.handlers[t2].filter(function(i2) {
-      return !(!e2 || i2 === e2) || (r2.element.removeEventListener(t2, i2, false), false);
-    });
-  }, X.prototype.unbindAll = function() {
-    var t2 = this;
-    for (var e2 in t2.handlers)
-      t2.unbind(e2);
-  }, W.isEmpty.get = function() {
-    var t2 = this;
-    return Object.keys(this.handlers).every(function(e2) {
-      return t2.handlers[e2].length === 0;
-    });
-  }, Object.defineProperties(X.prototype, W);
-  var x = function() {
-    this.eventElements = [];
-  };
-  x.prototype.eventElement = function(t2) {
-    var e2 = this.eventElements.filter(function(e3) {
-      return e3.element === t2;
-    })[0];
-    return e2 || (e2 = new X(t2), this.eventElements.push(e2)), e2;
-  }, x.prototype.bind = function(t2, e2, r2) {
-    this.eventElement(t2).bind(e2, r2);
-  }, x.prototype.unbind = function(t2, e2, r2) {
-    var i2 = this.eventElement(t2);
-    i2.unbind(e2, r2), i2.isEmpty && this.eventElements.splice(this.eventElements.indexOf(i2), 1);
-  }, x.prototype.unbindAll = function() {
-    this.eventElements.forEach(function(t2) {
-      return t2.unbindAll();
-    }), this.eventElements = [];
-  }, x.prototype.once = function(t2, e2, r2) {
-    var i2 = this.eventElement(t2), n2 = function(t3) {
-      i2.unbind(e2, n2), r2(t3);
-    };
-    i2.bind(e2, n2);
-  };
-  var L = function(t2, e2, r2, i2, n2) {
-    i2 === void 0 && (i2 = true), n2 === void 0 && (n2 = false);
-    var o2;
-    if (e2 === "top")
-      o2 = ["contentHeight", "containerHeight", "scrollTop", "y", "up", "down"];
-    else {
-      if (e2 !== "left")
-        throw new Error("A proper axis should be provided");
-      o2 = ["contentWidth", "containerWidth", "scrollLeft", "x", "left", "right"];
-    }
-    d2(t2, r2, o2, i2, n2);
-  }, R = { isWebKit: typeof document != "undefined" && "WebkitAppearance" in document.documentElement.style, supportsTouch: typeof window != "undefined" && ("ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch), supportsIePointer: typeof navigator != "undefined" && navigator.msMaxTouchPoints, isChrome: typeof navigator != "undefined" && /Chrome/i.test(navigator && navigator.userAgent) }, T = function(t2) {
-    var e2 = t2.element, r2 = Math.floor(e2.scrollTop);
-    t2.containerWidth = e2.clientWidth, t2.containerHeight = e2.clientHeight, t2.contentWidth = e2.scrollWidth, t2.contentHeight = e2.scrollHeight, e2.contains(t2.scrollbarXRail) || (a(e2, Y.element.rail("x")).forEach(function(t3) {
-      return s(t3);
-    }), e2.appendChild(t2.scrollbarXRail)), e2.contains(t2.scrollbarYRail) || (a(e2, Y.element.rail("y")).forEach(function(t3) {
-      return s(t3);
-    }), e2.appendChild(t2.scrollbarYRail)), !t2.settings.suppressScrollX && t2.containerWidth + t2.settings.scrollXMarginOffset < t2.contentWidth ? (t2.scrollbarXActive = true, t2.railXWidth = t2.containerWidth - t2.railXMarginWidth, t2.railXRatio = t2.containerWidth / t2.railXWidth, t2.scrollbarXWidth = g(t2, f(t2.railXWidth * t2.containerWidth / t2.contentWidth)), t2.scrollbarXLeft = f((t2.negativeScrollAdjustment + e2.scrollLeft) * (t2.railXWidth - t2.scrollbarXWidth) / (t2.contentWidth - t2.containerWidth))) : t2.scrollbarXActive = false, !t2.settings.suppressScrollY && t2.containerHeight + t2.settings.scrollYMarginOffset < t2.contentHeight ? (t2.scrollbarYActive = true, t2.railYHeight = t2.containerHeight - t2.railYMarginHeight, t2.railYRatio = t2.containerHeight / t2.railYHeight, t2.scrollbarYHeight = g(t2, f(t2.railYHeight * t2.containerHeight / t2.contentHeight)), t2.scrollbarYTop = f(r2 * (t2.railYHeight - t2.scrollbarYHeight) / (t2.contentHeight - t2.containerHeight))) : t2.scrollbarYActive = false, t2.scrollbarXLeft >= t2.railXWidth - t2.scrollbarXWidth && (t2.scrollbarXLeft = t2.railXWidth - t2.scrollbarXWidth), t2.scrollbarYTop >= t2.railYHeight - t2.scrollbarYHeight && (t2.scrollbarYTop = t2.railYHeight - t2.scrollbarYHeight), m(e2, t2), t2.scrollbarXActive ? e2.classList.add(Y.state.active("x")) : (e2.classList.remove(Y.state.active("x")), t2.scrollbarXWidth = 0, t2.scrollbarXLeft = 0, e2.scrollLeft = 0), t2.scrollbarYActive ? e2.classList.add(Y.state.active("y")) : (e2.classList.remove(Y.state.active("y")), t2.scrollbarYHeight = 0, t2.scrollbarYTop = 0, e2.scrollTop = 0);
-  }, S = function(t2) {
-    t2.event.bind(t2.scrollbarY, "mousedown", function(t3) {
-      return t3.stopPropagation();
-    }), t2.event.bind(t2.scrollbarYRail, "mousedown", function(e2) {
-      var r2 = e2.pageY - window.pageYOffset - t2.scrollbarYRail.getBoundingClientRect().top, i2 = r2 > t2.scrollbarYTop ? 1 : -1;
-      t2.element.scrollTop += i2 * t2.containerHeight, T(t2), e2.stopPropagation();
-    }), t2.event.bind(t2.scrollbarX, "mousedown", function(t3) {
-      return t3.stopPropagation();
-    }), t2.event.bind(t2.scrollbarXRail, "mousedown", function(e2) {
-      var r2 = e2.pageX - window.pageXOffset - t2.scrollbarXRail.getBoundingClientRect().left, i2 = r2 > t2.scrollbarXLeft ? 1 : -1;
-      t2.element.scrollLeft += i2 * t2.containerWidth, T(t2), e2.stopPropagation();
-    });
-  }, H = function(t2) {
-    y(t2, ["containerWidth", "contentWidth", "pageX", "railXWidth", "scrollbarX", "scrollbarXWidth", "scrollLeft", "x", "scrollbarXRail"]), y(t2, ["containerHeight", "contentHeight", "pageY", "railYHeight", "scrollbarY", "scrollbarYHeight", "scrollTop", "y", "scrollbarYRail"]);
-  }, E = function(t2) {
-    function e2(e3, i3) {
-      var n3 = Math.floor(r2.scrollTop);
-      if (e3 === 0) {
-        if (!t2.scrollbarYActive)
-          return false;
-        if (n3 === 0 && i3 > 0 || n3 >= t2.contentHeight - t2.containerHeight && i3 < 0)
-          return !t2.settings.wheelPropagation;
-      }
-      var o2 = r2.scrollLeft;
-      if (i3 === 0) {
-        if (!t2.scrollbarXActive)
-          return false;
-        if (o2 === 0 && e3 < 0 || o2 >= t2.contentWidth - t2.containerWidth && e3 > 0)
-          return !t2.settings.wheelPropagation;
-      }
-      return true;
-    }
-    var r2 = t2.element, i2 = function() {
-      return l(r2, ":hover");
-    }, n2 = function() {
-      return l(t2.scrollbarX, ":focus") || l(t2.scrollbarY, ":focus");
-    };
-    t2.event.bind(t2.ownerDocument, "keydown", function(o2) {
-      if (!(o2.isDefaultPrevented && o2.isDefaultPrevented() || o2.defaultPrevented) && (i2() || n2())) {
-        var l2 = document.activeElement ? document.activeElement : t2.ownerDocument.activeElement;
-        if (l2) {
-          if (l2.tagName === "IFRAME")
-            l2 = l2.contentDocument.activeElement;
-          else
-            for (; l2.shadowRoot; )
-              l2 = l2.shadowRoot.activeElement;
-          if (b(l2))
-            return;
-        }
-        var s2 = 0, a2 = 0;
-        switch (o2.which) {
-          case 37:
-            s2 = o2.metaKey ? -t2.contentWidth : o2.altKey ? -t2.containerWidth : -30;
-            break;
-          case 38:
-            a2 = o2.metaKey ? t2.contentHeight : o2.altKey ? t2.containerHeight : 30;
-            break;
-          case 39:
-            s2 = o2.metaKey ? t2.contentWidth : o2.altKey ? t2.containerWidth : 30;
-            break;
-          case 40:
-            a2 = o2.metaKey ? -t2.contentHeight : o2.altKey ? -t2.containerHeight : -30;
-            break;
-          case 32:
-            a2 = o2.shiftKey ? t2.containerHeight : -t2.containerHeight;
-            break;
-          case 33:
-            a2 = t2.containerHeight;
-            break;
-          case 34:
-            a2 = -t2.containerHeight;
-            break;
-          case 36:
-            a2 = t2.contentHeight;
-            break;
-          case 35:
-            a2 = -t2.contentHeight;
-            break;
-          default:
-            return;
-        }
-        t2.settings.suppressScrollX && s2 !== 0 || t2.settings.suppressScrollY && a2 !== 0 || (r2.scrollTop -= a2, r2.scrollLeft += s2, T(t2), e2(s2, a2) && o2.preventDefault());
-      }
-    });
-  }, M = function(t2) {
-    function e2(e3, r3) {
-      var i2 = Math.floor(l2.scrollTop), n3 = l2.scrollTop === 0, o3 = i2 + l2.offsetHeight === l2.scrollHeight, s2 = l2.scrollLeft === 0, a2 = l2.scrollLeft + l2.offsetWidth === l2.scrollWidth;
-      return !(Math.abs(r3) > Math.abs(e3) ? n3 || o3 : s2 || a2) || !t2.settings.wheelPropagation;
-    }
-    function r2(t3) {
-      var e3 = t3.deltaX, r3 = -1 * t3.deltaY;
-      return e3 !== void 0 && r3 !== void 0 || (e3 = -1 * t3.wheelDeltaX / 6, r3 = t3.wheelDeltaY / 6), t3.deltaMode && t3.deltaMode === 1 && (e3 *= 10, r3 *= 10), e3 !== e3 && r3 !== r3 && (e3 = 0, r3 = t3.wheelDelta), t3.shiftKey ? [-r3, -e3] : [e3, r3];
-    }
-    function n2(t3, e3, r3) {
-      if (!R.isWebKit && l2.querySelector("select:focus"))
-        return true;
-      if (!l2.contains(t3))
-        return false;
-      for (var n3 = t3; n3 && n3 !== l2; ) {
-        if (n3.classList.contains(Y.element.consuming))
-          return true;
-        var o3 = i(n3);
-        if ([o3.overflow, o3.overflowX, o3.overflowY].join("").match(/(scroll|auto)/)) {
-          var s2 = n3.scrollHeight - n3.clientHeight;
-          if (s2 > 0 && !(n3.scrollTop === 0 && r3 > 0 || n3.scrollTop === s2 && r3 < 0))
-            return true;
-          var a2 = n3.scrollWidth - n3.clientWidth;
-          if (a2 > 0 && !(n3.scrollLeft === 0 && e3 < 0 || n3.scrollLeft === a2 && e3 > 0))
-            return true;
-        }
-        n3 = n3.parentNode;
-      }
-      return false;
-    }
-    function o2(i2) {
-      var o3 = r2(i2), s2 = o3[0], a2 = o3[1];
-      if (!n2(i2.target, s2, a2)) {
-        var c2 = false;
-        t2.settings.useBothWheelAxes ? t2.scrollbarYActive && !t2.scrollbarXActive ? (a2 ? l2.scrollTop -= a2 * t2.settings.wheelSpeed : l2.scrollTop += s2 * t2.settings.wheelSpeed, c2 = true) : t2.scrollbarXActive && !t2.scrollbarYActive && (s2 ? l2.scrollLeft += s2 * t2.settings.wheelSpeed : l2.scrollLeft -= a2 * t2.settings.wheelSpeed, c2 = true) : (l2.scrollTop -= a2 * t2.settings.wheelSpeed, l2.scrollLeft += s2 * t2.settings.wheelSpeed), T(t2), c2 = c2 || e2(s2, a2), c2 && !i2.ctrlKey && (i2.stopPropagation(), i2.preventDefault());
-      }
-    }
-    var l2 = t2.element;
-    window.onwheel !== void 0 ? t2.event.bind(l2, "wheel", o2) : window.onmousewheel !== void 0 && t2.event.bind(l2, "mousewheel", o2);
-  }, k = function(t2) {
-    function e2(e3, r3) {
-      var i2 = Math.floor(h3.scrollTop), n3 = h3.scrollLeft, o3 = Math.abs(e3), l3 = Math.abs(r3);
-      if (l3 > o3) {
-        if (r3 < 0 && i2 === t2.contentHeight - t2.containerHeight || r3 > 0 && i2 === 0)
-          return window.scrollY === 0 && r3 > 0 && R.isChrome;
-      } else if (o3 > l3 && (e3 < 0 && n3 === t2.contentWidth - t2.containerWidth || e3 > 0 && n3 === 0))
-        return true;
-      return true;
-    }
-    function r2(e3, r3) {
-      h3.scrollTop -= r3, h3.scrollLeft -= e3, T(t2);
-    }
-    function n2(t3) {
-      return t3.targetTouches ? t3.targetTouches[0] : t3;
-    }
-    function o2(t3) {
-      return (!t3.pointerType || t3.pointerType !== "pen" || t3.buttons !== 0) && (!(!t3.targetTouches || t3.targetTouches.length !== 1) || !(!t3.pointerType || t3.pointerType === "mouse" || t3.pointerType === t3.MSPOINTER_TYPE_MOUSE));
-    }
-    function l2(t3) {
-      if (o2(t3)) {
-        var e3 = n2(t3);
-        u2.pageX = e3.pageX, u2.pageY = e3.pageY, p2 = new Date().getTime(), f2 !== null && clearInterval(f2);
-      }
-    }
-    function s2(t3, e3, r3) {
-      if (!h3.contains(t3))
-        return false;
-      for (var n3 = t3; n3 && n3 !== h3; ) {
-        if (n3.classList.contains(Y.element.consuming))
-          return true;
-        var o3 = i(n3);
-        if ([o3.overflow, o3.overflowX, o3.overflowY].join("").match(/(scroll|auto)/)) {
-          var l3 = n3.scrollHeight - n3.clientHeight;
-          if (l3 > 0 && !(n3.scrollTop === 0 && r3 > 0 || n3.scrollTop === l3 && r3 < 0))
-            return true;
-          var s3 = n3.scrollLeft - n3.clientWidth;
-          if (s3 > 0 && !(n3.scrollLeft === 0 && e3 < 0 || n3.scrollLeft === s3 && e3 > 0))
-            return true;
-        }
-        n3 = n3.parentNode;
-      }
-      return false;
-    }
-    function a2(t3) {
-      if (o2(t3)) {
-        var i2 = n2(t3), l3 = { pageX: i2.pageX, pageY: i2.pageY }, a3 = l3.pageX - u2.pageX, c3 = l3.pageY - u2.pageY;
-        if (s2(t3.target, a3, c3))
-          return;
-        r2(a3, c3), u2 = l3;
-        var h4 = new Date().getTime(), f3 = h4 - p2;
-        f3 > 0 && (d3.x = a3 / f3, d3.y = c3 / f3, p2 = h4), e2(a3, c3) && t3.preventDefault();
-      }
-    }
-    function c2() {
-      t2.settings.swipeEasing && (clearInterval(f2), f2 = setInterval(function() {
-        return t2.isInitialized ? void clearInterval(f2) : d3.x || d3.y ? Math.abs(d3.x) < 0.01 && Math.abs(d3.y) < 0.01 ? void clearInterval(f2) : (r2(30 * d3.x, 30 * d3.y), d3.x *= 0.8, void (d3.y *= 0.8)) : void clearInterval(f2);
-      }, 10));
-    }
-    if (R.supportsTouch || R.supportsIePointer) {
-      var h3 = t2.element, u2 = {}, p2 = 0, d3 = {}, f2 = null;
-      R.supportsTouch ? (t2.event.bind(h3, "touchstart", l2), t2.event.bind(h3, "touchmove", a2), t2.event.bind(h3, "touchend", c2)) : R.supportsIePointer && (window.PointerEvent ? (t2.event.bind(h3, "pointerdown", l2), t2.event.bind(h3, "pointermove", a2), t2.event.bind(h3, "pointerup", c2)) : window.MSPointerEvent && (t2.event.bind(h3, "MSPointerDown", l2), t2.event.bind(h3, "MSPointerMove", a2), t2.event.bind(h3, "MSPointerUp", c2)));
-    }
-  }, A = function() {
-    return { handlers: ["click-rail", "drag-thumb", "keyboard", "wheel", "touch"], maxScrollbarLength: null, minScrollbarLength: null, scrollingThreshold: 1e3, scrollXMarginOffset: 0, scrollYMarginOffset: 0, suppressScrollX: false, suppressScrollY: false, swipeEasing: true, useBothWheelAxes: false, wheelPropagation: true, wheelSpeed: 1 };
-  }, P = { "click-rail": S, "drag-thumb": H, keyboard: E, wheel: M, touch: k }, C = function(t2, e2) {
-    var r2 = this;
-    if (e2 === void 0 && (e2 = {}), typeof t2 == "string" && (t2 = document.querySelector(t2)), !t2 || !t2.nodeName)
-      throw new Error("no element is specified to initialize PerfectScrollbar");
-    this.element = t2, t2.classList.add(Y.main), this.settings = A();
-    for (var l2 in e2)
-      r2.settings[l2] = e2[l2];
-    this.containerWidth = null, this.containerHeight = null, this.contentWidth = null, this.contentHeight = null;
-    var s2 = function() {
-      return t2.classList.add(Y.state.focus);
-    }, a2 = function() {
-      return t2.classList.remove(Y.state.focus);
-    };
-    this.isRtl = i(t2).direction === "rtl", this.isNegativeScroll = function() {
-      var e3 = t2.scrollLeft, r3 = null;
-      return t2.scrollLeft = -1, r3 = t2.scrollLeft < 0, t2.scrollLeft = e3, r3;
-    }(), this.negativeScrollAdjustment = this.isNegativeScroll ? t2.scrollWidth - t2.clientWidth : 0, this.event = new x(), this.ownerDocument = t2.ownerDocument || document, this.scrollbarXRail = o(Y.element.rail("x")), t2.appendChild(this.scrollbarXRail), this.scrollbarX = o(Y.element.thumb("x")), this.scrollbarXRail.appendChild(this.scrollbarX), this.scrollbarX.setAttribute("tabindex", 0), this.event.bind(this.scrollbarX, "focus", s2), this.event.bind(this.scrollbarX, "blur", a2), this.scrollbarXActive = null, this.scrollbarXWidth = null, this.scrollbarXLeft = null;
-    var c2 = i(this.scrollbarXRail);
-    this.scrollbarXBottom = parseInt(c2.bottom, 10), isNaN(this.scrollbarXBottom) ? (this.isScrollbarXUsingBottom = false, this.scrollbarXTop = f(c2.top)) : this.isScrollbarXUsingBottom = true, this.railBorderXWidth = f(c2.borderLeftWidth) + f(c2.borderRightWidth), n(this.scrollbarXRail, { display: "block" }), this.railXMarginWidth = f(c2.marginLeft) + f(c2.marginRight), n(this.scrollbarXRail, { display: "" }), this.railXWidth = null, this.railXRatio = null, this.scrollbarYRail = o(Y.element.rail("y")), t2.appendChild(this.scrollbarYRail), this.scrollbarY = o(Y.element.thumb("y")), this.scrollbarYRail.appendChild(this.scrollbarY), this.scrollbarY.setAttribute("tabindex", 0), this.event.bind(this.scrollbarY, "focus", s2), this.event.bind(this.scrollbarY, "blur", a2), this.scrollbarYActive = null, this.scrollbarYHeight = null, this.scrollbarYTop = null;
-    var h3 = i(this.scrollbarYRail);
-    this.scrollbarYRight = parseInt(h3.right, 10), isNaN(this.scrollbarYRight) ? (this.isScrollbarYUsingRight = false, this.scrollbarYLeft = f(h3.left)) : this.isScrollbarYUsingRight = true, this.scrollbarYOuterWidth = this.isRtl ? v(this.scrollbarY) : null, this.railBorderYWidth = f(h3.borderTopWidth) + f(h3.borderBottomWidth), n(this.scrollbarYRail, { display: "block" }), this.railYMarginHeight = f(h3.marginTop) + f(h3.marginBottom), n(this.scrollbarYRail, { display: "" }), this.railYHeight = null, this.railYRatio = null, this.reach = { x: t2.scrollLeft <= 0 ? "start" : t2.scrollLeft >= this.contentWidth - this.containerWidth ? "end" : null, y: t2.scrollTop <= 0 ? "start" : t2.scrollTop >= this.contentHeight - this.containerHeight ? "end" : null }, this.isAlive = true, this.settings.handlers.forEach(function(t3) {
-      return P[t3](r2);
-    }), this.lastScrollTop = Math.floor(t2.scrollTop), this.lastScrollLeft = t2.scrollLeft, this.event.bind(this.element, "scroll", function(t3) {
-      return r2.onScroll(t3);
-    }), T(this);
-  };
-  C.prototype.update = function() {
-    this.isAlive && (this.negativeScrollAdjustment = this.isNegativeScroll ? this.element.scrollWidth - this.element.clientWidth : 0, n(this.scrollbarXRail, { display: "block" }), n(this.scrollbarYRail, { display: "block" }), this.railXMarginWidth = f(i(this.scrollbarXRail).marginLeft) + f(i(this.scrollbarXRail).marginRight), this.railYMarginHeight = f(i(this.scrollbarYRail).marginTop) + f(i(this.scrollbarYRail).marginBottom), n(this.scrollbarXRail, { display: "none" }), n(this.scrollbarYRail, { display: "none" }), T(this), L(this, "top", 0, false, true), L(this, "left", 0, false, true), n(this.scrollbarXRail, { display: "" }), n(this.scrollbarYRail, { display: "" }));
-  }, C.prototype.onScroll = function(t2) {
-    this.isAlive && (T(this), L(this, "top", this.element.scrollTop - this.lastScrollTop), L(this, "left", this.element.scrollLeft - this.lastScrollLeft), this.lastScrollTop = Math.floor(this.element.scrollTop), this.lastScrollLeft = this.element.scrollLeft);
-  }, C.prototype.destroy = function() {
-    this.isAlive && (this.event.unbindAll(), s(this.scrollbarX), s(this.scrollbarY), s(this.scrollbarXRail), s(this.scrollbarYRail), this.removePsClasses(), this.element = null, this.scrollbarX = null, this.scrollbarY = null, this.scrollbarXRail = null, this.scrollbarYRail = null, this.isAlive = false);
-  }, C.prototype.removePsClasses = function() {
-    this.element.className = this.element.className.split(" ").filter(function(t2) {
-      return !t2.match(/^ps([-_].+|)$/);
-    }).join(" ");
-  }, e.a = C;
-}, function(t, e) {
-  t.exports = function(t2, e2, r, i) {
-    var n, o = t2 = t2 || {}, l = typeof t2.default;
-    l !== "object" && l !== "function" || (n = t2, o = t2.default);
-    var s = typeof o == "function" ? o.options : o;
-    if (e2 && (s.render = e2.render, s.staticRenderFns = e2.staticRenderFns), r && (s._scopeId = r), i) {
-      var a = s.computed || (s.computed = {});
-      Object.keys(i).forEach(function(t3) {
-        var e3 = i[t3];
-        a[t3] = function() {
-          return e3;
-        };
-      });
-    }
-    return { esModule: n, exports: o, options: s };
-  };
-}, function(t, e) {
-  t.exports = { render: function() {
-    var t2 = this, e2 = t2.$createElement;
-    return (t2._self._c || e2)(t2.$props.tagname, t2._g({ tag: "section", staticClass: "ps-container", on: { "~mouseover": function(e3) {
-      return t2.update(e3);
-    } } }, t2.$listeners), [t2._t("default")], 2);
-  }, staticRenderFns: [] };
-}, function(t, e) {
-  function r(t2, e2) {
-    for (var r2 = 0; r2 < t2.length; r2++) {
-      var i2 = t2[r2], n2 = h2[i2.id];
-      if (n2) {
-        n2.refs++;
-        for (var o2 = 0; o2 < n2.parts.length; o2++)
-          n2.parts[o2](i2.parts[o2]);
-        for (; o2 < i2.parts.length; o2++)
-          n2.parts.push(s(i2.parts[o2], e2));
-      } else {
-        for (var l2 = [], o2 = 0; o2 < i2.parts.length; o2++)
-          l2.push(s(i2.parts[o2], e2));
-        h2[i2.id] = { id: i2.id, refs: 1, parts: l2 };
-      }
-    }
-  }
-  function i(t2) {
-    for (var e2 = [], r2 = {}, i2 = 0; i2 < t2.length; i2++) {
-      var n2 = t2[i2], o2 = n2[0], l2 = n2[1], s2 = n2[2], a2 = n2[3], c2 = { css: l2, media: s2, sourceMap: a2 };
-      r2[o2] ? r2[o2].parts.push(c2) : e2.push(r2[o2] = { id: o2, parts: [c2] });
-    }
-    return e2;
-  }
-  function n(t2, e2) {
-    var r2 = d2(), i2 = v[v.length - 1];
-    if (t2.insertAt === "top")
-      i2 ? i2.nextSibling ? r2.insertBefore(e2, i2.nextSibling) : r2.appendChild(e2) : r2.insertBefore(e2, r2.firstChild), v.push(e2);
-    else {
-      if (t2.insertAt !== "bottom")
-        throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
-      r2.appendChild(e2);
-    }
-  }
-  function o(t2) {
-    t2.parentNode.removeChild(t2);
-    var e2 = v.indexOf(t2);
-    e2 >= 0 && v.splice(e2, 1);
-  }
-  function l(t2) {
-    var e2 = document.createElement("style");
-    return e2.type = "text/css", n(t2, e2), e2;
-  }
-  function s(t2, e2) {
-    var r2, i2, n2;
-    if (e2.singleton) {
-      var s2 = b++;
-      r2 = f || (f = l(e2)), i2 = a.bind(null, r2, s2, false), n2 = a.bind(null, r2, s2, true);
-    } else
-      r2 = l(e2), i2 = c.bind(null, r2), n2 = function() {
-        o(r2);
-      };
-    return i2(t2), function(e3) {
-      if (e3) {
-        if (e3.css === t2.css && e3.media === t2.media && e3.sourceMap === t2.sourceMap)
-          return;
-        i2(t2 = e3);
-      } else
-        n2();
-    };
-  }
-  function a(t2, e2, r2, i2) {
-    var n2 = r2 ? "" : i2.css;
-    if (t2.styleSheet)
-      t2.styleSheet.cssText = g(e2, n2);
-    else {
-      var o2 = document.createTextNode(n2), l2 = t2.childNodes;
-      l2[e2] && t2.removeChild(l2[e2]), l2.length ? t2.insertBefore(o2, l2[e2]) : t2.appendChild(o2);
-    }
-  }
-  function c(t2, e2) {
-    var r2 = e2.css, i2 = e2.media, n2 = e2.sourceMap;
-    if (i2 && t2.setAttribute("media", i2), n2 && (r2 += "\n/*# sourceURL=" + n2.sources[0] + " */", r2 += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(n2)))) + " */"), t2.styleSheet)
-      t2.styleSheet.cssText = r2;
-    else {
-      for (; t2.firstChild; )
-        t2.removeChild(t2.firstChild);
-      t2.appendChild(document.createTextNode(r2));
-    }
-  }
-  var h2 = {}, u = function(t2) {
-    var e2;
-    return function() {
-      return e2 === void 0 && (e2 = t2.apply(this, arguments)), e2;
-    };
-  }, p = u(function() {
-    return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
-  }), d2 = u(function() {
-    return document.head || document.getElementsByTagName("head")[0];
-  }), f = null, b = 0, v = [];
-  t.exports = function(t2, e2) {
-    if (typeof DEBUG != "undefined" && DEBUG && typeof document != "object")
-      throw new Error("The style-loader cannot be used in a non-browser environment");
-    e2 = e2 || {}, e2.singleton === void 0 && (e2.singleton = p()), e2.insertAt === void 0 && (e2.insertAt = "bottom");
-    var n2 = i(t2);
-    return r(n2, e2), function(t3) {
-      for (var o2 = [], l2 = 0; l2 < n2.length; l2++) {
-        var s2 = n2[l2], a2 = h2[s2.id];
-        a2.refs--, o2.push(a2);
-      }
-      if (t3) {
-        r(i(t3), e2);
-      }
-      for (var l2 = 0; l2 < o2.length; l2++) {
-        var a2 = o2[l2];
-        if (a2.refs === 0) {
-          for (var c2 = 0; c2 < a2.parts.length; c2++)
-            a2.parts[c2]();
-          delete h2[a2.id];
-        }
-      }
-    };
-  };
-  var g = function() {
-    var t2 = [];
-    return function(e2, r2) {
-      return t2[e2] = r2, t2.filter(Boolean).join("\n");
-    };
-  }();
-}, function(t, e, r) {
-  var i = r(5);
-  typeof i == "string" && (i = [[t.i, i, ""]]);
-  r(9)(i, {});
-  i.locals && (t.exports = i.locals);
-}]);
-const _hoisted_1$a = {
+var ckInputText = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-310c71a8"]]);
+var ckPopup_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$b = {
   key: 0,
   class: "ck-popup"
 };
-const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
-const _hoisted_3$4 = { class: "ck-popup__slot-header" };
+const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
+const _hoisted_3$5 = { class: "ck-popup__slot-header" };
 const _hoisted_4$3 = { class: "ck-popup__slot-body" };
 const _hoisted_5$1 = {
   key: 0,
@@ -12252,66 +11678,7 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = /* @__PURE__ */ createTextVNode("Cancelar");
 const _hoisted_8 = /* @__PURE__ */ createTextVNode("Aceptar");
-function render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ck_icon = resolveComponent("ck-icon");
-  const _component_ck_button = resolveComponent("ck-button");
-  return $options.value ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
-    _hoisted_2$5,
-    createElementVNode("div", {
-      class: "popup-container",
-      onClick: _cache[4] || (_cache[4] = ($event) => $options.onBgClick())
-    }, [
-      createElementVNode("div", {
-        class: "ck-popup__content",
-        onClick: _cache[3] || (_cache[3] = withModifiers(() => {
-        }, ["stop"]))
-      }, [
-        createElementVNode("div", _hoisted_3$4, [
-          renderSlot(_ctx.$slots, "header", { class: "ml-3" }),
-          !$props.notCloseBtn ? (openBlock(), createBlock(_component_ck_icon, {
-            key: 0,
-            class: "mr-3 close",
-            icon: "times",
-            onClick: _cache[0] || (_cache[0] = ($event) => $options.value = false)
-          })) : createCommentVNode("", true)
-        ]),
-        createElementVNode("div", _hoisted_4$3, [
-          renderSlot(_ctx.$slots, "body")
-        ]),
-        _ctx.$slots.footer || $props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-          renderSlot(_ctx.$slots, "footer"),
-          $props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createVNode(_component_ck_button, {
-              class: "cancel-button",
-              onClick: _cache[1] || (_cache[1] = ($event) => $options.onCancel()),
-              color: "danger"
-            }, {
-              default: withCtx(() => [
-                _hoisted_7
-              ]),
-              _: 1
-            }),
-            createVNode(_component_ck_button, {
-              onClick: _cache[2] || (_cache[2] = ($event) => $options.onAccept())
-            }, {
-              default: withCtx(() => [
-                _hoisted_8
-              ]),
-              _: 1
-            })
-          ])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ])
-    ])
-  ])) : createCommentVNode("", true);
-}
-var ckPopup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$c = {
-  components: {
-    ckButton,
-    ckIcon,
-    VuePerfectScrollbar: dist
-  },
+const __default__$3 = {
   props: {
     modelValue: { type: Boolean },
     confirmButtons: { type: Boolean, default: false },
@@ -12344,11 +11711,65 @@ const _sfc_main$c = {
     }
   }
 };
-var ckPopup = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", render$b]]);
+const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.value ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+        _hoisted_2$6,
+        createElementVNode("div", {
+          class: "popup-container",
+          onClick: _cache[4] || (_cache[4] = ($event) => _ctx.onBgClick())
+        }, [
+          createElementVNode("div", {
+            class: "ck-popup__content",
+            onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            createElementVNode("div", _hoisted_3$5, [
+              renderSlot(_ctx.$slots, "header", { class: "ml-3" }),
+              !__props.notCloseBtn ? (openBlock(), createBlock(ckIcon, {
+                key: 0,
+                class: "mr-3 close",
+                icon: "times",
+                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.value = false)
+              })) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_4$3, [
+              renderSlot(_ctx.$slots, "body")
+            ]),
+            _ctx.$slots.footer || __props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+              renderSlot(_ctx.$slots, "footer"),
+              __props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                createVNode(ckButton, {
+                  class: "cancel-button",
+                  onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onCancel()),
+                  color: "danger"
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_7
+                  ]),
+                  _: 1
+                }),
+                createVNode(ckButton, {
+                  onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onAccept())
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_8
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
+          ])
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+}));
 const _withScopeId$1 = (n) => (pushScopeId("data-v-73a891e8"), n = n(), popScopeId(), n);
-const _hoisted_1$9 = ["onKeyup"];
-const _hoisted_2$4 = ["name", "value", "disabled"];
-const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
+const _hoisted_1$a = ["onKeyup"];
+const _hoisted_2$5 = ["name", "value", "disabled"];
+const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
 const _hoisted_4$2 = {
   key: 0,
   class: "c-Radio__label"
@@ -12374,16 +11795,16 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
         name: $props.name,
         value: item.value,
         disabled: $props.disabled
-      }, null, 8, _hoisted_2$4), [
+      }, null, 8, _hoisted_2$5), [
         [vModelRadio, $options.value]
       ]),
-      _hoisted_3$3,
+      _hoisted_3$4,
       item.label ? (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString(item.label), 1)) : createCommentVNode("", true)
-    ], 16, _hoisted_1$9);
+    ], 16, _hoisted_1$a);
   }), 128);
 }
 var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$b = {
+const _sfc_main$c = {
   name: "CkRadio",
   props: {
     modelValue: { type: String, default: void 0 },
@@ -12415,7 +11836,7 @@ const _sfc_main$b = {
     }
   }
 };
-var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", render$a], ["__scopeId", "data-v-73a891e8"]]);
+var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", render$a], ["__scopeId", "data-v-73a891e8"]]);
 const qmStr = {
   capitalize(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
@@ -12452,17 +11873,17 @@ const qmStr = {
     return joinArray;
   }
 };
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   class: "ck-select",
   action: "/action_page.php",
   method: "get"
 };
-const _hoisted_2$3 = ["placeholder"];
-const _hoisted_3$2 = { id: "ck-select__list" };
+const _hoisted_2$4 = ["placeholder"];
+const _hoisted_3$3 = { id: "ck-select__list" };
 const _hoisted_4$1 = ["value"];
 function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_label = resolveComponent("ck-label");
-  return openBlock(), createElementBlock("form", _hoisted_1$8, [
+  return openBlock(), createElementBlock("form", _hoisted_1$9, [
     $props.label ? (openBlock(), createBlock(_component_ck_label, {
       key: 0,
       align: $props.labelAlign,
@@ -12481,8 +11902,8 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass($options.computedClass),
       onFocus: _cache[0] || (_cache[0] = ($event) => $options.onFocus($event)),
       onBlur: _cache[1] || (_cache[1] = ($event) => $options.onBlur($event))
-    }, null, 42, _hoisted_2$3),
-    createElementVNode("datalist", _hoisted_3$2, [
+    }, null, 42, _hoisted_2$4),
+    createElementVNode("datalist", _hoisted_3$3, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (option) => {
         return openBlock(), createElementBlock("option", {
           value: option.name
@@ -12492,7 +11913,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$a = {
+const _sfc_main$b = {
   name: "CkSelect",
   components: {
     ckLabel
@@ -12626,11 +12047,11 @@ const _sfc_main$a = {
     }
   }
 };
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", render$9], ["__scopeId", "data-v-b400aa20"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", render$9], ["__scopeId", "data-v-76421759"]]);
 const _withScopeId = (n) => (pushScopeId("data-v-5251135b"), n = n(), popScopeId(), n);
-const _hoisted_1$7 = ["disabled"];
-const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
-const _hoisted_3$1 = {
+const _hoisted_1$8 = ["disabled"];
+const _hoisted_2$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
+const _hoisted_3$2 = {
   key: 0,
   class: "ck-switch__content"
 };
@@ -12651,17 +12072,17 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.value = $event),
       disabled: $props.disabled,
       onClick: _cache[1] || (_cache[1] = ($event) => $options.onTrigger())
-    }, null, 8, _hoisted_1$7), [
+    }, null, 8, _hoisted_1$8), [
       [vModelCheckbox, $options.value]
     ]),
-    _hoisted_2$2,
-    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$1, [
+    _hoisted_2$3,
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$2, [
       renderSlot(_ctx.$slots, "default", {}, void 0, true)
     ])) : createCommentVNode("", true)
   ], 16);
 }
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$9 = {
+const _sfc_main$a = {
   name: "Switch",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -12700,12 +12121,12 @@ const _sfc_main$9 = {
     }
   }
 };
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", render$8], ["__scopeId", "data-v-5251135b"]]);
-const _hoisted_1$6 = { class: "ck-switch-options__container-exterior" };
-const _hoisted_2$1 = ["onClick"];
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", render$8], ["__scopeId", "data-v-5251135b"]]);
+const _hoisted_1$7 = { class: "ck-switch-options__container-exterior" };
+const _hoisted_2$2 = ["onClick"];
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_label = resolveComponent("ck-label");
-  return openBlock(), createElementBlock("div", _hoisted_1$6, [
+  return openBlock(), createElementBlock("div", _hoisted_1$7, [
     $props.label ? (openBlock(), createBlock(_component_ck_label, {
       key: 0,
       align: $props.labelAlign
@@ -12724,13 +12145,13 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
           key: `ck-switch-options${index}`,
           style: normalizeStyle($options.computedItemStyle),
           onClick: ($event) => $options.selectedOption = $options.getOptionValue(Option)
-        }, toDisplayString(Option[$props.prop]), 15, _hoisted_2$1);
+        }, toDisplayString(Option[$props.prop]), 15, _hoisted_2$2);
       }), 128))
     ], 2)
   ]);
 }
 var ckSwitchOptions_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$8 = {
+const _sfc_main$9 = {
   components: {
     ckLabel
   },
@@ -12778,19 +12199,19 @@ const _sfc_main$8 = {
     }
   }
 };
-var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", render$7], ["__scopeId", "data-v-61a29406"]]);
-const _hoisted_1$5 = { class: "ck-tr" };
+var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", render$7], ["__scopeId", "data-v-61a29406"]]);
+const _hoisted_1$6 = { class: "ck-tr" };
 function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("tr", _hoisted_1$5, [
+  return openBlock(), createElementBlock("tr", _hoisted_1$6, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$7 = {};
-var ckTr = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", render$6], ["__scopeId", "data-v-c6fe8e88"]]);
-const _hoisted_1$4 = { class: "ck-th" };
+const _sfc_main$8 = {};
+var ckTr = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", render$6], ["__scopeId", "data-v-c6fe8e88"]]);
+const _hoisted_1$5 = { class: "ck-th" };
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("th", _hoisted_1$4, [
+  return openBlock(), createElementBlock("th", _hoisted_1$5, [
     createElementVNode("span", {
       class: normalizeClass($options.computedSpanClass),
       style: normalizeStyle($options.computedStyle)
@@ -12800,7 +12221,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$6 = {
+const _sfc_main$7 = {
   props: {
     align: { type: String, default: "center", validator: validators.align },
     minWidth: { type: String, default: void 0 }
@@ -12821,7 +12242,7 @@ const _sfc_main$6 = {
     }
   }
 };
-var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", render$5], ["__scopeId", "data-v-e9943550"]]);
+var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", render$5], ["__scopeId", "data-v-e9943550"]]);
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_th = resolveComponent("ck-th");
   return $options.isVisible ? (openBlock(), createBlock(_component_ck_th, {
@@ -12835,7 +12256,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["align", "min-width"])) : createCommentVNode("", true);
 }
-const _sfc_main$5 = {
+const _sfc_main$6 = {
   components: {
     ckTh
   },
@@ -12848,44 +12269,204 @@ const _sfc_main$5 = {
     }
   }
 };
-var ckTableTitle = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", render$4]]);
+var ckTableTitle = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", render$4]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$3 = { class: "ck-table__header-items" };
-const __default__$1 = {
+const _hoisted_1$4 = { class: "ck-table__header-items" };
+const __default__$2 = {
   props: {
-    refreshBtn: { type: Boolean, required: true },
+    search: { type: String, default: void 0 },
+    hideRefreshBtn: { type: Boolean, required: true },
     hideItemsPerPage: { type: Boolean, required: true },
-    hideSearch: { type: Boolean, required: true }
+    currentPage: { type: Number, required: true },
+    itemsPerPage: { type: Number, required: true },
+    listLength: { type: Number, required: true }
   },
-  emits: ["refreshList", "update:search"]
+  emits: ["refreshList", "update:search"],
+  computed: {
+    searchLocal: {
+      get() {
+        return this.search;
+      },
+      set(val) {
+        this.$emit("update:search", val);
+      }
+    },
+    hideSearch() {
+      return typeof this.searchLocal === "undefined";
+    },
+    itemsPerPageStart() {
+      return (this.currentPage - 1) * this.itemsPerPage + 1;
+    },
+    itemsPerPageEnd() {
+      const value2 = this.currentPage * this.itemsPerPage;
+      if (value2 > this.listLength)
+        return this.listLength;
+      return value2;
+    },
+    itemsPerPageStart() {
+      return (this.currentPage - 1) * this.itemsPerPage + 1;
+    }
+  }
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
   setup(__props) {
-    const searchLocal = "holi";
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        !__props.refreshBtn ? (openBlock(), createBlock(ckButton, {
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        !__props.hideRefreshBtn ? (openBlock(), createBlock(ckButton, {
           key: 0,
           type: "flat",
           icon: "redo-alt",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refreshList"))
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refreshList", false))
         })) : createCommentVNode("", true),
-        !__props.hideItemsPerPage ? (openBlock(), createElementBlock("div", {
+        !__props.hideItemsPerPage && __props.listLength ? (openBlock(), createElementBlock("div", {
           key: 1,
-          class: normalizeClass(["items-per-page", { "ck-component__group--left": !__props.hideSearch }])
-        }, "1 - 20 de 38", 2)) : createCommentVNode("", true),
-        !__props.hideSearch ? (openBlock(), createBlock(ckInputText, {
+          class: normalizeClass(["items-per-page", { "ck-component__group--left": !_ctx.hideSearch }])
+        }, toDisplayString(_ctx.itemsPerPageStart) + " - " + toDisplayString(_ctx.itemsPerPageEnd) + " de " + toDisplayString(__props.listLength), 3)) : createCommentVNode("", true),
+        !_ctx.hideSearch ? (openBlock(), createBlock(ckInputText, {
           key: 2,
-          modelValue: searchLocal,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchLocal = $event),
+          modelValue: _ctx.searchLocal,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(searchLocal) ? searchLocal.value = $event : null),
+          icon: "search",
           placeholder: "Buscar...",
-          group: __props.hideItemsPerPage ? "" : "right"
-        }, null, 8, ["group"])) : createCommentVNode("", true)
+          group: __props.hideItemsPerPage ? "" : "right",
+          onChange: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("refreshList", false))
+        }, null, 8, ["modelValue", "group"])) : createCommentVNode("", true)
       ]);
     };
   }
 }));
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-09927bf3"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-fb391b2a"]]);
+var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$3 = { class: "ck-table__pagination" };
+const _hoisted_2$1 = ["onClick"];
+const _hoisted_3$1 = ["onClick"];
+const itemsShowed = 5;
+const __default__$1 = {
+  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;
+      console.log(this.listRight.length - 1);
+      console.log(this.listRight[this.listRight.length - 1]);
+      console.log("this.totalPages", this.totalPages);
+      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) {
+      console.log("val", 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);
+      console.log("val", val);
+    }
+  }
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.currentPage ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["ck-table__pagination-container", `pagination-align--${__props.align}`])
+      }, [
+        createElementVNode("div", _hoisted_1$3, [
+          _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$1);
+          }), 256)),
+          createVNode(ckInputText, {
+            class: "ck-table__pagination-input",
+            autoSelect: "",
+            width: "50px",
+            align: "center",
+            modelValue: _ctx.currentPageLocal2,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(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);
+    };
+  }
+}));
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b7f9d2da"]]);
 var ckTable_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$2 = { class: "ck-table" };
 const _hoisted_2 = {
@@ -12895,24 +12476,42 @@ const _hoisted_2 = {
 const _hoisted_3 = { class: "ck-table__table" };
 const _hoisted_4 = { key: 0 };
 const _hoisted_5 = { key: 1 };
+const defaultPaginationAlign = "center";
+const defaultItemsPerPage = 40;
 const __default__ = {
   props: {
     columns: { type: Array, required: true, default: () => [] },
-    search: { type: String, default: "asd" },
+    currentPage: { type: Number, default: 0 },
+    itemsPerPage: { type: Number, default: defaultItemsPerPage },
+    listLength: { type: Number, default: 0 },
+    paginationAlign: { type: String, default: defaultPaginationAlign, validator: validators.align },
+    search: { type: String, default: void 0 },
     hideHeaderActions: { type: Boolean, default: false },
-    refreshBtn: { type: Boolean, default: false },
-    hideItemsPerPage: { type: Boolean, default: false },
-    hideSearch: { type: Boolean, default: false }
+    hideRefreshBtn: { type: Boolean, default: false },
+    hideItemsPerPage: { type: Boolean, default: false }
   },
-  emits: ["refreshList", "update:search"],
+  emits: ["refreshList", "update:search", "update:currentPage"],
   computed: {
     searchLocal: {
       get() {
         return this.search;
       },
-      get(val) {
+      set(val) {
         this.$emit("update:search", val);
       }
+    },
+    currentPageLocal: {
+      get() {
+        return this.currentPage;
+      },
+      set(val) {
+        this.$emit("update:currentPage", val);
+      }
+    }
+  },
+  methods: {
+    refreshList(pageChange = false) {
+      this.$emit("refreshList", pageChange);
     }
   }
 };
@@ -12924,11 +12523,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           renderSlot(_ctx.$slots, "header", {}, void 0, true),
           !__props.hideHeaderActions ? (openBlock(), createBlock(TableHeaderItems, {
             key: 0,
-            refreshBtn: __props.refreshBtn,
+            search: _ctx.searchLocal,
+            "onUpdate:search": _cache[0] || (_cache[0] = ($event) => isRef(searchLocal) ? searchLocal.value = $event : null),
+            currentPage: _ctx.currentPageLocal,
+            itemsPerPage: __props.itemsPerPage,
+            listLength: __props.listLength,
+            hideRefreshBtn: __props.hideRefreshBtn,
             hideItemsPerPage: __props.hideItemsPerPage,
-            hideSearch: __props.hideSearch,
-            onRefreshList: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refreshList", _ctx.$evemt))
-          }, null, 8, ["refreshBtn", "hideItemsPerPage", "hideSearch"])) : createCommentVNode("", true)
+            onRefreshList: _cache[1] || (_cache[1] = ($event) => _ctx.refreshList($event))
+          }, null, 8, ["search", "currentPage", "itemsPerPage", "listLength", "hideRefreshBtn", "hideItemsPerPage"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createElementVNode("table", _hoisted_3, [
           __props.columns.length ? (openBlock(), createElementBlock("thead", _hoisted_4, [
@@ -12950,12 +12553,20 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_5, [
             renderSlot(_ctx.$slots, "footeer", {}, void 0, true)
           ])) : createCommentVNode("", true)
-        ])
+        ]),
+        createVNode(TablePagination, {
+          currentPage: _ctx.currentPageLocal,
+          "onUpdate:currentPage": _cache[2] || (_cache[2] = ($event) => isRef(currentPageLocal) ? currentPageLocal.value = $event : null),
+          itemsPerPage: __props.itemsPerPage,
+          listLength: __props.listLength,
+          align: __props.paginationAlign,
+          onRefreshList: _cache[3] || (_cache[3] = ($event) => _ctx.refreshList(true))
+        }, null, 8, ["currentPage", "itemsPerPage", "listLength", "align"])
       ]);
     };
   }
 }));
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-144557a6"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7f2e2c40"]]);
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("td", {
     class: normalizeClass(["ck-td", $options.computedTdClass])
@@ -13241,7 +12852,7 @@ function contains(parent, child) {
   }
   return false;
 }
-function getComputedStyle$1(element) {
+function getComputedStyle(element) {
   return getWindow(element).getComputedStyle(element);
 }
 function isTableElement(element) {
@@ -13257,7 +12868,7 @@ function getParentNode(element) {
   return element.assignedSlot || element.parentNode || (isShadowRoot(element) ? element.host : null) || getDocumentElement(element);
 }
 function getTrueOffsetParent(element) {
-  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
     return null;
   }
   return element.offsetParent;
@@ -13266,14 +12877,14 @@ function getContainingBlock(element) {
   var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
   var isIE = navigator.userAgent.indexOf("Trident") !== -1;
   if (isIE && isHTMLElement(element)) {
-    var elementCss = getComputedStyle$1(element);
+    var elementCss = getComputedStyle(element);
     if (elementCss.position === "fixed") {
       return null;
     }
   }
   var currentNode = getParentNode(element);
   while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
-    var css2 = getComputedStyle$1(currentNode);
+    var css2 = getComputedStyle(currentNode);
     if (css2.transform !== "none" || css2.perspective !== "none" || css2.contain === "paint" || ["transform", "perspective"].indexOf(css2.willChange) !== -1 || isFirefox && css2.willChange === "filter" || isFirefox && css2.filter && css2.filter !== "none") {
       return currentNode;
     } else {
@@ -13285,10 +12896,10 @@ function getContainingBlock(element) {
 function getOffsetParent(element) {
   var window2 = getWindow(element);
   var offsetParent = getTrueOffsetParent(element);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
     offsetParent = getTrueOffsetParent(offsetParent);
   }
-  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static")) {
+  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static")) {
     return window2;
   }
   return offsetParent || getContainingBlock(element) || window2;
@@ -13422,7 +13033,7 @@ function mapToStyles(_ref2) {
     var widthProp = "clientWidth";
     if (offsetParent === getWindow(popper2)) {
       offsetParent = getDocumentElement(popper2);
-      if (getComputedStyle$1(offsetParent).position !== "static" && position === "absolute") {
+      if (getComputedStyle(offsetParent).position !== "static" && position === "absolute") {
         heightProp = "scrollHeight";
         widthProp = "scrollWidth";
       }
@@ -13597,7 +13208,7 @@ function getDocumentRect(element) {
   var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
   var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
   var y = -winScroll.scrollTop;
-  if (getComputedStyle$1(body || html).direction === "rtl") {
+  if (getComputedStyle(body || html).direction === "rtl") {
     x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
   }
   return {
@@ -13608,7 +13219,7 @@ function getDocumentRect(element) {
   };
 }
 function isScrollParent(element) {
-  var _getComputedStyle = getComputedStyle$1(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+  var _getComputedStyle = getComputedStyle(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
   return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
 }
 function getScrollParent(node) {
@@ -13657,7 +13268,7 @@ function getClientRectFromMixedType(element, clippingParent) {
 }
 function getClippingParents(element) {
   var clippingParents2 = listScrollParents(getParentNode(element));
-  var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$1(element).position) >= 0;
+  var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle(element).position) >= 0;
   var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
   if (!isElement$1(clipperElement)) {
     return [];
@@ -15657,7 +15268,7 @@ var components = /* @__PURE__ */ Object.freeze({
   ckImg,
   ckInputText,
   ckLabel,
-  ckPopup,
+  ckPopup: _sfc_main$d,
   ckRadio,
   ckSelect,
   ckSwitch,
@@ -15679,4 +15290,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckIcon, ckImg, ckInputText, ckLabel, 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, ckIcon, ckImg, ckInputText, ckLabel, _sfc_main$d as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };