@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
|
@@ -5,10 +5,10 @@ import { defineComponent as v, computed as I, createElementBlock as p, openBlock
|
|
|
5
5
|
import { _ as te, i as ae, a as ie } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js";
|
|
6
6
|
import { _ as oe } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js";
|
|
7
7
|
import { _ as ne } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
|
|
8
|
-
import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang
|
|
8
|
+
import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
|
|
9
9
|
import { CLSizes as u, CLBorderRadius as H, CLIconSizes as r, CLIconNames as h, CLColors as k, CLColorVariants as S, CLInputTypes as o, CLOrientation as B, CLCharCounterLayout as ue } from "../../../index.js";
|
|
10
|
-
import { _ as de } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-
|
|
11
|
-
import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-
|
|
10
|
+
import { _ as de } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-B1MuCUnW.js";
|
|
11
|
+
import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
|
|
12
12
|
const se = ["data-testid"], E = /* @__PURE__ */ v({
|
|
13
13
|
name: "CLInputPrefix",
|
|
14
14
|
__name: "CLInputPrefix",
|
|
@@ -4,7 +4,7 @@ import '../../../assets/shared/form-utilities.css';
|
|
|
4
4
|
import { defineComponent as B, mergeModels as S, useModel as h, useTemplateRef as q, computed as x, createBlock as f, openBlock as s, withCtx as T, createElementVNode as d, createCommentVNode as b, normalizeStyle as V, normalizeClass as r, unref as u, withDirectives as k, createElementBlock as $, Fragment as M, renderList as F, toDisplayString as I, vModelSelect as N, createVNode as R } from "vue";
|
|
5
5
|
import { _ as D, s as w, a as E } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js";
|
|
6
6
|
import { _ as H } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js";
|
|
7
|
-
import { _ as O } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang
|
|
7
|
+
import { _ as O } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
|
|
8
8
|
import { CLSizes as n, CLIconSizes as o, CLOrientation as y, CLIconNames as P, CLColorVariants as U, CLColors as X } from "../../../index.js";
|
|
9
9
|
const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeholder", "form", "required"], G = ["value", "selected", "disabled"], p = /* @__PURE__ */ B({
|
|
10
10
|
name: "CLSelect",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-banner{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;
|
|
1
|
+
.clll-banner{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;padding:var(--clll-py-3xl) var(--clll-px-2xl);background-color:var(--clll-banner-bg-color, transparent);border-color:var(--clll-banner-border-color, transparent)}.clll-banner .clll-banner__content{position:relative;display:flex;align-items:center;z-index:var(--clll-z-index-10);flex-wrap:wrap;flex:1 1 0%}.clll-banner .clll-banner__content .clll-banner__nested_content{display:flex;flex-direction:column;flex-grow:1;gap:var(--clll-unit-0_5)}.clll-banner .clll-banner__content .clll-banner__action-button{display:flex;justify-content:flex-end;flex-grow:1}.clll-banner .clll-banner__content .clll-heading,.clll-banner .clll-banner__content .clll-text{color:var(--clll-banner-text-color, inherit)}.clll-banner.clll-banner--dismissable .clll-banner__content{padding-right:var(--clll-unit-14)}.clll-banner.clll-banner--dismissable .clll-banner__dismiss-button{position:absolute;top:var(--clll-unit-4);right:var(--clll-unit-4);z-index:var(--clll-z-index-10)}.clll-banner.clll-banner--actionable .clll-banner__content{gap:var(--clll-px-md)}.clll-banner.clll-banner--rounded{border-radius:var(--clll-rounded-sm)}.clll-banner.clll-banner--rounded.clll-banner--rounded-full,.clll-banner.clll-banner--rounded.clll-banner--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-banner.clll-banner--rounded.clll-banner--rounded-lg,.clll-banner.clll-banner--rounded.clll-banner--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-banner.clll-banner--rounded.clll-banner--rounded-md,.clll-banner.clll-banner--rounded.clll-banner--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-banner.clll-banner--rounded.clll-banner--rounded-sm,.clll-banner.clll-banner--rounded.clll-banner--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-banner.clll-banner--rounded.clll-banner--rounded-xs,.clll-banner.clll-banner--rounded.clll-banner--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-banner.clll-banner--rounded.clll-banner--rounded-xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-2xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-3xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-none,.clll-banner.clll-banner--rounded.clll-banner--rounded-none .clll-{border-radius:0}.clll-banner.clll-banner--rounded:not([class*=clll-banner--rounded-]){border-radius:var(--clll-banner-theme-radius, var(--clll-rounded-sm))}.clll-banner.clll-banner--busy{pointer-events:none}.clll-banner.clll-banner--align-left{text-align:left}.clll-banner.clll-banner--align-center{text-align:center}.clll-banner.clll-banner--align-right{text-align:right}.clll-banner.clll-banner--bordered{border-style:solid;border-top-width:1px;border-left-width:1px;border-right-width:1px;border-bottom-width:.25rem}.clll-banner .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,24 +1,24 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLBanner.css';
|
|
3
|
-
import { defineComponent as
|
|
4
|
-
import { _ as
|
|
5
|
-
import { _ as
|
|
6
|
-
import { _ as
|
|
7
|
-
import { _ as
|
|
8
|
-
import { _ as
|
|
9
|
-
import { CLColorVariants as
|
|
10
|
-
import { c as
|
|
11
|
-
const
|
|
3
|
+
import { defineComponent as L, computed as h, createBlock as l, openBlock as n, unref as a, withCtx as c, createElementVNode as u, normalizeStyle as v, normalizeClass as d, createElementBlock as m, createCommentVNode as o, createTextVNode as b, toDisplayString as s, createVNode as y } from "vue";
|
|
4
|
+
import { _ as x } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-Drw6jsX_.js";
|
|
5
|
+
import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
|
|
6
|
+
import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
|
|
7
|
+
import { _ as C } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang--LtiFHSO.js";
|
|
8
|
+
import { _ as B } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
|
|
9
|
+
import { CLColorVariants as r, CLColors as z, CLAlign as D, CLHeadingTypes as T, CLTextTypes as N, CLSizes as w, CLIconSizes as V, CLIconNames as A } from "../../../index.js";
|
|
10
|
+
import { c as I } from "../../../chunks/utils-Sqgt8Fa4.js";
|
|
11
|
+
const R = ["data-testid"], O = /* @__PURE__ */ L({
|
|
12
12
|
name: "CLBanner",
|
|
13
13
|
__name: "CLBanner",
|
|
14
14
|
props: {
|
|
15
15
|
actionLabel: {},
|
|
16
|
-
align: { default:
|
|
16
|
+
align: { default: D.Left },
|
|
17
17
|
ariaLabel: {},
|
|
18
18
|
bordered: { type: Boolean, default: !0 },
|
|
19
19
|
borderRadius: {},
|
|
20
20
|
busy: { type: Boolean, default: !1 },
|
|
21
|
-
color: { default:
|
|
21
|
+
color: { default: z.Neutral },
|
|
22
22
|
height: { default: "auto" },
|
|
23
23
|
message: {},
|
|
24
24
|
onAction: {},
|
|
@@ -28,122 +28,118 @@ const G = ["data-testid"], P = /* @__PURE__ */ v({
|
|
|
28
28
|
testId: { default: "clll-banner" },
|
|
29
29
|
title: {},
|
|
30
30
|
width: { default: "100%" },
|
|
31
|
-
variant: { default:
|
|
31
|
+
variant: { default: r.Soft }
|
|
32
32
|
},
|
|
33
33
|
setup(e) {
|
|
34
|
-
h((
|
|
35
|
-
v6d071b72: u.width,
|
|
36
|
-
v1a0d58fb: u.height
|
|
37
|
-
}));
|
|
38
|
-
const i = e, t = "clll-banner", g = S(() => [
|
|
34
|
+
const i = e, t = "clll-banner", k = h(() => [
|
|
39
35
|
t,
|
|
40
36
|
i.actionLabel ? `${t}--actionable` : "",
|
|
41
37
|
i.busy ? `${t}--busy` : `${t}--ready`,
|
|
42
|
-
i.bordered && i.variant !==
|
|
38
|
+
i.bordered && i.variant !== r.Ghost ? `${t}--bordered` : "",
|
|
43
39
|
i.borderRadius ? `${t}--${i.borderRadius}` : "",
|
|
44
40
|
i.onDismiss ? `${t}--dismissable` : "",
|
|
45
41
|
`${t}--${i.color}--${i.variant}`,
|
|
46
42
|
`${t}--align-${i.align}`,
|
|
47
43
|
i.rounded ? `${t}--rounded` : `${t}--box`
|
|
48
44
|
]);
|
|
49
|
-
return (
|
|
45
|
+
return (E, f) => (n(), l(a(x), {
|
|
50
46
|
color: e.color,
|
|
51
47
|
enabled: !!(e.onClick && e.ariaLabel),
|
|
52
48
|
rounded: e.rounded
|
|
53
49
|
}, {
|
|
54
|
-
default:
|
|
55
|
-
|
|
56
|
-
class:
|
|
50
|
+
default: c(() => [
|
|
51
|
+
u("div", {
|
|
52
|
+
class: d(a(k)),
|
|
57
53
|
"data-testid": e.testId,
|
|
58
|
-
style:
|
|
54
|
+
style: v({ ...a(I)({ color: e.color, variant: e.variant }), width: e.width, height: e.height })
|
|
59
55
|
}, [
|
|
60
|
-
|
|
61
|
-
class:
|
|
56
|
+
u("div", {
|
|
57
|
+
class: d(`${t}__content`)
|
|
62
58
|
}, [
|
|
63
|
-
|
|
64
|
-
class:
|
|
59
|
+
u("div", {
|
|
60
|
+
class: d(`${t}__nested_content`)
|
|
65
61
|
}, [
|
|
66
|
-
e.busy ? (n(), l(a(
|
|
62
|
+
e.busy ? (n(), l(a(C), {
|
|
67
63
|
key: 0,
|
|
68
64
|
height: "28px",
|
|
69
65
|
"test-id": `${t}__skeleton-title`
|
|
70
66
|
}, null, 8, ["test-id"])) : o("", !0),
|
|
71
|
-
e.busy ? (n(), l(a(
|
|
67
|
+
e.busy ? (n(), l(a(C), {
|
|
72
68
|
key: 1,
|
|
73
69
|
width: "70%",
|
|
74
70
|
height: "20px",
|
|
75
71
|
"test-id": `${t}__skeleton-message`
|
|
76
72
|
}, null, 8, ["test-id"])) : o("", !0),
|
|
77
|
-
e.title && !e.busy ? (n(), l(a(
|
|
73
|
+
e.title && !e.busy ? (n(), l(a(S), {
|
|
78
74
|
key: 2,
|
|
79
75
|
align: e.align,
|
|
80
76
|
color: e.color,
|
|
81
|
-
type: a(
|
|
77
|
+
type: a(T).Section
|
|
82
78
|
}, {
|
|
83
|
-
default:
|
|
84
|
-
|
|
79
|
+
default: c(() => [
|
|
80
|
+
b(s(e.title), 1)
|
|
85
81
|
]),
|
|
86
82
|
_: 1
|
|
87
83
|
}, 8, ["align", "color", "type"])) : o("", !0),
|
|
88
|
-
e.message && !e.busy ? (n(), l(a(
|
|
84
|
+
e.message && !e.busy ? (n(), l(a(B), {
|
|
89
85
|
key: 3,
|
|
90
86
|
align: e.align,
|
|
91
87
|
color: e.color,
|
|
92
|
-
type: a(
|
|
88
|
+
type: a(N).Summary
|
|
93
89
|
}, {
|
|
94
|
-
default:
|
|
95
|
-
|
|
90
|
+
default: c(() => [
|
|
91
|
+
b(s(e.message), 1)
|
|
96
92
|
]),
|
|
97
93
|
_: 1
|
|
98
94
|
}, 8, ["align", "color", "type"])) : o("", !0)
|
|
99
95
|
], 2),
|
|
100
|
-
e.onAction && e.actionLabel ? (n(),
|
|
96
|
+
e.onAction && e.actionLabel ? (n(), m("div", {
|
|
101
97
|
key: 0,
|
|
102
|
-
class:
|
|
98
|
+
class: d(`${t}__action-button`)
|
|
103
99
|
}, [
|
|
104
|
-
|
|
100
|
+
y(a($), {
|
|
105
101
|
color: e.color,
|
|
106
102
|
"border-radius": e.borderRadius,
|
|
107
103
|
"on-click": e.onAction,
|
|
108
104
|
"test-id": `${t}__action-button`,
|
|
109
|
-
variant: e.variant === a(
|
|
105
|
+
variant: e.variant === a(r).Solid ? a(r).Soft : a(r).Solid
|
|
110
106
|
}, {
|
|
111
|
-
default:
|
|
112
|
-
|
|
107
|
+
default: c(() => [
|
|
108
|
+
b(s(e.actionLabel), 1)
|
|
113
109
|
]),
|
|
114
110
|
_: 1
|
|
115
111
|
}, 8, ["color", "border-radius", "on-click", "test-id", "variant"])
|
|
116
112
|
], 2)) : o("", !0)
|
|
117
113
|
], 2),
|
|
118
|
-
e.onDismiss ? (n(),
|
|
114
|
+
e.onDismiss ? (n(), m("div", {
|
|
119
115
|
key: 0,
|
|
120
|
-
class:
|
|
116
|
+
class: d(`${t}__dismiss-button`)
|
|
121
117
|
}, [
|
|
122
|
-
|
|
118
|
+
y(a($), {
|
|
123
119
|
"aria-label": "Dismiss banner",
|
|
124
120
|
color: e.color,
|
|
125
|
-
"icon-before": a(
|
|
126
|
-
"icon-size": a(
|
|
121
|
+
"icon-before": a(A).Delete,
|
|
122
|
+
"icon-size": a(V).Tiny,
|
|
127
123
|
"on-click": e.onDismiss,
|
|
128
|
-
size: a(
|
|
124
|
+
size: a(w).Tiny,
|
|
129
125
|
"test-id": `${t}__dismiss-button`,
|
|
130
126
|
variant: e.variant
|
|
131
127
|
}, null, 8, ["color", "icon-before", "icon-size", "on-click", "size", "test-id", "variant"])
|
|
132
128
|
], 2)) : o("", !0),
|
|
133
|
-
e.onClick && e.ariaLabel ? (n(),
|
|
129
|
+
e.onClick && e.ariaLabel ? (n(), m("button", {
|
|
134
130
|
key: 1,
|
|
135
131
|
class: "sr-only",
|
|
136
132
|
"data-expand-click-area": "",
|
|
137
|
-
onClick:
|
|
138
|
-
(...
|
|
139
|
-
},
|
|
140
|
-
], 14,
|
|
133
|
+
onClick: f[0] || (f[0] = //@ts-ignore
|
|
134
|
+
(...g) => e.onClick && e.onClick(...g))
|
|
135
|
+
}, s(e.ariaLabel), 1)) : o("", !0)
|
|
136
|
+
], 14, R)
|
|
141
137
|
]),
|
|
142
138
|
_: 1
|
|
143
139
|
}, 8, ["color", "enabled", "rounded"]));
|
|
144
140
|
}
|
|
145
141
|
});
|
|
146
142
|
export {
|
|
147
|
-
|
|
148
|
-
|
|
143
|
+
O as CLBanner,
|
|
144
|
+
O as default
|
|
149
145
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLPill.css';
|
|
3
|
-
import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-B1MuCUnW.js";
|
|
4
4
|
export {
|
|
5
5
|
s as CLPill,
|
|
6
6
|
s as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-progress .clll-progress__bar-container{border-radius:var(--clll-rounded-md);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:block;width:100%;position:relative;overflow:hidden;background-color:var(--clll-progress-container-bg, lightgray)}.clll-progress .clll-progress__bar-container .clll-progress__bar{position:absolute;bottom:0;left:0;width:100%;height:100%;transform-origin:left;transform:translate(calc((100 - var(--
|
|
1
|
+
.clll-progress .clll-progress__bar-container{border-radius:var(--clll-rounded-md);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:block;width:100%;position:relative;overflow:hidden;background-color:var(--clll-progress-container-bg, lightgray)}.clll-progress .clll-progress__bar-container .clll-progress__bar{position:absolute;bottom:0;left:0;width:100%;height:100%;transform-origin:left;transform:translate(calc((100 - var(--clll-progress-value)) * -1%));background-color:var(--clll-progress-bar-bg, transparent)}.clll-progress.clll-progress--not-rounded .clll-progress__bar-container{border-radius:0}.clll-progress .clll-progress__status__container{display:flex;justify-content:flex-start}.clll-progress .clll-progress__status__container .clll-progress__status__label{display:flex;justify-content:flex-end;width:calc(var(--clll-progress-value) * 1%)}.clll-progress.clll-progress--inverted .clll-progress__bar{transform-origin:right;transform:translate(calc((100 - var(--clll-progress-value)) * 1%))}.clll-progress.clll-progress--inverted .clll-progress__status__container{display:flex;justify-content:flex-end}.clll-progress.clll-progress--inverted .clll-progress__status__container .clll-progress__status__label{display:flex;justify-content:flex-start;width:calc(var(--clll-progress-value) * 1%)}.clll-progress.clll-progress--tiny .clll-progress__bar-container{height:var(--clll-unit-0_5)}.clll-progress.clll-progress--small .clll-progress__bar-container{height:var(--clll-unit-1)}.clll-progress.clll-progress--medium .clll-progress__bar-container{height:var(--clll-unit-2)}.clll-progress.clll-progress--large .clll-progress__bar-container{height:var(--clll-unit-3)}.clll-progress.clll-progress--xlarge .clll-progress__bar-container{height:var(--clll-unit-4)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLProgress.css';
|
|
3
|
-
import { _ as a } from "../../../chunks/CLProgress.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as a } from "../../../chunks/CLProgress.vue_vue_type_style_index_0_lang-DVJDbuDr.js";
|
|
4
4
|
export {
|
|
5
5
|
a as CLProgress,
|
|
6
6
|
a as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-skeleton{position:relative;overflow:hidden;
|
|
1
|
+
.clll-skeleton{position:relative;overflow:hidden;background-color:var(--clll-skeleton-bg-color, rgba(0, 0, 0, .075))}.clll-skeleton.clll-skeleton--rounded{border-radius:var(--clll-rounded-xs)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-full,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-lg,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-md,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-sm,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xs,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xl,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-2xl,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-3xl,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-none,.clll-skeleton.clll-skeleton--rounded.clll-skeleton--rounded-none .clll-{border-radius:0}.clll-skeleton.clll-skeleton--rounded:not([class*=clll-skeleton--rounded-]){border-radius:var(--clll-skeleton-theme-radius, var(--clll-rounded-xs))}.clll-skeleton .clll-skeleton__animation{position:absolute;top:0;left:0;width:14rem;height:100%;background-image:linear-gradient(to right,#fff0,#ffffff80,#fff0);animation:animate infinite 2s ease-in-out}@keyframes animate{0%{left:-14rem}to{left:100%}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLSkeleton.css';
|
|
3
|
-
import { _ as e } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang
|
|
3
|
+
import { _ as e } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang--LtiFHSO.js";
|
|
4
4
|
export {
|
|
5
5
|
e as CLSkeleton,
|
|
6
6
|
e as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-prevent-scroll{overflow:initial}.clll-modal{position:fixed;inset:0;height:100dvh;z-index:var(--v2ce0ceaf)}.clll-modal .clll-modal__window{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;padding:0 var(--clll-px-md);z-index:var(--v51a276c4)}.clll-modal .clll-modal__window .clll-modal__close-button{position:absolute;top:var(--clll-unit-2);right:var(--clll-unit-2);z-index:1}.clll-modal .clll-modal__window .clll-modal__content{border-radius:0;display:flex;flex-direction:column;height:auto;position:relative;margin:var(--clll-unit-6) auto;background:var(--clll-modal-content-bg, white);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-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none .clll-{border-radius:0}.clll-modal .clll-modal__window .clll-modal__content:not([class*=clll-modal__content--rounded-]){border-radius:var(--clll-modal-theme-radius, 0)}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content{margin:var(--clll-unit-12) auto;max-width:var(--v0c2be450)}}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title{align-items:start;display:flex;width:100%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title .clll-modal__content__header__container{flex:1 1 0%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{display:flex;flex:1;flex-direction:column;overflow-y:auto}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{overflow-y:hidden}}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body{flex:1}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title{flex:1}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title .clll-modal__content__header .clll-modal__content__title{justify-content:flex-end;padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-body .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__header,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-footer .clll-modal__content__footer{display:none;padding:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-12) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen{padding:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{height:100%;margin:0;max-width:100%}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{border-radius:0}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__close-button{top:var(--clll-unit-2);right:var(--clll-unit-2)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title .clll-modal__close-button,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__close-button{right:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{flex:1}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{overflow-y:auto;max-height:100%}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-14) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-8)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__overlay{position:fixed;inset:0;opacity:.4;background-color:var(--clll-modal-overlay-bg, transparent)}
|
|
1
|
+
.clll-prevent-scroll{overflow:initial}.clll-modal{position:fixed;inset:0;height:100dvh}.clll-modal .clll-modal__window{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;padding:0 var(--clll-px-md)}.clll-modal .clll-modal__window .clll-modal__close-button{position:absolute;top:var(--clll-unit-2);right:var(--clll-unit-2);z-index:1}.clll-modal .clll-modal__window .clll-modal__content{border-radius:0;display:flex;flex-direction:column;height:auto;position:relative;margin:var(--clll-unit-6) auto;background:var(--clll-modal-content-bg, white);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-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none .clll-{border-radius:0}.clll-modal .clll-modal__window .clll-modal__content:not([class*=clll-modal__content--rounded-]){border-radius:var(--clll-modal-theme-radius, 0)}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content{margin:var(--clll-unit-12) auto;max-width:var(--clll-modal-max-width)}}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title{align-items:start;display:flex;width:100%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title .clll-modal__content__header__container{flex:1 1 0%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{display:flex;flex:1;flex-direction:column;overflow-y:auto}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{overflow-y:hidden}}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body{flex:1}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title{flex:1}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title .clll-modal__content__header .clll-modal__content__title{justify-content:flex-end;padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-body .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__header,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-footer .clll-modal__content__footer{display:none;padding:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-12) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen{padding:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{height:100%;margin:0;max-width:100%}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{border-radius:0}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__close-button{top:var(--clll-unit-2);right:var(--clll-unit-2)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title .clll-modal__close-button,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__close-button{right:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{flex:1}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{overflow-y:auto;max-height:100%}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-14) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-8)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__overlay{position:fixed;inset:0;opacity:.4;background-color:var(--clll-modal-overlay-bg, transparent)}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLModal.css';
|
|
3
|
-
import { defineComponent as W,
|
|
4
|
-
import { _ as
|
|
5
|
-
import { _ as
|
|
6
|
-
import { CLMode as k, CLColors as T, CLColorVariants as R, CLBorderRadius as
|
|
7
|
-
import { g as
|
|
8
|
-
import { useTheme as
|
|
9
|
-
import { useEsc as
|
|
3
|
+
import { defineComponent as W, useTemplateRef as F, useSlots as U, ref as Z, computed as _, watch as j, onMounted as q, onBeforeUnmount as A, createElementBlock as p, createCommentVNode as f, openBlock as v, normalizeStyle as w, normalizeClass as l, unref as n, createElementVNode as d, createBlock as B, renderSlot as $, withCtx as G, createTextVNode as J, toDisplayString as K } from "vue";
|
|
4
|
+
import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
|
|
5
|
+
import { _ as Q } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
|
|
6
|
+
import { CLMode as k, CLColors as T, CLColorVariants as R, CLBorderRadius as X, CLIconSizes as Y, CLIconNames as ee, CLHeadingTypes as oe } from "../../../index.js";
|
|
7
|
+
import { g as te } from "../../../chunks/utils-CS9Gz4oX.js";
|
|
8
|
+
import { useTheme as ne } from "../../../composables/useTheme.js";
|
|
9
|
+
import { useEsc as le } from "../../../composables/useEsc.js";
|
|
10
10
|
import { b as S, i as a } from "../../../chunks/helper--hRjZVm6.js";
|
|
11
|
-
const
|
|
12
|
-
const { borderRadius: t, colors:
|
|
11
|
+
const se = () => {
|
|
12
|
+
const { borderRadius: t, colors: y, darkMode: c } = ne(), r = c.value ? k.Dark : k.Light, u = te({
|
|
13
13
|
color: T.Neutral,
|
|
14
|
-
colors:
|
|
14
|
+
colors: y.value,
|
|
15
15
|
mode: r,
|
|
16
16
|
variant: R.Solid
|
|
17
17
|
}), o = c.value ? "black" : "white";
|
|
@@ -20,13 +20,13 @@ const ae = () => {
|
|
|
20
20
|
"--clll-modal-content-bg": o,
|
|
21
21
|
"--clll-modal-theme-radius": t.value ? `var(--clll-${t.value})` : void 0
|
|
22
22
|
};
|
|
23
|
-
},
|
|
23
|
+
}, ae = ["id", "data-testid"], re = ["aria-labelledby"], we = /* @__PURE__ */ W({
|
|
24
24
|
name: "CLModal",
|
|
25
25
|
__name: "CLModal",
|
|
26
26
|
props: {
|
|
27
27
|
borderRadius: { default: void 0 },
|
|
28
28
|
close: { type: Boolean, default: !0 },
|
|
29
|
-
closeBorderRadius: { default:
|
|
29
|
+
closeBorderRadius: { default: X.Full },
|
|
30
30
|
dismissible: { type: Boolean, default: !0 },
|
|
31
31
|
fullscreen: { type: Boolean, default: !1 },
|
|
32
32
|
isOpen: { type: Boolean, default: !1 },
|
|
@@ -39,16 +39,11 @@ const ae = () => {
|
|
|
39
39
|
zIndex: { default: 100 }
|
|
40
40
|
},
|
|
41
41
|
emits: ["modal-open", "modal-close"],
|
|
42
|
-
setup(t, { emit:
|
|
43
|
-
F((
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}));
|
|
48
|
-
const c = w, r = U("modal-window"), u = Z(), o = t, e = "clll-modal", $ = "clll-prevent-scroll", m = j(), C = () => {
|
|
49
|
-
a && window?.document.body.classList.add($);
|
|
50
|
-
}, x = () => {
|
|
51
|
-
a && window?.document.body.classList.remove($);
|
|
42
|
+
setup(t, { emit: y }) {
|
|
43
|
+
const c = y, r = F("modal-window"), u = U(), o = t, e = "clll-modal", x = "clll-prevent-scroll", m = Z(), C = () => {
|
|
44
|
+
a && window?.document.body.classList.add(x);
|
|
45
|
+
}, I = () => {
|
|
46
|
+
a && window?.document.body.classList.remove(x);
|
|
52
47
|
}, N = _(() => [
|
|
53
48
|
e
|
|
54
49
|
]), E = _(() => [
|
|
@@ -62,120 +57,122 @@ const ae = () => {
|
|
|
62
57
|
u.footer ? `${e}__content--has-footer` : `${e}__content--has-no-footer`,
|
|
63
58
|
u.header || o.title ? `${e}__content--has-header` : `${e}__content--has-no-header`,
|
|
64
59
|
o.title ? `${e}__content--has-title` : `${e}__content--has-no-title`
|
|
65
|
-
]), O = _(() => o.zIndex === "auto" || S(o.zIndex) ? o.zIndex : o.zIndex.toString()), V = _(() => o.zIndex === "auto" ? o.zIndex : ((S(o.zIndex) ? parseInt(o.zIndex, 10) : o.zIndex) + 100).toString()), H = (
|
|
60
|
+
]), O = _(() => o.zIndex === "auto" || S(o.zIndex) ? o.zIndex : o.zIndex.toString()), V = _(() => o.zIndex === "auto" ? o.zIndex : ((S(o.zIndex) ? parseInt(o.zIndex, 10) : o.zIndex) + 100).toString()), H = (s) => {
|
|
66
61
|
try {
|
|
67
|
-
const i =
|
|
68
|
-
return a &&
|
|
62
|
+
const i = s?.target, g = r.value;
|
|
63
|
+
return a && g && !g.contains(i) ? !0 : void 0;
|
|
69
64
|
} catch (i) {
|
|
70
65
|
console.error(i);
|
|
71
66
|
return;
|
|
72
67
|
}
|
|
73
|
-
}, b = (
|
|
68
|
+
}, b = (s) => {
|
|
74
69
|
try {
|
|
75
|
-
H(
|
|
70
|
+
H(s) && (a && window.removeEventListener("mousedown", b), L());
|
|
76
71
|
} catch (i) {
|
|
77
72
|
console.error(i);
|
|
78
73
|
}
|
|
79
|
-
},
|
|
74
|
+
}, h = () => {
|
|
80
75
|
a && window.removeEventListener("mousedown", b);
|
|
81
|
-
}, I = () => {
|
|
82
|
-
a && (m.value && a && window.clearTimeout(m.value), y(), x());
|
|
83
76
|
}, z = () => {
|
|
84
|
-
|
|
77
|
+
a && (m.value && a && window.clearTimeout(m.value), h(), I());
|
|
78
|
+
}, L = () => {
|
|
79
|
+
o.isOpen && (o.onClose?.(), z());
|
|
85
80
|
};
|
|
86
|
-
|
|
87
|
-
|
|
81
|
+
j(o, (s) => {
|
|
82
|
+
s.isOpen ? (c("modal-open"), C(), r.value && r.value.focus(), a && s.dismissible && (h(), m.value = window.setTimeout(() => {
|
|
88
83
|
window.addEventListener("mousedown", b);
|
|
89
|
-
}, 100))) : (r.value && r.value.blur(),
|
|
90
|
-
}),
|
|
84
|
+
}, 100))) : (r.value && r.value.blur(), I(), h(), m.value && a && window.clearTimeout(m.value), c("modal-close"));
|
|
85
|
+
}), q(() => {
|
|
91
86
|
o.isOpen && a && (C(), r.value && r.value.focus());
|
|
92
87
|
});
|
|
93
|
-
const { clearEventListeners: D } =
|
|
94
|
-
return
|
|
95
|
-
|
|
96
|
-
}), (
|
|
88
|
+
const { clearEventListeners: D } = le({ escHandler: o.dismissible ? L : void 0 });
|
|
89
|
+
return A(() => {
|
|
90
|
+
z(), D();
|
|
91
|
+
}), (s, i) => t.isOpen ? (v(), p("div", {
|
|
97
92
|
key: 0,
|
|
98
93
|
id: t.modalId,
|
|
99
|
-
class:
|
|
94
|
+
class: l(n(N)),
|
|
100
95
|
"data-testid": t.testId,
|
|
101
|
-
style:
|
|
96
|
+
style: w({ ...n(se)(), zIndex: n(O) })
|
|
102
97
|
}, [
|
|
103
98
|
d("div", {
|
|
104
|
-
class:
|
|
99
|
+
class: l(n(E)),
|
|
100
|
+
style: w({ zIndex: n(V) })
|
|
105
101
|
}, [
|
|
106
102
|
d("div", {
|
|
107
103
|
ref: "modal-window",
|
|
108
104
|
"aria-modal": "true",
|
|
109
105
|
"aria-labelledby": `${e}__content__header__title`,
|
|
110
|
-
class:
|
|
106
|
+
class: l(n(M)),
|
|
111
107
|
role: "dialog",
|
|
112
|
-
tabindex: -1
|
|
108
|
+
tabindex: -1,
|
|
109
|
+
style: w({ "--clll-modal-max-width": t.maxWidth })
|
|
113
110
|
}, [
|
|
114
111
|
d("div", {
|
|
115
|
-
class:
|
|
112
|
+
class: l(`${e}__close-button`)
|
|
116
113
|
}, [
|
|
117
|
-
t.onClose && t.close ? (v(), B(
|
|
114
|
+
t.onClose && t.close ? (v(), B(n(P), {
|
|
118
115
|
key: 0,
|
|
119
116
|
"aria-label": "Close modal",
|
|
120
117
|
"border-radius": t.closeBorderRadius,
|
|
121
|
-
color:
|
|
122
|
-
"icon-before":
|
|
123
|
-
"icon-size":
|
|
118
|
+
color: n(T).Neutral,
|
|
119
|
+
"icon-before": n(ee).Delete,
|
|
120
|
+
"icon-size": n(Y).Tiny,
|
|
124
121
|
"on-click": t.onClose,
|
|
125
122
|
"test-id": `${e}__close-button`,
|
|
126
|
-
variant:
|
|
123
|
+
variant: n(R).Text
|
|
127
124
|
}, null, 8, ["border-radius", "color", "icon-before", "icon-size", "on-click", "test-id", "variant"])) : f("", !0)
|
|
128
125
|
], 2),
|
|
129
126
|
d("div", {
|
|
130
|
-
class:
|
|
127
|
+
class: l(`${e}__content__header`)
|
|
131
128
|
}, [
|
|
132
129
|
d("div", {
|
|
133
|
-
class:
|
|
130
|
+
class: l(`${e}__content__title`)
|
|
134
131
|
}, [
|
|
135
132
|
d("div", {
|
|
136
|
-
class:
|
|
133
|
+
class: l(`${e}__content__header__container`)
|
|
137
134
|
}, [
|
|
138
|
-
t.title ? (v(), B(
|
|
135
|
+
t.title ? (v(), B(n(Q), {
|
|
139
136
|
key: 0,
|
|
140
137
|
id: `${e}__content__header__title`,
|
|
141
|
-
class:
|
|
142
|
-
type:
|
|
138
|
+
class: l(`${e}__content__header__title`),
|
|
139
|
+
type: n(oe).Section
|
|
143
140
|
}, {
|
|
144
|
-
default:
|
|
145
|
-
K(
|
|
141
|
+
default: G(() => [
|
|
142
|
+
J(K(t.title), 1)
|
|
146
143
|
]),
|
|
147
144
|
_: 1
|
|
148
145
|
}, 8, ["id", "class", "type"])) : f("", !0),
|
|
149
|
-
|
|
146
|
+
$(s.$slots, "header")
|
|
150
147
|
], 2)
|
|
151
148
|
], 2)
|
|
152
149
|
], 2),
|
|
153
150
|
d("div", {
|
|
154
|
-
class:
|
|
151
|
+
class: l(`${e}__content__scroller`)
|
|
155
152
|
}, [
|
|
156
153
|
d("div", {
|
|
157
|
-
class:
|
|
154
|
+
class: l(`${e}__content__body`)
|
|
158
155
|
}, [
|
|
159
|
-
|
|
156
|
+
$(s.$slots, "body")
|
|
160
157
|
], 2)
|
|
161
158
|
], 2),
|
|
162
159
|
d("div", {
|
|
163
|
-
class:
|
|
160
|
+
class: l(`${e}__content__footer`)
|
|
164
161
|
}, [
|
|
165
|
-
|
|
162
|
+
$(s.$slots, "footer")
|
|
166
163
|
], 2)
|
|
167
|
-
],
|
|
168
|
-
],
|
|
169
|
-
t.overlay ? (v(),
|
|
164
|
+
], 14, re)
|
|
165
|
+
], 6),
|
|
166
|
+
t.overlay ? (v(), p("div", {
|
|
170
167
|
key: 0,
|
|
171
168
|
ref: "overlay-ref",
|
|
172
|
-
class:
|
|
173
|
-
style:
|
|
169
|
+
class: l(`${e}__overlay`),
|
|
170
|
+
style: w({ zIndex: t.zIndex })
|
|
174
171
|
}, null, 6)) : f("", !0)
|
|
175
|
-
], 14,
|
|
172
|
+
], 14, ae)) : f("", !0);
|
|
176
173
|
}
|
|
177
174
|
});
|
|
178
175
|
export {
|
|
179
|
-
|
|
180
|
-
|
|
176
|
+
we as CLModal,
|
|
177
|
+
we as default
|
|
181
178
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLLink.css';
|
|
3
|
-
import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-DCwTmOOz.js";
|
|
4
4
|
export {
|
|
5
5
|
s as CLLink,
|
|
6
6
|
s as default
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
|
-
import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.js";
|
|
3
3
|
export {
|
|
4
4
|
s as CLNavLink,
|
|
5
5
|
s as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLNavSection.css';
|
|
3
3
|
import { defineComponent as f, computed as u, createElementBlock as a, openBlock as l, normalizeClass as m, unref as r, Fragment as p, renderList as _, createVNode as i, withCtx as n, createTextVNode as C, toDisplayString as x } from "vue";
|
|
4
|
-
import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.js";
|
|
5
5
|
import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
|
|
6
6
|
import { CLOrientation as h, CLColors as $ } from "../../../index.js";
|
|
7
7
|
const g = ["data-testid"], V = /* @__PURE__ */ f({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-dropdown-menu__menu{position:relative;display:inline-block}
|
|
1
|
+
.clll-dropdown-menu__menu{position:relative;display:inline-block}
|