@codeandfunction/callaloo 3.16.5 → 3.16.6
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/chunks/{CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js → CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js} +1 -1
- package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-CAjsSjd9.js +248 -0
- package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js +84 -0
- 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
- 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
- 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
- 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
- package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang--LtiFHSO.js +30 -0
- 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
- package/dist/components/Buttons/CLButton/CLButton.js +1 -1
- package/dist/components/CLIcon/CLIcon.css +1 -1
- package/dist/components/CLIcon/CLIcon.js +1 -1
- package/dist/components/CLTable/CLTable.css +1 -1
- package/dist/components/CLTable/CLTable.js +72 -74
- package/dist/components/Containers/CLCard/CLCard.css +1 -1
- package/dist/components/Containers/CLCard/CLCard.js +1 -1
- package/dist/components/Containers/CLCarousel/CLCarousel.js +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.js +2 -2
- package/dist/components/Form/CLCheckbox/CLCheckbox.js +1 -1
- package/dist/components/Form/CLInput/CLInput.js +3 -3
- package/dist/components/Form/CLSelect/CLSelect.js +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.css +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.js +52 -56
- package/dist/components/Indicators/CLPill/CLPill.js +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.css +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.js +1 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.js +1 -1
- package/dist/components/Modals/CLModal/CLModal.css +1 -1
- package/dist/components/Modals/CLModal/CLModal.js +69 -72
- package/dist/components/Navigation/CLLink/CLLink.js +1 -1
- package/dist/components/Navigation/CLNavLink/CLNavLink.js +1 -1
- package/dist/components/Navigation/CLNavSection/CLNavSection.js +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +199 -202
- package/dist/components/Popups/CLToast/CLToast.css +1 -1
- package/dist/components/Popups/CLToast/CLToast.js +1 -1
- package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-Bj9WF_mX.js +0 -253
- package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js +0 -87
- package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-Csb9YnTI.js +0 -34
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { _ as N } from "./CLButton.vue_vue_type_style_index_0_lang-
|
|
3
|
-
import { _ as G } from "./CLIcon.vue_vue_type_style_index_0_lang
|
|
4
|
-
import { _ as J } from "./CLProgress.vue_vue_type_style_index_0_lang-
|
|
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
|
|
8
|
-
import { i as E, g as
|
|
9
|
-
import { useEsc as
|
|
10
|
-
import { g as
|
|
11
|
-
import { useTheme as
|
|
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:
|
|
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:
|
|
16
|
+
mode: i,
|
|
17
17
|
variant: t
|
|
18
18
|
});
|
|
19
19
|
return {
|
|
20
|
-
"--clll-toast-bg-color":
|
|
21
|
-
"--clll-toast-text-color":
|
|
22
|
-
"--clll-toast-icon-bg":
|
|
23
|
-
"--clll-toast-icon-color":
|
|
24
|
-
"--clll-toast-timer-bg":
|
|
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
|
-
},
|
|
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:
|
|
33
|
+
color: { default: h.Secondary },
|
|
34
34
|
dismissTimer: { default: 5 },
|
|
35
35
|
icon: {},
|
|
36
|
-
iconSize: { default:
|
|
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:
|
|
44
|
+
variant: { default: w.Soft },
|
|
45
45
|
width: { default: "24rem" }
|
|
46
46
|
},
|
|
47
47
|
setup(e) {
|
|
48
|
-
|
|
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
|
-
|
|
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
|
-
]),
|
|
64
|
-
|
|
65
|
-
Math.min(
|
|
66
|
-
})),
|
|
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
|
|
69
|
-
|
|
70
|
-
const
|
|
71
|
-
d.value = 100 -
|
|
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
|
-
},
|
|
74
|
-
|
|
75
|
-
Math.min(
|
|
76
|
-
Math.min(f, u) === u && (
|
|
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
|
-
|
|
78
|
+
i.value && (i.value.stop(), i.value = void 0), t?.dismissTimer && M();
|
|
82
79
|
}), P(() => {
|
|
83
|
-
E && (
|
|
80
|
+
E && (n.value = p() + 1, M());
|
|
84
81
|
}), X(() => {
|
|
85
|
-
E && t?.dismissTimer &&
|
|
82
|
+
E && t?.dismissTimer && i.value && (i.value.stop(), i.value = void 0), l.value = !1, t.onDismiss?.();
|
|
86
83
|
});
|
|
87
|
-
const { clearEventListeners:
|
|
84
|
+
const { clearEventListeners: V } = te({ escHandler: y });
|
|
88
85
|
return Z(() => {
|
|
89
|
-
|
|
90
|
-
}), (
|
|
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(
|
|
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(),
|
|
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(
|
|
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(
|
|
125
|
+
color: a(h).Neutral,
|
|
129
126
|
"test-id": `${o}__message`,
|
|
130
|
-
type: e.title ? a(
|
|
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(),
|
|
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(
|
|
158
|
+
color: a(h).Neutral,
|
|
162
159
|
"border-radius": e.borderRadius,
|
|
163
160
|
"icon-before": a(Y).Delete,
|
|
164
|
-
"icon-size": a(
|
|
165
|
-
"on-click":
|
|
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(
|
|
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":
|
|
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,
|
|
177
|
+
], 14, se));
|
|
181
178
|
}
|
|
182
179
|
});
|
|
183
180
|
export {
|
|
184
|
-
|
|
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-
|
|
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;
|
|
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
|
|
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(--
|
|
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,
|
|
4
|
-
import { CLMode as C, CLColorVariants as
|
|
5
|
-
import { g as
|
|
6
|
-
import { useTheme as
|
|
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
|
|
9
|
-
const { borderRadius: l, colors: t, darkMode: e } =
|
|
10
|
-
color:
|
|
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:
|
|
13
|
-
variant:
|
|
12
|
+
mode: r,
|
|
13
|
+
variant: B.Outline
|
|
14
14
|
});
|
|
15
15
|
return {
|
|
16
|
-
"--clll-table-border-color":
|
|
17
|
-
"--clll-table-hover-bg":
|
|
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
|
-
},
|
|
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
|
-
|
|
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
|
-
]),
|
|
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 (
|
|
52
|
-
class: s(i(
|
|
48
|
+
return (d, m) => (a(), o("div", {
|
|
49
|
+
class: s(i(r)),
|
|
53
50
|
"data-testid": l.testId,
|
|
54
|
-
style:
|
|
51
|
+
style: p(i(V)())
|
|
55
52
|
}, [
|
|
56
|
-
|
|
53
|
+
h("table", {
|
|
57
54
|
id: `${e}-${l.id}`,
|
|
58
|
-
class: s(i(
|
|
55
|
+
class: s(i(c)),
|
|
56
|
+
style: p({ "--clll-table-row-height": l.rowHeight })
|
|
59
57
|
}, [
|
|
60
|
-
l.colWidths?.length ? (a(), o("colgroup",
|
|
61
|
-
(a(!0), o(
|
|
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:
|
|
61
|
+
style: p({ width: _ })
|
|
64
62
|
}, null, 4))), 128))
|
|
65
|
-
])) :
|
|
66
|
-
|
|
67
|
-
],
|
|
68
|
-
], 14,
|
|
63
|
+
])) : y("", !0),
|
|
64
|
+
n(d.$slots, "default")
|
|
65
|
+
], 14, S)
|
|
66
|
+
], 14, A));
|
|
69
67
|
}
|
|
70
|
-
}),
|
|
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([
|
|
73
|
+
class: s([z])
|
|
76
74
|
}, [
|
|
77
|
-
|
|
75
|
+
n(t.$slots, "default")
|
|
78
76
|
], 2));
|
|
79
77
|
}
|
|
80
|
-
}),
|
|
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",
|
|
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
|
-
]),
|
|
100
|
-
return (
|
|
97
|
+
]), c = () => t?.onClick?.();
|
|
98
|
+
return (d, m) => l.isHeader ? (a(), o("th", {
|
|
101
99
|
key: 0,
|
|
102
|
-
class: s(i(
|
|
100
|
+
class: s(i(r)),
|
|
103
101
|
colspan: l.colSpan,
|
|
104
|
-
onClick:
|
|
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
|
-
|
|
111
|
-
], 2)) :
|
|
112
|
-
], 10,
|
|
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(
|
|
112
|
+
class: s(i(r)),
|
|
115
113
|
colspan: l.colSpan,
|
|
116
|
-
onClick:
|
|
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
|
-
|
|
123
|
-
], 2)) :
|
|
124
|
-
], 10,
|
|
120
|
+
n(d.$slots, "default")
|
|
121
|
+
], 2)) : n(d.$slots, "default", { key: 0 })
|
|
122
|
+
], 10, I));
|
|
125
123
|
}
|
|
126
|
-
}),
|
|
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([
|
|
129
|
+
class: s([O])
|
|
132
130
|
}, [
|
|
133
|
-
|
|
131
|
+
n(t.$slots, "default")
|
|
134
132
|
], 2));
|
|
135
133
|
}
|
|
136
|
-
}),
|
|
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([
|
|
139
|
+
class: s([q])
|
|
142
140
|
}, [
|
|
143
|
-
|
|
141
|
+
n(t.$slots, "default")
|
|
144
142
|
], 2));
|
|
145
143
|
}
|
|
146
|
-
}),
|
|
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,
|
|
152
|
+
return (e, r) => (a(), o("div", {
|
|
155
153
|
class: s(t)
|
|
156
154
|
}, [
|
|
157
|
-
|
|
158
|
-
type: i(
|
|
155
|
+
v(i(R), {
|
|
156
|
+
type: i(H).Small,
|
|
159
157
|
truncate: l.truncate
|
|
160
158
|
}, {
|
|
161
|
-
default:
|
|
162
|
-
|
|
159
|
+
default: T(() => [
|
|
160
|
+
n(e.$slots, "default")
|
|
163
161
|
]),
|
|
164
162
|
_: 3
|
|
165
163
|
}, 8, ["type", "truncate"])
|
|
166
164
|
]));
|
|
167
165
|
}
|
|
168
|
-
}),
|
|
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",
|
|
173
|
+
const t = l, e = "clll-table__row", r = f(() => [
|
|
176
174
|
e,
|
|
177
175
|
t.onClick ? `${e}--clickable` : ""
|
|
178
|
-
]),
|
|
179
|
-
return (
|
|
180
|
-
class: s(i(
|
|
181
|
-
onClick:
|
|
176
|
+
]), c = () => t?.onClick?.();
|
|
177
|
+
return (d, m) => (a(), o("tr", {
|
|
178
|
+
class: s(i(r)),
|
|
179
|
+
onClick: c
|
|
182
180
|
}, [
|
|
183
|
-
|
|
181
|
+
n(d.$slots, "default")
|
|
184
182
|
], 2));
|
|
185
183
|
}
|
|
186
|
-
}),
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
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
|
-
|
|
195
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
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
|
|
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({
|