cleek 3.0.3 → 3.0.4

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
@@ -4773,6 +4773,7 @@ const Si = {
4773
4773
  disabledTooltip: {},
4774
4774
  size: {},
4775
4775
  columns: {},
4776
+ isAlwaysExpanded: { type: Boolean },
4776
4777
  changeLabel: {},
4777
4778
  iconColor: {},
4778
4779
  iconPack: {},
@@ -4784,12 +4785,12 @@ const Si = {
4784
4785
  }),
4785
4786
  emits: /* @__PURE__ */ ne(["change"], ["update:modelValue"]),
4786
4787
  setup(e, { emit: l }) {
4787
- const t = ce(e, "modelValue"), a = e, o = l, i = A(!t.value), n = s(() => a.options.find((f) => f.id === t.value) ?? null), u = s(() => i.value || !n.value ? a.options : [n.value]), d = s(() => {
4788
+ const t = ce(e, "modelValue"), a = e, o = l, i = A(a.isAlwaysExpanded || !t.value), n = s(() => a.options.find((f) => f.id === t.value) ?? null), u = s(() => i.value || !n.value ? a.options : [n.value]), d = s(() => {
4788
4789
  if (i.value)
4789
4790
  return a.size === "l" && !a.columns ? { "grid-template-columns": "repeat(auto-fit, minmax(220px, 1fr))" } : { "grid-template-columns": `repeat(${a.columns || cs}, 1fr)` };
4790
4791
  });
4791
4792
  re(t, (f) => {
4792
- i.value = !f;
4793
+ i.value = a.isAlwaysExpanded || !f;
4793
4794
  });
4794
4795
  function m(f) {
4795
4796
  if (a.disabled) return a.disabledTooltip;
@@ -4803,10 +4804,11 @@ const Si = {
4803
4804
  return;
4804
4805
  }
4805
4806
  if (f.id === t.value) {
4807
+ if (a.isAlwaysExpanded) return;
4806
4808
  i.value = !1;
4807
4809
  return;
4808
4810
  }
4809
- t.value = f.id, i.value = !1, o("change", f.id);
4811
+ t.value = f.id, i.value = !!a.isAlwaysExpanded, o("change", f.id);
4810
4812
  }
4811
4813
  }
4812
4814
  return (f, v) => {
@@ -4861,7 +4863,7 @@ const Si = {
4861
4863
  ], 2);
4862
4864
  };
4863
4865
  }
4864
- }), ps = /* @__PURE__ */ q(ds, [["__scopeId", "data-v-e7986e5e"]]), vs = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.7.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20100%20100'%20style='enable-background:new%200%200%20100%20100;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23EA4B4B;}%20%3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3crect%20x='45'%20y='64.9'%20class='st0'%20width='10'%20height='10.2'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3crect%20x='45'%20y='24.9'%20class='st0'%20width='10'%20height='30.2'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath%20class='st0'%20d='M69.2,16.7L88.5,50L69.2,83.3H30.8L11.5,50l19.2-33.3H69.2%20M75,6.7H25L0,50l25,43.3h50L100,50L75,6.7L75,6.7z'%20/%3e%3c/svg%3e", fs = { class: "ck-confirm--background" }, ms = { class: "ck-confirm" }, gs = { class: "ck-confirm__title" }, hs = { class: "ck-confirm__message" }, ks = { class: "ck-confirm__buttons-container" }, bs = /* @__PURE__ */ M({
4866
+ }), ps = /* @__PURE__ */ q(ds, [["__scopeId", "data-v-a3b32484"]]), vs = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.7.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20100%20100'%20style='enable-background:new%200%200%20100%20100;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23EA4B4B;}%20%3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3crect%20x='45'%20y='64.9'%20class='st0'%20width='10'%20height='10.2'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3crect%20x='45'%20y='24.9'%20class='st0'%20width='10'%20height='30.2'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath%20class='st0'%20d='M69.2,16.7L88.5,50L69.2,83.3H30.8L11.5,50l19.2-33.3H69.2%20M75,6.7H25L0,50l25,43.3h50L100,50L75,6.7L75,6.7z'%20/%3e%3c/svg%3e", fs = { class: "ck-confirm--background" }, ms = { class: "ck-confirm" }, gs = { class: "ck-confirm__title" }, hs = { class: "ck-confirm__message" }, ks = { class: "ck-confirm__buttons-container" }, bs = /* @__PURE__ */ M({
4865
4867
  __name: "CkConfirm",
4866
4868
  setup(e, { expose: l }) {
4867
4869
  const t = A(""), a = A(""), o = A(""), i = A(""), n = A(() => {
@@ -16,6 +16,7 @@ declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awa
16
16
  disabledTooltip?: string;
17
17
  size?: "m" | "l";
18
18
  columns?: number;
19
+ isAlwaysExpanded?: boolean;
19
20
  changeLabel?: string;
20
21
  iconColor?: Color;
21
22
  iconPack?: IconPack;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "cleek",
3
3
  "description": "Complete UX Vue library",
4
- "version": "3.0.3",
4
+ "version": "3.0.4",
5
5
  "author": "Quantic Onion",
6
6
  "license": "MIT",
7
7
  "repository": "github:quantic-core/cleek",