cleek 2.1.1 → 2.1.6

package/dist/cleek-styles/cleek-mixins.styl

@@ -55,6 +55,8 @@ margin-padding-bottom(val)
 
 my-box-shadow(val = 0.05, color = black)
   box-shadow 0 4px 20px 0 rgba(color, val)
+ck-box-shadow(val = 0.05, color = black)
+  box-shadow 0 4px 20px 0 rgba(color, val)
 // flex shortcuts
 justify-align-center()
   align-items center

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

@@ -1,8 +1,9 @@
+@import './.custom';
 @import './align-items';
 @import './display';
+@import './justify-content';
 @import './margin';
 @import './padding';
+@import './position';
 @import './text-align';
-@import './width';
-@import './.custom';
-@import './justify-content';
+@import './width';

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

@@ -0,0 +1,10 @@
+.static
+  position static
+.fixed
+  position fixed
+.absolute
+  position absolute
+.relative
+  position relative
+.sticky
+  position sticky

package/dist/cleek.es.js

@@ -17,7 +17,98 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed as computed$2, watch, h, openBlock, createElementBlock, normalizeClass, unref as unref$1, createBlock, createCommentVNode, ref, onMounted, getCurrentInstance, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef as isRef$1, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, onMounted, getCurrentInstance, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, withCtx, createTextVNode, toDisplayString, withDirectives, isRef as isRef$1, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+var ckDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1$j = { class: "ck-dropdown" };
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  props: {
+    triggerType: { type: String, default: "click" },
+    dark: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const isOpen = ref(false);
+    const popperRef = ref(null);
+    function openClose() {
+      if (isOpen.value)
+        return;
+      const closeListerner = (event) => {
+        if (popperRef.value != event.target)
+          isOpen.value = false;
+        window.removeEventListener("click", closeListerner);
+      };
+      setTimeout(() => {
+        window.addEventListener("click", closeListerner);
+      });
+      isOpen.value = true;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        createElementVNode("div", {
+          class: "ck-dropdown__trigger",
+          onClick: _cache[0] || (_cache[0] = ($event) => openClose())
+        }, [
+          renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
+        ]),
+        isOpen.value ? (openBlock(), createElementBlock("section", {
+          key: 0,
+          class: normalizeClass(["ck-dropdown__popper", { "ck-dropdown__popper--dark": __props.dark }]),
+          ref_key: "popperRef",
+          ref: popperRef
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(["ck-dropdown__popper--arrow", { "ck-dropdown__popper--arrow--dark": __props.dark }])
+          }, null, 2),
+          renderSlot(_ctx.$slots, "popper", {}, void 0, true)
+        ], 2)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-64a91fb4"]]);
+var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  props: {
+    padding: { type: String, default: 0 },
+    position: { type: String, default: "fixed" }
+  },
+  setup(__props) {
+    const props = __props;
+    const computedClassContent = computed$2(() => {
+      const list = [];
+      if (props.padding)
+        list.push("has-padding");
+      return list;
+    });
+    const computedStyle = computed$2(() => {
+      const list = [];
+      if (props.padding)
+        list.push({ padding: props.padding });
+      if (props.position)
+        list.push({ position: props.position });
+      return list;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "ck-navbar",
+        style: normalizeStyle(unref$1(computedStyle))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["ck-navbar__content", unref$1(computedClassContent)])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 2)
+      ], 4);
+    };
+  }
+});
+var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-5024db6a"]]);
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -11208,13 +11299,6 @@ defineComponent({
   }
 });
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   props: {
     icon: { type: [String, Array], default: "" },
@@ -12252,7 +12336,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-73ff343b"]]);
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-5333de26"]]);
 var globalVariables = {
   defaultFailImg: "df",
   imagesFolderPath: "",
@@ -12274,7 +12358,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     zoomTitle: { type: String, default: "" },
     hasBorder: { type: Boolean, default: false },
     radius: { type: String, default: "" },
-    borderColor: { type: String, default: "" }
+    borderColor: { type: String, default: "" },
+    rounded: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
@@ -12295,6 +12380,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       }
       if (size)
         classList2.push(`ck-img__size--${size}`);
+      if (props.rounded)
+        classList2.push("is-rounded");
       if (props.hasBorder) {
         classList2.push("ck-img__has-border");
         if (functions$1.isColorTemplateVariable(realBorderColor.value)) {
@@ -12368,7 +12455,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-53d78f2e"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-ba1551a2"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = ["for"];
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
@@ -12396,7 +12483,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-6efffcd8"]]);
+var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-ef74ea02"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$d = { class: "ck-input" };
 const _hoisted_2$7 = ["type", "placeholder", "id", "disabled"];
@@ -12504,7 +12591,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-61fababc"]]);
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5db08b1e"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$c = {
   key: 0,
@@ -13270,7 +13357,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-dfbb0b9e"]]);
+var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-2c3e07c8"]]);
 const _hoisted_1$7 = { class: "ck-tr" };
 function render$1(_ctx, _cache) {
   return openBlock(), createElementBlock("tr", _hoisted_1$7, [
@@ -13314,7 +13401,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a6c5a34e"]]);
+var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-c179a3c2"]]);
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   props: {
     col: { type: Object, required: true }
@@ -13369,7 +13456,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return value;
     });
     const itemsPerPageIsVisible = computed$2(() => {
-      return !props.hideItemsPerPage && props.listLength;
+      return !props.hideItemsPerPage && props.listLength && props.currentPage;
     });
     const searchGroupValue = computed$2(() => {
       if (itemsPerPageIsVisible.value && props.hasColumnsManager) {
@@ -13423,7 +13510,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-38244f67"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4f5cca80"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$4 = { class: "ck-table__pagination" };
 const _hoisted_2$2 = ["onClick"];
@@ -13551,7 +13638,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-7ad6042e"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4045b8e3"]]);
 var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$3 = { class: "columns-manger-container" };
 const _hoisted_2$1 = { class: "columns-manger__item" };
@@ -13635,7 +13722,7 @@ const _hoisted_3 = {
   key: 1,
   class: "ck-table__header--slot"
 };
-const _hoisted_4 = { class: "ck-table__table" };
+const _hoisted_4 = { class: "ck-table__table-container" };
 const _hoisted_5 = { key: 0 };
 const _hoisted_6 = { key: 1 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
@@ -13649,7 +13736,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     search: { type: String, default: void 0 },
     hideHeaderActions: { type: Boolean, default: false },
     hideRefreshBtn: { type: Boolean, default: false },
-    hideItemsPerPage: { type: Boolean, default: false }
+    hideItemsPerPage: { type: Boolean, default: false },
+    notFullWidth: { type: Boolean, default: false }
   },
   emits: ["refreshList", "update:search", "update:currentPage"],
   setup(__props, { emit: emits }) {
@@ -13727,28 +13815,33 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          createElementVNode("table", _hoisted_4, [
-            unref$1(filteredColumnsList).length ? (openBlock(), createElementBlock("thead", _hoisted_5, [
-              createVNode(ckTr, null, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
-                    return openBlock(), createBlock(_sfc_main$7, {
-                      key: col.title,
-                      col
-                    }, null, 8, ["col"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ])) : createCommentVNode("", true),
-            createElementVNode("tbody", null, [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ]),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
-              renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-            ])) : createCommentVNode("", true)
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("table", {
+              class: normalizeClass(["ck-table__table", { "not-full-width": __props.notFullWidth }])
+            }, [
+              unref$1(filteredColumnsList).length ? (openBlock(), createElementBlock("thead", _hoisted_5, [
+                createVNode(ckTr, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
+                      return openBlock(), createBlock(_sfc_main$7, {
+                        key: col.title,
+                        col
+                      }, null, 8, ["col"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true),
+              createElementVNode("tbody", null, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ]),
+              _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
+                renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+              ])) : createCommentVNode("", true)
+            ], 2)
           ]),
           createVNode(TablePagination, {
+            class: "ck-table__pagination",
             currentPage: unref$1(currentPageLocal),
             "onUpdate:currentPage": _cache[4] || (_cache[4] = ($event) => isRef$1(currentPageLocal) ? currentPageLocal.value = $event : null),
             itemsPerPage: __props.itemsPerPage,
@@ -13761,12 +13854,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4abe8990"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a5722810"]]);
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
     col: { type: Object, default: void 0 },
-    wrap: { type: Boolean, default: false },
+    nowrap: { type: Boolean, default: false },
     block: { type: Boolean, default: false },
     autoWidth: { type: Boolean, default: false },
     align: { type: String, default: void 0, validator: validators.align },
@@ -13798,7 +13891,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (props.block)
         list.push("block");
       if (props.block)
-        list.push("wrap-text");
+        list.push("no-wrap-text");
       return list;
     });
     const computedStyle = computed$2(() => {
@@ -13835,7 +13928,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c34b91ca"]]);
+var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-47b8a441"]]);
 var ckTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$1 = { class: "ck-textarea" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -16476,6 +16569,8 @@ const unlockScroll = () => {
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
+  ckDropdown,
+  ckNavbar,
   ckButton,
   ckCheckbox,
   ckChip,
@@ -16530,4 +16625,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckIcon, ckImg, ckInput, ckLabel, _sfc_main$e as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };
+export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, ckNavbar, _sfc_main$e as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };