cleek 2.3.59 → 2.3.60

package/dist/cleek-styles/tiny-tailwind/width.styl

@@ -1,3 +1,7 @@
+// custom
+.w-half
+  width 50%
+// tailwind
 .w-0
   width 0px
 .w-px

package/dist/cleek.es.js

@@ -2538,7 +2538,7 @@ const _sfc_main$1$1 = defineComponent(__spreadProps2(__spreadValues2({}, Private
   name: "VTooltip",
   vPopperTheme: "tooltip"
 }));
-const _sfc_main$p = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "VTooltipDirective",
   components: {
     Popper: PrivatePopper(),
@@ -2629,7 +2629,7 @@ const _sfc_main$p = defineComponent({
     }
   }
 });
-const _hoisted_1$k = ["innerHTML"];
+const _hoisted_1$l = ["innerHTML"];
 const _hoisted_2$a = ["textContent"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PopperContent = resolveComponent("PopperContent");
@@ -2673,7 +2673,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.html ? (openBlock(), createElementBlock("div", {
             key: 0,
             innerHTML: _ctx.finalContent
-          }, null, 8, _hoisted_1$k)) : (openBlock(), createElementBlock("div", {
+          }, null, 8, _hoisted_1$l)) : (openBlock(), createElementBlock("div", {
             key: 1,
             textContent: toDisplayString(_ctx.finalContent)
           }, null, 8, _hoisted_2$a))
@@ -2684,7 +2684,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16, ["theme", "popper-node", "onApplyShow", "onApplyHide"]);
 }
-var PrivateTooltipDirective = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["render", _sfc_render]]);
+var PrivateTooltipDirective = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["render", _sfc_render]]);
 const TARGET_CLASS = "v-popper--has-tooltip";
 function getPlacement(options2, modifiers) {
   let result = options2.placement;
@@ -18680,8 +18680,8 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$j = { class: "ck-dropdown__popper-container" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = { class: "ck-dropdown__popper-container" };
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   props: {
     dark: { type: Boolean },
     align: null
@@ -18719,7 +18719,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
         ]),
-        createElementVNode("div", _hoisted_1$j, [
+        createElementVNode("div", _hoisted_1$k, [
           isOpen.value ? (openBlock(), createElementBlock("section", {
             key: 0,
             class: normalizeClass(["ck-dropdown__popper", { "ck-dropdown__popper--dark": __props.dark }]),
@@ -18736,9 +18736,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-ba11ff8e"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-ba11ff8e"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   props: {
     padding: null,
     position: null
@@ -18775,7 +18775,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-e0fbc7aa"]]);
+var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-e0fbc7aa"]]);
 var commonjsGlobal = typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function createCommonjsModule(fn, module) {
   return module = { exports: {} }, fn(module, module.exports), module.exports;
@@ -19277,7 +19277,7 @@ var functions = {
   }
 };
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {
     icon: null,
     color: null,
@@ -19347,13 +19347,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-8816423e"]]);
+var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-8816423e"]]);
 var ckNotify_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$i = { class: "ck-notify__container" };
+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({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   setup(__props, { expose }) {
     expose({
       CkNotify,
@@ -19396,7 +19396,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         key: 0,
         to: "body"
       }, [
-        createElementVNode("div", _hoisted_1$i, [
+        createElementVNode("div", _hoisted_1$j, [
           createElementVNode("div", {
             class: "ck-notify",
             style: normalizeStyle({ "background-color": globalColor.value }),
@@ -19415,18 +19415,18 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckNotify = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-6ff0bf0d"]]);
-const _hoisted_1$h = { class: "ck-tr" };
+var ckNotify = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-6ff0bf0d"]]);
+const _hoisted_1$i = { class: "ck-tr" };
 function render2(_ctx, _cache) {
-  return openBlock(), createElementBlock("tr", _hoisted_1$h, [
+  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", render2], ["__scopeId", "data-v-519cf874"]]);
+const _sfc_main$l = {};
+var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", render2], ["__scopeId", "data-v-519cf874"]]);
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   props: {
     col: null,
     nowrap: { type: Boolean },
@@ -19515,7 +19515,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-3abbbf2a"]]);
+var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-3abbbf2a"]]);
 var axios$2 = { exports: {} };
 var bind$2 = function bind2(fn, thisArg) {
   return function wrap() {
@@ -20853,8 +20853,8 @@ const qmStr = {
   }
 };
 var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$g = { class: "ck-th" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = { class: "ck-th" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   props: {
     align: null,
     minWidth: null
@@ -20874,7 +20874,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       return list;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("th", _hoisted_1$g, [
+      return openBlock(), createElementBlock("th", _hoisted_1$h, [
         createElementVNode("span", {
           class: normalizeClass(unref$1(computedSpanClass)),
           style: normalizeStyle(unref$1(computedStyle))
@@ -20885,8 +20885,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkTh = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-33e06a08"]]);
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+var CkTh = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-33e06a08"]]);
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   props: {
     col: null
   },
@@ -20923,8 +20923,8 @@ function useWindowWidth() {
   };
 }
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$f = ["title", "aria-label", "disabled"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = ["title", "aria-label", "disabled"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   props: {
     title: null,
     disabled: { type: Boolean },
@@ -21034,14 +21034,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           icon: __props.iconRight,
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$f);
+      ], 14, _hoisted_1$g);
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-debd87be"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-debd87be"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$e = ["for"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = ["for"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
     for: null,
     align: null,
@@ -21065,14 +21065,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         for: __props.for
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$e);
+      ], 10, _hoisted_1$f);
     };
   }
 });
-var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-43625692"]]);
+var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-43625692"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$d = ["autocomplete", "type", "placeholder", "disabled"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["autocomplete", "type", "placeholder", "disabled"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     type: null,
@@ -21217,7 +21217,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           onChange: _cache[1] || (_cache[1] = ($event) => onChange2($event)),
           onInput: _cache[2] || (_cache[2] = ($event) => onInput($event)),
           onClick: _cache[3] || (_cache[3] = ($event) => onClick2($event))
-        }, null, 42, _hoisted_1$d), [
+        }, null, 42, _hoisted_1$e), [
           [vModelDynamic, unref$1(value)]
         ]),
         __props.iconRight ? (openBlock(), createBlock(CkIcon, {
@@ -21231,10 +21231,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-30f54a2c"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-30f54a2c"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$c = { class: "ck-table__header-items" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { class: "ck-table__header-items" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   props: {
     search: null,
     hasColumnsManager: { type: Boolean },
@@ -21297,7 +21297,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       checkRefresh
     ]);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         !__props.hideHeaderActions ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           unref$1(refreshBtnIsVisible) ? (openBlock(), createBlock(CkButton, {
             key: 0,
@@ -21332,12 +21332,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-76d9dde9"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-76d9dde9"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$b = { class: "ck-table__pagination" };
+const _hoisted_1$c = { class: "ck-table__pagination" };
 const _hoisted_2$8 = ["onClick"];
 const _hoisted_3$5 = ["onClick"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   props: {
     currentPage: null,
     align: null,
@@ -21415,7 +21415,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         key: 0,
         class: normalizeClass(["ck-table__pagination-container", `pagination-align--${__props.align}`])
       }, [
-        createElementVNode("div", _hoisted_1$b, [
+        createElementVNode("div", _hoisted_1$c, [
           unref$1(hasArrowLeft) ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ck-table__pagination--arrow-left",
@@ -21457,7 +21457,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b8a184d6"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-b8a184d6"]]);
 const EMPTY_OBJ = {};
 const NOOP = () => {
 };
@@ -22230,13 +22230,13 @@ const computed = (getterOrOptions, debugOptions) => {
 };
 var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$2 = (n) => (pushScopeId("data-v-113ac83f"), n = n(), popScopeId(), n);
-const _hoisted_1$a = ["disabled", "checked"];
+const _hoisted_1$b = ["disabled", "checked"];
 const _hoisted_2$7 = /* @__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$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     label: null,
@@ -22284,7 +22284,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             value.value = $event.target.checked;
             onChange2($event);
           })
-        }, null, 40, _hoisted_1$a),
+        }, null, 40, _hoisted_1$b),
         _hoisted_2$7,
         _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$4, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -22293,9 +22293,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-113ac83f"]]);
+var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-113ac83f"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
   key: 0,
   class: "ck-popup"
 };
@@ -22316,7 +22316,7 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = /* @__PURE__ */ createTextVNode("Cancelar");
 const _hoisted_9 = /* @__PURE__ */ createTextVNode("Aceptar");
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     title: null,
@@ -22361,7 +22361,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       isActive.value = false;
     }
     return (_ctx, _cache) => {
-      return unref$1(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return unref$1(isActive) ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
         _hoisted_2$6,
         createElementVNode("div", {
           class: "popup-container",
@@ -22417,9 +22417,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$8 = { class: "columns-manger-container" };
+const _hoisted_1$9 = { class: "columns-manger-container" };
 const _hoisted_2$5 = { class: "columns-manger__item" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     columns: null,
@@ -22459,13 +22459,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       props.columns[colName].isDisplayed = value;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      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$8, [
+          createElementVNode("div", _hoisted_1$9, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(columnsCheckable), (col) => {
               return openBlock(), createElementBlock("div", _hoisted_2$5, [
                 createVNode(CkCheckbox, {
@@ -22487,10 +22487,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-2d6fd542"]]);
+var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-2d6fd542"]]);
 var ckTable_vue_vue_type_style_index_0_lang = "";
 var ckTable_vue_vue_type_style_index_1_scoped_true_lang = "";
-const _hoisted_1$7 = { class: "ck-table" };
+const _hoisted_1$8 = { class: "ck-table" };
 const _hoisted_2$4 = {
   key: 0,
   class: "ck-table__header"
@@ -22505,7 +22505,7 @@ const _hoisted_6 = {
   key: 2,
   class: "ck-table--mobile-container"
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   props: {
     columns: null,
     hasColumnsManager: { type: Boolean },
@@ -22609,7 +22609,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       TableColumnsManager,
       TablePagination,
       TableHeaderItems,
-      _sfc_main$h
+      _sfc_main$i
     ]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
@@ -22620,7 +22620,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           columnsArray: unref$1(columnsArray),
           columns: __props.columns || []
         }, null, 8, ["modelValue", "columnsArray", "columns"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_1$8, [
           _ctx.$slots.header || !__props.hideHeaderActions ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
             createVNode(TableHeaderItems, {
               search: unref$1(searchLocal),
@@ -22650,7 +22650,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 createVNode(CkTr, null, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
-                      return openBlock(), createBlock(_sfc_main$h, {
+                      return openBlock(), createBlock(_sfc_main$i, {
                         key: col.title,
                         col
                       }, null, 8, ["col"]);
@@ -22700,10 +22700,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-26890d44"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-26890d44"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$6 = ["color"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = ["color"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {
     size: null,
     color: null,
@@ -22738,13 +22738,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 14, _hoisted_1$6);
+      ], 14, _hoisted_1$7);
     };
   }
 });
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-36521210"]]);
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-36521210"]]);
 var ckDiv_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   props: {
     widthBreaks: null
   },
@@ -22778,8 +22778,8 @@ var globalVariables = {
   defaultImgBorderColor: "#EEEEEE"
 };
 var ckImg_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$5 = ["src", "alt"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = ["src", "alt"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   props: {
     src: null,
     failImgSrc: null,
@@ -22888,22 +22888,22 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(unref$1(computedImgStyle)),
           alt: __props.alt,
           onError: _cache[0] || (_cache[0] = ($event) => altNeeded.value = true)
-        }, null, 44, _hoisted_1$5)
+        }, null, 44, _hoisted_1$6)
       ], 6);
     };
   }
 });
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4d100c3a"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4d100c3a"]]);
 var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-2e09b238"), n = n(), popScopeId(), n);
-const _hoisted_1$4 = ["onKeyup"];
+const _hoisted_1$5 = ["onKeyup"];
 const _hoisted_2$3 = ["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$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     name: null,
@@ -22957,16 +22957,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ]),
           _hoisted_3$1,
           option.label ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(option.label), 1)) : createCommentVNode("", true)
-        ], 16, _hoisted_1$4);
+        ], 16, _hoisted_1$5);
       }), 128);
     };
   }
 });
-var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2e09b238"]]);
+var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-2e09b238"]]);
 var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$3 = ["disabled"];
+const _hoisted_1$4 = ["disabled"];
 const _hoisted_2$2 = ["value"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     prop: null,
@@ -23156,14 +23156,84 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               key: option
             }, toDisplayString(getOptionName(option)), 9, _hoisted_2$2);
           }), 128))
-        ], 42, _hoisted_1$3), [
+        ], 42, _hoisted_1$4), [
           [vModelSelect, unref$1(value)]
         ])
       ], 4);
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-37612997"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-37612997"]]);
+var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$3 = {
+  key: 1,
+  class: "sidebar-header-title"
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  props: {
+    modelValue: { type: Boolean },
+    title: null,
+    width: null,
+    rightSide: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const isActive = computed$2({
+      get() {
+        return props.modelValue;
+      },
+      set(val) {
+        emits("update:modelValue", val);
+      }
+    });
+    const computedClass = computed$2(() => {
+      return {
+        "right-side": props.rightSide
+      };
+    });
+    const computedStyle = computed$2(() => {
+      const list = [];
+      if (props.width)
+        list.push({ width: props.width });
+      return list;
+    });
+    return (_ctx, _cache) => {
+      const _component_ck_icon = resolveComponent("ck-icon");
+      return unref$1(isActive) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "ck-sidebar-background",
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => isActive.value = false, ["self"]))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["sidebar-content", unref$1(computedClass)]),
+          style: normalizeStyle(unref$1(computedStyle))
+        }, [
+          createElementVNode("div", {
+            class: "sidebar-header",
+            onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false)
+          }, [
+            __props.rightSide ? (openBlock(), createBlock(_component_ck_icon, {
+              key: 0,
+              class: "mr-2",
+              icon: "times"
+            })) : createCommentVNode("", true),
+            __props.title ? (openBlock(), createElementBlock("div", _hoisted_1$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+            !__props.rightSide ? (openBlock(), createBlock(_component_ck_icon, {
+              key: 2,
+              class: "ml-2",
+              icon: "times"
+            })) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", null, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])
+        ], 6)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-caa98a4c"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-f66bfcc0"), n = n(), popScopeId(), n);
 const _hoisted_1$2 = ["disabled"];
@@ -23399,14 +23469,15 @@ var components = /* @__PURE__ */ Object.freeze({
   CkButton,
   CkCheckbox,
   CkChip: ckChip,
-  CkDiv: _sfc_main$6,
+  CkDiv: _sfc_main$7,
   CkIcon,
   CkImg: ckImg,
   CkInput,
   CkLabel,
-  CkPopup: _sfc_main$a,
+  CkPopup: _sfc_main$b,
   CkRadio: ckRadio,
   CkSelect: ckSelect,
+  CkSidebar: ckSidebar,
   CkSwitch: ckSwitch,
   CkSwitchOptions: ckSwitchOptions,
   CkTextarea: ckTextarea
@@ -23442,4 +23513,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { CkButton, CkCheckbox, ckChip as CkChip, _sfc_main$6 as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, CkLabel, ckNavbar as CkNavbar, ckNotify as CkNotify, _sfc_main$a as CkPopup, ckRadio as CkRadio, ckSelect as CkSelect, ckSwitch as CkSwitch, ckSwitchOptions as CkSwitchOptions, ckTable as CkTable, CkTd, ckTextarea as CkTextarea, CkTh, CkTr, install as default };
+export { CkButton, CkCheckbox, ckChip as CkChip, _sfc_main$7 as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, CkLabel, ckNavbar as CkNavbar, ckNotify as CkNotify, _sfc_main$b as CkPopup, ckRadio as CkRadio, ckSelect as CkSelect, ckSidebar as CkSidebar, ckSwitch as CkSwitch, ckSwitchOptions as CkSwitchOptions, ckTable as CkTable, CkTd, ckTextarea as CkTextarea, CkTh, CkTr, install as default };