@codeandfunction/callaloo 3.16.1 → 3.16.3
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/README.md +5 -3
- package/dist/assets/CLFormCharCounter.css +1 -1
- package/dist/assets/CLInputMessages.css +1 -1
- package/dist/assets/core.css +1 -0
- package/dist/assets/shared/form-utilities.css +1 -0
- package/dist/chunks/{CLA11yButton.vue_vue_type_style_index_0_lang-Cdx5rsou.js → CLA11yButton.vue_vue_type_style_index_0_lang-Caaw-9_c.js} +1 -1
- package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js → CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js} +4 -4
- package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-DVuAcV5A.js → CLCard.vue_vue_type_style_index_0_lang-CpReGucs.js} +6 -6
- package/dist/chunks/{CLFormLabel.vue_vue_type_script_setup_true_lang-fddy-FWI.js → CLFormLabel.vue_vue_type_script_setup_true_lang-Cw3nPc64.js} +1 -1
- package/dist/chunks/{CLHeading.vue_vue_type_style_index_0_lang-DILwNSgn.js → CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js} +1 -1
- package/dist/chunks/{CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js → CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js} +23 -22
- package/dist/chunks/{CLInputMessages.vue_vue_type_style_index_0_lang-RMOT1TQk.js → CLInputMessages.vue_vue_type_style_index_0_lang-BNGT0om7.js} +12 -11
- package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-BUgw8Rpy.js → CLLink.vue_vue_type_style_index_0_lang-BMUevw_4.js} +12 -11
- package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-Ckz9MEj5.js → CLNavLink.vue_vue_type_script_setup_true_lang-D2oCLUGX.js} +1 -1
- package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-mkIKVHjg.js → CLPill.vue_vue_type_style_index_0_lang-DYXrV-YE.js} +3 -3
- package/dist/chunks/{CLProgress.vue_vue_type_style_index_0_lang-CSf7WiNb.js → CLProgress.vue_vue_type_style_index_0_lang-Cu3FhEX0.js} +2 -2
- package/dist/chunks/{CLSkeleton.vue_vue_type_style_index_0_lang-E-bZeUWT.js → CLSkeleton.vue_vue_type_style_index_0_lang-DblqrUXo.js} +1 -1
- package/dist/chunks/{CLSpinner.vue_vue_type_style_index_0_lang-C8s8K4zb.js → CLSpinner.vue_vue_type_style_index_0_lang-DskZL4VC.js} +1 -1
- package/dist/chunks/{CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js → CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js} +1 -1
- package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-DOI4DZGg.js → CLToast.vue_vue_type_style_index_0_lang-CYcPXUMQ.js} +24 -23
- package/dist/chunks/base-theme-Bg6XMoeN.js +275 -0
- package/dist/chunks/helper--hRjZVm6.js +62 -0
- package/dist/chunks/utils-Bp7YeySh.js +29 -0
- package/dist/chunks/utils-C9rOAW29.js +387 -0
- package/dist/chunks/{utils-C7Yjsqk-.js → utils-D-5TdmRW.js} +10 -9
- package/dist/chunks/{utils-D_WP3vZz.js → utils-DRsWhcFX.js} +13 -12
- package/dist/chunks/{utils-DFnkOeYP.js → utils-DVR3a-_d.js} +26 -25
- package/dist/chunks/utils-nC7WS9e0.js +15 -0
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.css +1 -1
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +2 -1
- package/dist/components/Buttons/CLButton/CLButton.css +1 -1
- package/dist/components/Buttons/CLButton/CLButton.js +2 -1
- package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +3 -3
- package/dist/components/CLIcon/CLIcon.css +1 -1
- package/dist/components/CLIcon/CLIcon.js +2 -1
- package/dist/components/CLTable/CLTable.css +1 -1
- package/dist/components/CLTable/CLTable.js +31 -29
- package/dist/components/Containers/CLCard/CLCard.css +1 -1
- package/dist/components/Containers/CLCard/CLCard.js +2 -1
- package/dist/components/Containers/CLCard/CLCard.vue.d.ts +2 -2
- package/dist/components/Containers/CLCarousel/CLCarousel.css +1 -1
- package/dist/components/Containers/CLCarousel/CLCarousel.js +17 -16
- package/dist/components/Containers/CLCarousel/CLCarousel.vue.d.ts +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.js +7 -6
- package/dist/components/Form/CLCheckbox/CLCheckbox.css +1 -1
- package/dist/components/Form/CLCheckbox/CLCheckbox.js +5 -3
- package/dist/components/Form/CLCheckbox/CLCheckbox.vue.d.ts +2 -2
- package/dist/components/Form/CLInput/CLInput.css +1 -1
- package/dist/components/Form/CLInput/CLInput.js +7 -5
- package/dist/components/Form/CLInput/CLInput.vue.d.ts +2 -2
- package/dist/components/Form/CLRadioButton/CLRadioButton.css +1 -1
- package/dist/components/Form/CLRadioButton/CLRadioButton.js +4 -2
- package/dist/components/Form/CLRadioButton/CLRadioButton.vue.d.ts +1 -1
- package/dist/components/Form/CLSelect/CLSelect.css +1 -1
- package/dist/components/Form/CLSelect/CLSelect.js +5 -3
- package/dist/components/Form/CLSelect/CLSelect.vue.d.ts +1 -1
- package/dist/components/Form/CLTextArea/CLTextArea.css +1 -1
- package/dist/components/Form/CLTextArea/CLTextArea.js +4 -2
- package/dist/components/Form/CLTextArea/CLTextArea.vue.d.ts +1 -1
- package/dist/components/Indicators/CLBadge/CLBadge.css +1 -1
- package/dist/components/Indicators/CLBadge/CLBadge.js +2 -1
- package/dist/components/Indicators/CLBanner/CLBanner.css +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.js +7 -6
- package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts +2 -2
- package/dist/components/Indicators/CLPill/CLPill.css +1 -1
- package/dist/components/Indicators/CLPill/CLPill.js +2 -1
- package/dist/components/Indicators/CLProgress/CLProgress.css +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.js +2 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.js +2 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.vue.d.ts +2 -2
- package/dist/components/Loading/CLSpinner/CLSpinner.css +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.js +2 -1
- package/dist/components/Modals/CLModal/CLModal.css +1 -1
- package/dist/components/Modals/CLModal/CLModal.js +17 -15
- package/dist/components/Navigation/CLLink/CLLink.css +1 -1
- package/dist/components/Navigation/CLLink/CLLink.js +2 -1
- package/dist/components/Navigation/CLNavLink/CLNavLink.js +2 -1
- package/dist/components/Navigation/CLNavSection/CLNavSection.css +1 -1
- package/dist/components/Navigation/CLNavSection/CLNavSection.js +3 -2
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +510 -551
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +7 -7
- package/dist/components/Popups/CLToast/CLToast.css +1 -1
- package/dist/components/Popups/CLToast/CLToast.js +2 -1
- package/dist/components/Popups/CLToast/CLToast.vue.d.ts +1 -1
- package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js +20 -17
- package/dist/components/Providers/CLToastProvider/CLToastProvider.js +2 -1
- package/dist/components/Typography/CLHeading/CLHeading.css +1 -1
- package/dist/components/Typography/CLHeading/CLHeading.js +2 -1
- package/dist/components/Typography/CLText/CLText.css +1 -1
- package/dist/components/Typography/CLText/CLText.js +2 -1
- package/dist/composables/index.d.ts +2 -0
- package/dist/composables/useDropdown.js +50 -0
- package/dist/{chunks/useEsc-C9QIDZ_8.js → composables/useEsc.js} +3 -2
- package/dist/{chunks/useHasSlotContent-DDqs5uK9.js → composables/useHasSlotContent.js} +3 -2
- package/dist/composables/useTheme.js +31 -0
- package/dist/composables/useToast.js +15 -0
- package/dist/index.js +1 -0
- package/dist/utils/merge.d.ts +18 -0
- package/package.json +32 -30
- package/dist/chunks/base-theme-C9_Hz5HW.js +0 -832
- package/dist/chunks/useTheme-yoEfuNvB.js +0 -417
- package/dist/chunks/utils-DTWXs4YX.js +0 -14
- package/dist/chunks/utils-Da9LXXQ0.js +0 -28
|
@@ -1 +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:#d3d3d3}.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(--v70fa21a0)) * -1%))}.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(--v70fa21a0) * 1%)}.clll-progress.clll-progress--inverted .clll-progress__bar{transform-origin:right;transform:translate(calc((100 - var(--v70fa21a0)) * 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(--v70fa21a0) * 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,5 +1,6 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLProgress.css';
|
|
2
|
-
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-Cu3FhEX0.js";
|
|
3
4
|
export {
|
|
4
5
|
a as CLProgress,
|
|
5
6
|
a as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-skeleton{position:relative;overflow:hidden;width:var(--v168f558d);height:var(--bce73b80)}.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__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,5 +1,6 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLSkeleton.css';
|
|
2
|
-
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-DblqrUXo.js";
|
|
3
4
|
export {
|
|
4
5
|
e as CLSkeleton,
|
|
5
6
|
e as default
|
|
@@ -12,9 +12,9 @@ export interface CLSkeletonProps {
|
|
|
12
12
|
width?: string;
|
|
13
13
|
}
|
|
14
14
|
declare const _default: import('vue').DefineComponent<CLSkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLSkeletonProps> & Readonly<{}>, {
|
|
15
|
-
width: string;
|
|
16
|
-
height: string;
|
|
17
15
|
rounded: boolean;
|
|
18
16
|
testId: string;
|
|
17
|
+
width: string;
|
|
18
|
+
height: string;
|
|
19
19
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
20
20
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-spinner{display:flex}.clll-spinner.clll-spinner--absolute{position:absolute;top:0;left:0;width:100%;height:100%}.clll-spinner.clll-spinner--relative{position:relative}.clll-spinner.clll-spinner--left{align-items:center;justify-content:flex-start}.clll-spinner.clll-spinner--center{align-items:center;justify-content:center}.clll-spinner.clll-spinner--right{align-items:center;justify-content:flex-end}.clll-spinner .clll-spinner__circle{animation:spin 1s linear infinite}.clll-spinner .clll-spinner__circle.clll-spinner__circle--tiny{width:var(--clll-unit-4);height:var(--clll-unit-4)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--small{width:var(--clll-unit-5);height:var(--clll-unit-5)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--medium{width:var(--clll-unit-6);height:var(--clll-unit-6)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--large{width:var(--clll-unit-8);height:var(--clll-unit-8)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--xlarge{width:var(--clll-unit-10);height:var(--clll-unit-10)}@keyframes spin{to{transform:rotate(360deg)}}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLSpinner.css';
|
|
2
|
-
import { _ as r } from "../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as r } from "../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-DskZL4VC.js";
|
|
3
4
|
export {
|
|
4
5
|
r as CLSpinner,
|
|
5
6
|
r as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--clll-unit-0: 0;--clll-unit-0_5: .125rem;--clll-unit-1: .25rem;--clll-unit-1_5: .375rem;--clll-unit-2: .5rem;--clll-unit-2_5: .625rem;--clll-unit-3: .75rem;--clll-unit-3_5: .875rem;--clll-unit-4: 1rem;--clll-unit-4_5: 1.125rem;--clll-unit-5: 1.25rem;--clll-unit-5_5: 1.375rem;--clll-unit-6: 1.5rem;--clll-unit-6_5: 1.625rem;--clll-unit-7: 1.75rem;--clll-unit-7_5: 1.875rem;--clll-unit-8: 2rem;--clll-unit-8_5: 2.125rem;--clll-unit-9_5: 2.375rem;--clll-unit-10: 2.5rem;--clll-unit-10_5: 2.625rem;--clll-unit-12: 3rem;--clll-unit-14: 3.5rem;--clll-unit-14_5: 3.625rem;--clll-unit-18: 4.5rem}.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}:root{--clll-rounded-full: 9999px;--clll-rounded-none: 0;--clll-rounded-xs: var(--clll-unit-1);--clll-rounded-sm: var(--clll-unit-2);--clll-rounded-md: var(--clll-unit-3);--clll-rounded-lg: var(--clll-unit-4);--clll-rounded-xl: var(--clll-unit-5);--clll-rounded-2xl: var(--clll-unit-6);--clll-rounded-3xl: var(--clll-unit-7);--clll-px-xs: var(--clll-unit-1_5);--clll-px-sm: var(--clll-unit-2);--clll-px-md: var(--clll-unit-2_5);--clll-px-lg: var(--clll-unit-3);--clll-px-xl: var(--clll-unit-3_5);--clll-px-2xl: var(--clll-unit-4);--clll-px-3xl: var(--clll-unit-4_5);--clll-px-s-xs: calc(var(--clll-px-xs) * .5);--clll-px-s-sm: calc(var(--clll-px-sm) * .5);--clll-py-xs: calc(var(--clll-unit-1) - 1px);--clll-py-sm: calc(var(--clll-unit-1_5) - 1px);--clll-py-md: calc(var(--clll-unit-2) - 1px);--clll-py-lg: var(--clll-unit-2);--clll-py-xl: var(--clll-unit-2_5);--clll-py-2xl: var(--clll-unit-3);--clll-py-3xl: var(--clll-unit-3_5);--clll-py-4xl: var(--clll-unit-4);--clll-py-s-xs: calc(var(--clll-py-xs) * .5);--clll-z-index-10: 10}.clll-prevent-scroll{overflow:initial}.clll-modal{position:fixed;inset:0;height:100dvh;z-index:var(--v1b3cde5d)}.clll-modal .clll-modal__window{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;padding:0 var(--clll-px-md);z-index:var(--v9756aaa0)}.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;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}@media (min-width: 640px){.clll-modal .clll-modal__window .clll-modal__content{margin:var(--clll-unit-12) auto;max-width:var(--v7a09ccea)}}.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}
|
|
1
|
+
.clll-prevent-scroll{overflow:initial}.clll-modal{position:fixed;inset:0;height:100dvh;z-index:var(--v1b3cde5d)}.clll-modal .clll-modal__window{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;padding:0 var(--clll-px-md);z-index:var(--v9756aaa0)}.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;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}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content{margin:var(--clll-unit-12) auto;max-width:var(--v7a09ccea)}}.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}
|
|
@@ -1,21 +1,23 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLModal.css';
|
|
2
|
-
import { defineComponent as W, useCssVars as F, unref as n, computed as m, useTemplateRef as U, useSlots as Z, ref as j, watch as q, onMounted as A, onBeforeUnmount as G, createElementBlock as
|
|
3
|
-
import { _ as X } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as Y } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { defineComponent as W, useCssVars as F, unref as n, computed as m, useTemplateRef as U, useSlots as Z, ref as j, watch as q, onMounted as A, onBeforeUnmount as G, createElementBlock as p, createCommentVNode as f, openBlock as v, normalizeClass as a, createElementVNode as r, createBlock as g, renderSlot as $, withCtx as J, createTextVNode as K, toDisplayString as P, normalizeStyle as Q } from "vue";
|
|
4
|
+
import { _ as X } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
|
|
5
|
+
import { _ as Y } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js";
|
|
5
6
|
import { CLMode as k, CLColors as R, CLColorVariants as T, CLBorderRadius as ee, CLIconSizes as oe, CLIconNames as te, CLHeadingTypes as le } from "../../../index.js";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
7
|
+
import { g as ne, c as B, a as ae } from "../../../chunks/utils-C9rOAW29.js";
|
|
8
|
+
import { useTheme as se } from "../../../composables/useTheme.js";
|
|
9
|
+
import { useEsc as de } from "../../../composables/useEsc.js";
|
|
10
|
+
import { b as S, i as s } from "../../../chunks/helper--hRjZVm6.js";
|
|
9
11
|
const re = () => {
|
|
10
|
-
const { borderRadius: t, colors: w, darkMode: c } =
|
|
12
|
+
const { borderRadius: t, colors: w, darkMode: c } = se(), d = c.value ? k.Dark : k.Light, u = ne({
|
|
11
13
|
color: R.Neutral,
|
|
12
14
|
colors: w.value,
|
|
13
15
|
mode: d,
|
|
14
16
|
variant: T.Solid
|
|
15
17
|
}), o = c.value ? "black" : "white";
|
|
16
18
|
let e;
|
|
17
|
-
return t.value && (e = B`&.clll-modal{.clll-modal__window{.clll-modal__content:not([class*='clll-modal__content--rounded-']){border-radius:var(--clll-${t.value});}}}`),
|
|
18
|
-
}, ie = ["id", "data-testid"], ce = ["aria-labelledby"],
|
|
19
|
+
return t.value && (e = B`&.clll-modal{.clll-modal__window{.clll-modal__content:not([class*='clll-modal__content--rounded-']){border-radius:var(--clll-${t.value});}}}`), ae(B`.clll-modal__overlay{background-color:${u?.bg};}.clll-modal__window{.clll-modal__content{background:${o}}}`, e);
|
|
20
|
+
}, ie = ["id", "data-testid"], ce = ["aria-labelledby"], $e = /* @__PURE__ */ W({
|
|
19
21
|
name: "CLModal",
|
|
20
22
|
__name: "CLModal",
|
|
21
23
|
props: {
|
|
@@ -88,7 +90,7 @@ const re = () => {
|
|
|
88
90
|
const { clearEventListeners: D } = de({ escHandler: o.dismissible ? z : void 0 });
|
|
89
91
|
return G(() => {
|
|
90
92
|
I(), D();
|
|
91
|
-
}), (l, i) => t.isOpen ? (v(),
|
|
93
|
+
}), (l, i) => t.isOpen ? (v(), p("div", {
|
|
92
94
|
key: 0,
|
|
93
95
|
id: t.modalId,
|
|
94
96
|
class: a([n(N), n(re)()]),
|
|
@@ -108,7 +110,7 @@ const re = () => {
|
|
|
108
110
|
r("div", {
|
|
109
111
|
class: a(`${e}__close-button`)
|
|
110
112
|
}, [
|
|
111
|
-
t.onClose && t.close ? (v(),
|
|
113
|
+
t.onClose && t.close ? (v(), g(n(X), {
|
|
112
114
|
key: 0,
|
|
113
115
|
"aria-label": "Close modal",
|
|
114
116
|
"border-radius": t.closeBorderRadius,
|
|
@@ -129,7 +131,7 @@ const re = () => {
|
|
|
129
131
|
r("div", {
|
|
130
132
|
class: a(`${e}__content__header__container`)
|
|
131
133
|
}, [
|
|
132
|
-
t.title ? (v(),
|
|
134
|
+
t.title ? (v(), g(n(Y), {
|
|
133
135
|
key: 0,
|
|
134
136
|
id: `${e}__content__header__title`,
|
|
135
137
|
class: a(`${e}__content__header__title`),
|
|
@@ -160,7 +162,7 @@ const re = () => {
|
|
|
160
162
|
], 2)
|
|
161
163
|
], 10, ce)
|
|
162
164
|
], 2),
|
|
163
|
-
t.overlay ? (v(),
|
|
165
|
+
t.overlay ? (v(), p("div", {
|
|
164
166
|
key: 0,
|
|
165
167
|
ref: "overlay-ref",
|
|
166
168
|
class: a(`${e}__overlay`),
|
|
@@ -170,6 +172,6 @@ const re = () => {
|
|
|
170
172
|
}
|
|
171
173
|
});
|
|
172
174
|
export {
|
|
173
|
-
|
|
174
|
-
|
|
175
|
+
$e as CLModal,
|
|
176
|
+
$e as default
|
|
175
177
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-link{cursor:pointer}.clll-link.clll-link--underline.clll-link--neutral,.clll-link.clll-link--underline.clll-link--primary,.clll-link.clll-link--underline.clll-link--secondary,.clll-link.clll-link--underline.clll-link--danger,.clll-link.clll-link--underline.clll-link--info,.clll-link.clll-link--underline.clll-link--warning,.clll-link.clll-link--underline.clll-link--success{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-radius:var(--clll-rounded-xs);text-underline-offset:var(--clll-unit-0_5);transition-property:text-decoration-color;transition-duration:.3s;transition-timing-function:ease}.clll-link.clll-link--nounderline.clll-link--neutral,.clll-link.clll-link--nounderline.clll-link--primary,.clll-link.clll-link--nounderline.clll-link--secondary,.clll-link.clll-link--nounderline.clll-link--danger,.clll-link.clll-link--nounderline.clll-link--info,.clll-link.clll-link--nounderline.clll-link--warning,.clll-link.clll-link--nounderline.clll-link--success{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-radius:var(--clll-rounded-xs);transition-property:text-decoration-color;transition-duration:.3s;transition-timing-function:ease}.clll-link .clll-text{transition-property:color;transition-duration:.3s;transition-timing-function:ease}.clll-link.clll-link--external .clll-icon{padding-left:var(--clll-px-s-xs)}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLLink.css';
|
|
2
|
-
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-BMUevw_4.js";
|
|
3
4
|
export {
|
|
4
5
|
s as CLLink,
|
|
5
6
|
s as default
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import '../../../assets/core.css';
|
|
2
|
+
import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-D2oCLUGX.js";
|
|
2
3
|
export {
|
|
3
4
|
s as CLNavLink,
|
|
4
5
|
s as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-nav-section{margin:0;padding:0;list-style:none}.clll-nav-section.clll-nav-section--horizontal>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-2)}@media(min-width:768px){.clll-nav-section.clll-nav-section--horizontal{display:inline-block}.clll-nav-section.clll-nav-section--horizontal>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-nav-section.clll-nav-section--horizontal>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}}@media(min-width:1280px){.clll-nav-section.clll-nav-section--horizontal>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-8)}}@media(min-width:768px){.clll-nav-section.clll-nav-section--horizontal .clll-nav-section__item{display:inline-block}}.clll-nav-section.clll-nav-section--vertical>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-2)}@media(min-width:768px){.clll-nav-section.clll-nav-section--vertical>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLNavSection.css';
|
|
2
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";
|
|
3
|
-
import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-
|
|
4
|
-
import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
4
|
+
import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-D2oCLUGX.js";
|
|
5
|
+
import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
|
|
5
6
|
import { CLOrientation as h, CLColors as $ } from "../../../index.js";
|
|
6
7
|
const g = ["data-testid"], V = /* @__PURE__ */ f({
|
|
7
8
|
name: "CLNavSection",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-dropdown-menu__menu{position:relative;display:inline-block}.clll-dropdown-menu__menu .clll-dropdown-menu__dropdown{z-index:var(--v69f60b10)}
|