cleek 2.1.17 → 2.1.21

package/dist/cleek-styles/tiny-tailwind/font-weight.styl

@@ -0,0 +1,18 @@
+.font-thin
+  font-weight 100
+.font-extralight
+  font-weight 200
+.font-light
+  font-weight 300
+.font-normal
+  font-weight 400
+.font-medium
+  font-weight 500
+.font-semibold
+  font-weight 600
+.font-bold
+  font-weight 700
+.font-extrabold
+  font-weight 800
+.font-black
+  font-weight 900

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

@@ -1,6 +1,7 @@
 @import './.custom';
 @import './align-items';
 @import './display';
+@import './font-weight';
 @import './justify-content';
 @import './margin';
 @import './padding';

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, normalizeStyle, unref as unref$1, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, 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, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, nextTick as nextTick$1, onBeforeUnmount, 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;
@@ -11501,6 +11501,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     type: { type: String, default: "outlined", validator: validators.buttonType },
     color: { type: String, default: "primary" },
     align: { type: String, default: "left", validator: validators.align },
+    size: { type: String, default: "m", validator: validators.size },
     icon: { type: [String, Array], default: void 0 },
     iconPack: { type: String, default: void 0 },
     iconRight: { type: String, default: void 0 },
@@ -11513,7 +11514,6 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    let context;
     const isMounted = ref(false);
     const computedClass = computed$2(() => {
       const classList2 = [];
@@ -11528,25 +11528,21 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       if (props.align !== "left") {
         classList2.push(`ck-button__align--${props.align}`);
       }
-      if (isMounted.value) {
-        if (!context.$slots.default) {
-          if (props.icon || props.iconRight) {
-            if (!(props.icon && props.iconRight))
-              classList2.push("just-icon");
-          }
-        }
-      }
+      if (isMounted.value)
+        ;
       let type = props.type;
       if (!validators.buttonType(props.type))
         type = "outlined";
       classList2.push(`type-${type}`);
+      if (props.size)
+        classList2.push(`rs-component-size__${props.size}`);
       return classList2;
     });
     function onClick(event) {
       emits("click", event);
     }
     onMounted(() => {
-      context = getCurrentInstance().ctx;
+      getCurrentInstance().ctx;
       isMounted.value = true;
     });
     return (_ctx, _cache) => {
@@ -11575,7 +11571,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-36b03be6"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0641f9bc"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = ["for"];
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
@@ -13279,7 +13275,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     hideHeaderActions: { type: Boolean, default: false },
     showRefreshBtn: { type: Boolean, default: false },
     hideItemsPerPage: { type: Boolean, default: false },
-    notFullWidth: { type: Boolean, default: false }
+    notFullWidth: { type: Boolean, default: false },
+    mobileMaxWidth: { type: [Number, String], default: 800 }
   },
   emits: ["refreshList", "update:search", "update:currentPage"],
   setup(__props, { emit: emits }) {
@@ -13319,6 +13316,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         emits("update:currentPage", val);
       }
     });
+    const isMobileVisible = computed$2(() => {
+      return realWindowWidth.value <= +props.mobileMaxWidth;
+    });
     function refreshList(pageChange = false) {
       emits("refreshList", pageChange);
     }
@@ -13329,6 +13329,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         console.log("ERROR ck-table", "The columns list should be an object");
       }
     }
+    const realWindowWidth = ref(0);
+    function handleWindowResize(event) {
+      realWindowWidth.value = event.currentTarget.innerWidth;
+    }
+    onMounted(() => {
+      nextTick$1(() => {
+        window.addEventListener("resize", handleWindowResize);
+      });
+      realWindowWidth.value = window.innerWidth;
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("resize", handleWindowResize);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         __props.hasColumnsManager && unref$1(columnsAreObj) ? (openBlock(), createBlock(TableColumnsManager, {
@@ -13361,7 +13374,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             createElementVNode("table", {
               class: normalizeClass(["ck-table__table", { "not-full-width": __props.notFullWidth }])
             }, [
-              unref$1(filteredColumnsList).length ? (openBlock(), createElementBlock("thead", _hoisted_5, [
+              unref$1(filteredColumnsList).length && !(_ctx.$slots.mobile && unref$1(isMobileVisible)) ? (openBlock(), createElementBlock("thead", _hoisted_5, [
                 createVNode(ckTr, null, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
@@ -13375,7 +13388,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 })
               ])) : createCommentVNode("", true),
               createElementVNode("tbody", null, [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                renderSlot(_ctx.$slots, "default", {}, void 0, true),
+                !unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "desktop", { key: 0 }, void 0, true) : createCommentVNode("", true),
+                unref$1(isMobileVisible) ? renderSlot(_ctx.$slots, "mobile", { key: 1 }, void 0, true) : createCommentVNode("", true)
               ]),
               _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
                 renderSlot(_ctx.$slots, "footer", {}, void 0, true)
@@ -13396,7 +13411,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-160656a0"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6ea45185"]]);
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {