@codeandfunction/callaloo 3.16.5 → 3.16.7

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.
Files changed (43) hide show
  1. package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js → CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js} +1 -1
  2. package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-CAjsSjd9.js +248 -0
  3. package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js +84 -0
  4. package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-BDL4xcfJ.js → CLLink.vue_vue_type_style_index_0_lang-DCwTmOOz.js} +1 -1
  5. package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-C_BQCWeg.js → CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.js} +1 -1
  6. package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-DwNvvX0v.js → CLPill.vue_vue_type_style_index_0_lang-B1MuCUnW.js} +2 -2
  7. package/dist/chunks/{CLProgress.vue_vue_type_style_index_0_lang-Mikbgpn2.js → CLProgress.vue_vue_type_style_index_0_lang-DVJDbuDr.js} +21 -24
  8. package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang--LtiFHSO.js +30 -0
  9. package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-C6gOJx7A.js → CLToast.vue_vue_type_style_index_0_lang-Bhat3Q9Z.js} +53 -56
  10. package/dist/components/Buttons/CLButton/CLButton.js +1 -1
  11. package/dist/components/CLIcon/CLIcon.css +1 -1
  12. package/dist/components/CLIcon/CLIcon.js +1 -1
  13. package/dist/components/CLTable/CLTable.css +1 -1
  14. package/dist/components/CLTable/CLTable.js +72 -74
  15. package/dist/components/Containers/CLCard/CLCard.css +1 -1
  16. package/dist/components/Containers/CLCard/CLCard.js +1 -1
  17. package/dist/components/Containers/CLCarousel/CLCarousel.js +1 -1
  18. package/dist/components/Containers/CLDisclosure/CLDisclosure.js +2 -2
  19. package/dist/components/Form/CLCheckbox/CLCheckbox.js +1 -1
  20. package/dist/components/Form/CLInput/CLInput.css +1 -1
  21. package/dist/components/Form/CLInput/CLInput.js +3 -3
  22. package/dist/components/Form/CLSelect/CLSelect.js +1 -1
  23. package/dist/components/Indicators/CLBanner/CLBanner.css +1 -1
  24. package/dist/components/Indicators/CLBanner/CLBanner.js +52 -56
  25. package/dist/components/Indicators/CLPill/CLPill.js +1 -1
  26. package/dist/components/Indicators/CLProgress/CLProgress.css +1 -1
  27. package/dist/components/Indicators/CLProgress/CLProgress.js +1 -1
  28. package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -1
  29. package/dist/components/Loading/CLSkeleton/CLSkeleton.js +1 -1
  30. package/dist/components/Modals/CLModal/CLModal.css +1 -1
  31. package/dist/components/Modals/CLModal/CLModal.js +69 -72
  32. package/dist/components/Navigation/CLLink/CLLink.js +1 -1
  33. package/dist/components/Navigation/CLNavLink/CLNavLink.js +1 -1
  34. package/dist/components/Navigation/CLNavSection/CLNavSection.js +1 -1
  35. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -1
  36. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +199 -202
  37. package/dist/components/Popups/CLToast/CLToast.css +1 -1
  38. package/dist/components/Popups/CLToast/CLToast.js +1 -1
  39. package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
  40. package/package.json +1 -1
  41. package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-Bj9WF_mX.js +0 -253
  42. package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js +0 -87
  43. package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-Csb9YnTI.js +0 -34
@@ -1,39 +1,39 @@
1
- import { defineComponent as _, useCssVars as U, ref as v, computed as p, watch as F, onMounted as P, onUnmounted as X, onBeforeUnmount as Z, createElementBlock as T, openBlock as m, normalizeStyle as j, normalizeClass as c, unref as a, createElementVNode as g, createBlock as x, createCommentVNode as b, createVNode as k, withCtx as L, createTextVNode as z, toDisplayString as S, isRef as q } from "vue";
2
- import { _ as N } from "./CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js";
3
- import { _ as G } from "./CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js";
4
- import { _ as J } from "./CLProgress.vue_vue_type_style_index_0_lang-Mikbgpn2.js";
1
+ import { defineComponent as U, ref as v, computed as _, watch as F, onMounted as P, onUnmounted as X, onBeforeUnmount as Z, createElementBlock as C, openBlock as m, normalizeStyle as j, normalizeClass as c, unref as a, createElementVNode as g, createBlock as x, createCommentVNode as b, createVNode as k, withCtx as L, createTextVNode as z, toDisplayString as S, isRef as q } from "vue";
2
+ import { _ as N } from "./CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
3
+ import { _ as G } from "./CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
4
+ import { _ as J } from "./CLProgress.vue_vue_type_style_index_0_lang-DVJDbuDr.js";
5
5
  import { _ as K } from "./CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
6
6
  import { _ as O } from "./CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
