cleek 2.4.90 → 2.4.91

package/dist/cleek.es.js

@@ -3809,7 +3809,7 @@ const cleekOptions = {
     clearValue: "auto"
   },
   table: {
-    striped: false
+    striped: void 0
   }
 };
 /*!
@@ -47390,7 +47390,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3a844574"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-2b1cb6d9"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$i = ["for"];
 const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
@@ -49085,7 +49085,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
     showRefreshBtn: { type: Boolean },
     hideItemsPerPage: { type: Boolean },
     notFullWidth: { type: Boolean },
-    striped: { type: Boolean },
+    striped: { type: Boolean, default: void 0 },
     cellPadding: null,
     cellPaddingY: null,
     noResultsText: null,
@@ -49166,7 +49166,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
       }
     }
     const computedClassTable = computed$3(() => {
-      var _a, _b;
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       const list = [];
       if (props.cellPadding)
         list.push(`table__cell-padding--${props.cellPadding}`);
@@ -49174,7 +49174,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
         list.push(`table__cell-padding-y--${props.cellPaddingY}`);
       if (props.notFullWidth)
         list.push("not-full-width");
-      const striped = props.striped || ((_b = (_a = cleekOptions2.value) == null ? void 0 : _a.table) == null ? void 0 : _b.striped);
+      console.log("props.striped", props.striped);
+      console.log("cleekOptions.value?.table?.striped", (_b = (_a = cleekOptions2.value) == null ? void 0 : _a.table) == null ? void 0 : _b.striped);
+      console.log("props.striped ?? cleekOptions.value?.table?.striped", (_e = props.striped) != null ? _e : (_d = (_c = cleekOptions2.value) == null ? void 0 : _c.table) == null ? void 0 : _d.striped);
+      const striped = (_h = props.striped) != null ? _h : (_g = (_f = cleekOptions2.value) == null ? void 0 : _f.table) == null ? void 0 : _g.striped;
       if (striped)
         list.push("striped-table");
       return list;
@@ -49288,7 +49291,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-94f03ea2"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-fc03e496"]]);
 var ckPagination_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
   props: {
@@ -49449,16 +49452,23 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
     textColor: null,
     align: null,
     nowrap: { type: Boolean },
+    layout: null,
     icon: null,
     iconRight: null,
-    iconPack: null
+    iconPack: null,
+    widthBreaks: null,
+    group: null,
+    groupVertical: null
   },
   emits: ["click"],
   setup(__props, { emit: emits }) {
     const props = __props;
     const defaultColor = "primary";
     const defaultSize = "s";
+    const { windowWidth } = useWindowWidth();
+    let cleekOptions2 = ref();
     const computedClass = computed$3(() => {
+      var _a;
       const list = [];
       if (!props.color || hooks9.isColorTemplateVariable(props.color)) {
         list.push(`ck-component__bg-color--${props.color || defaultColor}`);
@@ -49468,16 +49478,29 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
         list.push(`align--${props.align}`);
       if (props.nowrap)
         list.push(`ck-chip--${props.nowrap}`);
+      const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
+      if (layout)
+        list.push(layout);
+      list.push(hooks9.getGroupClass(props, windowWidth.value));
       return list;
     });
     const computedStyle = computed$3(() => {
       const list = [];
+      if (props.widthBreaks) {
+        const width = hooks9.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
+        if (width) {
+          list.push({ width });
+        }
+      }
       if (props.color && !hooks9.isColorTemplateVariable(props.color)) {
         list.push({ backgroundColor: props.color });
         list.push({ color: props.textColor || "white" });
       }
       return list;
     });
+    onMounted(() => {
+      cleekOptions2.value = hooks9.getCleekOptions(getCurrentInstance);
+    });
     return (_ctx, _cache) => {
       return openBlock$1(), createElementBlock$1("div", {
         class: normalizeClass$1(["ck-chip", unref$2(computedClass)]),
@@ -49485,26 +49508,26 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
         style: normalizeStyle$1(unref$2(computedStyle)),
         onClick: _cache[0] || (_cache[0] = ($event) => emits("click", $event))
       }, [
-        __props.icon && !__props.iconRight ? (openBlock$1(), createBlock$1(CkIcon, {
+        __props.icon ? (openBlock$1(), createBlock$1(CkIcon, {
           key: 0,
-          class: "pr-2",
+          class: normalizeClass$1(["mr-2", { "just-icon": !_ctx.$slots.default }]),
           icon: __props.icon,
           "icon-pack": __props.iconPack
-        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode$1("", true),
+        }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode$1("", true),
         createElementVNode("span", null, [
           renderSlot$1(_ctx.$slots, "default", {}, void 0, true)
         ]),
-        __props.icon && __props.iconRight ? (openBlock$1(), createBlock$1(CkIcon, {
+        __props.iconRight ? (openBlock$1(), createBlock$1(CkIcon, {
           key: 1,
-          class: "pl-2",
-          icon: __props.icon,
+          class: normalizeClass$1(["ml-2", { "just-icon": !_ctx.$slots.default }]),
+          icon: __props.iconRight,
           "icon-pack": __props.iconPack
-        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode$1("", true)
+        }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode$1("", true)
       ], 14, _hoisted_1$a);
     };
   }
 });
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-03892d67"]]);
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-7140502e"]]);
 var ckDiv_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
   props: {