cleek 2.1.2 → 2.1.7

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" };
@@ -16482,6 +16569,8 @@ const unlockScroll = () => {
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
+  ckDropdown,
+  ckNavbar,
   ckButton,
   ckCheckbox,
   ckChip,
@@ -16536,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 };