@codeandfunction/callaloo 3.17.0 → 3.18.1
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/{CLA11yButton.vue_vue_type_style_index_0_lang-Cl1pOJvL.js → CLA11yButton.vue_vue_type_style_index_0_lang-sAuatKyL.js} +1 -1
- package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-BN8ZGIfe.js → CLButton.vue_vue_type_style_index_0_lang-iaJCnlnS.js} +3 -3
- package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-VQ9e4mL2.js → CLCard.vue_vue_type_style_index_0_lang-lzqVCrJ3.js} +5 -5
- package/dist/chunks/{CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js → CLFormLabel.vue_vue_type_script_setup_true_lang-DU9hc287.js} +1 -1
- package/dist/chunks/{CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js → CLHeading.vue_vue_type_style_index_0_lang-DSJj-OSE.js} +1 -1
- package/dist/chunks/{CLIcon.vue_vue_type_style_index_0_lang-_OXcDRz_.js → CLIcon.vue_vue_type_style_index_0_lang-D60lhyDD.js} +3 -3
- package/dist/chunks/{CLInputMessages.vue_vue_type_style_index_0_lang-CtXwFFjZ.js → CLInputMessages.vue_vue_type_style_index_0_lang-yVPk0TXA.js} +1 -1
- package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-C5Pac9Ux.js → CLLink.vue_vue_type_style_index_0_lang-N1pSMEpM.js} +2 -2
- package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-BwawdHNA.js → CLNavLink.vue_vue_type_script_setup_true_lang-Ck2kQgOd.js} +1 -1
- package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-B0jCw5QR.js → CLPill.vue_vue_type_style_index_0_lang-DGFL7WdJ.js} +3 -3
- package/dist/chunks/{CLSkeleton.vue_vue_type_style_index_0_lang-DT23xe5d.js → CLSkeleton.vue_vue_type_style_index_0_lang-0bIkQhjj.js} +1 -1
- package/dist/chunks/{CLSpinner.vue_vue_type_style_index_0_lang-DU0dl3yu.js → CLSpinner.vue_vue_type_style_index_0_lang-Bt2htES9.js} +1 -1
- package/dist/chunks/{CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js → CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.js} +1 -1
- package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-CwrZb7Fw.js +187 -0
- package/dist/chunks/{base-theme-Bg6XMoeN.js → base-theme-Dp5l5R6W.js} +3 -3
- package/dist/chunks/helper-BYpahJAh.js +63 -0
- package/dist/chunks/{utils-C_e2F4X7.js → utils-BaOvsXrB.js} +2 -2
- package/dist/chunks/{utils-CS9Gz4oX.js → utils-COeAI8Q8.js} +1 -1
- package/dist/chunks/{utils-DxdFsNHx.js → utils-Cxr8PSje.js} +1 -1
- package/dist/chunks/{utils-BipQQo6V.js → utils-D3pF04kL.js} +1 -1
- package/dist/chunks/{utils-DmkkE-9U.js → utils-c_6HU3mP.js} +1 -1
- package/dist/chunks/{utils-B_-25pfO.js → utils-lYiECXLy.js} +3 -3
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +1 -1
- package/dist/components/Buttons/CLButton/CLButton.js +1 -1
- package/dist/components/CLIcon/CLIcon.js +1 -1
- package/dist/components/CLTable/CLTable.css +1 -1
- package/dist/components/CLTable/CLTable.js +2 -2
- package/dist/components/Containers/CLCard/CLCard.js +1 -1
- package/dist/components/Containers/CLCarousel/CLCarousel.js +3 -3
- package/dist/components/Containers/CLDisclosure/CLDisclosure.js +5 -5
- package/dist/components/Form/CLCheckbox/CLCheckbox.js +3 -3
- package/dist/components/Form/CLInput/CLInput.js +5 -5
- package/dist/components/Form/CLRadioButton/CLRadioButton.js +2 -2
- package/dist/components/Form/CLSelect/CLSelect.js +3 -3
- package/dist/components/Form/CLTextArea/CLTextArea.js +2 -2
- package/dist/components/Indicators/CLBadge/CLBadge.js +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.js +6 -6
- package/dist/components/Indicators/CLPill/CLPill.js +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.js +62 -3
- package/dist/components/Loading/CLSkeleton/CLSkeleton.js +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.js +1 -1
- package/dist/components/Modals/CLModal/CLModal.js +4 -4
- 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 +2 -2
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +3 -3
- package/dist/components/Popups/CLToast/CLToast.css +1 -1
- package/dist/components/Popups/CLToast/CLToast.js +1 -1
- package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js +37 -23
- package/dist/components/Providers/CLThemeProvider/CLThemeProvider.vue.d.ts +3 -0
- package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
- package/dist/components/Typography/CLHeading/CLHeading.js +1 -1
- package/dist/components/Typography/CLText/CLText.js +1 -1
- package/dist/composables/useDropdown.js +1 -1
- package/dist/composables/useEsc.js +1 -1
- package/dist/composables/useTheme.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/CLProgress.vue_vue_type_style_index_0_lang-Cqdkf70C.js +0 -64
- package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-DBSD8ucy.js +0 -183
- package/dist/chunks/helper--hRjZVm6.js +0 -62
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../components/Buttons/CLA11yButton/CLA11yButton.css';
|
|
2
2
|
import { defineComponent as y, ref as b, computed as p, createElementBlock as k, openBlock as C, withKeys as B, normalizeStyle as E, normalizeClass as x, unref as d, renderSlot as A } from "vue";
|
|
3
3
|
import { CLColors as _ } from "../index.js";
|
|
4
|
-
import { a as g } from "./utils-
|
|
4
|
+
import { a as g } from "./utils-D3pF04kL.js";
|
|
5
5
|
const h = ["data-testid", "tabindex"], w = /* @__PURE__ */ y({
|
|
6
6
|
name: "CLA11yButton",
|
|
7
7
|
__name: "CLA11yButton",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import '../components/Buttons/CLButton/CLButton.css';
|
|
2
2
|
import { defineComponent as C, useSlots as h, ref as S, computed as z, onMounted as B, nextTick as g, createBlock as n, openBlock as i, resolveDynamicComponent as L, normalizeStyle as k, normalizeClass as s, unref as l, withCtx as w, createCommentVNode as d, createElementBlock as A, renderSlot as R } from "vue";
|
|
3
|
-
import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as T } from "./CLSpinner.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-D60lhyDD.js";
|
|
4
|
+
import { _ as T } from "./CLSpinner.vue_vue_type_style_index_0_lang-Bt2htES9.js";
|
|
5
5
|
import { CLColorVariants as I, CLButtonTypes as x, CLLinkTarget as M, CLSizes as o, CLIconSizes as m, CLColors as F, CLAlign as b, CLPosition as N } from "../index.js";
|
|
6
|
-
import { b as V } from "./utils-
|
|
6
|
+
import { b as V } from "./utils-D3pF04kL.js";
|
|
7
7
|
import { useHasSlotContent as D } from "../composables/useHasSlotContent.js";
|
|
8
8
|
const J = /* @__PURE__ */ C({
|
|
9
9
|
name: "CLButton",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import '../components/Containers/CLCard/CLCard.css';
|
|
2
2
|
import { defineComponent as I, useSlots as z, ref as v, computed as D, onMounted as F, nextTick as K, createElementBlock as r, openBlock as i, withKeys as M, normalizeStyle as k, normalizeClass as n, unref as l, createCommentVNode as d, createElementVNode as u, withDirectives as B, createVNode as q, vShow as A, createBlock as c, renderSlot as g, Fragment as G, withCtx as y, createTextVNode as b, toDisplayString as C } from "vue";
|
|
3
|
-
import { _ as E } from "./CLHeading.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as j } from "./CLLink.vue_vue_type_style_index_0_lang-
|
|
5
|
-
import { _ as h } from "./CLSkeleton.vue_vue_type_style_index_0_lang-
|
|
6
|
-
import { _ as J } from "./CLText.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as E } from "./CLHeading.vue_vue_type_style_index_0_lang-DSJj-OSE.js";
|
|
4
|
+
import { _ as j } from "./CLLink.vue_vue_type_style_index_0_lang-N1pSMEpM.js";
|
|
5
|
+
import { _ as h } from "./CLSkeleton.vue_vue_type_style_index_0_lang-0bIkQhjj.js";
|
|
6
|
+
import { _ as J } from "./CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.js";
|
|
7
7
|
import { CLColorVariants as O, CLCardTypes as P, CLHeadingTypes as Q, CLHeadingLevels as U, CLLinkTarget as X, CLOverflow as Y, CLLoading as Z, CLColors as p, CLAlign as _, CLOrder as N, CLTextTypes as ee } from "../index.js";
|
|
8
|
-
import { c as te } from "./utils-
|
|
8
|
+
import { c as te } from "./utils-Cxr8PSje.js";
|
|
9
9
|
import { useHasSlotContent as ae } from "../composables/useHasSlotContent.js";
|
|
10
10
|
const le = ["data-testid", "tabindex"], ie = ["alt", "loading", "src"], ne = ["alt", "loading", "src"], de = ["aria-label", "href", "target"], ye = /* @__PURE__ */ I({
|
|
11
11
|
name: "CLCard",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as r, createElementBlock as i, openBlock as o, normalizeClass as a, createVNode as m, unref as d, withCtx as n, createTextVNode as c, toDisplayString as f } from "vue";
|
|
2
|
-
import { _ as u } from "./CLText.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import { _ as u } from "./CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.js";
|
|
3
3
|
import { CLSizes as l, CLTextTypes as t } from "../index.js";
|
|
4
4
|
const b = ["for", "data-testid"], h = /* @__PURE__ */ r({
|
|
5
5
|
name: "CLFormLabel",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../components/Typography/CLHeading/CLHeading.css';
|
|
2
2
|
import { defineComponent as i, computed as r, createBlock as u, openBlock as f, resolveDynamicComponent as p, unref as o, normalizeStyle as m, normalizeClass as g, withCtx as C, renderSlot as y } from "vue";
|
|
3
3
|
import { CLHeadingTypes as l, CLColors as $, CLAlign as L, CLHeadingLevels as n } from "../index.js";
|
|
4
|
-
import { t as h } from "./utils-
|
|
4
|
+
import { t as h } from "./utils-BaOvsXrB.js";
|
|
5
5
|
const b = /* @__PURE__ */ i({
|
|
6
6
|
name: "CLHeading",
|
|
7
7
|
__name: "CLHeading",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import '../components/CLIcon/CLIcon.css';
|
|
2
2
|
import { defineComponent as p, computed as v, onMounted as z, createElementBlock as a, openBlock as m, normalizeStyle as X, normalizeClass as u, unref as h, createElementVNode as w } from "vue";
|
|
3
3
|
import { CLMode as f, CLColors as g, CLColorVariants as B, CLIconSizes as o } from "../index.js";
|
|
4
|
-
import { g as I } from "./utils-
|
|
4
|
+
import { g as I } from "./utils-COeAI8Q8.js";
|
|
5
5
|
import { useTheme as S } from "../composables/useTheme.js";
|
|
6
|
-
import { i as x } from "./helper
|
|
6
|
+
import { i as x } from "./helper-BYpahJAh.js";
|
|
7
7
|
const M = ({ color: e = g.Neutral }) => {
|
|
8
|
-
const { colors: c, darkMode: t } = S(), n = t.value ? f.
|
|
8
|
+
const { colors: c, darkMode: t } = S(), n = t.value ? f.Dark : f.Light;
|
|
9
9
|
return {
|
|
10
10
|
"--clll-icon-color": I({
|
|
11
11
|
color: e,
|
|
@@ -2,7 +2,7 @@ import '../assets/CLInputMessages.css';
|
|
|
2
2
|
import { defineComponent as D, createElementBlock as w, openBlock as $, normalizeClass as y, unref as S, renderSlot as T, Fragment as q, renderList as P, normalizeStyle as G, createElementVNode as O, toDisplayString as A } from "vue";
|
|
3
3
|
import { CLOrientation as z, CLMode as n, CLColorVariants as a, CLColors as F } from "../index.js";
|
|
4
4
|
import { useTheme as v } from "../composables/useTheme.js";
|
|
5
|
-
import { g as u } from "./utils-
|
|
5
|
+
import { g as u } from "./utils-COeAI8Q8.js";
|
|
6
6
|
const f = "clll-form-field", R = /* @__PURE__ */ D({
|
|
7
7
|
__name: "CLFormField",
|
|
8
8
|
props: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import '../components/Navigation/CLLink/CLLink.css';
|
|
2
2
|
import { defineComponent as k, computed as C, createElementBlock as x, openBlock as s, normalizeStyle as L, normalizeClass as b, unref as n, renderSlot as h, createBlock as v, createCommentVNode as y } from "vue";
|
|
3
|
-
import { _ as g } from "./CLIcon.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as g } from "./CLIcon.vue_vue_type_style_index_0_lang-D60lhyDD.js";
|
|
4
4
|
import { CLMode as d, CLColors as u, CLColorVariants as $, CLLinkTarget as B, CLIconSizes as z, CLIconNames as I } from "../index.js";
|
|
5
|
-
import { g as S } from "./utils-
|
|
5
|
+
import { g as S } from "./utils-COeAI8Q8.js";
|
|
6
6
|
import { useTheme as D } from "../composables/useTheme.js";
|
|
7
7
|
const H = ({
|
|
8
8
|
color: e = u.Primary,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as i, createBlock as o, openBlock as c, unref as d, withCtx as f, renderSlot as m } from "vue";
|
|
2
|
-
import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-N1pSMEpM.js";
|
|
3
3
|
import { CLColors as k } from "../index.js";
|
|
4
4
|
const x = /* @__PURE__ */ i({
|
|
5
5
|
name: "CLNavLink",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import '../components/Indicators/CLPill/CLPill.css';
|
|
2
2
|
import { defineComponent as y, computed as d, createElementBlock as i, openBlock as a, Fragment as h, createCommentVNode as o, createBlock as u, normalizeStyle as m, normalizeClass as c, unref as t, createElementVNode as s, toDisplayString as r, withCtx as z } from "vue";
|
|
3
|
-
import { _ as b } from "./CLButton.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as $ } from "./CLIcon.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as b } from "./CLButton.vue_vue_type_style_index_0_lang-iaJCnlnS.js";
|
|
4
|
+
import { _ as $ } from "./CLIcon.vue_vue_type_style_index_0_lang-D60lhyDD.js";
|
|
5
5
|
import { CLColorVariants as B, CLColors as L, CLIconSizes as f } from "../index.js";
|
|
6
|
-
import { p as C } from "./utils-
|
|
6
|
+
import { p as C } from "./utils-lYiECXLy.js";
|
|
7
7
|
const x = ["data-testid"], P = /* @__PURE__ */ y({
|
|
8
8
|
name: "CLPill",
|
|
9
9
|
__name: "CLPill",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../components/Loading/CLSkeleton/CLSkeleton.css';
|
|
2
2
|
import { defineComponent as d, computed as a, createElementBlock as r, openBlock as i, normalizeStyle as u, normalizeClass as c, unref as n, createElementVNode as m } from "vue";
|
|
3
|
-
import { s as f } from "./utils-
|
|
3
|
+
import { s as f } from "./utils-c_6HU3mP.js";
|
|
4
4
|
const h = ["data-testid"], $ = /* @__PURE__ */ d({
|
|
5
5
|
name: "CLSkeleton",
|
|
6
6
|
__name: "CLSkeleton",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../components/Loading/CLSpinner/CLSpinner.css';
|
|
2
2
|
import { defineComponent as d, computed as n, createElementBlock as r, openBlock as i, normalizeStyle as u, normalizeClass as c, unref as o, createElementVNode as a } from "vue";
|
|
3
3
|
import { CLSizes as f, CLPosition as C, CLColors as $, CLAlign as z } from "../index.js";
|
|
4
|
-
import { a as L } from "./utils-
|
|
4
|
+
import { a as L } from "./utils-c_6HU3mP.js";
|
|
5
5
|
const _ = ["data-testid"], h = /* @__PURE__ */ d({
|
|
6
6
|
name: "CLSpinner",
|
|
7
7
|
__name: "CLSpinner",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../components/Typography/CLText/CLText.css';
|
|
2
2
|
import { defineComponent as d, computed as n, createBlock as r, openBlock as f, resolveDynamicComponent as c, normalizeStyle as m, normalizeClass as u, unref as o, withCtx as i, renderSlot as p } from "vue";
|
|
3
3
|
import { CLTextTypes as y, CLColors as $, CLAlign as C } from "../index.js";
|
|
4
|
-
import { t as x } from "./utils-
|
|
4
|
+
import { t as x } from "./utils-BaOvsXrB.js";
|
|
5
5
|
const L = /* @__PURE__ */ d({
|
|
6
6
|
name: "CLText",
|
|
7
7
|
__name: "CLText",
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
import '../components/Popups/CLToast/CLToast.css';
|
|
2
|
+
import { defineComponent as q, ref as l, computed as G, watch as J, onMounted as K, onUnmounted as O, onBeforeUnmount as Q, createElementBlock as z, openBlock as h, normalizeStyle as W, normalizeClass as c, unref as o, createElementVNode as g, createCommentVNode as $, createVNode as w, createBlock as R, withCtx as D, createTextVNode as M, toDisplayString as S } from "vue";
|
|
3
|
+
import { _ as A } from "./CLButton.vue_vue_type_style_index_0_lang-iaJCnlnS.js";
|
|
4
|
+
import { _ as X } from "./CLIcon.vue_vue_type_style_index_0_lang-D60lhyDD.js";
|
|
5
|
+
import { _ as F } from "./CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.js";
|
|
6
|
+
import { CLMode as H, CLColorVariants as P, CLToastPosition as Y, CLIconSizes as U, CLColors as y, CLTextTypes as B, CLSizes as p, CLIconNames as ee } from "../index.js";
|
|
7
|
+
import { i as _, g as te, b as ae } from "./helper-BYpahJAh.js";
|
|
8
|
+
import { useEsc as oe } from "../composables/useEsc.js";
|
|
9
|
+
import { g as ie } from "./utils-COeAI8Q8.js";
|
|
10
|
+
import { useTheme as se } from "../composables/useTheme.js";
|
|
11
|
+
const le = ({ color: t, variant: e }) => {
|
|
12
|
+
const { colors: C, darkMode: n } = se(), i = n.value ? H.Dark : H.Light, r = ie({
|
|
13
|
+
color: t,
|
|
14
|
+
colors: C.value,
|
|
15
|
+
mode: i,
|
|
16
|
+
variant: e
|
|
17
|
+
});
|
|
18
|
+
return {
|
|
19
|
+
"--clll-toast-bg-color": n.value ? "black" : "white",
|
|
20
|
+
"--clll-toast-text-color": r?.text ?? "inherit",
|
|
21
|
+
"--clll-toast-icon-bg": r?.bg ?? "transparent",
|
|
22
|
+
"--clll-toast-icon-color": r?.text ?? "inherit",
|
|
23
|
+
"--clll-toast-timer-bg": r?.textDisabled ?? "transparent",
|
|
24
|
+
"--clll-toast-theme-radius": "var(--clll-default-radius)"
|
|
25
|
+
};
|
|
26
|
+
}, ne = ["data-testid"], m = 300, a = "clll-toast", ge = /* @__PURE__ */ q({
|
|
27
|
+
name: "CLToast",
|
|
28
|
+
__name: "CLToast",
|
|
29
|
+
props: {
|
|
30
|
+
actionLabel: {},
|
|
31
|
+
borderRadius: {},
|
|
32
|
+
color: { default: y.Secondary },
|
|
33
|
+
dismissTimer: { default: 5 },
|
|
34
|
+
icon: {},
|
|
35
|
+
iconSize: { default: U.Small },
|
|
36
|
+
message: {},
|
|
37
|
+
onAction: {},
|
|
38
|
+
onDismiss: {},
|
|
39
|
+
position: { default: Y.TopRight },
|
|
40
|
+
rounded: { type: Boolean, default: !0 },
|
|
41
|
+
testId: { default: "clll-toast" },
|
|
42
|
+
title: {},
|
|
43
|
+
variant: { default: P.Soft },
|
|
44
|
+
width: { default: "24rem" }
|
|
45
|
+
},
|
|
46
|
+
setup(t) {
|
|
47
|
+
const e = t, C = l(), n = l(!1), i = l(), r = l(0), s = l(!1), v = l(null), x = l(0), f = l(0), u = l(!1), Z = G(() => [
|
|
48
|
+
a,
|
|
49
|
+
e.borderRadius ? `${a}--${e.borderRadius}` : "",
|
|
50
|
+
e.dismissTimer ? `${a}--has-timer` : "",
|
|
51
|
+
e.icon ? `${a}--has-icon` : "",
|
|
52
|
+
e.message && !e.title ? `${a}--has-messageonly` : "",
|
|
53
|
+
n.value ? `${a}--mounted` : "",
|
|
54
|
+
e.onAction && e.actionLabel ? `${a}--has-action` : "",
|
|
55
|
+
e.rounded ? `${a}--rounded` : `${a}--box`,
|
|
56
|
+
e.title && !e.message ? `${a}--has-titleonly` : "",
|
|
57
|
+
e.title && e.message ? `${a}--has-titleandmessage` : "",
|
|
58
|
+
`${a}--${e.position}`
|
|
59
|
+
]), b = () => {
|
|
60
|
+
v.value !== null && (clearTimeout(v.value), v.value = null), i.value?.stop();
|
|
61
|
+
}, I = () => {
|
|
62
|
+
!e.dismissTimer || s.value || (b(), x.value = Date.now(), f.value = e.dismissTimer * 1e3, u.value = !1, v.value = setTimeout(() => {
|
|
63
|
+
!u.value && !s.value && T();
|
|
64
|
+
}, f.value));
|
|
65
|
+
}, L = () => {
|
|
66
|
+
if (!e.dismissTimer || u.value || s.value) return;
|
|
67
|
+
u.value = !0;
|
|
68
|
+
const d = Date.now() - x.value;
|
|
69
|
+
f.value = Math.max(0, f.value - d), b();
|
|
70
|
+
}, k = () => {
|
|
71
|
+
!e.dismissTimer || !u.value || s.value || (u.value = !1, x.value = Date.now(), v.value = setTimeout(() => {
|
|
72
|
+
!u.value && !s.value && T();
|
|
73
|
+
}, f.value));
|
|
74
|
+
}, N = () => {
|
|
75
|
+
document.hidden ? L() : k();
|
|
76
|
+
}, T = () => {
|
|
77
|
+
s.value || (s.value = !0, n.value = !1, b(), i.value && i.value.start(m, (d) => {
|
|
78
|
+
Math.min(d, m) === m && (i.value?.stop(), e.onDismiss?.());
|
|
79
|
+
}), V());
|
|
80
|
+
};
|
|
81
|
+
J(() => e.dismissTimer, () => {
|
|
82
|
+
b(), s.value = !1, e.dismissTimer && e.dismissTimer > 0 && I();
|
|
83
|
+
}), K(() => {
|
|
84
|
+
_ && (r.value = te() + 1, i.value || (i.value = ae(), i.value.start(100, (d) => {
|
|
85
|
+
Math.min(d, 100) === 100 && (i.value?.stop(), n.value = !0, e.dismissTimer && i.value?.start(m, (j) => {
|
|
86
|
+
Math.min(j, m) === m && (i.value?.stop(), I());
|
|
87
|
+
}));
|
|
88
|
+
})), document.addEventListener("visibilitychange", N));
|
|
89
|
+
}), O(() => {
|
|
90
|
+
_ && (b(), i.value = void 0, document.removeEventListener("visibilitychange", N)), n.value = !1, s.value || (s.value = !0, e.onDismiss?.());
|
|
91
|
+
});
|
|
92
|
+
const { clearEventListeners: V } = oe({ escHandler: T });
|
|
93
|
+
return Q(() => {
|
|
94
|
+
V();
|
|
95
|
+
}), (d, E) => (h(), z("output", {
|
|
96
|
+
ref_key: "elem",
|
|
97
|
+
ref: C,
|
|
98
|
+
class: c(o(Z)),
|
|
99
|
+
"data-testid": t.testId,
|
|
100
|
+
style: W({ zIndex: o(r), "--clll-toast-width": t.width, ...o(le)({ color: t.color, variant: t.variant }) }),
|
|
101
|
+
onMouseenter: L,
|
|
102
|
+
onMouseleave: k,
|
|
103
|
+
onFocusin: L,
|
|
104
|
+
onFocusout: k
|
|
105
|
+
}, [
|
|
106
|
+
g("div", {
|
|
107
|
+
class: c(`${a}__body`)
|
|
108
|
+
}, [
|
|
109
|
+
g("div", {
|
|
110
|
+
class: c(`${a}__content`)
|
|
111
|
+
}, [
|
|
112
|
+
t.icon ? (h(), z("div", {
|
|
113
|
+
key: 0,
|
|
114
|
+
class: c(`${a}__icon`)
|
|
115
|
+
}, [
|
|
116
|
+
w(o(X), {
|
|
117
|
+
name: t.icon,
|
|
118
|
+
size: t.iconSize
|
|
119
|
+
}, null, 8, ["name", "size"])
|
|
120
|
+
], 2)) : $("", !0),
|
|
121
|
+
g("div", {
|
|
122
|
+
class: c(`${a}__text`)
|
|
123
|
+
}, [
|
|
124
|
+
t.title ? (h(), R(o(F), {
|
|
125
|
+
key: 0,
|
|
126
|
+
color: o(y).Neutral,
|
|
127
|
+
"test-id": `${a}__title`,
|
|
128
|
+
type: o(B).Body,
|
|
129
|
+
bold: ""
|
|
130
|
+
}, {
|
|
131
|
+
default: D(() => [
|
|
132
|
+
M(S(t.title), 1)
|
|
133
|
+
]),
|
|
134
|
+
_: 1
|
|
135
|
+
}, 8, ["color", "test-id", "type"])) : $("", !0),
|
|
136
|
+
t.message ? (h(), R(o(F), {
|
|
137
|
+
key: 1,
|
|
138
|
+
color: o(y).Neutral,
|
|
139
|
+
"test-id": `${a}__message`,
|
|
140
|
+
type: t.title ? o(B).Medium : o(B).Body
|
|
141
|
+
}, {
|
|
142
|
+
default: D(() => [
|
|
143
|
+
M(S(t.message), 1)
|
|
144
|
+
]),
|
|
145
|
+
_: 1
|
|
146
|
+
}, 8, ["color", "test-id", "type"])) : $("", !0)
|
|
147
|
+
], 2),
|
|
148
|
+
t.onAction && t.actionLabel ? (h(), z("div", {
|
|
149
|
+
key: 1,
|
|
150
|
+
class: c(`${a}__action-button`)
|
|
151
|
+
}, [
|
|
152
|
+
w(o(A), {
|
|
153
|
+
color: t.color,
|
|
154
|
+
"border-radius": t.borderRadius,
|
|
155
|
+
"on-click": t.onAction,
|
|
156
|
+
"test-id": `${a}__action-button`,
|
|
157
|
+
variant: t.variant
|
|
158
|
+
}, {
|
|
159
|
+
default: D(() => [
|
|
160
|
+
M(S(t.actionLabel), 1)
|
|
161
|
+
]),
|
|
162
|
+
_: 1
|
|
163
|
+
}, 8, ["color", "border-radius", "on-click", "test-id", "variant"])
|
|
164
|
+
], 2)) : $("", !0)
|
|
165
|
+
], 2),
|
|
166
|
+
g("div", {
|
|
167
|
+
class: c(`${a}__dismiss-button`)
|
|
168
|
+
}, [
|
|
169
|
+
w(o(A), {
|
|
170
|
+
"aria-label": "Dismiss toast",
|
|
171
|
+
color: o(y).Neutral,
|
|
172
|
+
"border-radius": t.borderRadius,
|
|
173
|
+
"icon-before": o(ee).Delete,
|
|
174
|
+
"icon-size": o(U).Tiny,
|
|
175
|
+
"on-click": T,
|
|
176
|
+
size: o(p).Tiny,
|
|
177
|
+
"test-id": `${a}__dismiss-button`,
|
|
178
|
+
variant: o(P).Text
|
|
179
|
+
}, null, 8, ["color", "border-radius", "icon-before", "icon-size", "size", "test-id", "variant"])
|
|
180
|
+
], 2)
|
|
181
|
+
], 2)
|
|
182
|
+
], 46, ne));
|
|
183
|
+
}
|
|
184
|
+
});
|
|
185
|
+
export {
|
|
186
|
+
ge as _
|
|
187
|
+
};
|
|
@@ -221,7 +221,7 @@ const b = {
|
|
|
221
221
|
focus: 800,
|
|
222
222
|
hover: 200,
|
|
223
223
|
text: 800,
|
|
224
|
-
textBody:
|
|
224
|
+
textBody: 800,
|
|
225
225
|
textDisabled: 700
|
|
226
226
|
},
|
|
227
227
|
[o.Dark]: {
|
|
@@ -230,8 +230,8 @@ const b = {
|
|
|
230
230
|
disabled: 800,
|
|
231
231
|
focus: 300,
|
|
232
232
|
hover: 900,
|
|
233
|
-
text:
|
|
234
|
-
textBody:
|
|
233
|
+
text: 100,
|
|
234
|
+
textBody: 100,
|
|
235
235
|
textDisabled: 500
|
|
236
236
|
}
|
|
237
237
|
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
const b = () => {
|
|
2
|
+
let t, o, i, e = !1, r, s;
|
|
3
|
+
const d = (n) => {
|
|
4
|
+
if (e) return;
|
|
5
|
+
o === void 0 && (o = n);
|
|
6
|
+
const a = n - o;
|
|
7
|
+
i !== n && s?.(a), r && a < r && (i = n, e || (t = window.requestAnimationFrame(d)));
|
|
8
|
+
}, l = () => {
|
|
9
|
+
t = void 0, o = void 0, i = void 0, e = !1, r = void 0;
|
|
10
|
+
};
|
|
11
|
+
return {
|
|
12
|
+
start: (n, a) => {
|
|
13
|
+
s = a, r = n, t = window.requestAnimationFrame(d);
|
|
14
|
+
},
|
|
15
|
+
stop: () => {
|
|
16
|
+
e = !0, t && window.cancelAnimationFrame(t), l();
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
}, D = ({
|
|
20
|
+
parent: t,
|
|
21
|
+
child: o,
|
|
22
|
+
threshold: i = 0.1,
|
|
23
|
+
leftOffset: e = 0,
|
|
24
|
+
rightOffset: r = 0
|
|
25
|
+
}) => {
|
|
26
|
+
const {
|
|
27
|
+
top: s,
|
|
28
|
+
left: d,
|
|
29
|
+
bottom: l,
|
|
30
|
+
right: n,
|
|
31
|
+
width: a,
|
|
32
|
+
height: m
|
|
33
|
+
} = t?.getBoundingClientRect() || {}, {
|
|
34
|
+
top: h,
|
|
35
|
+
left: p,
|
|
36
|
+
bottom: g,
|
|
37
|
+
right: w
|
|
38
|
+
} = o.getBoundingClientRect() || {};
|
|
39
|
+
let y = d + e, v = n - r, x = a - (e + r), c = 0, f = 0;
|
|
40
|
+
return p <= v && (c = (w - y) / x * 100 / 100), h <= l && (f = (g - s) / m * 100 / 100), c > i && f > i;
|
|
41
|
+
}, A = () => u ? Math.max(
|
|
42
|
+
...Array.from(
|
|
43
|
+
document?.querySelectorAll("body *"),
|
|
44
|
+
(t) => parseFloat(window?.getComputedStyle(t).zIndex)
|
|
45
|
+
).filter((t) => !Number.isNaN(t)),
|
|
46
|
+
0
|
|
47
|
+
) : 0, u = typeof document < "u", B = () => u ? window.matchMedia("(prefers-color-scheme: dark)").matches : !1, C = (t) => t != null && typeof t.valueOf() == "string", F = (t) => {
|
|
48
|
+
if (!t) return !0;
|
|
49
|
+
let o = 0;
|
|
50
|
+
const i = ["#comment"];
|
|
51
|
+
return t.childNodes.forEach((e) => {
|
|
52
|
+
!i.includes(e.nodeName) && e.childNodes.length && o++;
|
|
53
|
+
}), o === 0;
|
|
54
|
+
};
|
|
55
|
+
export {
|
|
56
|
+
B as a,
|
|
57
|
+
b,
|
|
58
|
+
C as c,
|
|
59
|
+
F as d,
|
|
60
|
+
D as e,
|
|
61
|
+
A as g,
|
|
62
|
+
u as i
|
|
63
|
+
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { CLMode as o, CLColors as s, CLColorVariants as a } from "../index.js";
|
|
2
|
-
import { g as c } from "./utils-
|
|
2
|
+
import { g as c } from "./utils-COeAI8Q8.js";
|
|
3
3
|
import { useTheme as m } from "../composables/useTheme.js";
|
|
4
4
|
const d = ({ color: t = s.Neutral }) => {
|
|
5
|
-
const { colors: r, darkMode: e } = m(), l = e.value ? o.
|
|
5
|
+
const { colors: r, darkMode: e } = m(), l = e.value ? o.Dark : o.Light;
|
|
6
6
|
return {
|
|
7
7
|
"--clll-text-color": c({
|
|
8
8
|
color: t,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CLMode as t, CLColorVariants as n } from "../index.js";
|
|
2
|
-
import { g as d } from "./utils-
|
|
2
|
+
import { g as d } from "./utils-COeAI8Q8.js";
|
|
3
3
|
import { useTheme as u } from "../composables/useTheme.js";
|
|
4
4
|
const m = ({ color: e, variant: o }) => {
|
|
5
5
|
const { colors: s, darkMode: c } = u(), a = c.value ? t.Dark : t.Light, l = o === n.Ghost, r = d({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CLMode as l, CLColorVariants as s } from "../index.js";
|
|
2
|
-
import { g as u } from "./utils-
|
|
2
|
+
import { g as u } from "./utils-COeAI8Q8.js";
|
|
3
3
|
import { useTheme as d } from "../composables/useTheme.js";
|
|
4
4
|
const h = ({ color: e }) => {
|
|
5
5
|
const { colors: r, darkMode: a } = d(), n = a.value ? l.Dark : l.Light, o = u({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CLMode as e, CLColors as t, CLColorVariants as n } from "../index.js";
|
|
2
|
-
import { g as c } from "./utils-
|
|
2
|
+
import { g as c } from "./utils-COeAI8Q8.js";
|
|
3
3
|
import { useTheme as l } from "../composables/useTheme.js";
|
|
4
4
|
const g = () => {
|
|
5
5
|
const { darkMode: o } = l();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CLMode as e, CLColorVariants as i, CLColors as d } from "../index.js";
|
|
2
|
-
import { g as p } from "./utils-
|
|
2
|
+
import { g as p } from "./utils-COeAI8Q8.js";
|
|
3
3
|
import { useTheme as b } from "../composables/useTheme.js";
|
|
4
4
|
const m = ({
|
|
5
5
|
color: t = d.Primary,
|
|
@@ -78,8 +78,8 @@ const m = ({
|
|
|
78
78
|
};
|
|
79
79
|
};
|
|
80
80
|
export {
|
|
81
|
-
|
|
81
|
+
v as a,
|
|
82
82
|
m as b,
|
|
83
|
-
|
|
83
|
+
k as c,
|
|
84
84
|
x as p
|
|
85
85
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLA11yButton.css';
|
|
3
|
-
import { _ as t } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as t } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-sAuatKyL.js";
|
|
4
4
|
export {
|
|
5
5
|
t as CLA11yButton,
|
|
6
6
|
t as default
|
|
@@ -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-iaJCnlnS.js";
|
|
4
4
|
export {
|
|
5
5
|
t as CLButton,
|
|
6
6
|
t as default
|
|
@@ -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-D60lhyDD.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(--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
|
+
.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))}@media(max-width:640px){.clll-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}.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)}@media(max-width:640px){.clll-table-container .clll-table .clll-table__cell,.clll-table-container .clll-table .clll-text{white-space:nowrap}}.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)}@media(max-width:640px){.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell{padding:var(--clll-unit-4) var(--clll-unit-3)}}.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)}@media(max-width:640px){.clll-table__cell{max-width:none}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions{gap: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}
|
|
@@ -2,9 +2,9 @@ import '../../assets/core.css';
|
|
|
2
2
|
import './CLTable.css';
|
|
3
3
|
import { defineComponent as i, computed as b, createElementBlock as o, openBlock as a, normalizeStyle as p, normalizeClass as s, unref as d, createElementVNode as h, createCommentVNode as y, renderSlot as r, Fragment as k, renderList as L, createVNode as T, withCtx as v } from "vue";
|
|
4
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-
|
|
5
|
+
import { g as N } from "../../chunks/utils-COeAI8Q8.js";
|
|
6
6
|
import { useTheme as x } from "../../composables/useTheme.js";
|
|
7
|
-
import { _ as V } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
7
|
+
import { _ as V } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.js";
|
|
8
8
|
const A = () => {
|
|
9
9
|
const { colors: l, darkMode: t } = x(), e = t.value ? C.Dark : C.Light, n = N({
|
|
10
10
|
color: w.Neutral,
|
|
@@ -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-lzqVCrJ3.js";
|
|
4
4
|
export {
|
|
5
5
|
r as CLCard,
|
|
6
6
|
r as default
|
|
@@ -1,10 +1,10 @@
|
|
|
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-
|
|
5
|
-
import { _ as ce } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
4
|
+
import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-iaJCnlnS.js";
|
|
5
|
+
import { _ as ce } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.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
|
-
import { i as H,
|
|
7
|
+
import { i as H, d as Pe, e as $e } from "../../../chunks/helper-BYpahJAh.js";
|
|
8
8
|
import { useHasSlotContent as Te } from "../../../composables/useHasSlotContent.js";
|
|
9
9
|
const Q = /* @__PURE__ */ re({
|
|
10
10
|
name: "CLCarouselNavigation",
|
|
@@ -1,12 +1,12 @@
|
|
|
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-
|
|
5
|
-
import { _ as N } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-
|
|
6
|
-
import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-
|
|
7
|
-
import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
4
|
+
import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-iaJCnlnS.js";
|
|
5
|
+
import { _ as N } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DSJj-OSE.js";
|
|
6
|
+
import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-D60lhyDD.js";
|
|
7
|
+
import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.js";
|
|
8
8
|
import { CLColorVariants as A, CLSizes as D, CLTextTypes as R, CLIconSizes as V, CLIconNames as v, CLHeadingTypes as p, CLColors as M, CLButtonTypes as U } from "../../../index.js";
|
|
9
|
-
import { d as F } from "../../../chunks/utils-
|
|
9
|
+
import { d as F } from "../../../chunks/utils-Cxr8PSje.js";
|
|
10
10
|
import { useEsc as j } from "../../../composables/useEsc.js";
|
|
11
11
|
const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /* @__PURE__ */ x({
|
|
12
12
|
name: "CLDisclosure",
|
|
@@ -2,9 +2,9 @@ import '../../../assets/core.css';
|
|
|
2
2
|
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 i, createCommentVNode as C, normalizeStyle as M, normalizeClass as s, unref as n, withDirectives as V, vModelCheckbox as q, createVNode as F, createTextVNode as N, toDisplayString as I } from "vue";
|
|
5
|
-
import { _ as R, c as D, a as X } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-
|
|
6
|
-
import { _ as w } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-
|
|
7
|
-
import { _ as E } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
5
|
+
import { _ as R, c as D, a as X } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-yVPk0TXA.js";
|
|
6
|
+
import { _ as w } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-D60lhyDD.js";
|
|
7
|
+
import { _ as E } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.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({
|
|
10
10
|
name: "CLCheckbox",
|