cleek 2.1.3 → 2.1.8

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,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, watch, h, unref as unref$1, createBlock, onMounted, getCurrentInstance, mergeProps, withKeys, withModifiers, 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;
@@ -27,7 +27,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1$j = { class: "ck-dropdown" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {
     triggerType: { type: String, default: "click" },
     dark: { type: Boolean, default: false }
@@ -71,7 +71,44 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-64a91fb4"]]);
+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);
@@ -12299,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: "",
@@ -12321,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;
@@ -12336,12 +12374,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     });
     const computedClass = computed$2(() => {
       const classList2 = [];
-      let size = props.size;
-      if (!size && !props.sizeAbsolute && !props.width && !props.height) {
-        size = "m";
-      }
-      if (size)
-        classList2.push(`ck-img__size--${size}`);
+      console.log("img size", props.size);
+      if (props.size)
+        classList2.push(`ck-img__size--${props.size}`);
+      if (props.rounded)
+        classList2.push("is-rounded");
       if (props.hasBorder) {
         classList2.push("ck-img__has-border");
         if (functions$1.isColorTemplateVariable(realBorderColor.value)) {
@@ -12415,7 +12452,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-73b4f438"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = ["for"];
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
@@ -12443,7 +12480,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"];
@@ -12551,7 +12588,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,
@@ -13317,7 +13354,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, [
@@ -13470,7 +13507,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-350be915"]]);
+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"];
@@ -13598,7 +13635,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" };
@@ -13822,6 +13859,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     nowrap: { type: Boolean, default: false },
     block: { type: Boolean, default: false },
     autoWidth: { type: Boolean, default: false },
+    overflowAuto: { type: Boolean, default: false },
     align: { type: String, default: void 0, validator: validators.align },
     fixedWidth: { type: String, default: "" },
     minWidth: { type: String, default: "" },
@@ -13832,7 +13870,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const computedTdClass = computed$2(() => {
       return {
-        "auto-width": props.autoWidth
+        "auto-width": props.autoWidth,
+        "overflow-auto": props.overflowAuto
       };
     });
     const computedSpanClass = computed$2(() => {
@@ -13888,7 +13927,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-47b8a441"]]);
+var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-63af303c"]]);
 var ckTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$1 = { class: "ck-textarea" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -16530,6 +16569,7 @@ var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
   ckDropdown,
+  ckNavbar,
   ckButton,
   ckCheckbox,
   ckChip,
@@ -16584,4 +16624,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, _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 };