cleek 2.10.57 → 2.10.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.es.js CHANGED
@@ -110122,46 +110122,47 @@ const rd6 = /* @__PURE__ */ Z1(od6, [["__scopeId", "data-v-780265b9"]]), ld6 = [
110122
110122
  },
110123
110123
  emits: ["click"],
110124
110124
  setup(c, { emit: e }) {
110125
- const a = c, { windowWidth: n } = V8(), { cleekOptions: i } = _3(b3()), t = e, o = _(() => a.type ? a.type : i.value ? i.value.chip.type : md6), r = _(() => {
110126
- const f = [];
110127
- return (!a.color || M1.isColorTemplateVariable(a.color)) && o.value !== "outlined" && f.push(`ck-component__bg-color--${a.color || fd6}`), o.value === "outlined" && f.push("type--outlined"), f.push(M1.getGroupClass(a, n.value)), f.push(`size-${a.size || Cd6}`), a.align && f.push(`align--${a.align}`), a.nowrap && f.push(`ck-chip--${a.nowrap}`), a.clickable && f.push("clickable"), f;
110125
+ const a = c, { windowWidth: n } = V8(), { cleekOptions: i } = _3(b3()), t = e, o = _(() => a.type ? a.type : i.value ? i.value.chip.type : md6), r = _(() => a.color || fd6), l = _(() => {
110126
+ const C = [];
110127
+ return o.value === "outlined" ? C.push("type--outlined") : M1.isColorTemplateVariable(r.value) && C.push(`ck-component__bg-color--${r.value}`), C.push(M1.getGroupClass(a, n.value)), C.push(`size-${a.size || Cd6}`), a.align && C.push(`align--${a.align}`), a.nowrap && C.push(`ck-chip--${a.nowrap}`), a.clickable && C.push("clickable"), C;
110128
110128
  });
110129
- function l(f) {
110130
- return M1.isColorTemplateVariable(f) ? M1.getColorHexFromTemplateVariable(f, i.value.colors) : f;
110129
+ function s(C) {
110130
+ return M1.isColorTemplateVariable(C) ? M1.getColorHexFromTemplateVariable(C, i.value.colors) : C;
110131
110131
  }
110132
- const s = _(() => {
110133
- const f = [];
110134
- if (a.color && !M1.isColorTemplateVariable(a.color) && o.value !== "outlined" && (f.push({ backgroundColor: a.color }), f.push({ color: a.textColor || sd6 })), o.value === "outlined" && a.color) {
110135
- const C = l(a.color), m = l(a.textColor || a.color);
110136
- f.push({ "--chip-bg": C }), f.push({ borderColor: C }), f.push({ color: m });
110137
- }
110138
- return f;
110132
+ const f = _(() => {
110133
+ const C = [];
110134
+ if (o.value === "outlined") {
110135
+ const m = s(r.value), z = s(a.textColor || r.value);
110136
+ C.push({ "--chip-bg": m }), C.push({ borderColor: m }), C.push({ color: z });
110137
+ } else
110138
+ M1.isColorTemplateVariable(r.value) || (C.push({ backgroundColor: r.value }), C.push({ color: a.textColor || sd6 }));
110139
+ return C;
110139
110140
  });
110140
- return (f, C) => (T(), q("div", {
110141
- class: h1(["ck-chip", r.value]),
110142
- color: f.color,
110143
- style: R1(s.value),
110144
- onClick: C[0] || (C[0] = (m) => t("click", m))
110141
+ return (C, m) => (T(), q("div", {
110142
+ class: h1(["ck-chip", l.value]),
110143
+ color: C.color,
110144
+ style: R1(f.value),
110145
+ onClick: m[0] || (m[0] = (z) => t("click", z))
110145
110146
  }, [
110146
- f.icon ? (T(), l1(A3, {
110147
+ C.icon ? (T(), l1(A3, {
110147
110148
  key: 0,
110148
110149
  class: "pr-2",
110149
- icon: f.icon,
110150
- "icon-pack": f.iconPack
110150
+ icon: C.icon,
110151
+ "icon-pack": C.iconPack
110151
110152
  }, null, 8, ["icon", "icon-pack"])) : Z("", !0),
110152
110153
  Y("span", null, [
110153
- O1(f.$slots, "default", {}, void 0, !0)
110154
+ O1(C.$slots, "default", {}, void 0, !0)
110154
110155
  ]),
110155
- f.iconRight ? (T(), l1(A3, {
110156
+ C.iconRight ? (T(), l1(A3, {
110156
110157
  key: 1,
110157
110158
  class: "pl-2",
110158
- icon: f.iconRight,
110159
- "icon-pack": f.iconPack
110159
+ icon: C.iconRight,
110160
+ "icon-pack": C.iconPack
110160
110161
  }, null, 8, ["icon", "icon-pack"])) : Z("", !0)
110161
110162
  ], 14, ld6));
110162
110163
  }
110163
110164
  });
110164
- const zd6 = /* @__PURE__ */ Z1(ud6, [["__scopeId", "data-v-7189a1f4"]]), hd6 = "primary", pd6 = "m", Md6 = "white", dd6 = /* @__PURE__ */ _1({
110165
+ const zd6 = /* @__PURE__ */ Z1(ud6, [["__scopeId", "data-v-88dd56c9"]]), hd6 = "primary", pd6 = "m", Md6 = "white", dd6 = /* @__PURE__ */ _1({
110165
110166
  __name: "ck-circle",
110166
110167
  props: {
110167
110168
  size: {},
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "cleek",
3
3
  "description": "Complete UX Vue library",
4
- "version": "2.10.57",
4
+ "version": "2.10.58",
5
5
  "author": "Quantic Onion",
6
6
  "license": "MIT",
7
7
  "repository": "",