@designsystem-se/af 38.1.0 → 38.2.1-beta.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/components/digi-calendar-datepicker.js +10 -6
- package/components/digi-form-checkbox.js +1 -1
- package/components/digi-form-error-list.js +33 -1
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-select-filter.js +84 -47
- package/components/{p-13c09880.js → p-f84f590e.js} +2 -2
- package/custom-elements.json +9 -1
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-button_11.cjs.entry.js +1194 -0
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +15 -13
- package/dist/cjs/digi-code-block_3.cjs.entry.js +6 -6
- package/dist/cjs/digi-dialog.cjs.entry.js +6 -6
- package/dist/cjs/digi-footer-card.cjs.entry.js +29 -0
- package/dist/cjs/digi-footer.cjs.entry.js +74 -0
- package/dist/cjs/digi-form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-error-list.cjs.entry.js +39 -7
- package/dist/cjs/digi-form-file-upload.cjs.entry.js +9 -10
- package/dist/cjs/digi-form-input-search.cjs.entry.js +6 -7
- package/dist/cjs/digi-form-receipt.cjs.entry.js +6 -6
- package/dist/cjs/digi-header-avatar.cjs.entry.js +114 -0
- package/dist/cjs/digi-header-navigation-item.cjs.entry.js +27 -0
- package/dist/cjs/digi-header-navigation.cjs.entry.js +228 -0
- package/dist/cjs/digi-header-notification.cjs.entry.js +23 -0
- package/dist/cjs/digi-header.cjs.entry.js +115 -0
- package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-bars.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-bell-filled.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-envelope.cjs.entry.js +30 -0
- package/dist/cjs/{digi-link-external.cjs.entry.js → digi-icon-external-link-alt_2.cjs.entry.js} +24 -0
- package/dist/cjs/digi-icon-globe.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-sign.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-x.cjs.entry.js +30 -0
- package/dist/cjs/digi-layout-block_2.cjs.entry.js +92 -0
- package/dist/cjs/digi-link.cjs.entry.js +75 -0
- package/dist/cjs/digi-logo.cjs.entry.js +49 -0
- package/dist/cjs/digi-media-image_2.cjs.entry.js +167 -0
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +6 -6
- package/dist/cjs/digi-navigation-sidebar-button.cjs.entry.js +30 -0
- package/dist/cjs/digi-notification-alert.cjs.entry.js +6 -6
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +6 -6
- package/dist/cjs/digi-title-logo.cjs.entry.js +133 -0
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +6 -6
- package/dist/cjs/digi-typography.cjs.entry.js +26 -0
- package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +48 -0
- package/dist/cjs/footer-card-variation.enum-99555edc.js +8 -0
- package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js} +14 -0
- package/dist/cjs/{form-file-upload-variation.enum-634cfae8.js → form-validation-message-variation.enum-c5ec3e2d.js} +7 -0
- package/dist/cjs/index-7a477838.js +84 -20
- package/dist/cjs/index.cjs.js +73 -73
- package/dist/cjs/layout-container-max-width.enum-7e637f44.js +21 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/logo-color.enum-76f6c506.js +7 -0
- package/dist/cjs/{typography-variation.enum-c0ef9190.js → typography-variation.enum-9aab5027.js} +28 -33
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +53 -6
- package/dist/collection/components/_form/form-checkbox/form-checkbox.js +8 -5
- package/dist/collection/components/_form/form-error-list/form-error-list.js +20 -1
- package/dist/collection/components/_form/form-select-filter/form-select-filter.js +85 -48
- package/dist/collection/design-tokens/components/_logo.variables.scss +17 -15
- package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +2 -0
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/{p-8833044b.entry.js → p-02731621.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-0ef5ec06.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-10261517.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-37c0ea9e.entry.js → p-2295239c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-97f66789.entry.js → p-25371300.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-2c685e4f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-300aa9ef.js +1 -0
- package/dist/digi-arbetsformedlingen/p-3887bb40.js +1 -0
- package/dist/digi-arbetsformedlingen/p-3efa2f0b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-47ab0b39.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4e9f2f05.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-ddd659bf.entry.js → p-655cda00.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-6abd8d58.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-7e77bbe7.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-7e85c9e3.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8713df13.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8d9f4f10.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8ef41ad9.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-18880083.entry.js → p-986a1582.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-9dd41cc4.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a0c77dff.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a2008b0a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-e5bd5a7e.entry.js → p-b3283953.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-beba49c2.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-bf80a488.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-a186888d.entry.js → p-c3e0f6dd.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-c553b73b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c604694f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c604a480.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c64b4626.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c7a512ee.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c7d079d0.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c9dfda73.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d6d7b1d8.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-db246e29.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-39468f49.entry.js → p-de22ce43.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-ecc2e481.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f2e16531.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f5bcd77b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f87c0b45.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-fa77fcf7.entry.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-button_11.entry.js +1180 -0
- package/dist/esm/digi-calendar-datepicker.entry.js +14 -12
- package/dist/esm/digi-code-block_3.entry.js +6 -6
- package/dist/esm/digi-dialog.entry.js +6 -6
- package/dist/esm/digi-footer-card.entry.js +25 -0
- package/dist/esm/digi-footer.entry.js +70 -0
- package/dist/esm/digi-form-checkbox.entry.js +2 -2
- package/dist/esm/digi-form-error-list.entry.js +39 -7
- package/dist/esm/digi-form-file-upload.entry.js +1 -2
- package/dist/esm/digi-form-input-search.entry.js +1 -2
- package/dist/esm/digi-form-receipt.entry.js +6 -6
- package/dist/esm/digi-header-avatar.entry.js +110 -0
- package/dist/esm/digi-header-navigation-item.entry.js +23 -0
- package/dist/esm/digi-header-navigation.entry.js +224 -0
- package/dist/esm/digi-header-notification.entry.js +19 -0
- package/dist/esm/digi-header.entry.js +111 -0
- package/dist/esm/digi-icon-accessibility-universal.entry.js +26 -0
- package/dist/esm/digi-icon-bars.entry.js +26 -0
- package/dist/esm/digi-icon-bell-filled.entry.js +26 -0
- package/dist/esm/digi-icon-envelope.entry.js +26 -0
- package/dist/esm/{digi-link-external.entry.js → digi-icon-external-link-alt_2.entry.js} +25 -2
- package/dist/esm/digi-icon-globe.entry.js +26 -0
- package/dist/esm/digi-icon-sign.entry.js +26 -0
- package/dist/esm/digi-icon-x.entry.js +26 -0
- package/dist/esm/digi-layout-block_2.entry.js +87 -0
- package/dist/esm/digi-link.entry.js +71 -0
- package/dist/esm/digi-logo.entry.js +45 -0
- package/dist/esm/digi-media-image_2.entry.js +162 -0
- package/dist/esm/digi-navigation-pagination.entry.js +6 -6
- package/dist/esm/digi-navigation-sidebar-button.entry.js +26 -0
- package/dist/esm/digi-notification-alert.entry.js +6 -6
- package/dist/esm/digi-notification-error-page.entry.js +6 -6
- package/dist/esm/digi-title-logo.entry.js +129 -0
- package/dist/esm/digi-tools-feedback.entry.js +6 -6
- package/dist/esm/digi-typography.entry.js +22 -0
- package/dist/esm/digi-util-breakpoint-observer.entry.js +44 -0
- package/dist/esm/footer-card-variation.enum-cc732148.js +8 -0
- package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js} +15 -1
- package/dist/esm/{form-file-upload-variation.enum-9c49ec5e.js → form-validation-message-variation.enum-f7835fc5.js} +8 -1
- package/dist/esm/index-148a7577.js +84 -20
- package/dist/esm/index.js +6 -6
- package/dist/esm/layout-container-max-width.enum-c40018ac.js +21 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/logo-color.enum-8593dca6.js +7 -0
- package/dist/esm/{typography-variation.enum-c85d7857.js → typography-variation.enum-fdda731c.js} +29 -34
- package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +10 -0
- package/dist/types/components/_form/form-checkbox/form-checkbox.d.ts +5 -2
- package/dist/types/components/_form/form-error-list/form-error-list.d.ts +3 -0
- package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +22 -3
- package/dist/types/components.d.ts +26 -6
- package/hydrate/index.js +129 -56
- package/hydrate/index.mjs +129 -56
- package/package.json +1 -1
- package/dist/cjs/digi-button_27.cjs.entry.js +0 -1380
- package/dist/cjs/digi-form-input.cjs.entry.js +0 -194
- package/dist/cjs/digi-form-label_3.cjs.entry.js +0 -129
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +0 -564
- package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js +0 -53
- package/dist/cjs/form-input-search-variation.enum-e0e025b1.js +0 -15
- package/dist/cjs/form-input-variation.enum-c750520c.js +0 -29
- package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +0 -8
- package/dist/digi-arbetsformedlingen/p-111fb07d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1f956af8.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2788683e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2d2f6950.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-30dc159d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4841b4e1.js +0 -1
- package/dist/digi-arbetsformedlingen/p-59073668.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7933b555.js +0 -1
- package/dist/digi-arbetsformedlingen/p-82611050.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-82a74908.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-88b4d03a.js +0 -1
- package/dist/digi-arbetsformedlingen/p-905ccb30.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9c053cf8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9dae073c.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d595e8a3.js +0 -1
- package/dist/digi-arbetsformedlingen/p-eda570be.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ef689144.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f0a405ca.entry.js +0 -1
- package/dist/esm/digi-button_27.entry.js +0 -1350
- package/dist/esm/digi-form-input.entry.js +0 -190
- package/dist/esm/digi-form-label_3.entry.js +0 -123
- package/dist/esm/digi-form-select-filter.entry.js +0 -560
- package/dist/esm/digi-icon-check.entry.js +0 -26
- package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
- package/dist/esm/digi-icon-validation-error_2.entry.js +0 -48
- package/dist/esm/form-input-search-variation.enum-6d8dc10a.js +0 -15
- package/dist/esm/form-input-variation.enum-64d9450f.js +0 -29
- package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +0 -8
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
|
|
2
2
|
import { _ as _t } from './text-8f88c0f6.js';
|
|
3
3
|
import './badge-notification-shape.enum-e15a6245.js';
|
|
4
|
-
import { C as CalendarDatepickerValidation } from './typography-variation.enum-
|
|
4
|
+
import { C as CalendarDatepickerValidation, f as FormInputValidation } from './typography-variation.enum-fdda731c.js';
|
|
5
5
|
import './badge-status-variation.enum-8d6370ff.js';
|
|
6
6
|
import './code-example-variation.enum-e656d235.js';
|
|
7
|
-
import './form-input-
|
|
7
|
+
import './form-input-type.enum-a6bba983.js';
|
|
8
8
|
import './button-variation.enum-94fffdd6.js';
|
|
9
9
|
import './calendar-week-view-heading-level.enum-6774297c.js';
|
|
10
10
|
import './bar-chart-variation.enum-97c0b47f.js';
|
|
@@ -12,22 +12,22 @@ import './code-variation.enum-1eee7c7a.js';
|
|
|
12
12
|
import './expandable-accordion-header-level.enum-85681e2f.js';
|
|
13
13
|
import './expandable-faq-item-variation.enum-a8cb225b.js';
|
|
14
14
|
import './expandable-faq-variation.enum-6934c367.js';
|
|
15
|
+
import './footer-card-variation.enum-cc732148.js';
|
|
15
16
|
import './form-checkbox-variation.enum-83e906fc.js';
|
|
16
|
-
import './form-
|
|
17
|
-
import './form-input-type.enum-3da3db27.js';
|
|
18
|
-
import { a as FormInputValidation } from './form-input-variation.enum-64d9450f.js';
|
|
17
|
+
import './form-validation-message-variation.enum-f7835fc5.js';
|
|
19
18
|
import './form-radiogroup-validation.enum-d790fc66.js';
|
|
20
19
|
import './form-select-variation.enum-f2f6098d.js';
|
|
21
20
|
import './form-textarea-variation.enum-05017e8e.js';
|
|
22
|
-
import './form-validation-message-variation.enum-bcef8a9d.js';
|
|
23
21
|
import './info-card-multi-type.enum-07ee124f.js';
|
|
24
22
|
import './info-card-variation.enum-2ccc52c1.js';
|
|
23
|
+
import './layout-container-max-width.enum-c40018ac.js';
|
|
25
24
|
import './layout-block-variation.enum-b7a20db4.js';
|
|
26
25
|
import './layout-columns-variation.enum-34f7754e.js';
|
|
27
26
|
import './link-button-variation.enum-84d4976f.js';
|
|
28
27
|
import './list-type.enum-fbb331ad.js';
|
|
29
28
|
import './loader-skeleton-variation.enum-f9f867b4.js';
|
|
30
29
|
import './loader-spinner-size.enum-0b246fa0.js';
|
|
30
|
+
import './logo-color.enum-8593dca6.js';
|
|
31
31
|
import './media-figure-alignment.enum-a1d36567.js';
|
|
32
32
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
33
33
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
@@ -2213,6 +2213,8 @@ const CalendarDatepicker = class {
|
|
|
2213
2213
|
this.afCloseOnSelect = false;
|
|
2214
2214
|
this.afOpenCalendarTo = undefined;
|
|
2215
2215
|
this.afErrorMessageIsAlert = true;
|
|
2216
|
+
this.afAnnounceIfOptional = false;
|
|
2217
|
+
this.afAnnounceIfOptionalText = undefined;
|
|
2216
2218
|
}
|
|
2217
2219
|
afDisableValidationChangeHandler(newVal) {
|
|
2218
2220
|
if (!newVal) {
|
|
@@ -2544,9 +2546,9 @@ const CalendarDatepicker = class {
|
|
|
2544
2546
|
return this.afSelectedDates;
|
|
2545
2547
|
}
|
|
2546
2548
|
render() {
|
|
2547
|
-
return (h(Host, { key: '
|
|
2549
|
+
return (h(Host, { key: 'a22b366eece8bdf2a6d66ba7b4561093391ad16d', tabindex: -1 }, h("div", { key: '5ec3557df78bb012f2e10f1852252e78e2470ee3', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, h("div", { key: '1215a13021718ac98ad2a4a7a5bae3c456385124', class: "digi-calendar-datepicker__input-field" }, h("digi-form-input", { key: '8794d312452fe11f0f9052bbdd238e5570ec55f0', ref: (el) => (this._input = el), class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
|
|
2548
2550
|
? FormInputValidation.ERROR
|
|
2549
|
-
: this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
|
|
2551
|
+
: this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, afAnnounceIfOptional: this.afAnnounceIfOptional, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText, onAfOnChange: (evt) => {
|
|
2550
2552
|
evt.stopImmediatePropagation();
|
|
2551
2553
|
this.parseInput(evt);
|
|
2552
2554
|
}, onAfOnBlur: (evt) => {
|
|
@@ -2561,11 +2563,11 @@ const CalendarDatepicker = class {
|
|
|
2561
2563
|
e.preventDefault();
|
|
2562
2564
|
const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
|
|
2563
2565
|
focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
|
|
2564
|
-
} }, h("button", { key: '
|
|
2566
|
+
} }, h("button", { key: 'c953ddf0c99cfd3b892941da7da4a887b342fd78', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
|
|
2565
2567
|
? this.afCloseCalendarAriaLabel
|
|
2566
|
-
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, h("digi-icon-calendar-alt", { key: '
|
|
2568
|
+
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, h("digi-icon-calendar-alt", { key: '46c7387d404b77911b97f31c10e7147bd436c7e3', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), h("div", { key: '91894a4219afa79d913f558f5d1cc6b410b535ce', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, h("p", { key: '989fc17ea7a95aa014a26e09f7db7f59fe53a36b', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
|
|
2567
2569
|
? `${_t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
|
|
2568
|
-
: ''), h("digi-calendar", { key: '
|
|
2570
|
+
: ''), h("digi-calendar", { key: '6e62fb845769eca0a9b8cb21e4a09a5620804d42', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
|
|
2569
2571
|
evt.stopImmediatePropagation();
|
|
2570
2572
|
this.parseCalendar(evt);
|
|
2571
2573
|
}, onKeyDown: (e) => {
|
|
@@ -2576,7 +2578,7 @@ const CalendarDatepicker = class {
|
|
|
2576
2578
|
return;
|
|
2577
2579
|
e.preventDefault();
|
|
2578
2580
|
this.focusOnCalendarInput();
|
|
2579
|
-
} })), this.afCloseOnSelect && !this.afMultipleDates && (h("div", { key: '
|
|
2581
|
+
} })), this.afCloseOnSelect && !this.afMultipleDates && (h("div", { key: 'd9f3eb470b29a0ab96134f1e4666743efacd7448', class: "digi-calendar-datepicker__selected-date-alert", role: this.errorMessageIsAlert ? 'alert' : null }, this.afSelectedDates.length > 0
|
|
2580
2582
|
? `${_t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
|
|
2581
2583
|
: '')))));
|
|
2582
2584
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, h, c as createEvent, H as Host, g as getElement } from './index-148a7577.js';
|
|
2
2
|
import { C as CodeBlockVariation, B as ButtonSize } from './code-example-variation.enum-e656d235.js';
|
|
3
|
-
import { a as CodeBlockLanguage,
|
|
3
|
+
import { a as CodeBlockLanguage, h as FormFieldsetValidation, k as FormRadiobuttonVariation, i as FormRadiobuttonLayout, j as FormRadiobuttonValidation } from './typography-variation.enum-fdda731c.js';
|
|
4
4
|
import { P as Prism } from './prism-git-92a0d5cd.js';
|
|
5
5
|
import './badge-notification-shape.enum-e15a6245.js';
|
|
6
6
|
import './badge-status-variation.enum-8d6370ff.js';
|
|
7
|
-
import './form-input-
|
|
7
|
+
import './form-input-type.enum-a6bba983.js';
|
|
8
8
|
import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
|
|
9
9
|
import './calendar-week-view-heading-level.enum-6774297c.js';
|
|
10
10
|
import './bar-chart-variation.enum-97c0b47f.js';
|
|
@@ -12,22 +12,22 @@ import './code-variation.enum-1eee7c7a.js';
|
|
|
12
12
|
import './expandable-accordion-header-level.enum-85681e2f.js';
|
|
13
13
|
import './expandable-faq-item-variation.enum-a8cb225b.js';
|
|
14
14
|
import './expandable-faq-variation.enum-6934c367.js';
|
|
15
|
+
import './footer-card-variation.enum-cc732148.js';
|
|
15
16
|
import './form-checkbox-variation.enum-83e906fc.js';
|
|
16
|
-
import './form-
|
|
17
|
-
import './form-input-type.enum-3da3db27.js';
|
|
18
|
-
import './form-input-variation.enum-64d9450f.js';
|
|
17
|
+
import './form-validation-message-variation.enum-f7835fc5.js';
|
|
19
18
|
import './form-radiogroup-validation.enum-d790fc66.js';
|
|
20
19
|
import './form-select-variation.enum-f2f6098d.js';
|
|
21
20
|
import './form-textarea-variation.enum-05017e8e.js';
|
|
22
|
-
import './form-validation-message-variation.enum-bcef8a9d.js';
|
|
23
21
|
import './info-card-multi-type.enum-07ee124f.js';
|
|
24
22
|
import './info-card-variation.enum-2ccc52c1.js';
|
|
23
|
+
import './layout-container-max-width.enum-c40018ac.js';
|
|
25
24
|
import './layout-block-variation.enum-b7a20db4.js';
|
|
26
25
|
import './layout-columns-variation.enum-34f7754e.js';
|
|
27
26
|
import './link-button-variation.enum-84d4976f.js';
|
|
28
27
|
import './list-type.enum-fbb331ad.js';
|
|
29
28
|
import './loader-skeleton-variation.enum-f9f867b4.js';
|
|
30
29
|
import './loader-spinner-size.enum-0b246fa0.js';
|
|
30
|
+
import './logo-color.enum-8593dca6.js';
|
|
31
31
|
import './media-figure-alignment.enum-a1d36567.js';
|
|
32
32
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
33
33
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
|
|
2
|
-
import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-
|
|
2
|
+
import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-fdda731c.js';
|
|
3
3
|
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
4
4
|
import './badge-notification-shape.enum-e15a6245.js';
|
|
5
5
|
import './badge-status-variation.enum-8d6370ff.js';
|
|
6
6
|
import { B as ButtonSize } from './code-example-variation.enum-e656d235.js';
|
|
7
|
-
import './form-input-
|
|
7
|
+
import './form-input-type.enum-a6bba983.js';
|
|
8
8
|
import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
|
|
9
9
|
import './calendar-week-view-heading-level.enum-6774297c.js';
|
|
10
10
|
import './bar-chart-variation.enum-97c0b47f.js';
|
|
@@ -12,22 +12,22 @@ import './code-variation.enum-1eee7c7a.js';
|
|
|
12
12
|
import './expandable-accordion-header-level.enum-85681e2f.js';
|
|
13
13
|
import './expandable-faq-item-variation.enum-a8cb225b.js';
|
|
14
14
|
import './expandable-faq-variation.enum-6934c367.js';
|
|
15
|
+
import './footer-card-variation.enum-cc732148.js';
|
|
15
16
|
import './form-checkbox-variation.enum-83e906fc.js';
|
|
16
|
-
import './form-
|
|
17
|
-
import './form-input-type.enum-3da3db27.js';
|
|
18
|
-
import './form-input-variation.enum-64d9450f.js';
|
|
17
|
+
import './form-validation-message-variation.enum-f7835fc5.js';
|
|
19
18
|
import './form-radiogroup-validation.enum-d790fc66.js';
|
|
20
19
|
import './form-select-variation.enum-f2f6098d.js';
|
|
21
20
|
import './form-textarea-variation.enum-05017e8e.js';
|
|
22
|
-
import './form-validation-message-variation.enum-bcef8a9d.js';
|
|
23
21
|
import './info-card-multi-type.enum-07ee124f.js';
|
|
24
22
|
import './info-card-variation.enum-2ccc52c1.js';
|
|
23
|
+
import './layout-container-max-width.enum-c40018ac.js';
|
|
25
24
|
import './layout-block-variation.enum-b7a20db4.js';
|
|
26
25
|
import './layout-columns-variation.enum-34f7754e.js';
|
|
27
26
|
import './link-button-variation.enum-84d4976f.js';
|
|
28
27
|
import './list-type.enum-fbb331ad.js';
|
|
29
28
|
import './loader-skeleton-variation.enum-f9f867b4.js';
|
|
30
29
|
import './loader-spinner-size.enum-0b246fa0.js';
|
|
30
|
+
import './logo-color.enum-8593dca6.js';
|
|
31
31
|
import './media-figure-alignment.enum-a1d36567.js';
|
|
32
32
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
33
33
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-148a7577.js';
|
|
2
|
+
import { F as FooterCardVariation } from './footer-card-variation.enum-cc732148.js';
|
|
3
|
+
|
|
4
|
+
const footerCardCss = ".sc-digi-footer-card-h{--digi--footer-card--text--color:var(--digi--color--text--secondary);--digi--footer-card--border-bottom:solid var(--digi--border-width--primary) var(--digi--color--divider--on-brand-primary);--digi--footer-card--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop)}.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:unset;--LINK-DECORATION:underline;--LINK-DECORATION--HOVER:underline;--LINK-SIZE:inherit;--PADDING-BOTTOM:var(--digi--container-gutter--larger);--MARGIN-BOTTOM:var(--digi--container-gutter--larger);margin-bottom:var(--MARGIN-BOTTOM);padding-bottom:var(--PADDING-BOTTOM);border-bottom:var(--BORDER)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:0;--PADDING-BOTTOM:var(--digi--container-gutter--large)}}.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--BORDER:var(--digi--footer-card--border-bottom);--LINK-SIZE:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--LINK-SIZE:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card--icon.sc-digi-footer-card{--LINK-DECORATION:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h3,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h4,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h5,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h6{color:var(--digi--footer--text--color);margin-top:0}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s p{color:var(--digi--footer--text--color)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a{font-size:var(--LINK-SIZE);color:var(--digi--footer--text--color);font-weight:var(--digi--footer-card--link--font-weight);display:flex;align-items:flex-start;text-decoration:var(--LINK-DECORATION)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a:hover{text-decoration:var(--LINK-DECORATION--HOVER)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a svg{--digi--icon--color:var(--digi--footer-card-text--color);--digi--icon--height:1em;--digi--icon--width:1em;margin-right:var(--digi--gutter--small)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul{padding:0;margin:0;list-style:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li{margin-bottom:var(--digi--gutter--largest-2)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li:last-child{margin-bottom:0}";
|
|
5
|
+
const DigiFooterCardStyle0 = footerCardCss;
|
|
6
|
+
|
|
7
|
+
const FooterFooterCard = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.afType = FooterCardVariation.NONE;
|
|
11
|
+
}
|
|
12
|
+
get cssModifiers() {
|
|
13
|
+
return {
|
|
14
|
+
'digi-footer-card--icon': this.afType == FooterCardVariation.ICON,
|
|
15
|
+
'digi-footer-card--border': this.afType == FooterCardVariation.BORDER
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
render() {
|
|
19
|
+
return (h(Host, { key: 'a15273fc73e9e7e9fc9084dafb28c4bdd211a304' }, h("div", { key: '80d2759e16e78a4018a94b8a83cbabdb7d50ce96', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: 'f305ebb61e11f1e3b6862d02eb8be3dc6ca00e4c', class: "digi-footer-card__content" }, h("slot", { key: '4928d8f14f35856a3adee2d7d8d44f9dffaebd1b' })))));
|
|
20
|
+
}
|
|
21
|
+
get hostElement() { return getElement(this); }
|
|
22
|
+
};
|
|
23
|
+
FooterFooterCard.style = DigiFooterCardStyle0;
|
|
24
|
+
|
|
25
|
+
export { FooterFooterCard as digi_footer_card };
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-148a7577.js';
|
|
2
|
+
import { F as FooterVariation } from './typography-variation.enum-fdda731c.js';
|
|
3
|
+
import './badge-notification-shape.enum-e15a6245.js';
|
|
4
|
+
import './badge-status-variation.enum-8d6370ff.js';
|
|
5
|
+
import './code-example-variation.enum-e656d235.js';
|
|
6
|
+
import './form-input-type.enum-a6bba983.js';
|
|
7
|
+
import './button-variation.enum-94fffdd6.js';
|
|
8
|
+
import './calendar-week-view-heading-level.enum-6774297c.js';
|
|
9
|
+
import './bar-chart-variation.enum-97c0b47f.js';
|
|
10
|
+
import './code-variation.enum-1eee7c7a.js';
|
|
11
|
+
import './expandable-accordion-header-level.enum-85681e2f.js';
|
|
12
|
+
import './expandable-faq-item-variation.enum-a8cb225b.js';
|
|
13
|
+
import './expandable-faq-variation.enum-6934c367.js';
|
|
14
|
+
import './footer-card-variation.enum-cc732148.js';
|
|
15
|
+
import './form-checkbox-variation.enum-83e906fc.js';
|
|
16
|
+
import './form-validation-message-variation.enum-f7835fc5.js';
|
|
17
|
+
import './form-radiogroup-validation.enum-d790fc66.js';
|
|
18
|
+
import './form-select-variation.enum-f2f6098d.js';
|
|
19
|
+
import './form-textarea-variation.enum-05017e8e.js';
|
|
20
|
+
import './info-card-multi-type.enum-07ee124f.js';
|
|
21
|
+
import './info-card-variation.enum-2ccc52c1.js';
|
|
22
|
+
import './layout-container-max-width.enum-c40018ac.js';
|
|
23
|
+
import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
|
|
24
|
+
import './layout-columns-variation.enum-34f7754e.js';
|
|
25
|
+
import './link-button-variation.enum-84d4976f.js';
|
|
26
|
+
import './list-type.enum-fbb331ad.js';
|
|
27
|
+
import './loader-skeleton-variation.enum-f9f867b4.js';
|
|
28
|
+
import './loader-spinner-size.enum-0b246fa0.js';
|
|
29
|
+
import './logo-color.enum-8593dca6.js';
|
|
30
|
+
import './media-figure-alignment.enum-a1d36567.js';
|
|
31
|
+
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
32
|
+
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
33
|
+
import './progress-circle-role.enum-7737a2c6.js';
|
|
34
|
+
import './progress-indicator-variation.enum-b12ba50a.js';
|
|
35
|
+
import './progress-list-item-variation.enum-384b9a3a.js';
|
|
36
|
+
import './progress-list-variation.enum-300bd89d.js';
|
|
37
|
+
import './progressbar-variation.enum-40adaab4.js';
|
|
38
|
+
import './quote-image-inner-position.enum-8e9b1e65.js';
|
|
39
|
+
import './table-variation.enum-dd9366b6.js';
|
|
40
|
+
import './tag-media-icon.enum-fefa191c.js';
|
|
41
|
+
import './tag-size.enum-403e0cd8.js';
|
|
42
|
+
import './tools-feedback-banner-type.enum-74b4e580.js';
|
|
43
|
+
import './tools-feedback-rating-variation.enum-29058ff2.js';
|
|
44
|
+
import './tools-theme-provider.brand.enum-8c5a98c9.js';
|
|
45
|
+
import './typography-heading-jumbo-variation.enum-eb737f1b.js';
|
|
46
|
+
import './typography-meta-variation.enum-1f7c2878.js';
|
|
47
|
+
import './typography-time-variation.enum-34c830ef.js';
|
|
48
|
+
import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
|
|
49
|
+
|
|
50
|
+
const footerCss = ".sc-digi-footer-h {\n --digi--footer--text--color: var(--digi--color--text--secondary);\n --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);\n --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);\n --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);\n --digi--footer--link--color--default: var(--digi--color--text--secondary);\n --digi--footer--link--color--hover: var(--digi--color--text--secondary);\n --digi--footer--link--border-color--default: var(--digi--color--text--secondary);\n --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);\n --digi--footer--padding-top: var(--digi--container-gutter--largest);\n --digi--footer--margin-top: var(--digi--container-gutter--large);\n --digi--footer--logo-vertical-padding: var(--digi--container-gutter--large);\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer {\n --MARGIN-TOP: var(--digi--footer--margin-top);\n color: var(--digi--footer--text--color);\n font-family: var(--digi--footer--text--font-family);\n font-size: var(--digi--footer--text--font-size);\n font-weight: var(--digi--footer--text--font-weight);\n line-height: normal;\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(4, 1fr);\n }\n .sc-digi-footer-h .digi-footer--small.sc-digi-footer-s > [slot^=content-top] > *:first-child, .sc-digi-footer-h .digi-footer--small .sc-digi-footer-s > [slot^=content-top] > *:first-child {\n grid-column: 1/3;\n }\n}\n@container (max-width: 600px) {\n .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(1, 1fr);\n }\n}\n.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer {\n container-type: inline-size;\n padding-top: var(--digi--footer--padding-top);\n}\n.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n padding: var(--digi--footer--padding-top) 0;\n}\n@media (max-width: 61.9375rem) {\n .sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n justify-content: center;\n }\n}\n@container (max-width: 600px) {\n .sc-digi-footer-h .digi-footer__content-bottom {\n justify-content: center;\n }\n}\n.sc-digi-footer-h .sc-digi-footer-s digi-logo {\n --digi--logo--padding--large--wide: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-top] {\n display: grid;\n grid-template-rows: repeat(2, auto);\n column-gap: var(--digi--gutter--largest);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] {\n flex-basis: 100%;\n display: flex;\n justify-content: center;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo {\n padding: var(--digi--footer--logo-vertical-padding) 0;\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] {\n flex-basis: auto;\n }\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo {\n padding: 0;\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n display: flex;\n align-items: flex-end;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: var(--MARGIN-TOP);\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n --MARGIN-TOP: 0;\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n color: var(--digi--footer--text--color);\n padding: var(--digi--gutter--small);\n margin: 0;\n}\n@media (min-width: 61.9375rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n color: var(--digi--footer--link--color--default);\n border-color: var(--digi--footer--link--border-color--default);\n margin: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:visited, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:visited {\n color: var(--digi--footer--link--color--default);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:active, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:active {\n background: transparent;\n color: var(--digi--footer--link--color--hover);\n border-color: var(--digi--footer--link--border-color--hover);\n}";
|
|
51
|
+
const DigiFooterStyle0 = footerCss;
|
|
52
|
+
|
|
53
|
+
const FooterFooter = class {
|
|
54
|
+
constructor(hostRef) {
|
|
55
|
+
registerInstance(this, hostRef);
|
|
56
|
+
this.afVariation = FooterVariation.LARGE;
|
|
57
|
+
}
|
|
58
|
+
get cssModifiers() {
|
|
59
|
+
return {
|
|
60
|
+
'digi-footer--small': this.afVariation == FooterVariation.SMALL
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
render() {
|
|
64
|
+
return (h(Host, { key: '133c1439937cd5c605b46960487caad993847dd3' }, h("footer", { key: '77ad14d88b16d7452ffe5406b0b0bf78c552d3ad', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'd695e51d7fed7bdacd5c2706804287e0cd67e94a' }, h("digi-layout-block", { key: '9dd0f463665ae8402445f2ff8b6ddc8b198836dd', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: 'a8b72e661ee8f878ae6cf5a2d5da65bf1fb4fc7f', "af-no-gutter": true }, h("div", { key: '518a65a77376a7648e0c4298c1fd07c19dc725a4', class: "digi-footer__content-top" }, h("slot", { key: '87b6ba476ca0ef0f1a8c96926da133b0a5d27d3c', name: "content-top" })), h("div", { key: '4c43eec28c77d7dd793031beeb1c1962a7d997eb', class: "digi-footer__content-bottom" }, h("slot", { key: 'a2086ff384d987ae36cdadd758647bd950ff08ca', name: "content-bottom-left" }), h("slot", { key: '9a1147e4665ba559a87c0282412298d0be3a4794', name: "content-bottom-right" }))))))));
|
|
65
|
+
}
|
|
66
|
+
get hostElement() { return getElement(this); }
|
|
67
|
+
};
|
|
68
|
+
FooterFooter.style = DigiFooterStyle0;
|
|
69
|
+
|
|
70
|
+
export { FooterFooter as digi_footer };
|
|
@@ -114,7 +114,7 @@ const FormCheckbox = class {
|
|
|
114
114
|
this.afOnInput.emit(e);
|
|
115
115
|
}
|
|
116
116
|
render() {
|
|
117
|
-
return (h(Host, { key: '
|
|
117
|
+
return (h(Host, { key: 'e8ca1dfe96537dd438a4b6c206adfc7c9fd64d9c', tabindex: -1 }, h("div", { key: '850911b7ffdcea222b12c2c883cf93b63f703b4f', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '923a49d0402e6b3034d3e8e6d43033692695c830', class: "digi-form-checkbox__input", ref: (el) => {
|
|
118
118
|
var _a;
|
|
119
119
|
this._input = el;
|
|
120
120
|
(_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
|
|
@@ -122,7 +122,7 @@ const FormCheckbox = class {
|
|
|
122
122
|
? null
|
|
123
123
|
: `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormCheckboxValidation.ERROR
|
|
124
124
|
? 'true'
|
|
125
|
-
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '
|
|
125
|
+
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: 'dccbd4e83dbc757483a18ac22d1539ef83dfb534', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: '1cbc88be9d74dab3e04472bc9462712377447d4a', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: 'bdab264d9d13520858c581d2664c0d53171a1415', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
|
|
126
126
|
}
|
|
127
127
|
get hostElement() { return getElement(this); }
|
|
128
128
|
static get watchers() { return {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-148a7577.js';
|
|
2
2
|
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
3
|
-
import {
|
|
3
|
+
import { d as FormErrorListHeadingLevel, t as NotificationAlertVariation, x as TypographyVariation } from './typography-variation.enum-fdda731c.js';
|
|
4
4
|
import './badge-notification-shape.enum-e15a6245.js';
|
|
5
5
|
import './badge-status-variation.enum-8d6370ff.js';
|
|
6
6
|
import './code-example-variation.enum-e656d235.js';
|
|
7
|
-
import './form-input-
|
|
7
|
+
import './form-input-type.enum-a6bba983.js';
|
|
8
8
|
import './button-variation.enum-94fffdd6.js';
|
|
9
9
|
import './calendar-week-view-heading-level.enum-6774297c.js';
|
|
10
10
|
import './bar-chart-variation.enum-97c0b47f.js';
|
|
@@ -12,22 +12,22 @@ import './code-variation.enum-1eee7c7a.js';
|
|
|
12
12
|
import './expandable-accordion-header-level.enum-85681e2f.js';
|
|
13
13
|
import './expandable-faq-item-variation.enum-a8cb225b.js';
|
|
14
14
|
import './expandable-faq-variation.enum-6934c367.js';
|
|
15
|
+
import './footer-card-variation.enum-cc732148.js';
|
|
15
16
|
import './form-checkbox-variation.enum-83e906fc.js';
|
|
16
|
-
import './form-
|
|
17
|
-
import './form-input-type.enum-3da3db27.js';
|
|
18
|
-
import './form-input-variation.enum-64d9450f.js';
|
|
17
|
+
import './form-validation-message-variation.enum-f7835fc5.js';
|
|
19
18
|
import './form-radiogroup-validation.enum-d790fc66.js';
|
|
20
19
|
import './form-select-variation.enum-f2f6098d.js';
|
|
21
20
|
import './form-textarea-variation.enum-05017e8e.js';
|
|
22
|
-
import './form-validation-message-variation.enum-bcef8a9d.js';
|
|
23
21
|
import './info-card-multi-type.enum-07ee124f.js';
|
|
24
22
|
import './info-card-variation.enum-2ccc52c1.js';
|
|
23
|
+
import './layout-container-max-width.enum-c40018ac.js';
|
|
25
24
|
import './layout-block-variation.enum-b7a20db4.js';
|
|
26
25
|
import './layout-columns-variation.enum-34f7754e.js';
|
|
27
26
|
import './link-button-variation.enum-84d4976f.js';
|
|
28
27
|
import './list-type.enum-fbb331ad.js';
|
|
29
28
|
import './loader-skeleton-variation.enum-f9f867b4.js';
|
|
30
29
|
import './loader-spinner-size.enum-0b246fa0.js';
|
|
30
|
+
import './logo-color.enum-8593dca6.js';
|
|
31
31
|
import './media-figure-alignment.enum-a1d36567.js';
|
|
32
32
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
33
33
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|
|
@@ -48,6 +48,20 @@ import './typography-meta-variation.enum-1f7c2878.js';
|
|
|
48
48
|
import './typography-time-variation.enum-34c830ef.js';
|
|
49
49
|
import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
|
|
50
50
|
|
|
51
|
+
/**
|
|
52
|
+
* Small utility for adding Stencil component scope to dynamically inserted elements
|
|
53
|
+
* (e.g. svg for title logotypes)
|
|
54
|
+
*/
|
|
55
|
+
function applyStencilScope(host, root) {
|
|
56
|
+
const scopeClasses = [...host.classList].filter(c => c.startsWith('sc-'));
|
|
57
|
+
if (!scopeClasses.length)
|
|
58
|
+
return;
|
|
59
|
+
root.classList.add(...scopeClasses);
|
|
60
|
+
root.querySelectorAll('*').forEach(el => {
|
|
61
|
+
el.classList.add(...scopeClasses);
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
|
|
51
65
|
const formErrorListCss = ".sc-digi-form-error-list-h{--digi--form-error-list--list--padding:var(--digi--gutter--smaller) 0 0 0;--digi--form-error-list--list--margin:0;--digi--form-error-list--item--padding:var(--digi--padding--smaller) 0 0 0;--digi--form-error-list--item--margin:0}.sc-digi-form-error-list-h .digi-form-error-list.sc-digi-form-error-list ul.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--list--padding);margin:var(--digi--form-error-list--list--margin)}.sc-digi-form-error-list-h .digi-form-error-list.sc-digi-form-error-list ul.sc-digi-form-error-list>li.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--item--padding);margin:var(--digi--form-error-list--item--margin)}";
|
|
52
66
|
const DigiFormErrorListStyle0 = formErrorListCss;
|
|
53
67
|
|
|
@@ -70,6 +84,24 @@ const FormErrorList = class {
|
|
|
70
84
|
async afMSetHeadingFocus() {
|
|
71
85
|
this.setHeadingFocus();
|
|
72
86
|
}
|
|
87
|
+
connectedCallback() {
|
|
88
|
+
this.observer = new MutationObserver((mutations) => {
|
|
89
|
+
const hasChildChanges = mutations.some(mutation => mutation.type === 'childList');
|
|
90
|
+
if (hasChildChanges) {
|
|
91
|
+
const hostElement = this.hostElement.querySelector('.digi-form-error-list');
|
|
92
|
+
applyStencilScope(hostElement, hostElement);
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
this.observer.observe(this.hostElement, {
|
|
96
|
+
childList: true,
|
|
97
|
+
subtree: true
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
disconnectedCallback() {
|
|
101
|
+
if (this.observer) {
|
|
102
|
+
this.observer.disconnect();
|
|
103
|
+
}
|
|
104
|
+
}
|
|
73
105
|
componentDidLoad() {
|
|
74
106
|
this.setHeadingFocus();
|
|
75
107
|
this.afOnReady.emit();
|
|
@@ -96,7 +128,7 @@ const FormErrorList = class {
|
|
|
96
128
|
this.afOnClickLink.emit({ id });
|
|
97
129
|
}
|
|
98
130
|
render() {
|
|
99
|
-
return (h("div", { key: '
|
|
131
|
+
return (h("div", { key: '9471a904e95c6304644d884e15aac90d3b0fbad1', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '13a8bf3037570f929f470cc2a531156d552ca53a', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '8e8ef106286f426b0cbcfd904407582e79e8ce24', "af-variation": TypographyVariation.SMALL }, h("p", { key: '51175a8da94efe46a262ce365994aa3c23983f2e', class: "digi-form-error-list__description" }, this.afDescription))), h("slot", { key: 'b9f5287d0e2c0326100a094a48fa5e7ab314b92f' }))));
|
|
100
132
|
}
|
|
101
133
|
get hostElement() { return getElement(this); }
|
|
102
134
|
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-148a7577.js';
|
|
2
2
|
import { _ as _t } from './text-8f88c0f6.js';
|
|
3
3
|
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
4
|
-
import { b as FormFileUploadVariation, a as FormFileUploadValidation, F as FormFileUploadHeadingLevel } from './form-
|
|
4
|
+
import { b as FormFileUploadVariation, a as FormFileUploadValidation, F as FormFileUploadHeadingLevel, c as FormValidationMessageVariation } from './form-validation-message-variation.enum-f7835fc5.js';
|
|
5
5
|
import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
|
|
6
|
-
import { F as FormValidationMessageVariation } from './form-validation-message-variation.enum-bcef8a9d.js';
|
|
7
6
|
|
|
8
7
|
const formFileUploadCss = ".sc-digi-form-file-upload-h {\n --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--width--small: 132px;\n --digi--form-file-upload--width--medium: 304px;\n --digi--form-file-upload--width--large: inherit;\n --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);\n --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);\n container-type: inline-size;\n display: block;\n width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n font-weight: var(--digi--global--typography--font-weight--semibold);\n color: var(--digi--color--text--interactive--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n --WIDTH: var(--digi--form-file-upload--width--small);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--small);\n --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n --WIDTH: var(--digi--form-file-upload--width--medium);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--medium);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n --WIDTH: var(--digi--form-file-upload--width--large);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--large);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n margin-right: 0.5rem;\n animation: animation__rotation 3s infinite linear;\n transform-origin: center;\n --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n animation: none;\n }\n}\n@keyframes animation__rotation {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n margin: 0 0 auto 0.5rem;\n text-align: center;\n white-space: nowrap;\n background: none;\n border: none;\n cursor: pointer;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n color: var(--digi--form-file-upload--button-text--color--default);\n display: flex;\n align-items: center;\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n color: var(--digi--form-file-upload--button-text--color--hover);\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--height: 1.25rem;\n --digi--icon--width: 1.25rem;\n --digi--icon--color: var(--digi--color--text--interactive--primary);\n margin-left: 5px;\n padding: var(--ICON--PADDING);\n padding-right: 0;\n padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--DEFAULT);\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n border-width: var(--BORDER-WIDTH--DEFAULT);\n border-style: var(--BORDER-STYLE--DEFAULT);\n max-width: var(--WIDTH);\n margin: 0;\n display: flex;\n flex-direction: column;\n background-color: var(--COLOR--BACKGROUND--DEFAULT);\n align-items: center;\n padding: var(--PADDING);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--button-block-small);\n position: relative;\n cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--COLOR--BACKGROUND--HOVER);\n opacity: 0.1;\n top: 0;\n left: 0;\n z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n max-width: none;\n padding: 0;\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n max-width: 100%;\n width: 100%;\n box-sizing: border-box;\n background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--medium);\n padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n font-family: var(--digi--form-file-upload--heading--font-family);\n font-size: var(--digi--typography--label--font-size--desktop);\n font-weight: var(--digi--form-file-upload--heading--font-weight);\n color: var(--digi--color--text--primary);\n margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload {\n max-height: 1.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload {\n padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n margin: 0;\n padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n list-style: none;\n margin-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type {\n margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n margin: var(--digi--margin--small) 0;\n margin-bottom: var(--digi--margin--medium);\n width: 100%;\n box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload {\n display: flex;\n min-width: 20%;\n justify-content: flex-end;\n align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n margin: auto var(--digi--margin--small) !important;\n font-weight: var(--digi--form-file-upload--font-weight);\n font-size: var(--digi--typography--body--font-size--desktop);\n white-space: nowrap;\n height: max-content;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload {\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n width: 1.375rem;\n height: 1.375rem;\n display: flex;\n align-self: baseline;\n position: relative;\n top: 4px;\n left: 0px;\n margin-right: 4px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload svg.sc-digi-form-file-upload {\n --digi--icon--height: 16px;\n --digi--icon--width: 16px;\n --digi--icon--color: var(--digi--color--icon--validation--success);\n background-color: var(--digi--color--background--primary);\n border-radius: 50%;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n width: 100%;\n margin: auto 0;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n margin: auto 0 auto var(--digi--margin--small);\n color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 620px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n position: relative;\n display: flex;\n padding: 0;\n margin: 0;\n justify-content: space-between;\n align-items: center;\n overflow-wrap: break-word;\n gap: 32px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n display: flex;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n margin: 0;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n top: -6px;\n left: 24px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n width: 2rem;\n height: 2rem;\n object-fit: cover;\n flex-grow: 0;\n margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n position: relative;\n top: 6px;\n left: 5px;\n margin-right: 1.25rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n top: -7px;\n left: 15px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n width: 100%;\n}\n@container (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n margin-left: 0;\n margin-right: auto;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n color: var(--digi--color--icon--validation--error);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n}\n@container (min-width: 500px) {\n .sc-digi-form-file-upload-h .hidden-desktop {\n display: none !important;\n }\n}\n@container (max-width: 499px) {\n .sc-digi-form-file-upload-h .hidden-mobile {\n display: none !important;\n }\n}";
|
|
9
8
|
const DigiFormFileUploadStyle0 = formFileUploadCss;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-148a7577.js';
|
|
2
2
|
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
3
|
-
import { F as FormInputSearchVariation, B as ButtonType } from './form-input-
|
|
4
|
-
import { a as FormInputType, F as FormInputButtonVariation } from './form-input-type.enum-3da3db27.js';
|
|
3
|
+
import { b as FormInputType, a as FormInputButtonVariation, F as FormInputSearchVariation, B as ButtonType } from './form-input-type.enum-a6bba983.js';
|
|
5
4
|
import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
|
|
6
5
|
import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
|
|
7
6
|
import './detectClosest.util-58a7504f.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-148a7577.js';
|
|
2
|
-
import {
|
|
2
|
+
import { n as FormReceiptVariation, m as FormReceiptType, l as FormReceiptHeadingLevel } from './typography-variation.enum-fdda731c.js';
|
|
3
3
|
import './badge-notification-shape.enum-e15a6245.js';
|
|
4
4
|
import './badge-status-variation.enum-8d6370ff.js';
|
|
5
5
|
import './code-example-variation.enum-e656d235.js';
|
|
6
|
-
import './form-input-
|
|
6
|
+
import './form-input-type.enum-a6bba983.js';
|
|
7
7
|
import './button-variation.enum-94fffdd6.js';
|
|
8
8
|
import './calendar-week-view-heading-level.enum-6774297c.js';
|
|
9
9
|
import './bar-chart-variation.enum-97c0b47f.js';
|
|
@@ -11,22 +11,22 @@ import './code-variation.enum-1eee7c7a.js';
|
|
|
11
11
|
import './expandable-accordion-header-level.enum-85681e2f.js';
|
|
12
12
|
import './expandable-faq-item-variation.enum-a8cb225b.js';
|
|
13
13
|
import './expandable-faq-variation.enum-6934c367.js';
|
|
14
|
+
import './footer-card-variation.enum-cc732148.js';
|
|
14
15
|
import './form-checkbox-variation.enum-83e906fc.js';
|
|
15
|
-
import './form-
|
|
16
|
-
import './form-input-type.enum-3da3db27.js';
|
|
17
|
-
import './form-input-variation.enum-64d9450f.js';
|
|
16
|
+
import './form-validation-message-variation.enum-f7835fc5.js';
|
|
18
17
|
import './form-radiogroup-validation.enum-d790fc66.js';
|
|
19
18
|
import './form-select-variation.enum-f2f6098d.js';
|
|
20
19
|
import './form-textarea-variation.enum-05017e8e.js';
|
|
21
|
-
import './form-validation-message-variation.enum-bcef8a9d.js';
|
|
22
20
|
import './info-card-multi-type.enum-07ee124f.js';
|
|
23
21
|
import './info-card-variation.enum-2ccc52c1.js';
|
|
22
|
+
import './layout-container-max-width.enum-c40018ac.js';
|
|
24
23
|
import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
|
|
25
24
|
import './layout-columns-variation.enum-34f7754e.js';
|
|
26
25
|
import './link-button-variation.enum-84d4976f.js';
|
|
27
26
|
import './list-type.enum-fbb331ad.js';
|
|
28
27
|
import './loader-skeleton-variation.enum-f9f867b4.js';
|
|
29
28
|
import './loader-spinner-size.enum-0b246fa0.js';
|
|
29
|
+
import './logo-color.enum-8593dca6.js';
|
|
30
30
|
import './media-figure-alignment.enum-a1d36567.js';
|
|
31
31
|
import './navigation-sidebar-variation.enum-8fead764.js';
|
|
32
32
|
import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
|