@helvetia-design/core 0.0.6 → 0.1.0
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 +10 -10
- package/components/ds-accordion.js +1 -1
- package/components/ds-app-footer.js +1 -1
- package/components/ds-app-navbar.js +1 -1
- package/components/ds-badge.js +1 -1
- package/components/ds-brand-icon.js +1 -1
- package/components/ds-button.js +1 -1
- package/components/ds-card-subtitle.js +1 -1
- package/components/ds-card-title.js +1 -1
- package/components/ds-carousel.js +1 -1
- package/components/ds-checkbox-group.js +1 -1
- package/components/ds-close.js +1 -1
- package/components/ds-content.js +1 -1
- package/components/ds-counter.js +1 -1
- package/components/ds-data-item.js +1 -1
- package/components/ds-datepicker.js +1 -1
- package/components/ds-divider.js +1 -1
- package/components/ds-drawer.js +1 -1
- package/components/ds-file-upload.js +1 -1
- package/components/ds-heading.js +1 -1
- package/components/ds-hint.js +1 -1
- package/components/ds-icon.js +1 -1
- package/components/ds-input.js +1 -1
- package/components/ds-item.js +1 -1
- package/components/ds-modal.js +1 -1
- package/components/ds-notification.js +1 -1
- package/components/ds-number-input.js +1 -1
- package/components/ds-pagination.js +1 -1
- package/components/ds-phone-input.js +1 -1
- package/components/ds-popup.js +1 -1
- package/components/ds-radio-group.js +1 -1
- package/components/ds-segment.js +1 -1
- package/components/ds-select.js +1 -1
- package/components/ds-slider.js +1 -1
- package/components/ds-snackbar.js +1 -1
- package/components/ds-stack.js +1 -1
- package/components/ds-step.js +1 -1
- package/components/ds-tabs.js +1 -1
- package/components/ds-tag.js +1 -1
- package/components/ds-textarea.js +1 -1
- package/components/ds-toast.js +1 -1
- package/components/ds-toggle.js +1 -1
- package/components/{p-BWrjPWjt.js → p-B0Z95Hj1.js} +1 -1
- package/components/p-B9El_sPq.js +1 -1
- package/components/p-BB4SRrRj.js +4 -0
- package/components/{p-B3VN_5Hp.js → p-BPtibja3.js} +1 -1
- package/components/{p-B1celIGd.js → p-C0OHfTQ0.js} +1 -1
- package/components/{p-BJ2D8QfA.js → p-CTSANrsO.js} +1 -1
- package/components/{p-DgLUmdPH.js → p-CjK_T5vp.js} +1 -1
- package/components/p-DBqTFl8O.js +4 -0
- package/components/p-DFgZk16R.js +6 -0
- package/components/{p-Ce1uMkAI.js → p-DO00xKgx.js} +1 -1
- package/components/{p-CJycEnj5.js → p-Dj9PaUM0.js} +1 -1
- package/components/{p-Bd5NhwlZ.js → p-DyfdPmyS.js} +1 -1
- package/components/p-V50XCJTN.js +4 -0
- package/components/{p-BJK2OSM1.js → p-hhVbp_AN.js} +1 -1
- package/components/{p-D6jvX9E6.js → p-qIRMq8Bl.js} +1 -1
- package/components/{p-CsftG7WI.js → p-xUHc9oRK.js} +1 -1
- package/dist/cjs/design-system.cjs.js +1 -1
- package/dist/cjs/ds-badge.cjs.entry.js +1 -1
- package/dist/cjs/ds-brand-icon_3.cjs.entry.js +17 -3
- package/dist/cjs/ds-card-subtitle.cjs.entry.js +3 -11
- package/dist/cjs/ds-card-title.cjs.entry.js +1 -1
- package/dist/cjs/ds-content_2.cjs.entry.js +9 -7
- package/dist/cjs/ds-counter.cjs.entry.js +4 -4
- package/dist/cjs/ds-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/ds-divider_2.cjs.entry.js +3 -3
- package/dist/cjs/ds-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/ds-heading.cjs.entry.js +5 -24
- package/dist/cjs/ds-icon_2.cjs.entry.js +2 -2
- package/dist/cjs/ds-input.cjs.entry.js +2 -2
- package/dist/cjs/ds-number-input.cjs.entry.js +1 -1
- package/dist/cjs/ds-phone-input.cjs.entry.js +1 -1
- package/dist/cjs/ds-select.cjs.entry.js +1 -1
- package/dist/cjs/ds-slider.cjs.entry.js +1 -1
- package/dist/cjs/ds-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/ds-tag.cjs.entry.js +1 -1
- package/dist/cjs/ds-textarea.cjs.entry.js +1 -1
- package/dist/cjs/ds-toast.cjs.entry.js +1 -1
- package/dist/cjs/ds-toggle.cjs.entry.js +1 -1
- package/dist/cjs/{heading.interfaces-C-G-ZqUa.js → heading.interfaces-BGskP9PB.js} +0 -2
- package/dist/cjs/index-CyaxwkZQ.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{svg-Cs3pO28w.js → svg-CH7qWfV-.js} +272 -195
- package/dist/cjs/{t-shirt-DWHArrUC.js → t-shirt-DqirWTL2.js} +2 -6
- package/dist/collection/components/actions/button/button.js +36 -2
- package/dist/collection/components/actions/button/test/button.component.play.js +53 -0
- package/dist/collection/components/forms/counter/counter.host.css +1 -1
- package/dist/collection/components/forms/counter/counter.js +5 -3
- package/dist/collection/components/forms/datepicker/datepicker.host.css +1 -1
- package/dist/collection/components/forms/file-upload/file-upload.host.css +1 -1
- package/dist/collection/components/forms/input/input.host.css +1 -1
- package/dist/collection/components/forms/input/input.js +3 -1
- package/dist/collection/components/forms/number-input/number-input.host.css +1 -1
- package/dist/collection/components/forms/phone-input/phone-input.host.css +1 -1
- package/dist/collection/components/forms/select/select.host.css +1 -1
- package/dist/collection/components/forms/slider/slider.host.css +1 -1
- package/dist/collection/components/forms/textarea/textarea.host.css +1 -1
- package/dist/collection/components/forms/toggle/toggle.host.css +1 -1
- package/dist/collection/components/structure/card/card-subtitle/card-subtitle.js +5 -37
- package/dist/collection/components/structure/content/content.js +3 -3
- package/dist/collection/components/structure/divider/divider.js +3 -3
- package/dist/collection/components/structure/heading/heading.const.js +0 -8
- package/dist/collection/components/structure/heading/heading.host.css +1 -1
- package/dist/collection/components/structure/heading/heading.interfaces.js +0 -1
- package/dist/collection/components/structure/heading/heading.js +5 -42
- package/dist/collection/components/structure/heading/test/heading.a11y.play.js +3 -8
- package/dist/collection/components/structure/stack/stack.interfaces.js +2 -2
- package/dist/collection/components/structure/stack/stack.js +10 -8
- package/dist/collection/components/structure/stack/test/stack.component.play.js +27 -1
- package/dist/collection/foundation/normalize.component.play.js +39 -0
- package/dist/collection/global/constants/version.constant.js +1 -1
- package/dist/collection/utils/t-shirt.js +7 -6
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/{p-f67413bb28.entry.js → p-083f25371d.entry.js} +1 -1
- package/dist/design-system/{p-89418d345c.entry.js → p-1ca8c93650.entry.js} +1 -1
- package/dist/design-system/{p-6c9ebf73a3.entry.js → p-2b04230249.entry.js} +1 -1
- package/dist/design-system/p-3790705fde.entry.js +4 -0
- package/dist/design-system/{p-6b6fdc57c1.entry.js → p-4722d55123.entry.js} +1 -1
- package/dist/design-system/p-49ec36993d.entry.js +4 -0
- package/dist/design-system/{p-94a2067cb2.entry.js → p-68c0b49d0f.entry.js} +1 -1
- package/dist/design-system/{p-870e3c0138.entry.js → p-6d133bb1c4.entry.js} +1 -1
- package/dist/design-system/{p-65913aa877.entry.js → p-707ddadb07.entry.js} +1 -1
- package/dist/design-system/{p-a6709bd6a4.entry.js → p-812fca6694.entry.js} +1 -1
- package/dist/design-system/{p-1832a8b10c.entry.js → p-8d919b39a2.entry.js} +1 -1
- package/dist/design-system/p-9705c44121.entry.js +4 -0
- package/dist/design-system/{p-42bc0ecdea.entry.js → p-98a83e848d.entry.js} +1 -1
- package/dist/design-system/{p-B3VN_5Hp.js → p-BPtibja3.js} +1 -1
- package/dist/design-system/p-BZEWgXed.js +1 -1
- package/dist/design-system/p-CZXt-zTQ.js +4 -0
- package/dist/design-system/p-DFgZk16R.js +6 -0
- package/dist/design-system/{p-03f71b802d.entry.js → p-a2921f8048.entry.js} +1 -1
- package/dist/design-system/{p-68f1c98ef3.entry.js → p-a3755079c9.entry.js} +1 -1
- package/dist/design-system/{p-d5c0b5ddf3.entry.js → p-a99f6b63d3.entry.js} +1 -1
- package/dist/design-system/{p-76551271c7.entry.js → p-ac0d1f82c0.entry.js} +1 -1
- package/dist/design-system/{p-8c18e03816.entry.js → p-ba7800f8e6.entry.js} +1 -1
- package/dist/design-system/p-d2c33fa11f.entry.js +4 -0
- package/dist/design-system/{p-d12febf08e.entry.js → p-d85136052d.entry.js} +1 -1
- package/dist/design-system/{p-af756319ff.entry.js → p-f799b1412c.entry.js} +1 -1
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/ds-badge.entry.js +1 -1
- package/dist/esm/ds-brand-icon_3.entry.js +17 -3
- package/dist/esm/ds-card-subtitle.entry.js +3 -11
- package/dist/esm/ds-card-title.entry.js +1 -1
- package/dist/esm/ds-content_2.entry.js +9 -7
- package/dist/esm/ds-counter.entry.js +4 -4
- package/dist/esm/ds-datepicker.entry.js +1 -1
- package/dist/esm/ds-divider_2.entry.js +3 -3
- package/dist/esm/ds-file-upload.entry.js +1 -1
- package/dist/esm/ds-heading.entry.js +5 -24
- package/dist/esm/ds-icon_2.entry.js +2 -2
- package/dist/esm/ds-input.entry.js +2 -2
- package/dist/esm/ds-number-input.entry.js +1 -1
- package/dist/esm/ds-phone-input.entry.js +1 -1
- package/dist/esm/ds-select.entry.js +1 -1
- package/dist/esm/ds-slider.entry.js +1 -1
- package/dist/esm/ds-snackbar.entry.js +1 -1
- package/dist/esm/ds-tag.entry.js +1 -1
- package/dist/esm/ds-textarea.entry.js +1 -1
- package/dist/esm/ds-toast.entry.js +1 -1
- package/dist/esm/ds-toggle.entry.js +1 -1
- package/dist/esm/{heading.interfaces-QyQjrb1P.js → heading.interfaces-CZXt-zTQ.js} +1 -2
- package/dist/esm/index-BZEWgXed.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{svg-BNUaCToz.js → svg-DFgZk16R.js} +272 -195
- package/dist/esm/{t-shirt-B3VN_5Hp.js → t-shirt-BPtibja3.js} +2 -6
- package/dist/types/components/actions/button/button.d.ts +4 -0
- package/dist/types/components/forms/counter/counter.d.ts +2 -0
- package/dist/types/components/forms/input/input.d.ts +2 -0
- package/dist/types/components/structure/card/card-subtitle/card-subtitle.d.ts +1 -6
- package/dist/types/components/structure/content/content.d.ts +1 -1
- package/dist/types/components/structure/divider/divider.d.ts +1 -1
- package/dist/types/components/structure/heading/heading.const.d.ts +0 -3
- package/dist/types/components/structure/heading/heading.d.ts +1 -6
- package/dist/types/components/structure/heading/heading.interfaces.d.ts +0 -2
- package/dist/types/components/structure/stack/stack.interfaces.d.ts +2 -2
- package/dist/types/components.d.ts +21 -28
- package/dist/types/foundation/normalize.component.play.d.ts +1 -0
- package/dist/types/utils/t-shirt.d.ts +5 -0
- package/docs/cem.json +50 -76
- package/docs/components.json +103 -134
- package/docs/html.html-data.json +25 -45
- package/hydrate/index.js +350 -283
- package/hydrate/index.mjs +350 -283
- package/package.json +6 -6
- package/sbom.cdx.json +9610 -9319
- package/components/p-B4PwKlaW.js +0 -4
- package/components/p-BNUaCToz.js +0 -6
- package/components/p-QyQjrb1P.js +0 -4
- package/components/p-VnJFXLI2.js +0 -4
- package/components/p-kwr2iIN4.js +0 -4
- package/dist/design-system/p-199e5794f9.entry.js +0 -4
- package/dist/design-system/p-97670520d2.entry.js +0 -4
- package/dist/design-system/p-BNUaCToz.js +0 -6
- package/dist/design-system/p-QyQjrb1P.js +0 -4
- package/dist/design-system/p-bee20202e4.entry.js +0 -4
- package/dist/design-system/p-d65c14d35e.entry.js +0 -4
|
@@ -5,13 +5,13 @@ import { D as registerInstance, F as h, G as Host, I as getElement } from './ind
|
|
|
5
5
|
import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
|
|
6
6
|
import { h as hasValue } from './has-value-Bo85hk4Z.js';
|
|
7
7
|
import { O as OneOf } from './one-of-CEp_lE0A.js';
|
|
8
|
-
import { n as normalizeDeprecatedTShirtSize } from './t-shirt-
|
|
8
|
+
import { n as normalizeDeprecatedTShirtSize } from './t-shirt-BPtibja3.js';
|
|
9
9
|
import { T as Type } from './type-Djd2i_VN.js';
|
|
10
10
|
import './create-validator-decorator-DoOlbRcm.js';
|
|
11
11
|
|
|
12
12
|
const STACK_LAYOUTS = ['horizontal', 'vertical', 'horizontal-reverse', 'vertical-reverse'];
|
|
13
|
-
const STACK_SPACES = ['auto', 'none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '
|
|
14
|
-
const STACK_PADDINGS = ['none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '
|
|
13
|
+
const STACK_SPACES = ['auto', 'none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl'];
|
|
14
|
+
const STACK_PADDINGS = ['none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl'];
|
|
15
15
|
const STACK_ALIGNMENTS = [
|
|
16
16
|
'top start',
|
|
17
17
|
'top center',
|
|
@@ -65,14 +65,14 @@ const Content = class {
|
|
|
65
65
|
direction = 'row-reverse';
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
return (h(Host, { key: '
|
|
68
|
+
return (h(Host, { key: '9050c16b949a60cf619b4663b6d71a1c78758e03', class: {
|
|
69
69
|
'ds-stack-content': true,
|
|
70
70
|
'as-row': direction === 'row',
|
|
71
71
|
'as-col': direction === 'column',
|
|
72
72
|
[`align-${alignValue}`]: align || alignment,
|
|
73
73
|
[`text-${this.textAlign}`]: hasValue(this.textAlign),
|
|
74
74
|
[`has-space-${this.space}`]: hasValue(this.space),
|
|
75
|
-
} }, h("slot", { key: '
|
|
75
|
+
} }, h("slot", { key: '72ff568267cde0af61c11dd297d58ed7ef8331c4' })));
|
|
76
76
|
}
|
|
77
77
|
get el() { return getElement(this); }
|
|
78
78
|
};
|
|
@@ -150,10 +150,12 @@ const Stack = class {
|
|
|
150
150
|
if (this.alignment) {
|
|
151
151
|
alignValue = this.alignment.split(' ').join('-');
|
|
152
152
|
}
|
|
153
|
-
return (h(Host, { key: '
|
|
153
|
+
return (h(Host, { key: 'daf62e1eb100f42244b08750517a8d3b5120d0ab', class: {
|
|
154
154
|
'ds-stack': true,
|
|
155
155
|
'as-row': this.direction === 'row',
|
|
156
156
|
'as-col': this.direction === 'column',
|
|
157
|
+
'as-row-reverse': this.direction === 'row-reverse',
|
|
158
|
+
'as-col-reverse': this.direction === 'column-reverse',
|
|
157
159
|
'has-wrap': this.useWrap === true,
|
|
158
160
|
'fit-content': this.fitContent === true,
|
|
159
161
|
[`align-${alignValue}`]: align || alignment,
|
|
@@ -163,7 +165,7 @@ const Stack = class {
|
|
|
163
165
|
[`p-${p}`]: hasValue(this.p),
|
|
164
166
|
[`px-${px}`]: hasValue(this.px),
|
|
165
167
|
[`py-${py}`]: hasValue(this.py),
|
|
166
|
-
} }, h("slot", { key: '
|
|
168
|
+
} }, h("slot", { key: 'ed60bade936acf7e29d472cdfb7e21f5ca734509' })));
|
|
167
169
|
}
|
|
168
170
|
get el() { return getElement(this); }
|
|
169
171
|
};
|
|
@@ -1106,7 +1106,7 @@ function stepMinus(value, step) {
|
|
|
1106
1106
|
return new Big(value).minus(step).toNumber();
|
|
1107
1107
|
}
|
|
1108
1108
|
|
|
1109
|
-
const counterHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100
|
|
1109
|
+
const counterHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host{display:block}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}`;
|
|
1110
1110
|
|
|
1111
1111
|
const STEP_FALLBACK = 1;
|
|
1112
1112
|
// Must match the CSS animation duration in counter.host.scss (`.value-slide` `animation-duration`).
|
|
@@ -1427,11 +1427,11 @@ const Counter = class {
|
|
|
1427
1427
|
const increaseLabel = i18nDsCounter[this.language].increase;
|
|
1428
1428
|
const decreaseDisabled = this.disabled || this.readonly || this.value <= this.min;
|
|
1429
1429
|
const increaseDisabled = this.disabled || this.readonly || this.value >= this.max;
|
|
1430
|
-
return (h(Field, { key: '
|
|
1430
|
+
return (h(Field, { key: '282082964e12c3d53c20035b617ebbd7e173a424', disabled: this.disabled || this.readonly, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, h("div", Object.assign({ key: '4eafc01fe942902d72a9db63e73b345785b1f15a', id: "counter", part: "counter", onKeyDown: this.handleKeyDown }, this.inheritedAttributes), h("ds-button", { key: '165a93be231c9054fc6cf19f82c0a52fdcee6afc', ref: el => (this.decreaseButtonEl = el), part: "decrease", "data-testid": "ds-counter-decrease", color: this.invalid
|
|
1431
1431
|
? 'danger'
|
|
1432
1432
|
: this.color === 'danger' || this.color === 'warning' || this.color === 'success'
|
|
1433
1433
|
? this.color
|
|
1434
|
-
: 'ghost', size: "sm", square: true, icon: "minus", a11yLabel: decreaseLabel, a11yTitle: decreaseLabel, disabled: decreaseDisabled, onClick: this.handleDecrease, onDsFocus: this.handleFocusDecrease, onDsBlur: this.handleBlurDecrease }), h("span", { key: '
|
|
1434
|
+
: 'ghost', size: "sm", square: true, icon: "minus", a11yLabel: decreaseLabel, a11yTitle: decreaseLabel, disabled: decreaseDisabled, onClick: this.handleDecrease, onDsFocus: this.handleFocusDecrease, onDsBlur: this.handleBlurDecrease }), h("span", { key: 'df30901c4494a28a78a8738f8ad863b6255d4b92', id: "value", part: "value", "data-testid": "ds-counter-value" }, this.previousValue !== null && (h("span", { key: `prev-${this.previousValue}`, "aria-hidden": "true", class: {
|
|
1435
1435
|
'value-slide': true,
|
|
1436
1436
|
'value-out': true,
|
|
1437
1437
|
'is-increase': this.valueDirection === 'increase',
|
|
@@ -1441,7 +1441,7 @@ const Counter = class {
|
|
|
1441
1441
|
'value-in': this.previousValue !== null,
|
|
1442
1442
|
'is-increase': this.valueDirection === 'increase',
|
|
1443
1443
|
'is-decrease': this.valueDirection === 'decrease',
|
|
1444
|
-
} }, formatLocaleNumber(this.value))), h("ds-button", { key: '
|
|
1444
|
+
} }, formatLocaleNumber(this.value))), h("ds-button", { key: 'c6273e0b8351d7b9e63a37430ac2f4456acda82f', ref: el => (this.increaseButtonEl = el), part: "increase", "data-testid": "ds-counter-increase", color: this.invalid
|
|
1445
1445
|
? 'danger'
|
|
1446
1446
|
: this.color === 'danger' || this.color === 'warning' || this.color === 'success'
|
|
1447
1447
|
? this.color
|
|
@@ -4897,7 +4897,7 @@ const ClearButton = ({ value, disabled, readonly, language, onClick, }) => {
|
|
|
4897
4897
|
return h("button", { id: "clear", part: "clear", type: "button", "aria-label": label, title: label, onClick: onClick });
|
|
4898
4898
|
};
|
|
4899
4899
|
|
|
4900
|
-
const datepickerHostCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{-webkit-transition:all var(--adp-transition-duration) var(--adp-transition-ease);transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);-webkit-box-sizing:content-box;box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:-ms-inline-flexbox;display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;-ms-flex-align:center;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;-ms-flex-item-align:end;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:-webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;-ms-flex:1;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);-webkit-box-sizing:content-box;box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, -webkit-max-content);grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;-webkit-transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{-webkit-transform:translateY(calc(var(--adp-transition-offset) * -1));transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{-webkit-transform:translateX(var(--adp-transition-offset));transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{-webkit-transform:translateY(var(--adp-transition-offset));transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{-webkit-transform:translateX(calc(var(--adp-transition-offset) * -1));transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){-webkit-transform:translate(-50%, calc(-50% + var(--adp-transition-offset)));transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);-webkit-box-sizing:border-box;box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;-webkit-transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_datepicker-family:var(--datepicker-family, var(--mod-datepicker-family, var(--ds-form-default-control-typo-font-family)));--_datepicker-weight:var(--datepicker-weight, var(--mod-datepicker-weight, var(--ds-form-default-control-typo-font-weight)));--_datepicker-line-height:var(--datepicker-line-height, var(--mod-datepicker-line-height, var(--ds-form-default-control-typo-line-height)));--_datepicker-size:var(--datepicker-size, var(--mod-datepicker-size, var(--ds-form-default-control-typo-font-size)));--_datepicker-color:var(--datepicker-color, var(--mod-datepicker-color, var(--ds-form-default-control-value-color)));--_datepicker-placeholder:var(--datepicker-placeholder, var(--mod-datepicker-placeholder, var(--ds-form-default-control-placeholder-color)));--_datepicker-trigger-icon-color-hover:var(--datepicker-trigger-icon-color-hover, var(--mod-datepicker-trigger-icon-color-hover, var(--ds-datepicker-trigger-color-hover)));--_datepicker-trigger-icon-color-active:var(--datepicker-trigger-icon-color-active, var(--mod-datepicker-trigger-icon-color-active, var(--ds-datepicker-trigger-color-active)));--_datepicker-trigger-icon-color-disabled:var(--datepicker-trigger-icon-color-disabled, var(--mod-datepicker-trigger-icon-color-disabled, var(--ds-datepicker-trigger-color-disabled)));--_datepicker-focus-color:var(--datepicker-focus-color, var(--mod-datepicker-focus-color, var(--ds-alias-interaction-focus-color-base)));--_datepicker-popup-shadow:var(--datepicker-popup-shadow, var(--mod-datepicker-popup-shadow, var(--ds-datepicker-popup-shadow)));--_datepicker-calendar-text-color:var(--datepicker-calendar-text-color, var(--mod-datepicker-calendar-text-color, var(--ds-datepicker-calendar-color-text)));--_datepicker-calendar-family:var(--datepicker-calendar-family, var(--mod-datepicker-calendar-family, var(--ds-datepicker-calendar-family)));--_datepicker-calendar-size:var(--datepicker-calendar-size, var(--mod-datepicker-calendar-size, var(--ds-datepicker-calendar-size)));--_datepicker-calendar-weight:var(--datepicker-calendar-weight, var(--mod-datepicker-calendar-weight, var(--ds-datepicker-calendar-weight)));--_datepicker-calendar-radius:var(--datepicker-calendar-radius, var(--mod-datepicker-calendar-radius, var(--ds-datepicker-calendar-radius)));--_datepicker-calendar-shadow:var(--datepicker-calendar-shadow, var(--mod-datepicker-calendar-shadow, var(--ds-datepicker-calendar-shadow)));--_datepicker-calendar-color-inner-border:var(--datepicker-calendar-color-inner-border, var(--mod-datepicker-calendar-color-inner-border, var(--ds-datepicker-calendar-color-inner-border)));--_datepicker-calendar-disabled-color:var(--datepicker-calendar-disabled-color, var(--mod-datepicker-calendar-disabled-color, var(--ds-datepicker-calendar-color-disabled)));--_datepicker-calendar-day-background-hover:var(--datepicker-calendar-day-background-hover, var(--mod-datepicker-calendar-day-background-hover, var(--ds-datepicker-calendar-color-day-hover-background)));--_datepicker-calendar-day-background-active:var(--datepicker-calendar-day-background-active, var(--mod-datepicker-calendar-day-background-active, var(--ds-datepicker-calendar-color-day-active-background)));--_datepicker-calendar-day-background-selected:var(--datepicker-calendar-day-background-selected, var(--mod-datepicker-calendar-day-background-selected, var(--ds-datepicker-calendar-color-day-selected-background)));--_datepicker-calendar-day-background-selected-hover:var(--datepicker-calendar-day-background-selected-hover, var(--mod-datepicker-calendar-day-background-selected-hover, var(--ds-datepicker-calendar-color-day-selected-hover-background)));--_datepicker-calendar-color-current-date:var(--datepicker-calendar-color-current-date, var(--mod-datepicker-calendar-color-current-date, var(--ds-datepicker-calendar-color-current-date)));--_datepicker-calendar-day-weight:var(--datepicker-calendar-day-weight, var(--mod-datepicker-calendar-day-weight, var(--ds-datepicker-calendar-day-weight-base)));--_datepicker-calendar-day-weight-selected:var(--datepicker-calendar-day-weight-selected, var(--mod-datepicker-calendar-day-weight-selected, var(--ds-datepicker-calendar-day-weight-selected)));--_datepicker-calendar-day-name-family:var(--datepicker-calendar-day-name-family, var(--mod-datepicker-calendar-day-name-family, var(--ds-datepicker-calendar-day-name-family)));--_datepicker-calendar-day-name-weight:var(--datepicker-calendar-day-name-weight, var(--mod-datepicker-calendar-day-name-weight, var(--ds-datepicker-calendar-day-name-weight)));--_datepicker-calendar-nav-color:var(--datepicker-calendar-nav-color, var(--mod-datepicker-calendar-nav-color, var(--ds-datepicker-calendar-nav-color-base)));--_datepicker-calendar-nav-color-hover:var(--datepicker-calendar-nav-color-hover, var(--mod-datepicker-calendar-nav-color-hover, var(--ds-datepicker-calendar-nav-color-hover)));--_datepicker-calendar-nav-color-active:var(--datepicker-calendar-nav-color-active, var(--mod-datepicker-calendar-nav-color-active, var(--ds-datepicker-calendar-nav-color-active)));--_datepicker-calendar-nav-radius:var(--datepicker-calendar-nav-radius, var(--mod-datepicker-calendar-nav-radius, var(--ds-datepicker-calendar-nav-radius)));--_datepicker-calendar-nav-color-disabled:var(--datepicker-calendar-nav-color-disabled, var(--mod-datepicker-calendar-nav-color-disabled, var(--ds-datepicker-calendar-nav-color-disabled)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_datepicker-color);font-family:var(--_datepicker-family);font-weight:var(--_datepicker-weight);font-size:var(--_datepicker-size);line-height:var(--_datepicker-line-height);border-radius:var(--_datepicker-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input:-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::placeholder{color:var(--_datepicker-placeholder)}:host #input::-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_datepicker-placeholder)}:host #input:-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input:-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(:not(.is-inline)) #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host(:not(.is-inline)) #container:hover,:host(:not(.is-inline)) #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host(:not(.is-inline)) #container:active,:host(:not(.is-inline)) #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host(:not(.is-inline)) #container:focus-within:not(:active),:host(:not(.is-inline)) #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host(.is-inline) #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem}:host #trigger{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host #trigger{display:none !important}}:host #trigger{border-radius:var(--ds-alias-radius-base);background:rgba(0,0,0,0);width:1.5rem;height:1.5rem;border:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host #trigger::-moz-focus-inner{border:0}:host #trigger:disabled{pointer-events:none}@media (hover: hover)and (pointer: fine){:host #trigger:hover,:host #trigger.is-hovered{--icon-color:var(--_datepicker-trigger-icon-color-hover)}}:host #trigger:active,:host #trigger.is-pressed{--icon-color:var(--_datepicker-trigger-icon-color-active)}@media (hover: hover)and (pointer: fine){:host #trigger:focus-visible:not(:active),:host #trigger.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}:host #clear{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host #clear{display:none !important}}:host #clear{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host #clear::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host #clear:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host #clear:not(:disabled):focus-visible:not(:active),:host #clear:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host #container{position:relative}:host #popup{position:absolute;display:block;top:100%;left:0;z-index:var(--ds-popup-z-index, 100);-webkit-box-shadow:var(--_datepicker-popup-shadow);box-shadow:var(--_datepicker-popup-shadow);transition:transform .2s,opacity .2s,-webkit-transform .2s;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center top;overflow:hidden}:host #popup[aria-hidden=true]{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}@media (prefers-reduced-motion: reduce){:host #popup{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input,:host(.is-disabled) #clear,:host(.is-disabled) #trigger{pointer-events:none;cursor:default}:host(.is-disabled) #trigger{--icon-color:var(--_datepicker-trigger-icon-color-disabled)}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-date-color:var(--ds-form-disabled-control-value-color);--mod-date-placeholder:var(--ds-form-disabled-control-placeholder-color)}.air-datepicker{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.air-datepicker{display:none !important}}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;--adp-cell-border-width:2px;--adp-padding:0.5rem;--adp-width:264px;--adp-color:var(--_datepicker-calendar-text-color);--adp-font-family:var(--_datepicker-calendar-family);--adp-font-size:var(--_datepicker-calendar-size);--adp-border-color-inner:var(--_datepicker-calendar-color-inner-border);--adp-background-color-hover:var(--_datepicker-calendar-day-background-hover);--adp-background-color-active:var(--_datepicker-calendar-day-background-active);--adp-day-name-color:var(--_datepicker-calendar-text-color);--adp-color-current-date:var(--_datepicker-calendar-text-color);--adp-cell-background-color-selected:var(--_datepicker-calendar-day-background-selected);--adp-cell-background-color-selected-hover:var(--_datepicker-calendar-day-background-selected-hover);--adp-color-other-month:var(--_datepicker-calendar-disabled-color);--adp-color-other-decade:var(--_datepicker-calendar-disabled-color);--adp-color-disabled:var(--_datepicker-calendar-disabled-color);font-family:inherit;font-size:var(--_datepicker-calendar-size);border-radius:var(--_datepicker-calendar-radius);-webkit-box-shadow:var(--_datepicker-calendar-shadow);box-shadow:var(--_datepicker-calendar-shadow);font-weight:var(--_datepicker-calendar-weight);border:none}.air-datepicker *{font-family:inherit}.air-datepicker.-inline-{border:none;-webkit-box-shadow:var(--_datepicker-calendar-shadow);box-shadow:var(--_datepicker-calendar-shadow)}.air-datepicker .air-datepicker-nav{border-width:2px}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button::-moz-focus-inner,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button::-moz-focus-inner{border:0}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button{display:-ms-flexbox;display:flex;gap:.5rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2rem;min-width:2rem;color:var(--_datepicker-calendar-nav-color);--icon-color:var(--_datepicker-calendar-nav-color);border-radius:var(--_datepicker-calendar-nav-radius);-webkit-box-shadow:none;box-shadow:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button::-moz-focus-inner,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button::-moz-focus-inner{border:0}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:hover,.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-hovered,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:hover,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-hovered{color:var(--_datepicker-calendar-nav-color-hover);--icon-color:var(--_datepicker-calendar-nav-color-hover)}}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:active,.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-pressed,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:active,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-pressed{color:var(--_datepicker-calendar-nav-color-active);--icon-color:var(--_datepicker-calendar-nav-color-active);translate:0 .5px}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:focus-visible:not(:active),.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-focused:not(:active),.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:focus-visible:not(:active),.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}.air-datepicker .air-datepicker-nav--action{margin-left:.5rem}.air-datepicker .air-datepicker-nav--title{margin-right:auto}.air-datepicker .air-datepicker-nav--title button{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:start;justify-content:flex-start}.air-datepicker .air-datepicker-body--cells.-days-{gap:.25rem}.air-datepicker .air-datepicker-body--day-name{font-weight:var(--_datepicker-calendar-day-name-weight);font-size:1rem;text-transform:none;font-family:var(--_datepicker-calendar-day-name-family)}.air-datepicker .air-datepicker-cell.-selected-:not(.-disabled-){font-weight:var(--_datepicker-calendar-day-weight-selected)}.air-datepicker .air-datepicker-cell.-day-{font-weight:var(--_datepicker-calendar-day-weight);height:2rem;width:2rem}.air-datepicker .air-datepicker-cell.-day-.-current-:not(.-disabled-){border:2px solid var(--_datepicker-calendar-color-current-date)}.air-datepicker .air-datepicker-cell.-day-.-selected-:not(.-disabled-){font-weight:var(--_datepicker-calendar-day-weight-selected)}.air-datepicker .air-datepicker-cell[tabindex="0"]{outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.air-datepicker .air-datepicker-cell[tabindex="0"]::-moz-focus-inner{border:0}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-cell[tabindex="0"]:focus-visible:not(:active),.air-datepicker .air-datepicker-cell[tabindex="0"].is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}.air-datepicker .air-datepicker-cell.-disabled-{pointer-events:none}.air-datepicker #previous-disabled,.air-datepicker #next-disabled{display:none}.air-datepicker .air-datepicker-nav--action.-disabled-{pointer-events:none;visibility:visible}.air-datepicker .air-datepicker-nav--action.-disabled- button{display:none;visibility:hidden;pointer-events:none}.air-datepicker .air-datepicker-nav--action.-disabled- #previous-disabled,.air-datepicker .air-datepicker-nav--action.-disabled- #next-disabled{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:2rem;height:2rem;color:var(--_datepicker-calendar-nav-color-disabled);--icon-color:var(--_datepicker-calendar-nav-color-disabled);pointer-events:none}.air-datepicker .air-datepicker-nav--action.-disabled- #previous-disabled ds-icon,.air-datepicker .air-datepicker-nav--action.-disabled- #next-disabled ds-icon{pointer-events:none}`;
|
|
4900
|
+
const datepickerHostCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{-webkit-transition:all var(--adp-transition-duration) var(--adp-transition-ease);transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);-webkit-box-sizing:content-box;box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:-ms-inline-flexbox;display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;-ms-flex-align:center;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;-ms-flex-item-align:end;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:-webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;-ms-flex:1;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);-webkit-box-sizing:content-box;box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, -webkit-max-content);grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;-webkit-transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{-webkit-transform:translateY(calc(var(--adp-transition-offset) * -1));transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{-webkit-transform:translateX(var(--adp-transition-offset));transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{-webkit-transform:translateY(var(--adp-transition-offset));transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{-webkit-transform:translateX(calc(var(--adp-transition-offset) * -1));transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){-webkit-transform:translate(-50%, calc(-50% + var(--adp-transition-offset)));transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);-webkit-box-sizing:border-box;box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;-webkit-transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_datepicker-family:var(--datepicker-family, var(--mod-datepicker-family, var(--ds-form-default-control-typo-font-family)));--_datepicker-weight:var(--datepicker-weight, var(--mod-datepicker-weight, var(--ds-form-default-control-typo-font-weight)));--_datepicker-line-height:var(--datepicker-line-height, var(--mod-datepicker-line-height, var(--ds-form-default-control-typo-line-height)));--_datepicker-size:var(--datepicker-size, var(--mod-datepicker-size, var(--ds-form-default-control-typo-font-size)));--_datepicker-color:var(--datepicker-color, var(--mod-datepicker-color, var(--ds-form-default-control-value-color)));--_datepicker-placeholder:var(--datepicker-placeholder, var(--mod-datepicker-placeholder, var(--ds-form-default-control-placeholder-color)));--_datepicker-trigger-icon-color-hover:var(--datepicker-trigger-icon-color-hover, var(--mod-datepicker-trigger-icon-color-hover, var(--ds-datepicker-trigger-color-hover)));--_datepicker-trigger-icon-color-active:var(--datepicker-trigger-icon-color-active, var(--mod-datepicker-trigger-icon-color-active, var(--ds-datepicker-trigger-color-active)));--_datepicker-trigger-icon-color-disabled:var(--datepicker-trigger-icon-color-disabled, var(--mod-datepicker-trigger-icon-color-disabled, var(--ds-datepicker-trigger-color-disabled)));--_datepicker-focus-color:var(--datepicker-focus-color, var(--mod-datepicker-focus-color, var(--ds-alias-interaction-focus-color-base)));--_datepicker-popup-shadow:var(--datepicker-popup-shadow, var(--mod-datepicker-popup-shadow, var(--ds-datepicker-popup-shadow)));--_datepicker-calendar-text-color:var(--datepicker-calendar-text-color, var(--mod-datepicker-calendar-text-color, var(--ds-datepicker-calendar-color-text)));--_datepicker-calendar-family:var(--datepicker-calendar-family, var(--mod-datepicker-calendar-family, var(--ds-datepicker-calendar-family)));--_datepicker-calendar-size:var(--datepicker-calendar-size, var(--mod-datepicker-calendar-size, var(--ds-datepicker-calendar-size)));--_datepicker-calendar-weight:var(--datepicker-calendar-weight, var(--mod-datepicker-calendar-weight, var(--ds-datepicker-calendar-weight)));--_datepicker-calendar-radius:var(--datepicker-calendar-radius, var(--mod-datepicker-calendar-radius, var(--ds-datepicker-calendar-radius)));--_datepicker-calendar-shadow:var(--datepicker-calendar-shadow, var(--mod-datepicker-calendar-shadow, var(--ds-datepicker-calendar-shadow)));--_datepicker-calendar-color-inner-border:var(--datepicker-calendar-color-inner-border, var(--mod-datepicker-calendar-color-inner-border, var(--ds-datepicker-calendar-color-inner-border)));--_datepicker-calendar-disabled-color:var(--datepicker-calendar-disabled-color, var(--mod-datepicker-calendar-disabled-color, var(--ds-datepicker-calendar-color-disabled)));--_datepicker-calendar-day-background-hover:var(--datepicker-calendar-day-background-hover, var(--mod-datepicker-calendar-day-background-hover, var(--ds-datepicker-calendar-color-day-hover-background)));--_datepicker-calendar-day-background-active:var(--datepicker-calendar-day-background-active, var(--mod-datepicker-calendar-day-background-active, var(--ds-datepicker-calendar-color-day-active-background)));--_datepicker-calendar-day-background-selected:var(--datepicker-calendar-day-background-selected, var(--mod-datepicker-calendar-day-background-selected, var(--ds-datepicker-calendar-color-day-selected-background)));--_datepicker-calendar-day-background-selected-hover:var(--datepicker-calendar-day-background-selected-hover, var(--mod-datepicker-calendar-day-background-selected-hover, var(--ds-datepicker-calendar-color-day-selected-hover-background)));--_datepicker-calendar-color-current-date:var(--datepicker-calendar-color-current-date, var(--mod-datepicker-calendar-color-current-date, var(--ds-datepicker-calendar-color-current-date)));--_datepicker-calendar-day-weight:var(--datepicker-calendar-day-weight, var(--mod-datepicker-calendar-day-weight, var(--ds-datepicker-calendar-day-weight-base)));--_datepicker-calendar-day-weight-selected:var(--datepicker-calendar-day-weight-selected, var(--mod-datepicker-calendar-day-weight-selected, var(--ds-datepicker-calendar-day-weight-selected)));--_datepicker-calendar-day-name-family:var(--datepicker-calendar-day-name-family, var(--mod-datepicker-calendar-day-name-family, var(--ds-datepicker-calendar-day-name-family)));--_datepicker-calendar-day-name-weight:var(--datepicker-calendar-day-name-weight, var(--mod-datepicker-calendar-day-name-weight, var(--ds-datepicker-calendar-day-name-weight)));--_datepicker-calendar-nav-color:var(--datepicker-calendar-nav-color, var(--mod-datepicker-calendar-nav-color, var(--ds-datepicker-calendar-nav-color-base)));--_datepicker-calendar-nav-color-hover:var(--datepicker-calendar-nav-color-hover, var(--mod-datepicker-calendar-nav-color-hover, var(--ds-datepicker-calendar-nav-color-hover)));--_datepicker-calendar-nav-color-active:var(--datepicker-calendar-nav-color-active, var(--mod-datepicker-calendar-nav-color-active, var(--ds-datepicker-calendar-nav-color-active)));--_datepicker-calendar-nav-radius:var(--datepicker-calendar-nav-radius, var(--mod-datepicker-calendar-nav-radius, var(--ds-datepicker-calendar-nav-radius)));--_datepicker-calendar-nav-color-disabled:var(--datepicker-calendar-nav-color-disabled, var(--mod-datepicker-calendar-nav-color-disabled, var(--ds-datepicker-calendar-nav-color-disabled)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_datepicker-color);font-family:var(--_datepicker-family);font-weight:var(--_datepicker-weight);font-size:var(--_datepicker-size);line-height:var(--_datepicker-line-height);border-radius:var(--_datepicker-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input:-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #input::placeholder{color:var(--_datepicker-placeholder)}:host #input::-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_datepicker-placeholder)}:host #input:-moz-placeholder{color:var(--_datepicker-placeholder)}:host #input:-ms-input-placeholder{color:var(--_datepicker-placeholder)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host(:not(.is-inline)) #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host(:not(.is-inline)) #container:hover,:host(:not(.is-inline)) #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host(:not(.is-inline)) #container:active,:host(:not(.is-inline)) #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host(:not(.is-inline)) #container:focus-within:not(:active),:host(:not(.is-inline)) #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host(.is-inline) #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem}:host #trigger{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host #trigger{display:none !important}}:host #trigger{border-radius:var(--ds-alias-radius-base);background:rgba(0,0,0,0);width:1.5rem;height:1.5rem;border:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host #trigger::-moz-focus-inner{border:0}:host #trigger:disabled{pointer-events:none}@media (hover: hover)and (pointer: fine){:host #trigger:hover,:host #trigger.is-hovered{--icon-color:var(--_datepicker-trigger-icon-color-hover)}}:host #trigger:active,:host #trigger.is-pressed{--icon-color:var(--_datepicker-trigger-icon-color-active)}@media (hover: hover)and (pointer: fine){:host #trigger:focus-visible:not(:active),:host #trigger.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}:host #clear{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host #clear{display:none !important}}:host #clear{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host #clear::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host #clear:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host #clear:not(:disabled):focus-visible:not(:active),:host #clear:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host #container{position:relative}:host #popup{position:absolute;display:block;top:100%;left:0;z-index:var(--ds-popup-z-index, 100);-webkit-box-shadow:var(--_datepicker-popup-shadow);box-shadow:var(--_datepicker-popup-shadow);transition:transform .2s,opacity .2s,-webkit-transform .2s;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center top;overflow:hidden}:host #popup[aria-hidden=true]{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}@media (prefers-reduced-motion: reduce){:host #popup{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input,:host(.is-disabled) #clear,:host(.is-disabled) #trigger{pointer-events:none;cursor:default}:host(.is-disabled) #trigger{--icon-color:var(--_datepicker-trigger-icon-color-disabled)}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-date-color:var(--ds-form-disabled-control-value-color);--mod-date-placeholder:var(--ds-form-disabled-control-placeholder-color)}.air-datepicker{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.air-datepicker{display:none !important}}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;--adp-cell-border-width:2px;--adp-padding:0.5rem;--adp-width:264px;--adp-color:var(--_datepicker-calendar-text-color);--adp-font-family:var(--_datepicker-calendar-family);--adp-font-size:var(--_datepicker-calendar-size);--adp-border-color-inner:var(--_datepicker-calendar-color-inner-border);--adp-background-color-hover:var(--_datepicker-calendar-day-background-hover);--adp-background-color-active:var(--_datepicker-calendar-day-background-active);--adp-day-name-color:var(--_datepicker-calendar-text-color);--adp-color-current-date:var(--_datepicker-calendar-text-color);--adp-cell-background-color-selected:var(--_datepicker-calendar-day-background-selected);--adp-cell-background-color-selected-hover:var(--_datepicker-calendar-day-background-selected-hover);--adp-color-other-month:var(--_datepicker-calendar-disabled-color);--adp-color-other-decade:var(--_datepicker-calendar-disabled-color);--adp-color-disabled:var(--_datepicker-calendar-disabled-color);font-family:inherit;font-size:var(--_datepicker-calendar-size);border-radius:var(--_datepicker-calendar-radius);-webkit-box-shadow:var(--_datepicker-calendar-shadow);box-shadow:var(--_datepicker-calendar-shadow);font-weight:var(--_datepicker-calendar-weight);border:none}.air-datepicker *{font-family:inherit}.air-datepicker.-inline-{border:none;-webkit-box-shadow:var(--_datepicker-calendar-shadow);box-shadow:var(--_datepicker-calendar-shadow)}.air-datepicker .air-datepicker-nav{border-width:2px}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button::-moz-focus-inner,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button::-moz-focus-inner{border:0}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button{display:-ms-flexbox;display:flex;gap:.5rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2rem;min-width:2rem;color:var(--_datepicker-calendar-nav-color);--icon-color:var(--_datepicker-calendar-nav-color);border-radius:var(--_datepicker-calendar-nav-radius);-webkit-box-shadow:none;box-shadow:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button::-moz-focus-inner,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button::-moz-focus-inner{border:0}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:hover,.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-hovered,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:hover,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-hovered{color:var(--_datepicker-calendar-nav-color-hover);--icon-color:var(--_datepicker-calendar-nav-color-hover)}}.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:active,.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-pressed,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:active,.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-pressed{color:var(--_datepicker-calendar-nav-color-active);--icon-color:var(--_datepicker-calendar-nav-color-active);translate:0 .5px}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button:focus-visible:not(:active),.air-datepicker .air-datepicker-nav--title:not(.-disabled-) button.is-focused:not(:active),.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button:focus-visible:not(:active),.air-datepicker .air-datepicker-nav--action:not(.-disabled-) button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}.air-datepicker .air-datepicker-nav--action{margin-left:.5rem}.air-datepicker .air-datepicker-nav--title{margin-right:auto}.air-datepicker .air-datepicker-nav--title button{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:start;justify-content:flex-start}.air-datepicker .air-datepicker-body--cells.-days-{gap:.25rem}.air-datepicker .air-datepicker-body--day-name{font-weight:var(--_datepicker-calendar-day-name-weight);font-size:1rem;text-transform:none;font-family:var(--_datepicker-calendar-day-name-family)}.air-datepicker .air-datepicker-cell.-selected-:not(.-disabled-){font-weight:var(--_datepicker-calendar-day-weight-selected)}.air-datepicker .air-datepicker-cell.-day-{font-weight:var(--_datepicker-calendar-day-weight);height:2rem;width:2rem}.air-datepicker .air-datepicker-cell.-day-.-current-:not(.-disabled-){border:2px solid var(--_datepicker-calendar-color-current-date)}.air-datepicker .air-datepicker-cell.-day-.-selected-:not(.-disabled-){font-weight:var(--_datepicker-calendar-day-weight-selected)}.air-datepicker .air-datepicker-cell[tabindex="0"]{outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.air-datepicker .air-datepicker-cell[tabindex="0"]::-moz-focus-inner{border:0}@media (hover: hover)and (pointer: fine){.air-datepicker .air-datepicker-cell[tabindex="0"]:focus-visible:not(:active),.air-datepicker .air-datepicker-cell[tabindex="0"].is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_datepicker-focus-color) 0 0 0 5px !important}}.air-datepicker .air-datepicker-cell.-disabled-{pointer-events:none}.air-datepicker #previous-disabled,.air-datepicker #next-disabled{display:none}.air-datepicker .air-datepicker-nav--action.-disabled-{pointer-events:none;visibility:visible}.air-datepicker .air-datepicker-nav--action.-disabled- button{display:none;visibility:hidden;pointer-events:none}.air-datepicker .air-datepicker-nav--action.-disabled- #previous-disabled,.air-datepicker .air-datepicker-nav--action.-disabled- #next-disabled{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:2rem;height:2rem;color:var(--_datepicker-calendar-nav-color-disabled);--icon-color:var(--_datepicker-calendar-nav-color-disabled);pointer-events:none}.air-datepicker .air-datepicker-nav--action.-disabled- #previous-disabled ds-icon,.air-datepicker .air-datepicker-nav--action.-disabled- #next-disabled ds-icon{pointer-events:none}`;
|
|
4901
4901
|
|
|
4902
4902
|
const DsDatepicker = class {
|
|
4903
4903
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { D as registerInstance, F as h, G as Host, I as getElement, a2 as rOnLoad } from './index-BZEWgXed.js';
|
|
5
5
|
import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
|
|
6
6
|
import { h as hasValue } from './has-value-Bo85hk4Z.js';
|
|
7
|
-
import { n as normalizeDeprecatedTShirtSize } from './t-shirt-
|
|
7
|
+
import { n as normalizeDeprecatedTShirtSize } from './t-shirt-BPtibja3.js';
|
|
8
8
|
import { O as OneOf } from './one-of-CEp_lE0A.js';
|
|
9
9
|
import { T as Type } from './type-Djd2i_VN.js';
|
|
10
10
|
import { d as dsBreakpoints, c as DsComponentLogoColorInverted, e as DsComponentLogoColorPrimary, f as DsComponentLogoSizeSmMobile, g as DsComponentLogoSizeSmDesktop, h as DsComponentLogoSizeLgMobile, j as DsComponentLogoSizeLgDesktop, k as DsComponentLogoSizeBaseMobile, l as DsComponentLogoSizeBaseDesktop } from './breakpoints.subject-1t_GD0pz.js';
|
|
@@ -33,7 +33,7 @@ const Divider = class {
|
|
|
33
33
|
*/
|
|
34
34
|
this.layout = 'horizontal';
|
|
35
35
|
/**
|
|
36
|
-
* Defines the space between the child elements. Default is
|
|
36
|
+
* Defines the space between the child elements. Default is none.
|
|
37
37
|
*/
|
|
38
38
|
this.space = 'none';
|
|
39
39
|
/**
|
|
@@ -54,7 +54,7 @@ const Divider = class {
|
|
|
54
54
|
*/
|
|
55
55
|
render() {
|
|
56
56
|
const space = normalizeDeprecatedTShirtSize(this.space) || '';
|
|
57
|
-
return (h(Host, { key: '
|
|
57
|
+
return (h(Host, { key: 'cfa7a80d514d569d162515d21d79c7083cd903d8', role: "separator", class: {
|
|
58
58
|
[`is-${this.layout}`]: hasValue(this.layout),
|
|
59
59
|
[`is-${this.color}`]: hasValue(this.color),
|
|
60
60
|
[`has-space-${space}`]: hasValue(this.space),
|
|
@@ -135,7 +135,7 @@ const i18nDsFileUpload = {
|
|
|
135
135
|
},
|
|
136
136
|
};
|
|
137
137
|
|
|
138
|
-
const fileUploadHostCss = () => `:host{--_file-upload-label-family:var(--file-upload-label-family, var(--mod-file-upload-label-family, var(--ds-alias-text-family-text)));--_file-upload-label-weight:var(--file-upload-label-weight, var(--mod-file-upload-label-weight, var(--ds-alias-text-weight-bold)));--_file-upload-label-size:var(--file-upload-label-size, var(--mod-file-upload-label-size, var(--ds-alias-text-size-base)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-text)));--_file-upload-drop-zone-border-color:var(--file-upload-drop-zone-border-color, var(--mod-file-upload-drop-zone-border-color, var(--ds-alias-border-color-grey)));--_file-upload-drop-zone-background:var(--file-upload-drop-zone-background, var(--mod-file-upload-drop-zone-background, var(--ds-alias-surface-transparent)));--_file-upload-drop-zone-hover-background:var(--file-upload-drop-zone-hover-background, var(--mod-file-upload-drop-zone-hover-background, var(--ds-alias-surface-grey-lighter)));--_file-upload-drop-zone-hover-border-color:var(--file-upload-drop-zone-hover-border-color, var(--mod-file-upload-drop-zone-hover-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-hover-text-color:var(--file-upload-drop-zone-hover-text-color, var(--mod-file-upload-drop-zone-hover-text-color, var(--ds-alias-text-color-primary-hover)));--_file-upload-drop-zone-active-background:var(--file-upload-drop-zone-active-background, var(--mod-file-upload-drop-zone-active-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-active-border-color:var(--file-upload-drop-zone-active-border-color, var(--mod-file-upload-drop-zone-active-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-active-text-color:var(--file-upload-drop-zone-active-text-color, var(--mod-file-upload-drop-zone-active-text-color, var(--ds-alias-text-color-primary-active)));--_file-upload-drop-zone-focus-border-color:var(--file-upload-drop-zone-focus-border-color, var(--mod-file-upload-drop-zone-focus-border-color, var(--ds-alias-interaction-focus-color-border)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-disabled-border-color:var(--file-upload-drop-zone-disabled-border-color, var(--mod-file-upload-drop-zone-disabled-border-color, var(--ds-button-color-disabled-base-text)));--_file-upload-drop-zone-disabled-text-color:var(--file-upload-drop-zone-disabled-text-color, var(--mod-file-upload-drop-zone-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-file-list-background:var(--file-upload-file-list-background, var(--mod-file-upload-file-list-background, var(--ds-alias-surface-grey-light)));--_file-upload-file-name-color:var(--file-upload-file-name-color, var(--mod-file-upload-file-name-color, var(--ds-alias-text-color-primary)));--_file-upload-file-size-color:var(--file-upload-file-size-color, var(--mod-file-upload-file-size-color, var(--ds-alias-text-color-primary-light)));--_file-upload-disabled-icon-color:var(--file-upload-disabled-icon-color, var(--mod-file-upload-disabled-icon-color, var(--ds-button-color-disabled-base-text)));--_file-upload-disabled-text-color:var(--file-upload-disabled-text-color, var(--mod-file-upload-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-family:var(--file-upload-family, var(--mod-file-upload-family, var(--ds-form-default-control-typo-font-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-default-control-typo-font-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-default-control-typo-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-default-control-typo-font-size)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-default-control-value-color)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-default-control-placeholder-color)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{position:relative;display:block;width:100%}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host input[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default;--_spinner-circle-background-color:var(--ds-global-color-grey-3)}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base);text-align:center}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .ds-stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-form-danger-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-file-upload-description-color:var(--ds-form-success-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-form-warning-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-warning)}`;
|
|
138
|
+
const fileUploadHostCss = () => `:host{--_file-upload-label-family:var(--file-upload-label-family, var(--mod-file-upload-label-family, var(--ds-alias-text-family-text)));--_file-upload-label-weight:var(--file-upload-label-weight, var(--mod-file-upload-label-weight, var(--ds-alias-text-weight-bold)));--_file-upload-label-size:var(--file-upload-label-size, var(--mod-file-upload-label-size, var(--ds-alias-text-size-base)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-text)));--_file-upload-drop-zone-border-color:var(--file-upload-drop-zone-border-color, var(--mod-file-upload-drop-zone-border-color, var(--ds-alias-border-color-grey)));--_file-upload-drop-zone-background:var(--file-upload-drop-zone-background, var(--mod-file-upload-drop-zone-background, var(--ds-alias-surface-transparent)));--_file-upload-drop-zone-hover-background:var(--file-upload-drop-zone-hover-background, var(--mod-file-upload-drop-zone-hover-background, var(--ds-alias-surface-grey-lighter)));--_file-upload-drop-zone-hover-border-color:var(--file-upload-drop-zone-hover-border-color, var(--mod-file-upload-drop-zone-hover-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-hover-text-color:var(--file-upload-drop-zone-hover-text-color, var(--mod-file-upload-drop-zone-hover-text-color, var(--ds-alias-text-color-primary-hover)));--_file-upload-drop-zone-active-background:var(--file-upload-drop-zone-active-background, var(--mod-file-upload-drop-zone-active-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-active-border-color:var(--file-upload-drop-zone-active-border-color, var(--mod-file-upload-drop-zone-active-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-active-text-color:var(--file-upload-drop-zone-active-text-color, var(--mod-file-upload-drop-zone-active-text-color, var(--ds-alias-text-color-primary-active)));--_file-upload-drop-zone-focus-border-color:var(--file-upload-drop-zone-focus-border-color, var(--mod-file-upload-drop-zone-focus-border-color, var(--ds-alias-interaction-focus-color-border)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-disabled-border-color:var(--file-upload-drop-zone-disabled-border-color, var(--mod-file-upload-drop-zone-disabled-border-color, var(--ds-button-color-disabled-base-text)));--_file-upload-drop-zone-disabled-text-color:var(--file-upload-drop-zone-disabled-text-color, var(--mod-file-upload-drop-zone-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-file-list-background:var(--file-upload-file-list-background, var(--mod-file-upload-file-list-background, var(--ds-alias-surface-grey-light)));--_file-upload-file-name-color:var(--file-upload-file-name-color, var(--mod-file-upload-file-name-color, var(--ds-alias-text-color-primary)));--_file-upload-file-size-color:var(--file-upload-file-size-color, var(--mod-file-upload-file-size-color, var(--ds-alias-text-color-primary-light)));--_file-upload-disabled-icon-color:var(--file-upload-disabled-icon-color, var(--mod-file-upload-disabled-icon-color, var(--ds-button-color-disabled-base-text)));--_file-upload-disabled-text-color:var(--file-upload-disabled-text-color, var(--mod-file-upload-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-family:var(--file-upload-family, var(--mod-file-upload-family, var(--ds-form-default-control-typo-font-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-default-control-typo-font-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-default-control-typo-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-default-control-typo-font-size)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-default-control-value-color)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-default-control-placeholder-color)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{position:relative;display:block;width:100%}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host input[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default;--_spinner-circle-background-color:var(--ds-global-color-grey-3)}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base);text-align:center}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .ds-stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-form-danger-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-file-upload-description-color:var(--ds-form-success-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-form-warning-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-warning)}`;
|
|
139
139
|
|
|
140
140
|
const FileUpload = class {
|
|
141
141
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { D as registerInstance, d as dsBrowser, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
|
|
5
5
|
import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
|
|
6
6
|
import { h as hasValue } from './has-value-Bo85hk4Z.js';
|
|
7
|
-
import {
|
|
7
|
+
import { b as HEADING_LEVELS, a as HEADING_VISUAL_LEVELS, c as HEADING_SPACES } from './heading.interfaces-CZXt-zTQ.js';
|
|
8
8
|
import { O as OneOf } from './one-of-CEp_lE0A.js';
|
|
9
9
|
import { T as Type } from './type-Djd2i_VN.js';
|
|
10
10
|
import './create-validator-decorator-DoOlbRcm.js';
|
|
@@ -48,16 +48,8 @@ const HEADING_SIZES = {
|
|
|
48
48
|
'md': 'md',
|
|
49
49
|
'base': 'base',
|
|
50
50
|
};
|
|
51
|
-
const HEADING_COLOR_MAP = {
|
|
52
|
-
primary: 'primary',
|
|
53
|
-
info: 'info',
|
|
54
|
-
success: 'success',
|
|
55
|
-
warning: 'warning',
|
|
56
|
-
danger: 'danger',
|
|
57
|
-
white: 'white',
|
|
58
|
-
};
|
|
59
51
|
|
|
60
|
-
const headingHostCss = () => `:host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}:host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-light1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-light1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-light1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-light1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.ds-text),#heading span:not(.ds-text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow:var(--ds-heading-shadow)}:host(.is-
|
|
52
|
+
const headingHostCss = () => `:host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}:host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-light1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-light1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-light1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-light1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.ds-text),#heading span:not(.ds-text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow:var(--ds-heading-shadow)}:host(.is-inverted){--mod-heading-color:var(--ds-heading-color-inverted)}:host(.is-5xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-display1-font-family);--mod-heading-weight:var(--ds-heading-level-display1-font-weight);--mod-heading-line-height:var(--ds-heading-level-display1-line-height);--mod-heading-size:var(--ds-heading-level-display1-font-size)}:host(.is-5xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light-display1-font-family);--mod-heading-weight:var(--ds-heading-level-light-display1-font-weight);--mod-heading-line-height:var(--ds-heading-level-light-display1-line-height);--mod-heading-size:var(--ds-heading-level-light-display1-font-size)}:host(.is-4xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-display2-font-family);--mod-heading-weight:var(--ds-heading-level-display2-font-weight);--mod-heading-line-height:var(--ds-heading-level-display2-line-height);--mod-heading-size:var(--ds-heading-level-display2-font-size)}:host(.is-4xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light-display2-font-family);--mod-heading-weight:var(--ds-heading-level-light-display2-font-weight);--mod-heading-line-height:var(--ds-heading-level-light-display2-line-height);--mod-heading-size:var(--ds-heading-level-light-display2-font-size)}:host(.is-3xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-1-font-family);--mod-heading-weight:var(--ds-heading-level-1-font-weight);--mod-heading-line-height:var(--ds-heading-level-1-line-height);--mod-heading-size:var(--ds-heading-level-1-font-size)}:host(.is-3xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light1-font-family);--mod-heading-weight:var(--ds-heading-level-light1-font-weight);--mod-heading-line-height:var(--ds-heading-level-light1-line-height);--mod-heading-size:var(--ds-heading-level-light1-font-size)}:host(.is-2xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-2-font-family);--mod-heading-weight:var(--ds-heading-level-2-font-weight);--mod-heading-line-height:var(--ds-heading-level-2-line-height);--mod-heading-size:var(--ds-heading-level-2-font-size)}:host(.is-2xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light2-font-family);--mod-heading-weight:var(--ds-heading-level-light2-font-weight);--mod-heading-line-height:var(--ds-heading-level-light2-line-height);--mod-heading-size:var(--ds-heading-level-light2-font-size)}:host(.is-xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-3-font-family);--mod-heading-weight:var(--ds-heading-level-3-font-weight);--mod-heading-line-height:var(--ds-heading-level-3-line-height);--mod-heading-size:var(--ds-heading-level-3-font-size)}:host(.is-xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light3-font-family);--mod-heading-weight:var(--ds-heading-level-light3-font-weight);--mod-heading-line-height:var(--ds-heading-level-light3-line-height);--mod-heading-size:var(--ds-heading-level-light3-font-size)}:host(.is-lg:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-4-font-family);--mod-heading-weight:var(--ds-heading-level-4-font-weight);--mod-heading-line-height:var(--ds-heading-level-4-line-height);--mod-heading-size:var(--ds-heading-level-4-font-size)}:host(.is-lg.is-subtitle){--mod-heading-family:var(--ds-heading-level-light4-font-family);--mod-heading-weight:var(--ds-heading-level-light4-font-weight);--mod-heading-line-height:var(--ds-heading-level-light4-line-height);--mod-heading-size:var(--ds-heading-level-light4-font-size)}:host(.is-base:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-5-font-family);--mod-heading-weight:var(--ds-heading-level-5-font-weight);--mod-heading-line-height:var(--ds-heading-level-5-line-height);--mod-heading-size:var(--ds-heading-level-5-font-size)}:host(.is-base.is-subtitle){--mod-heading-family:var(--ds-heading-level-light5-font-family);--mod-heading-weight:var(--ds-heading-level-light5-font-weight);--mod-heading-line-height:var(--ds-heading-level-light5-line-height);--mod-heading-size:var(--ds-heading-level-light5-font-size)}:host(.has-space-all){--heading-mt:var(--_heading-margin);--heading-mb:var(--_heading-margin)}:host(.has-space-top){--heading-mt:var(--_heading-margin);--heading-mb:0}:host(.has-space-bottom){--heading-mt:0;--heading-mb:var(--_heading-margin)}:host(.has-space-none){--heading-mt:0;--heading-mb:0}:host{display:block}`;
|
|
61
53
|
|
|
62
54
|
const Heading = class {
|
|
63
55
|
constructor(hostRef) {
|
|
@@ -137,13 +129,6 @@ const Heading = class {
|
|
|
137
129
|
}
|
|
138
130
|
return 1;
|
|
139
131
|
}
|
|
140
|
-
get fontColor() {
|
|
141
|
-
if (this.inverted) {
|
|
142
|
-
return 'inverted';
|
|
143
|
-
}
|
|
144
|
-
const color = this.color;
|
|
145
|
-
return color ? HEADING_COLOR_MAP[color] : undefined;
|
|
146
|
-
}
|
|
147
132
|
get fontSize() {
|
|
148
133
|
return HEADING_SIZES[this.visualLevel ? this.visualLevel : this.level];
|
|
149
134
|
}
|
|
@@ -167,14 +152,14 @@ const Heading = class {
|
|
|
167
152
|
// 'base': 'level5',
|
|
168
153
|
// }
|
|
169
154
|
// const level = `is-${this.subtitle ? 'light' : 'bold'}-${levelMap[this.autoFontSize || '3xl']}`
|
|
170
|
-
return (h(Host, { key: '
|
|
155
|
+
return (h(Host, { key: 'b14aed2c5da373bb0b5da6a0a9ebc2b183bea56a', class: {
|
|
171
156
|
[`is-${this.autoFontSize}`]: this.autoFontSize !== undefined,
|
|
172
|
-
|
|
157
|
+
'is-inverted': this.inverted,
|
|
173
158
|
'is-subtitle': this.subtitle,
|
|
174
159
|
[`has-space-${this.space}`]: hasValue(this.space),
|
|
175
160
|
'has-no-wrap': this.noWrap,
|
|
176
161
|
'has-shadow': this.shadow,
|
|
177
|
-
} }, h(Heading, { key: '
|
|
162
|
+
} }, h(Heading, { key: '292e98f4ac28e40767dace83d1c7f859794b22e5', id: "heading", part: "heading", ref: (headingEl) => (this.headingEl = headingEl) }, h("slot", { key: '52c01fec4eb9518ba832010f100988a357a1eb2c' }))));
|
|
178
163
|
}
|
|
179
164
|
get el() { return getElement(this); }
|
|
180
165
|
static get watchers() { return {
|
|
@@ -219,10 +204,6 @@ __decorate([
|
|
|
219
204
|
OneOf(HEADING_SPACES),
|
|
220
205
|
__metadata("design:type", String)
|
|
221
206
|
], Heading.prototype, "space", void 0);
|
|
222
|
-
__decorate([
|
|
223
|
-
OneOf(HEADING_COLORS),
|
|
224
|
-
__metadata("design:type", String)
|
|
225
|
-
], Heading.prototype, "color", void 0);
|
|
226
207
|
__decorate([
|
|
227
208
|
Type('boolean'),
|
|
228
209
|
__metadata("design:type", Boolean)
|
|
@@ -5,8 +5,8 @@ import { D as registerInstance, x as defaultConfig, F as h, G as Host, I as getE
|
|
|
5
5
|
import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
|
|
6
6
|
import { u as upperFirst, c as camelCase } from './upperFirst-DpjZayHD.js';
|
|
7
7
|
import { h as hasValue } from './has-value-Bo85hk4Z.js';
|
|
8
|
-
import { f as fetchSvg, s as sanitizeSvg } from './svg-
|
|
9
|
-
import { n as normalizeDeprecatedTShirtSize } from './t-shirt-
|
|
8
|
+
import { f as fetchSvg, s as sanitizeSvg } from './svg-DFgZk16R.js';
|
|
9
|
+
import { n as normalizeDeprecatedTShirtSize } from './t-shirt-BPtibja3.js';
|
|
10
10
|
import { T as Type } from './type-Djd2i_VN.js';
|
|
11
11
|
import { O as OneOf } from './one-of-CEp_lE0A.js';
|
|
12
12
|
import { L as ListenToConfig } from './config.utils-C2ZxpLao.js';
|