7
- import { CLMode as R, CLColorVariants as B, CLToastPosition as Q, CLIconSizes as I, CLColors as y, CLHeadingTypes as W, CLTextTypes as w, CLSizes as A, CLIconNames as Y } from "../index.js";
8
- import { i as E, g as ee, a as te } from "./helper--hRjZVm6.js";
9
- import { useEsc as oe } from "../composables/useEsc.js";
10
- import { g as ae } from "./utils-CS9Gz4oX.js";
11
- import { useTheme as se } from "../composables/useTheme.js";
7
+ import { CLMode as R, CLColorVariants as w, CLToastPosition as Q, CLIconSizes as B, CLColors as h, CLHeadingTypes as W, CLTextTypes as I, CLSizes as A, CLIconNames as Y } from "../index.js";
8
+ import { i as E, g as p, a as ee } from "./helper--hRjZVm6.js";
9
+ import { useEsc as te } from "../composables/useEsc.js";
10
+ import { g as oe } from "./utils-CS9Gz4oX.js";
11
+ import { useTheme as ae } from "../composables/useTheme.js";
12
12
  const ie = ({ color: e, variant: t }) => {
13
- const { borderRadius: $, colors: d, darkMode: n } = se(), s = n.value ? R.Dark : R.Light, r = ae({
13
+ const { borderRadius: $, colors: d, darkMode: l } = ae(), i = l.value ? R.Dark : R.Light, n = oe({
14
14
  color: e,
15
15
  colors: d.value,
16
- mode: s,
16
+ mode: i,
17
17
  variant: t
18
18
  });
19
19
  return {
20
- "--clll-toast-bg-color": n.value ? "black" : "white",
21
- "--clll-toast-text-color": r?.text ?? "inherit",
22
- "--clll-toast-icon-bg": r?.bg ?? "transparent",
23
- "--clll-toast-icon-color": r?.text ?? "inherit",
24
- "--clll-toast-timer-bg": r?.textDisabled ?? "transparent",
20
+ "--clll-toast-bg-color": l.value ? "black" : "white",
21
+ "--clll-toast-text-color": n?.text ?? "inherit",
22
+ "--clll-toast-icon-bg": n?.bg ?? "transparent",
23
+ "--clll-toast-icon-color": n?.text ?? "inherit",
24
+ "--clll-toast-timer-bg": n?.textDisabled ?? "transparent",
25
25
  "--clll-toast-theme-radius": $.value ? `var(--clll-${$.value})` : void 0
26
26
  };
27
- }, le = ["data-testid"], u = 300, o = "clll-toast", ye = /* @__PURE__ */ _({
27
+ }, se = ["data-testid"], u = 300, o = "clll-toast", ge = /* @__PURE__ */ U({
28
28
  name: "CLToast",
29
29
  __name: "CLToast",
30
30
  props: {
31
31
  actionLabel: {},
32
32
  borderRadius: {},
33
- color: { default: y.Secondary },
33
+ color: { default: h.Secondary },
34
34
  dismissTimer: { default: 5 },
35
35
  icon: {},
36
- iconSize: { default: I.Small },
36
+ iconSize: { default: B.Small },
37
37
  message: {},
38
38
  onAction: {},
39
39
  onDismiss: {},
@@ -41,58 +41,55 @@ const ie = ({ color: e, variant: t }) => {
41
41
  rounded: { type: Boolean, default: !0 },
42
42
  testId: { default: "clll-toast" },
43
43
  title: {},
44
- variant: { default: B.Soft },
44
+ variant: { default: w.Soft },
45
45
  width: { default: "24rem" }
46
46
  },
47
47
  setup(e) {
48
- U((i) => ({
49
- v952305c6: i.width
50
- }));
51
- const t = e, $ = v(), d = v(100), n = v(!1), s = v(), r = v(0), D = p(() => [
48
+ const t = e, $ = v(), d = v(100), l = v(!1), i = v(), n = v(0), D = _(() => [
52
49
  o,
53
50
  t.borderRadius ? `${o}--${t.borderRadius}` : "",
54
51
  t.dismissTimer ? `${o}--has-timer` : "",
55
52
  t.icon ? `${o}--has-icon` : "",
56
53
  t.message && !t.title ? `${o}--has-messageonly` : "",
57
- n.value ? `${o}--mounted` : "",
54
+ l.value ? `${o}--mounted` : "",
58
55
  t.onAction && t.actionLabel ? `${o}--has-action` : "",
59
56
  t.rounded ? `${o}--rounded` : `${o}--box`,
60
57
  t.title && !t.message ? `${o}--has-titleonly` : "",
61
58
  t.title && t.message ? `${o}--has-titleandmessage` : "",
62
59
  `${o}--${t.position}`
63
- ]), h = () => {
64
- n.value = !1, s.value && (s.value.stop(), s.value.start(u, (i) => {
65
- Math.min(i, u) === u && (s.value?.stop(), t.onDismiss?.());
66
- })), M();
60
+ ]), y = () => {
61
+ l.value = !1, i.value && (i.value.stop(), i.value.start(u, (r) => {
62
+ Math.min(r, u) === u && (i.value?.stop(), t.onDismiss?.());
63
+ })), V();
67
64
  }, H = () => {
68
- const i = t.dismissTimer * 1e3, l = i / 100;
69
- s.value?.start(i, (f) => {
70
- const C = Math.min(f / 100, l);
71
- d.value = 100 - C / l * 100, C === l && h();
65
+ const r = t.dismissTimer * 1e3, s = r / 100;
66
+ i.value?.start(r, (f) => {
67
+ const T = Math.min(f / 100, s);
68
+ d.value = 100 - T / s * 100, T === s && y();
72
69
  });
73
- }, V = () => {
74
- s.value || (s.value = te(), s.value.start(100, (i) => {
75
- Math.min(i, 100) === 100 && (s.value?.stop(), n.value = !0, t?.dismissTimer && s.value?.start(u, (f) => {
76
- Math.min(f, u) === u && (s.value?.stop(), H());
70
+ }, M = () => {
71
+ i.value || (i.value = ee(), i.value.start(100, (r) => {
72
+ Math.min(r, 100) === 100 && (i.value?.stop(), l.value = !0, t?.dismissTimer && i.value?.start(u, (f) => {
73
+ Math.min(f, u) === u && (i.value?.stop(), H());
77
74
  }));
78
75
  }));
79
76
  };
80
77
  F(t, () => {
81
- s.value && (s.value.stop(), s.value = void 0), t?.dismissTimer && V();
78
+ i.value && (i.value.stop(), i.value = void 0), t?.dismissTimer && M();
82
79
  }), P(() => {
83
- E && (r.value = ee() + 1, V());
80
+ E && (n.value = p() + 1, M());
84
81
  }), X(() => {
85
- E && t?.dismissTimer && s.value && (s.value.stop(), s.value = void 0), n.value = !1, t.onDismiss?.();
82
+ E && t?.dismissTimer && i.value && (i.value.stop(), i.value = void 0), l.value = !1, t.onDismiss?.();
86
83
  });
87
- const { clearEventListeners: M } = oe({ escHandler: h });
84
+ const { clearEventListeners: V } = te({ escHandler: y });
88
85
  return Z(() => {
89
- M();
90
- }), (i, l) => (m(), T("output", {
86
+ V();
87
+ }), (r, s) => (m(), C("output", {
91
88
  ref_key: "elem",
92
89
  ref: $,
93
90
  class: c(a(D)),
94
91
  "data-testid": e.testId,
95
- style: j({ zIndex: a(r), ...a(ie)({ color: e.color, variant: e.variant }) })
92
+ style: j({ zIndex: a(n), "--clll-toast-width": e.width, ...a(ie)({ color: e.color, variant: e.variant }) })
96
93
  }, [
97
94
  g("div", {
98
95
  class: c(`${o}__body`)
@@ -100,7 +97,7 @@ const ie = ({ color: e, variant: t }) => {
100
97
  g("div", {
101
98
  class: c(`${o}__content`)
102
99
  }, [
103
- e.icon ? (m(), T("div", {
100
+ e.icon ? (m(), C("div", {
104
101
  key: 0,
105
102
  class: c(`${o}__icon`)
106
103
  }, [
@@ -114,7 +111,7 @@ const ie = ({ color: e, variant: t }) => {
114
111
  }, [
115
112
  e.title ? (m(), x(a(O), {
116
113
  key: 0,
117
- color: a(y).Neutral,
114
+ color: a(h).Neutral,
118
115
  "test-id": `${o}__title`,
119
116
  type: a(W).Section
120
117
  }, {
@@ -125,9 +122,9 @@ const ie = ({ color: e, variant: t }) => {
125
122
  }, 8, ["color", "test-id", "type"])) : b("", !0),
126
123
  e.message ? (m(), x(a(K), {
127
124
  key: 1,
128
- color: a(y).Neutral,
125
+ color: a(h).Neutral,
129
126
  "test-id": `${o}__message`,
130
- type: e.title ? a(w).Medium : a(w).Body
127
+ type: e.title ? a(I).Medium : a(I).Body
131
128
  }, {
132
129
  default: L(() => [
133
130
  z(S(e.message), 1)
@@ -135,7 +132,7 @@ const ie = ({ color: e, variant: t }) => {
135
132
  _: 1
136
133
  }, 8, ["color", "test-id", "type"])) : b("", !0)
137
134
  ], 2),
138
- e.onAction && e.actionLabel ? (m(), T("div", {
135
+ e.onAction && e.actionLabel ? (m(), C("div", {
139
136
  key: 1,
140
137
  class: c(`${o}__action-button`)
141
138
  }, [
@@ -158,28 +155,28 @@ const ie = ({ color: e, variant: t }) => {
158
155
  }, [
159
156
  k(a(N), {
160
157
  "aria-label": "Dismiss toast",
161
- color: a(y).Neutral,
158
+ color: a(h).Neutral,
162
159
  "border-radius": e.borderRadius,
163
160
  "icon-before": a(Y).Delete,
164
- "icon-size": a(I).Tiny,
165
- "on-click": h,
161
+ "icon-size": a(B).Tiny,
162
+ "on-click": y,
166
163
  size: a(A).Tiny,
167
164
  "test-id": `${o}__dismiss-button`,
168
- variant: a(B).Text
165
+ variant: a(w).Text
169
166
  }, null, 8, ["color", "border-radius", "icon-before", "icon-size", "size", "test-id", "variant"])
170
167
  ], 2)
171
168
  ], 2),
172
169
  e.dismissTimer ? (m(), x(a(J), {
173
170
  key: 0,
174
171
  modelValue: a(d),
175
- "onUpdate:modelValue": l[0] || (l[0] = (f) => q(d) ? d.value = f : null),
172
+ "onUpdate:modelValue": s[0] || (s[0] = (f) => q(d) ? d.value = f : null),
176
173
  color: e.color,
177
174
  rounded: !1,
178
175
  size: a(A).Small
179
176
  }, null, 8, ["modelValue", "color", "size"])) : b("", !0)
180
- ], 14, le));
177
+ ], 14, se));
181
178
  }
182
179
  });
183
180
  export {
184
- ye as _
181
+ ge as _
185
182
  };
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLButton.css';
3
- import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js";
3
+ import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
4
4
  export {
5
5
  t as CLButton,
6
6
  t as default
@@ -1 +1 @@
1
- .clll-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--v61c2ebfe);height:var(--v61c2ebfe);color:var(--clll-icon-color, inherit)}
1
+ .clll-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--clll-icon-color, inherit)}
@@ -1,6 +1,6 @@
1
1
  import '../../assets/core.css';
2
2
  import './CLIcon.css';
3
- import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js";
3
+ import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
4
4
  export {
5
5
  o as CLIcon,
6
6
  o as default
@@ -1 +1 @@
1
- .clll-table-container.clll-table--rounded{overflow:hidden;border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-full,.clll-table-container.clll-table--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-table-container.clll-table--rounded-lg,.clll-table-container.clll-table--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-table-container.clll-table--rounded-md,.clll-table-container.clll-table--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-table-container.clll-table--rounded-sm,.clll-table-container.clll-table--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-xs,.clll-table-container.clll-table--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-table-container.clll-table--rounded-xl,.clll-table-container.clll-table--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-table-container.clll-table--rounded-2xl,.clll-table-container.clll-table--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-table-container.clll-table--rounded-3xl,.clll-table-container.clll-table--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-table-container.clll-table--rounded-none,.clll-table-container.clll-table--rounded-none .clll-{border-radius:0}.clll-table-container:not([class*=clll-table--rounded-]).clll-table--rounded{border-radius:var(--clll-table-theme-radius, var(--clll-rounded-sm))}.clll-table-container.clll-table--bordered{border-color:var(--clll-table-border-color, transparent);border-style:solid;border-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__header .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container.clll-table--bordered .clll-table .clll-table__footer .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-collapse:collapse;border-spacing:0;vertical-align:baseline;position:relative;table-layout:auto;width:100%}.clll-table-container .clll-table .clll-table__row{height:var(--v4976af12)}.clll-table-container .clll-table.clll-table--default .clll-table__header .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__header .clll-table__row,.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:hover,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:hover{background-color:var(--clll-table-hover-bg, transparent)}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:last-child,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:last-child{border-bottom:0}.clll-table-container .clll-table.clll-table--default .clll-table__footer .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__footer .clll-table__row{border-top-color:var(--clll-table-border-color, transparent);border-top-style:solid;border-top-width:1px}.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell{padding:var(--clll-unit-3) var(--clll-unit-4)}.clll-table-container .clll-table.clll-table--condensed .clll-table__row .clll-table__cell{padding:var(--clll-unit-2_5)}.clll-table-container .clll-table.clll-table--plain .clll-table__row .clll-table__cell{padding:var(--clll-unit-2)}.clll-table-container .clll-table.clll-table--striped .clll-table__body .clll-table__row:nth-child(2n){background-color:var(--clll-table-hover-bg, transparent)}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table .clll-table__cell.clll-table__cell--active{background-color:var(--clll-table-hover-bg, transparent)}.clll-table__cell{text-align:left;max-width:0}.clll-table__cell>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-table__cell.clll-table__cell--number,.clll-table__cell.clll-table__cell--hasactions{text-align:right}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions{display:flex;align-items:center;justify-content:flex-end}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-table__cell.clll-table__cell--clickable{cursor:pointer}.clll-table__footer .clll-table__row .clll-table__cell{font-weight:700}.clll-table__row.clll-table__row--clickable{cursor:pointer}
1
+ .clll-table-container.clll-table--rounded{overflow:hidden;border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-full,.clll-table-container.clll-table--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-table-container.clll-table--rounded-lg,.clll-table-container.clll-table--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-table-container.clll-table--rounded-md,.clll-table-container.clll-table--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-table-container.clll-table--rounded-sm,.clll-table-container.clll-table--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-xs,.clll-table-container.clll-table--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-table-container.clll-table--rounded-xl,.clll-table-container.clll-table--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-table-container.clll-table--rounded-2xl,.clll-table-container.clll-table--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-table-container.clll-table--rounded-3xl,.clll-table-container.clll-table--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-table-container.clll-table--rounded-none,.clll-table-container.clll-table--rounded-none .clll-{border-radius:0}.clll-table-container:not([class*=clll-table--rounded-]).clll-table--rounded{border-radius:var(--clll-table-theme-radius, var(--clll-rounded-sm))}.clll-table-container.clll-table--bordered{border-color:var(--clll-table-border-color, transparent);border-style:solid;border-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__header .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container.clll-table--bordered .clll-table .clll-table__footer .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-collapse:collapse;border-spacing:0;vertical-align:baseline;position:relative;table-layout:auto;width:100%}.clll-table-container .clll-table .clll-table__row{height:var(--clll-table-row-height)}.clll-table-container .clll-table.clll-table--default .clll-table__header .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__header .clll-table__row,.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:hover,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:hover{background-color:var(--clll-table-hover-bg, transparent)}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:last-child,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:last-child{border-bottom:0}.clll-table-container .clll-table.clll-table--default .clll-table__footer .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__footer .clll-table__row{border-top-color:var(--clll-table-border-color, transparent);border-top-style:solid;border-top-width:1px}.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell{padding:var(--clll-unit-3) var(--clll-unit-4)}.clll-table-container .clll-table.clll-table--condensed .clll-table__row .clll-table__cell{padding:var(--clll-unit-2_5)}.clll-table-container .clll-table.clll-table--plain .clll-table__row .clll-table__cell{padding:var(--clll-unit-2)}.clll-table-container .clll-table.clll-table--striped .clll-table__body .clll-table__row:nth-child(2n){background-color:var(--clll-table-hover-bg, transparent)}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table .clll-table__cell.clll-table__cell--active{background-color:var(--clll-table-hover-bg, transparent)}.clll-table__cell{text-align:left;max-width:0}.clll-table__cell>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-table__cell.clll-table__cell--number,.clll-table__cell.clll-table__cell--hasactions{text-align:right}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions{display:flex;align-items:center;justify-content:flex-end}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-table__cell.clll-table__cell--clickable{cursor:pointer}.clll-table__footer .clll-table__row .clll-table__cell{font-weight:700}.clll-table__row.clll-table__row--clickable{cursor:pointer}
@@ -1,23 +1,23 @@
1
1
  import '../../assets/core.css';
2
2
  import './CLTable.css';
3
- import { defineComponent as u, useCssVars as h, computed as p, createElementBlock as o, openBlock as a, normalizeStyle as m, normalizeClass as s, unref as i, createElementVNode as y, createCommentVNode as k, renderSlot as r, Fragment as L, renderList as v, createVNode as T, withCtx as B } from "vue";
4
- import { CLMode as C, CLColorVariants as w, CLColors as H, CLTableTypes as g, CLTextTypes as N } from "../../index.js";
5
- import { g as x } from "../../chunks/utils-CS9Gz4oX.js";
6
- import { useTheme as V } from "../../composables/useTheme.js";
3
+ import { defineComponent as u, computed as f, createElementBlock as o, openBlock as a, normalizeStyle as p, normalizeClass as s, unref as i, createElementVNode as h, createCommentVNode as y, renderSlot as n, Fragment as k, renderList as L, createVNode as v, withCtx as T } from "vue";
4
+ import { CLMode as C, CLColorVariants as B, CLColors as w, CLTableTypes as g, CLTextTypes as H } from "../../index.js";
5
+ import { g as N } from "../../chunks/utils-CS9Gz4oX.js";
6
+ import { useTheme as x } from "../../composables/useTheme.js";
7
7
  import { _ as R } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
8
- const A = () => {
9
- const { borderRadius: l, colors: t, darkMode: e } = V(), c = e.value ? C.Dark : C.Light, d = x({
10
- color: H.Neutral,
8
+ const V = () => {
9
+ const { borderRadius: l, colors: t, darkMode: e } = x(), r = e.value ? C.Dark : C.Light, c = N({
10
+ color: w.Neutral,
11
11
  colors: t.value,
12
- mode: c,
13
- variant: w.Outline
12
+ mode: r,
13
+ variant: B.Outline
14
14
  });
15
15
  return {
16
- "--clll-table-border-color": d?.border ?? "transparent",
17
- "--clll-table-hover-bg": d?.hover ?? "transparent",
16
+ "--clll-table-border-color": c?.border ?? "transparent",
17
+ "--clll-table-hover-bg": c?.hover ?? "transparent",
18
18
  "--clll-table-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
19
19
  };
20
- }, S = ["data-testid"], F = ["id"], W = { key: 0 }, z = /* @__PURE__ */ u({
20
+ }, A = ["data-testid"], S = ["id"], F = { key: 0 }, W = /* @__PURE__ */ u({
21
21
  name: "CLTable",
22
22
  __name: "CLTable",
23
23
  props: {
@@ -33,51 +33,49 @@ const A = () => {
33
33
  withVerticalLines: { type: Boolean }
34
34
  },
35
35
  setup(l) {
36
- h((n) => ({
37
- v4976af12: n.rowHeight
38
- }));
39
- const t = l, e = "clll-table", c = p(() => [
36
+ const t = l, e = "clll-table", r = f(() => [
40
37
  `${e}-container`,
41
38
  t.bordered ? `${e}--bordered` : void 0,
42
39
  t.borderRadius && t.bordered ? `${e}--${t.borderRadius}` : "",
43
40
  t.rounded ? `${e}--rounded` : `${e}--box`
44
- ]), d = p(() => [
41
+ ]), c = f(() => [
45
42
  e,
46
43
  `${e}--${t.type}`,
47
44
  t.striped ? `${e}--striped` : void 0,
48
45
  t.withVerticalLines ? `${e}--vertical-lines` : void 0,
49
46
  t.bordered ? `${e}--bordered` : void 0
50
47
  ]);
51
- return (n, b) => (a(), o("div", {
52
- class: s(i(c)),
48
+ return (d, m) => (a(), o("div", {
49
+ class: s(i(r)),
53
50
  "data-testid": l.testId,
54
- style: m(i(A)())
51
+ style: p(i(V)())
55
52
  }, [
56
- y("table", {
53
+ h("table", {
57
54
  id: `${e}-${l.id}`,
58
- class: s(i(d))
55
+ class: s(i(c)),
56
+ style: p({ "--clll-table-row-height": l.rowHeight })
59
57
  }, [
60
- l.colWidths?.length ? (a(), o("colgroup", W, [
61
- (a(!0), o(L, null, v(l.colWidths, (_, $) => (a(), o("col", {
58
+ l.colWidths?.length ? (a(), o("colgroup", F, [
59
+ (a(!0), o(k, null, L(l.colWidths, (_, $) => (a(), o("col", {
62
60
  key: `table-${l.id}-col-${$}`,
63
- style: m({ width: _ })
61
+ style: p({ width: _ })
64
62
  }, null, 4))), 128))
65
- ])) : k("", !0),
66
- r(n.$slots, "default")
67
- ], 10, F)
68
- ], 14, S));
63
+ ])) : y("", !0),
64
+ n(d.$slots, "default")
65
+ ], 14, S)
66
+ ], 14, A));
69
67
  }
70
- }), D = "clll-table__body", E = /* @__PURE__ */ u({
68
+ }), z = "clll-table__body", D = /* @__PURE__ */ u({
71
69
  name: "CLTableBody",
72
70
  __name: "CLTableBody",
73
71
  setup(l) {
74
72
  return (t, e) => (a(), o("tbody", {
75
- class: s([D])
73
+ class: s([z])
76
74
  }, [
77
- r(t.$slots, "default")
75
+ n(t.$slots, "default")
78
76
  ], 2));
79
77
  }
80
- }), I = ["colspan"], M = ["colspan"], O = /* @__PURE__ */ u({
78
+ }), E = ["colspan"], I = ["colspan"], M = /* @__PURE__ */ u({
81
79
  name: "CLTableCell",
82
80
  __name: "CLTableCell",
83
81
  props: {
@@ -89,61 +87,61 @@ const A = () => {
89
87
  onClick: {}
90
88
  },
91
89
  setup(l) {
92
- const t = l, e = "clll-table__cell", c = p(() => [
90
+ const t = l, e = "clll-table__cell", r = f(() => [
93
91
  e,
94
92
  t.isHeader ? `${e}--header` : `${e}--default`,
95
93
  t.isNumber ? `${e}--number` : "",
96
94
  t.isAction ? `${e}--hasactions` : "",
97
95
  t.isActive ? `${e}--active` : "",
98
96
  t.onClick ? `${e}--clickable` : ""
99
- ]), d = () => t?.onClick?.();
100
- return (n, b) => l.isHeader ? (a(), o("th", {
97
+ ]), c = () => t?.onClick?.();
98
+ return (d, m) => l.isHeader ? (a(), o("th", {
101
99
  key: 0,
102
- class: s(i(c)),
100
+ class: s(i(r)),
103
101
  colspan: l.colSpan,
104
- onClick: d
102
+ onClick: c
105
103
  }, [
106
104
  l.isAction ? (a(), o("div", {
107
105
  key: 1,
108
106
  class: s(`${e}__actions`)
109
107
  }, [
110
- r(n.$slots, "default")
111
- ], 2)) : r(n.$slots, "default", { key: 0 })
112
- ], 10, I)) : (a(), o("td", {
108
+ n(d.$slots, "default")
109
+ ], 2)) : n(d.$slots, "default", { key: 0 })
110
+ ], 10, E)) : (a(), o("td", {
113
111
  key: 1,
114
- class: s(i(c)),
112
+ class: s(i(r)),
115
113
  colspan: l.colSpan,
116
- onClick: d
114
+ onClick: c
117
115
  }, [
118
116
  l.isAction ? (a(), o("div", {
119
117
  key: 1,
120
118
  class: s(`${e}__actions`)
121
119
  }, [
122
- r(n.$slots, "default")
123
- ], 2)) : r(n.$slots, "default", { key: 0 })
124
- ], 10, M));
120
+ n(d.$slots, "default")
121
+ ], 2)) : n(d.$slots, "default", { key: 0 })
122
+ ], 10, I));
125
123
  }
126
- }), j = "clll-table__footer", q = /* @__PURE__ */ u({
124
+ }), O = "clll-table__footer", j = /* @__PURE__ */ u({
127
125
  name: "CLTableFooter",
128
126
  __name: "CLTableFooter",
129
127
  setup(l) {
130
128
  return (t, e) => (a(), o("tfoot", {
131
- class: s([j])
129
+ class: s([O])
132
130
  }, [
133
- r(t.$slots, "default")
131
+ n(t.$slots, "default")
134
132
  ], 2));
135
133
  }
136
- }), G = "clll-table__header", J = /* @__PURE__ */ u({
134
+ }), q = "clll-table__header", G = /* @__PURE__ */ u({
137
135
  name: "CLTableHeader",
138
136
  __name: "CLTableHeader",
139
137
  setup(l) {
140
138
  return (t, e) => (a(), o("thead", {
141
- class: s([G])
139
+ class: s([q])
142
140
  }, [
143
- r(t.$slots, "default")
141
+ n(t.$slots, "default")
144
142
  ], 2));
145
143
  }
146
- }), K = /* @__PURE__ */ u({
144
+ }), J = /* @__PURE__ */ u({
147
145
  name: "CLTableNestedCell",
148
146
  __name: "CLTableNestedCell",
149
147
  props: {
@@ -151,46 +149,46 @@ const A = () => {
151
149
  },
152
150
  setup(l) {
153
151
  const t = "clll-table__nested-cell";
154
- return (e, c) => (a(), o("div", {
152
+ return (e, r) => (a(), o("div", {
155
153
  class: s(t)
156
154
  }, [
157
- T(i(R), {
158
- type: i(N).Small,
155
+ v(i(R), {
156
+ type: i(H).Small,
159
157
  truncate: l.truncate
160
158
  }, {
161
- default: B(() => [
162
- r(e.$slots, "default")
159
+ default: T(() => [
160
+ n(e.$slots, "default")
163
161
  ]),
164
162
  _: 3
165
163
  }, 8, ["type", "truncate"])
166
164
  ]));
167
165
  }
168
- }), P = /* @__PURE__ */ u({
166
+ }), K = /* @__PURE__ */ u({
169
167
  name: "CLTableRow",
170
168
  __name: "CLTableRow",
171
169
  props: {
172
170
  onClick: { type: Function }
173
171
  },
174
172
  setup(l) {
175
- const t = l, e = "clll-table__row", c = p(() => [
173
+ const t = l, e = "clll-table__row", r = f(() => [
176
174
  e,
177
175
  t.onClick ? `${e}--clickable` : ""
178
- ]), d = () => t?.onClick?.();
179
- return (n, b) => (a(), o("tr", {
180
- class: s(i(c)),
181
- onClick: d
176
+ ]), c = () => t?.onClick?.();
177
+ return (d, m) => (a(), o("tr", {
178
+ class: s(i(r)),
179
+ onClick: c
182
180
  }, [
183
- r(n.$slots, "default")
181
+ n(d.$slots, "default")
184
182
  ], 2));
185
183
  }
186
- }), f = z;
187
- f.Body = E;
188
- f.Cell = O;
189
- f.Footer = q;
190
- f.Header = J;
191
- f.NestedCell = K;
192
- f.Row = P;
184
+ }), b = W;
185
+ b.Body = D;
186
+ b.Cell = M;
187
+ b.Footer = j;
188
+ b.Header = G;
189
+ b.NestedCell = J;
190
+ b.Row = K;
193
191
  export {
194
- f as CLTable,
195
- f as default
192
+ b as CLTable,
193
+ b as default
196
194
  };
@@ -1 +1 @@
1
- .clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;width:var(--v337fb248);height:var(--v22a79ce5);flex-direction:column;border-color:var(--clll-card-border-color, transparent);background-color:var(--clll-card-bg-color, transparent);overflow:var(--v6b6cc840)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__heading,.clll-card .clll-card__byline{color:var(--clll-card-text-color, inherit)}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost:not([class*=clll-card--rounded-]){border-radius:var(--clll-card-theme-radius, var(--clll-rounded-sm))}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;width:var(--v6af231e9);height:var(--v4cf5dd38);background-color:var(--clll-card-image-bg, transparent);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover:focus-visible{outline-color:var(--clll-card-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-card-focus-shadow, transparent);outline-offset:-1px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
1
+ .clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;flex-direction:column;border-color:var(--clll-card-border-color, transparent);background-color:var(--clll-card-bg-color, transparent)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__heading,.clll-card .clll-card__byline{color:var(--clll-card-text-color, inherit)}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost:not([class*=clll-card--rounded-]){border-radius:var(--clll-card-theme-radius, var(--clll-rounded-sm))}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;background-color:var(--clll-card-image-bg, transparent);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover:focus-visible{outline-color:var(--clll-card-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-card-focus-shadow, transparent);outline-offset:-1px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLCard.css';
3
- import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-Bj9WF_mX.js";
3
+ import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CAjsSjd9.js";
4
4
  export {
5
5
  r as CLCard,
6
6
  r as default
@@ -1,7 +1,7 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLCarousel.css';
3
3
  import { defineComponent as re, computed as u, createElementBlock as c, openBlock as s, Fragment as F, createCommentVNode as C, unref as e, normalizeClass as l, renderList as me, createBlock as he, createElementVNode as y, createVNode as x, withCtx as X, createTextVNode as Y, toDisplayString as q, useCssVars as be, ref as r, onMounted as we, onUnmounted as pe, watch as Ce, renderSlot as Z, nextTick as se } from "vue";
4
- import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js";
4
+ import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
5
5
  import { _ as ce } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
6
6
  import { CLPaginationType as $, CLColorVariants as B, CLSizes as W, CLIconSizes as D, CLIconNames as O, CLTextTypes as xe, CLAlign as A, CLOrder as R, CLColors as ye } from "../../../index.js";
7
7
  import { i as H, c as Pe, d as $e } from "../../../chunks/helper--hRjZVm6.js";
@@ -1,9 +1,9 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLDisclosure.css';
3
3
  import { defineComponent as x, ref as g, computed as $, onBeforeUnmount as L, createElementBlock as I, openBlock as i, normalizeStyle as T, normalizeClass as o, unref as d, createElementVNode as c, createVNode as H, withCtx as u, createBlock as l, createCommentVNode as s, createTextVNode as y, toDisplayString as b, renderSlot as k } from "vue";
4
- import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js";
4
+ import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
5
5
  import { _ as N } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
6
- import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js";
6
+ import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
7
7
  import { _ as R } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
8
8
  import { CLColorVariants as w, CLSizes as A, CLTextTypes as D, CLIconSizes as V, CLIconNames as C, CLHeadingTypes as p, CLColors as M, CLBorderRadius as U, CLButtonTypes as F } from "../../../index.js";
9
9
  import { d as j } from "../../../chunks/utils-zJwcNHl4.js";
@@ -3,7 +3,7 @@ import './CLCheckbox.css';
3
3
  import '../../../assets/shared/form-utilities.css';
4
4
  import { defineComponent as T, mergeModels as z, useTemplateRef as B, useModel as S, computed as y, createBlock as m, openBlock as f, withCtx as $, createElementVNode as s, createCommentVNode as C, normalizeStyle as M, normalizeClass as i, unref as n, withDirectives as V, vModelCheckbox as q, createVNode as F, createTextVNode as N, toDisplayString as I } from "vue";
5
5
  import { _ as R, c as D, a as X } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js";
6
- import { _ as w } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js";
6
+ import { _ as w } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
7
7
  import { _ as E } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
8
8
  import { CLSizes as o, CLIconSizes as u, CLTextTypes as c, CLIconNames as H, CLColorVariants as O, CLColors as U } from "../../../index.js";
9
9
  const j = ["data-testid"], A = ["for", "disabled"], G = ["id", "aria-label", "disabled", "form", "name", "required", "value"], Z = /* @__PURE__ */ T({