@designsystem-se/af 36.0.1 → 36.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/digi-calendar-datepicker.js +8 -8
- package/components/digi-calendar.js +1 -1
- package/components/digi-code-example.js +1 -1
- package/components/digi-form-checkbox.js +1 -1
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-input-search.js +3 -3
- package/components/digi-form-input.js +1 -1
- package/components/digi-form-radiobutton.js +1 -1
- package/components/digi-form-radiogroup.js +2 -2
- package/components/digi-form-select-filter.js +8 -8
- package/components/digi-form-select.js +1 -1
- package/components/digi-form-textarea.js +3 -3
- package/components/digi-logo.js +1 -1
- package/components/digi-title-logo.js +1 -1
- package/components/{p-ad4aaaaf.js → p-2ac136a0.js} +1 -1
- package/components/{p-fb2fd84c.js → p-44f143ea.js} +8 -8
- package/components/{p-f18dbbea.js → p-5fd00d55.js} +2 -2
- package/components/{p-779eecac.js → p-9466c4e0.js} +4 -4
- package/components/{p-bb0ffb59.js → p-dedeb670.js} +3 -3
- package/components/{p-c236a69d.js → p-f22b488a.js} +2 -2
- package/dist/cjs/digi-button_9.cjs.entry.js +4 -4
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +5 -5
- package/dist/cjs/digi-calendar_2.cjs.entry.js +7 -7
- package/dist/cjs/digi-code-block_3.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-input-search.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-input.cjs.entry.js +3 -3
- package/dist/cjs/digi-form-radiogroup.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +7 -7
- package/dist/cjs/digi-form-textarea.cjs.entry.js +3 -3
- package/dist/cjs/digi-title-logo.cjs.entry.js +1 -1
- package/dist/collection/components/_calendar/calendar/calendar.js +7 -7
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +6 -5
- package/dist/collection/components/_form/form-checkbox/form-checkbox.js +3 -2
- package/dist/collection/components/_form/form-input/form-input.js +4 -3
- package/dist/collection/components/_form/form-input-search/form-input-search.js +3 -2
- package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js +3 -2
- package/dist/collection/components/_form/form-radiogroup/form-radiogroup.js +3 -2
- package/dist/collection/components/_form/form-select/form-select.js +5 -4
- package/dist/collection/components/_form/form-select-filter/form-select-filter.js +8 -7
- package/dist/collection/components/_form/form-textarea/form-textarea.js +4 -3
- package/dist/collection/components/_logo/title-logo/title-logo.js +1 -1
- package/dist/collection/design-tokens/components/_logo.variables.scss +19 -16
- package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +19 -16
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/{p-b6048dc7.entry.js → p-19c30198.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-2b7b69cd.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-011d5a78.entry.js → p-5d3383f9.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-6bd60ab6.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-3d0c3803.entry.js → p-750ff498.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-9dcedec5.entry.js → p-76022084.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-04413bed.entry.js → p-832cbd71.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-67d28f76.entry.js → p-c24aab43.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-43178277.entry.js → p-c8e29e68.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-864542b1.entry.js → p-cc9a96ff.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-98eece1b.entry.js → p-e6b65415.entry.js} +1 -1
- package/dist/esm/digi-button_9.entry.js +4 -4
- package/dist/esm/digi-calendar-datepicker.entry.js +5 -5
- package/dist/esm/digi-calendar_2.entry.js +7 -7
- package/dist/esm/digi-code-block_3.entry.js +2 -2
- package/dist/esm/digi-form-checkbox.entry.js +2 -2
- package/dist/esm/digi-form-input-search.entry.js +2 -2
- package/dist/esm/digi-form-input.entry.js +3 -3
- package/dist/esm/digi-form-radiogroup.entry.js +2 -2
- package/dist/esm/digi-form-select-filter.entry.js +7 -7
- package/dist/esm/digi-form-textarea.entry.js +3 -3
- package/dist/esm/digi-title-logo.entry.js +1 -1
- package/dist/types/components/_calendar/calendar/calendar.d.ts +1 -1
- package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +1 -0
- package/dist/types/components/_form/form-checkbox/form-checkbox.d.ts +1 -0
- package/dist/types/components/_form/form-input/form-input.d.ts +1 -0
- package/dist/types/components/_form/form-input-search/form-input-search.d.ts +1 -0
- package/dist/types/components/_form/form-radiobutton/form-radiobutton.d.ts +1 -0
- package/dist/types/components/_form/form-radiogroup/form-radiogroup.d.ts +1 -0
- package/dist/types/components/_form/form-select/form-select.d.ts +1 -0
- package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +1 -0
- package/dist/types/components/_form/form-textarea/form-textarea.d.ts +1 -0
- package/dist/types/components.d.ts +36 -0
- package/hydrate/index.js +47 -38
- package/hydrate/index.mjs +47 -38
- package/package.json +1 -1
- package/dist/digi-arbetsformedlingen/p-0461e19a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6efa0bd8.entry.js +0 -1
|
@@ -50,10 +50,10 @@ import './p-b0e88537.js';
|
|
|
50
50
|
import './p-cdcaf0eb.js';
|
|
51
51
|
import { r as randomIdGenerator } from './p-ffe5c0e8.js';
|
|
52
52
|
import { d as detectClickOutside } from './p-430607cb.js';
|
|
53
|
-
import { i as isBefore, a as isAfter, d as defineCustomElement$f } from './p-
|
|
54
|
-
import { d as defineCustomElement$e } from './p-
|
|
53
|
+
import { i as isBefore, a as isAfter, d as defineCustomElement$f } from './p-44f143ea.js';
|
|
54
|
+
import { d as defineCustomElement$e } from './p-dedeb670.js';
|
|
55
55
|
import { d as defineCustomElement$d } from './p-956d730b.js';
|
|
56
|
-
import { d as defineCustomElement$c } from './p-
|
|
56
|
+
import { d as defineCustomElement$c } from './p-9466c4e0.js';
|
|
57
57
|
import { d as defineCustomElement$b } from './p-a2df4b05.js';
|
|
58
58
|
import { d as defineCustomElement$a } from './p-cccdff76.js';
|
|
59
59
|
import { d as defineCustomElement$9 } from './p-96a568b6.js';
|
|
@@ -2558,7 +2558,7 @@ const CalendarDatepicker = /*@__PURE__*/ proxyCustomElement(class CalendarDatepi
|
|
|
2558
2558
|
return this.afSelectedDates;
|
|
2559
2559
|
}
|
|
2560
2560
|
render() {
|
|
2561
|
-
return (h(Host, { key: '
|
|
2561
|
+
return (h(Host, { key: 'e6dcf21e94a0cf58081b2cc351291a9489eadcb6', tabindex: -1 }, h("div", { key: '4040e430dd3c55e9ed0a0e6ed5aa69dea906e7c3', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, h("div", { key: '823f9480cb8a77c1e3cecdc1f3982e426ab2e658', class: "digi-calendar-datepicker__input-field" }, h("digi-form-input", { key: '454ca3d0a8d489826891da25bba8d9e0359c1df0', 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()
|
|
2562
2562
|
? FormInputValidation.ERROR
|
|
2563
2563
|
: this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
|
|
2564
2564
|
evt.stopImmediatePropagation();
|
|
@@ -2575,11 +2575,11 @@ const CalendarDatepicker = /*@__PURE__*/ proxyCustomElement(class CalendarDatepi
|
|
|
2575
2575
|
e.preventDefault();
|
|
2576
2576
|
const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
|
|
2577
2577
|
focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
|
|
2578
|
-
} }, h("button", { key: '
|
|
2578
|
+
} }, h("button", { key: '0ea8d3a9092c41f96a0cf24a2cdc4aa764e40bce', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
|
|
2579
2579
|
? this.afCloseCalendarAriaLabel
|
|
2580
|
-
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, h("digi-icon-calendar-alt", { key: '
|
|
2580
|
+
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, h("digi-icon-calendar-alt", { key: '31ceefc7f2be65159840b1ba6d998a71ba0c5543', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), h("div", { key: 'f8105569c6065a353300f87d1eabd88a10227081', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, h("p", { key: 'b7e3556711de8ddb43a17874dada58193341ffcc', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
|
|
2581
2581
|
? `${_t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
|
|
2582
|
-
: ''), h("digi-calendar", { key: '
|
|
2582
|
+
: ''), h("digi-calendar", { key: '55286f75c9ff74bb5f11a5098d06aac6f5120017', 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) => {
|
|
2583
2583
|
evt.stopImmediatePropagation();
|
|
2584
2584
|
this.parseCalendar(evt);
|
|
2585
2585
|
}, onKeyDown: (e) => {
|
|
@@ -2590,7 +2590,7 @@ const CalendarDatepicker = /*@__PURE__*/ proxyCustomElement(class CalendarDatepi
|
|
|
2590
2590
|
return;
|
|
2591
2591
|
e.preventDefault();
|
|
2592
2592
|
this.focusOnCalendarInput();
|
|
2593
|
-
} })), this.afCloseOnSelect && !this.afMultipleDates && (h("div", { key: '
|
|
2593
|
+
} })), this.afCloseOnSelect && !this.afMultipleDates && (h("div", { key: 'f3d56c38d789cb0874ef1510e9ddd3e618255a76', class: "digi-calendar-datepicker__selected-date-alert", role: this.errorMessageIsAlert ? 'alert' : null }, this.afSelectedDates.length > 0
|
|
2594
2594
|
? `${_t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
|
|
2595
2595
|
: '')))));
|
|
2596
2596
|
}
|
|
@@ -6,7 +6,7 @@ import { r as randomIdGenerator } from './p-ffe5c0e8.js';
|
|
|
6
6
|
import { d as defineCustomElement$b } from './p-e8fc33ed.js';
|
|
7
7
|
import { d as defineCustomElement$a } from './p-62a0008b.js';
|
|
8
8
|
import { d as defineCustomElement$9 } from './p-5a494103.js';
|
|
9
|
-
import { d as defineCustomElement$8 } from './p-
|
|
9
|
+
import { d as defineCustomElement$8 } from './p-5fd00d55.js';
|
|
10
10
|
import { d as defineCustomElement$7 } from './p-a2df4b05.js';
|
|
11
11
|
import { d as defineCustomElement$6 } from './p-2484471b.js';
|
|
12
12
|
import { d as defineCustomElement$5 } from './p-81e7adc1.js';
|
|
@@ -5,7 +5,7 @@ import { d as detectClickOutside } from './p-430607cb.js';
|
|
|
5
5
|
import { d as detectFocusOutside } from './p-ee33960b.js';
|
|
6
6
|
import { _ as _t } from './p-903a27d9.js';
|
|
7
7
|
import { d as defineCustomElement$4 } from './p-e8fc33ed.js';
|
|
8
|
-
import { d as defineCustomElement$3 } from './p-
|
|
8
|
+
import { d as defineCustomElement$3 } from './p-f22b488a.js';
|
|
9
9
|
import { d as defineCustomElement$2 } from './p-2484471b.js';
|
|
10
10
|
|
|
11
11
|
const formFilterCss = ".sc-digi-form-filter-h{--digi--form-filter--footer--background:var(--digi--color--background--secondary-accent);--digi--form-filter--scroll--max-height:18.75rem;--digi--form-filter--scroll--max-height--large:23.4275rem;--digi--form-filter--scroll--padding:var(--digi--padding--small);--digi--form-filter--reset-button--margin-left:var(--digi--padding--small);--digi--form-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);--digi--form-filter--list--margin:0;--digi--form-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-filter--dropdown--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--form-filter--dropdown--border-radius:var(--digi--border--radius--primary);--digi--form-filter--dropdown--background:var(--digi--color--background--primary);--digi--form-filter--dropdown--min-width:18.75rem;--digi--form-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-filter--dropdown--z-index:999;--digi--form-filter--toggle-button-indicator--color--default:transparent;--digi--form-filter--toggle-button-indicator--color--active:var(--digi--color--marking--indication--primary);--digi--form-filter--toggle-button-indicator--width:0.625rem;--digi--form-filter--toggle-button-indicator--height:0.625rem;--digi--form-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-filter--toggle-icon--width:0.875rem;--digi--form-filter--toggle-icon--height:0.875rem;--digi--form-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop)}.sc-digi-form-filter-h .digi-form-filter.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--default);--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height);position:relative}.sc-digi-form-filter-h .digi-form-filter--open.sc-digi-form-filter .digi-form-filter__toggle-icon.sc-digi-form-filter{transform:rotate(-180deg)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter{transition:var(--digi--form-filter--toggle-icon--transition)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter-s>[slot^=icon],.sc-digi-form-filter-h .digi-form-filter__toggle-icon .sc-digi-form-filter-s>[slot^=icon]{--digi--icon--width:var(--digi--form-filter--toggle-icon--width);--digi--icon--height:var(--digi--form-filter--toggle-icon--height)}.sc-digi-form-filter-h .digi-form-filter__legend.sc-digi-form-filter{font-weight:var(--digi--form-filter--legend--font-weight);font-family:var(--digi--form-filter--legend--font-family);font-size:var(--digi--form-filter--legend--font-size)}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto;padding:var(--digi--form-filter--scroll--padding);overflow-x:hidden}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height--large)}}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter fieldset.sc-digi-form-filter{border:none}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter legend.sc-digi-form-filter{width:100%;border-bottom:var(--digi--form-filter--legend__border-bottom);padding-bottom:0.25rem}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter .legend-hidden.sc-digi-form-filter{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-filter-h .digi-form-filter__footer.sc-digi-form-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-filter--footer--background);padding:var(--digi--form-filter--scroll--padding)}.sc-digi-form-filter-h .digi-form-filter__reset-button.sc-digi-form-filter{display:inline-block;margin-left:var(--digi--form-filter--reset-button--margin-left)}.sc-digi-form-filter-h .digi-form-filter__dropdown.sc-digi-form-filter{min-width:var(--digi--form-filter--dropdown--min-width);position:absolute;z-index:var(--digi--form-filter--dropdown--z-index);background:var(--digi--form-filter--dropdown--background);border-radius:var(--digi--form-filter--dropdown--border-radius);box-shadow:var(--digi--form-filter--dropdown--box-shadow);overflow:hidden;margin-top:var(--digi--form-filter--dropdown--margin-top)}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__dropdown--right.sc-digi-form-filter{right:0}}.sc-digi-form-filter-h .digi-form-filter__dropdown--hidden.sc-digi-form-filter{display:none}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator.sc-digi-form-filter:before{content:\"\";width:var(--digi--form-filter--toggle-button-indicator--width);height:var(--digi--form-filter--toggle-button-indicator--height);background:var(--INDICATOR--BACKGROUND);display:inline-block;margin-right:var(--digi--form-filter--toggle-button-indicator--margin-right);border-radius:50% 50%;overflow:hidden;margin-left:var(--digi--form-filter--toggle-button-indicator--margin-left)}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator--active.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--active)}.sc-digi-form-filter-h .digi-form-filter__list.sc-digi-form-filter{margin:var(--digi--form-filter--list--margin);padding:var(--digi--form-filter--list--padding)}.sc-digi-form-filter-h .digi-form-filter__item.sc-digi-form-filter{display:block}.sc-digi-form-filter-h .digi-form-filter__toggle-button-text.sc-digi-form-filter{margin-right:var(--digi--form-filter--toggle-button--text--margin-right)}";
|
|
@@ -6,7 +6,7 @@ import { a as ButtonType } from './p-f518a4cf.js';
|
|
|
6
6
|
import { d as detectClickOutside } from './p-430607cb.js';
|
|
7
7
|
import { d as detectFocusOutside } from './p-ee33960b.js';
|
|
8
8
|
import { d as defineCustomElement$9 } from './p-e8fc33ed.js';
|
|
9
|
-
import { d as defineCustomElement$8 } from './p-
|
|
9
|
+
import { d as defineCustomElement$8 } from './p-dedeb670.js';
|
|
10
10
|
import { d as defineCustomElement$7 } from './p-956d730b.js';
|
|
11
11
|
import { d as defineCustomElement$6 } from './p-a2df4b05.js';
|
|
12
12
|
import { d as defineCustomElement$5 } from './p-05bd223f.js';
|
|
@@ -139,10 +139,10 @@ const FormInputSearch = /*@__PURE__*/ proxyCustomElement(class FormInputSearch e
|
|
|
139
139
|
};
|
|
140
140
|
}
|
|
141
141
|
render() {
|
|
142
|
-
return (h(Host, { key: '
|
|
142
|
+
return (h(Host, { key: '5502afd53a378b67ffaed787a84ffd0e154c6a75', tabindex: -1 }, h("div", { key: '9d76ceba2e057efe2029cb600ce43e3e2d39ebfb', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'fbee883f2df35b697093aa7fcdd134704583b350', class: {
|
|
143
143
|
'digi-form-input-search__input': true,
|
|
144
144
|
'digi-form-input-search__input--no-button': this.afHideButton
|
|
145
|
-
}, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '
|
|
145
|
+
}, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '45ca4cd2086bf49f53781bd11919ea8cbee9d9fa', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '1860c4ec6f386c16552d959c0b8091e4e88060cb', slot: "icon" }), this.afButtonText))))));
|
|
146
146
|
}
|
|
147
147
|
get hostElement() { return this; }
|
|
148
148
|
static get watchers() { return {
|
|
@@ -67,9 +67,9 @@ const FormRadiogroup = /*@__PURE__*/ proxyCustomElement(class FormRadiogroup ext
|
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
69
|
render() {
|
|
70
|
-
return (h(Host, { key: '
|
|
70
|
+
return (h(Host, { key: '0b03e0ccdc03d2f06466f9a2527f68b937637e6f', tabindex: -1 }, h("div", { key: '02b0862fc0645ba6c5b12480279078d0b796f5ef', id: this.afId, class: {
|
|
71
71
|
'digi-form-radiogroup': true
|
|
72
|
-
} }, h("digi-util-mutation-observer", { key: '
|
|
72
|
+
} }, h("digi-util-mutation-observer", { key: 'ed9e1a034e5d5221c4c004e12db780077277876e', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: '5572449dc6ad235472c92e8524d26688d56e1b10' }))), h("div", { key: 'b0696ddf7c218434fded2380f41bca17e407a797', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-text` }, this.afValidation != FormRadiogroupValidation.NEUTRAL && (h("digi-form-validation-message", { key: '63cde6f36e3064bd421c7d162e72ab414f5584cf', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
|
|
73
73
|
}
|
|
74
74
|
get hostElement() { return this; }
|
|
75
75
|
static get watchers() { return {
|
|
@@ -53,7 +53,7 @@ import './p-a6ca40fc.js';
|
|
|
53
53
|
import './p-b0e88537.js';
|
|
54
54
|
import './p-cdcaf0eb.js';
|
|
55
55
|
import { d as defineCustomElement$b } from './p-e8fc33ed.js';
|
|
56
|
-
import { d as defineCustomElement$a } from './p-
|
|
56
|
+
import { d as defineCustomElement$a } from './p-dedeb670.js';
|
|
57
57
|
import { d as defineCustomElement$9 } from './p-956d730b.js';
|
|
58
58
|
import { d as defineCustomElement$8 } from './p-a2df4b05.js';
|
|
59
59
|
import { d as defineCustomElement$7 } from './p-6ce9fb68.js';
|
|
@@ -519,15 +519,15 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
|
|
|
519
519
|
} }, h("slot", { name: "empty-search-result" })))));
|
|
520
520
|
}
|
|
521
521
|
render() {
|
|
522
|
-
return (h(Host, { key: '
|
|
522
|
+
return (h(Host, { key: '232ad0fdb8164fb6ed04d1d2fdcdc778a197ae43', tabindex: -1 }, h("div", { key: 'bd384c56a99f54deef5cb2e325bae1e65c53696c', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: 'af3ad60e123ffe072af3590230975d6cb4b08db9', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: '06cb88227494648eb5e9861022830562b20fbbb2', onAfOnEsc: () => this.escHandler() }, h("button", { key: '8f829b158f487b9b671066f18b6948d24bd7724c', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-describedby": `${this.afFilterButtonAriaDescribedby} ${this.afId}--validation-message`, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '6b28930875126efeea6e011d17567b2de4bf7635', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: 'afde185a6027a96c0fd75a80bfbf9a462839cd32', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '8b846d513be35ffec07b6f1073b24c4fad8b09d0', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '795ac4c5d2cf7e7ddff801cc8224215b8c0f4492', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '1952bcb6c880cc79263c348067c8e76ee4b2c54d', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
|
|
523
523
|
'digi-form-select-filter__dropdown': true,
|
|
524
524
|
'digi-form-select-filter__dropdown--right': this.afAlignRight,
|
|
525
525
|
'digi-form-select-filter__dropdown--hidden': !this.isOpen
|
|
526
|
-
} }, h("fieldset", { key: '
|
|
526
|
+
} }, h("fieldset", { key: '67c787d57885455dc6018b14ee77c5cf8f889269' }, h("div", { key: 'f04990f47e0c842447503c0c669fad9f075e1800', class: "digi-form-select-filter__header" }, h("legend", { key: 'a555f7e77fd3fc35badec8261676746ad0d07a96', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'dbbe1895e3f36e9103429510bdaa669839c1509b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
|
|
527
527
|
this.focusListItemIndex = 0;
|
|
528
528
|
}, onAfOnKeyup: (e) => {
|
|
529
529
|
this.inputSearchKeyboardHandler(e.detail);
|
|
530
|
-
}, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '
|
|
530
|
+
}, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '7a1b963b624783f76d6b938aef4b54b5539a8b19', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '210bdb0e2937132b68378a770edfb6c93e7b831e', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: 'bdf8431ce2a39cdb9c23c8419eb12518ca20e3dd', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
|
|
531
531
|
? 'false'
|
|
532
532
|
: this.afValidation ===
|
|
533
533
|
FormSelectFilterValidation.ERROR
|
|
@@ -536,11 +536,11 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
|
|
|
536
536
|
? false
|
|
537
537
|
: this.afRequired
|
|
538
538
|
? 'true'
|
|
539
|
-
: 'false' }, this.showNeutralValue && (h("li", { key: '
|
|
539
|
+
: 'false' }, this.showNeutralValue && (h("li", { key: '4d97c4be7a31dbe830181eefc37929b3bb2f9234', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
|
|
540
540
|
? 'false'
|
|
541
541
|
: this.afRequired
|
|
542
542
|
? 'true'
|
|
543
|
-
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '
|
|
543
|
+
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: 'c1af26327f9bab4456a3770698cb08e8f0b0be95', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
|
|
544
544
|
this._filteredResult.map((item, index) => {
|
|
545
545
|
return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
|
|
546
546
|
? 'false'
|
|
@@ -556,9 +556,9 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
|
|
|
556
556
|
: index === 0
|
|
557
557
|
? 0
|
|
558
558
|
: -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
|
|
559
|
-
}))))), this.afMultipleItems && (h("div", { key: '
|
|
559
|
+
}))))), this.afMultipleItems && (h("div", { key: 'e9617bc3097f670582c1ad9fe9dcc3cdd5a56f5b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'b4899966b541b5d67a32f07a01631509075a7106', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: '5662e817b03fb9d04b5a01d726863dca84e23f88', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: 'bc7cb5ef64aa7a5f0e3ce29f416fa9995ef2f7c8', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
|
|
560
560
|
this.setClosed(true);
|
|
561
|
-
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '
|
|
561
|
+
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '724a4171df75af688ddc34312db71d8c0ddc882e', class: "digi-form-select__footer" }, h("div", { key: 'e6e83f72fa04ff87cc30868dc7b125ad1289e6f2', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'ed8426f025854a09aa445734e239dae8574daec4', "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
562
562
|
}
|
|
563
563
|
get hostElement() { return this; }
|
|
564
564
|
static get watchers() { return {
|
|
@@ -131,10 +131,10 @@ const FormTextarea = /*@__PURE__*/ proxyCustomElement(class FormTextarea extends
|
|
|
131
131
|
this.afOnInput.emit(e);
|
|
132
132
|
}
|
|
133
133
|
render() {
|
|
134
|
-
return (h(Host, { key: '
|
|
134
|
+
return (h(Host, { key: '8fc80d345a10b05e22b3dcd5adb63449d50b07e1', tabindex: -1 }, h("div", { key: '049576151b60c94d55711e696af1262ac6701f34', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: 'a18d782506a20eb687bd8792a3fb0da3db159d4f', class: "digi-form-textarea__label" }, h("digi-form-label", { key: '1574be92b63e16034a5690a9d217da8e63ca7470', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: 'c3258fb29058a14abae464e8e7f22074675e0115', class: "digi-form-textarea__content" }, h("textarea", { key: '5273fb0ea8d7c1345bfc37df0214f1ceb497f2ae', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": `${this.afAriaDescribedby} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormTextareaValidation.ERROR
|
|
135
135
|
? 'true'
|
|
136
|
-
: 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), h("div", { key: '
|
|
137
|
-
this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: '
|
|
136
|
+
: 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), h("div", { key: '38ade9720142b05d65248291749635e061681bad', class: "digi-form-textarea__footer" }, h("div", { key: 'fbe8041652cc9c1bc72bffc98582c5312b9c020b', class: "digi-form-textarea__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
|
|
137
|
+
this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'baea13a3e9d6c7a762cce0f0296ee0dcb267ff9f', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
138
138
|
}
|
|
139
139
|
get hostElement() { return this; }
|
|
140
140
|
static get watchers() { return {
|
package/components/digi-logo.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
|
|
2
2
|
import { L as LogoColor, o as LogoVariation } from './p-5a256d98.js';
|
|
3
3
|
import { r as randomIdGenerator } from './p-ffe5c0e8.js';
|
|
4
|
-
import { d as defineCustomElement$3 } from './p-
|
|
4
|
+
import { d as defineCustomElement$3 } from './p-2ac136a0.js';
|
|
5
5
|
import { d as defineCustomElement$2 } from './p-78e97002.js';
|
|
6
6
|
|
|
7
7
|
const logoCss = ".sc-digi-logo-h{--digi--logo--img--min-width:16rem;--digi--logo--img--max-width:18.25rem;--digi--logo--img--max-width--large:23rem;--digi--logo--img--max-width--system:2.75rem;--digi--logo--padding:1.375rem;--digi--logo--padding--wide:var(--digi--gutter--larger);--digi--logo--padding--large:var(--digi--gutter--medium);--digi--logo--padding--large--wide:var(--digi--gutter--larger);--digi--logo--logotype-color:var(--digi--color--logotype-color);--digi--logo--color--primary:var(--digi--color--text--interactive--brand-primary);--digi--logo--color--secondary:var(--digi--color--text--secondary);--digi--logo--color--border--primary:var(--digi--color--text--primary);--digi--logo--color--border--secondary:var(--digi--color--text--secondary)}.sc-digi-logo-h .digi-logo.sc-digi-logo{display:flex;align-items:center;padding-top:var(--digi--logo--padding);padding-right:var(--digi--logo--padding);padding-bottom:var(--digi--logo--padding);padding-left:0}.sc-digi-logo-h .digi-logo.sc-digi-logo .main-symbol.sc-digi-logo{fill:var(--digi--logo--logotype-color)}.sc-digi-logo-h .digi-logo__img.sc-digi-logo{display:flex}.sc-digi-logo-h .digi-logo.sc-digi-logo svg.sc-digi-logo{fill:var(--COLOR);width:100%;height:auto;max-width:var(--digi--logo--img--max-width)}.sc-digi-logo-h .digi-logo--primary.sc-digi-logo{--COLOR:var(--digi--logo--color--primary)}.sc-digi-logo-h .digi-logo--secondary.sc-digi-logo{--COLOR:var(--digi--logo--color--secondary)}.sc-digi-logo-h .digi-logo--only-symbol.sc-digi-logo .digi-logo__img.sc-digi-logo{flex-shrink:0}.sc-digi-logo-h .digi-logo--full-logo.sc-digi-logo svg.sc-digi-logo{min-width:var(--digi--logo--img--min-width)}@media (min-width: 61.9375rem){.sc-digi-logo-h .digi-logo.sc-digi-logo svg.sc-digi-logo{--digi--logo--img--max-width:var(--digi--logo--img--max-width--large)}}";
|
|
@@ -121,7 +121,7 @@ const TitleLogo = /*@__PURE__*/ proxyCustomElement(class TitleLogo extends H {
|
|
|
121
121
|
};
|
|
122
122
|
}
|
|
123
123
|
render() {
|
|
124
|
-
return (h("div", { key: 'f2d92667466100ff385d2918a8396c95d32cb22c', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: 'd0a0692c5386725c0ce2fca5c4a6913b8710fa1c', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("div", { key: 'a0a36fd875d4fc2d6874f53ae49ac2e9f17e273f', class: "digi-title-logo-symbol" }, h("svg", { key: '
|
|
124
|
+
return (h("div", { key: 'f2d92667466100ff385d2918a8396c95d32cb22c', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: 'd0a0692c5386725c0ce2fca5c4a6913b8710fa1c', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("div", { key: 'a0a36fd875d4fc2d6874f53ae49ac2e9f17e273f', class: "digi-title-logo-symbol" }, h("svg", { key: '489404f99e4b411bd66cc274b60a7fc83bffa126', height: "44px", width: "44px", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, h("path", { key: '78e7bcc761c014a83be23fa3845b1564e1f89bcc', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z", class: "main-symbol" }))), h("div", { key: '46a1b7b8fd35718591d29093da200d1f79fab483', class: "digi-title-logo-name-wrapper" }, h("slot", { key: 'ec09ce755fcb0bf00045c947199c7c9cda9de689', name: "logo-one-row" }), h("slot", { key: '27eca2b9520cee673f0042d729c4d20a31406a72', name: "logo-two-rows" }))));
|
|
125
125
|
}
|
|
126
126
|
get hostElement() { return this; }
|
|
127
127
|
static get style() { return DigiTitleLogoStyle0; }
|
|
@@ -5,7 +5,7 @@ import { d as detectFocusOutside } from './p-ee33960b.js';
|
|
|
5
5
|
import { l as logger } from './p-e3d2e899.js';
|
|
6
6
|
import { _ as _t } from './p-903a27d9.js';
|
|
7
7
|
import { d as defineCustomElement$b } from './p-956d730b.js';
|
|
8
|
-
import { d as defineCustomElement$a } from './p-
|
|
8
|
+
import { d as defineCustomElement$a } from './p-9466c4e0.js';
|
|
9
9
|
import { d as defineCustomElement$9 } from './p-a2df4b05.js';
|
|
10
10
|
import { d as defineCustomElement$8 } from './p-96a568b6.js';
|
|
11
11
|
import { d as defineCustomElement$7 } from './p-69a76a60.js';
|
|
@@ -466,18 +466,18 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
|
|
|
466
466
|
};
|
|
467
467
|
}
|
|
468
468
|
render() {
|
|
469
|
-
return (h("div", { key: '
|
|
469
|
+
return (h("div", { key: '1077a770af823d9e0c0f59cdc6f1fef2a49d761a', class: {
|
|
470
470
|
'digi-calendar': true,
|
|
471
471
|
'digi-calendar--hide': !this.afActive
|
|
472
|
-
}, id: `${this.afId}-calendar` }, this.afYearSelect && (h("div", { key: '
|
|
472
|
+
}, id: `${this.afId}-calendar` }, this.afYearSelect && (h("div", { key: 'cd7dfa8e20efd08afa590cd4e177ddb4c41455d8', class: "digi-calendar__header" }, h("div", { key: 'd1e6e956713de7fe417253be0fc1ec3aea9748b0', class: "digi-calendar__header--year-select" }, h("digi-form-select", { key: 'cf34feec9ed25e0251effe86b3ce393918a32eda', afLabel: _t.calendar.month, "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
|
|
473
473
|
this.selectMonth(evt);
|
|
474
474
|
} }, _t.calendar.months.map((month, index) => {
|
|
475
475
|
return h("option", { value: index }, month);
|
|
476
|
-
})), h("digi-form-select", { key: '
|
|
476
|
+
})), h("digi-form-select", { key: 'ddcd90917d6dba315f8018c4311c852f3471d3c0', afLabel: _t.calendar.year, "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
|
|
477
477
|
this.selectYear(evt);
|
|
478
|
-
} }, this.allSelectableYears().map((year) => (h("option", { value: year.toString() }, year))))))), !this.afYearSelect && (h("div", { key: '
|
|
479
|
-
', ' + _t.calendar.previousMonth, onClick: () => this.subtractMonth() }, h("digi-icon-chevron-left", { key: '
|
|
480
|
-
', ' + _t.calendar.nextMonth, onClick: () => this.addMonth() }, h("span", { key: '
|
|
478
|
+
} }, this.allSelectableYears().map((year) => (h("option", { value: year.toString() }, year))))))), !this.afYearSelect && (h("div", { key: '814648caa21619240a5904a809c95024398e9741', class: "digi-calendar__header" }, h("div", { key: 'd3dc54a4d0172d503bff66e5171846f433755c4b', class: "digi-calendar__header--month-step" }, h("button", { key: '7725160aab267e5cdd70618613b2f485d5b7dd7f', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() - 1) +
|
|
479
|
+
', ' + _t.calendar.previousMonth, onClick: () => this.subtractMonth() }, h("digi-icon-chevron-left", { key: 'e8d1dc80011cb7e79ce6af893df2fd4601d92c74', slot: "icon", "aria-hidden": "true" }), h("span", { key: 'ae56dadf565d819f8e89804596dbe38119fb592e', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() - 1))), h("div", { key: '257ac7d346e084390aba658eb7329cab913e3463', class: "digi-calendar__month" }, this.getFullMonthName(this.focusedDate.getMonth())), h("button", { key: '0c483763c0420f1c172c78364d2ce931ffcd116d', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() + 1) +
|
|
480
|
+
', ' + _t.calendar.nextMonth, onClick: () => this.addMonth() }, h("span", { key: 'de4617285a713bd9baa375a99f81bb027768c947', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() + 1)), h("digi-icon-chevron-right", { key: '8d6252fcdd7a035ce8fe4e6f4cb468ce7935aeba', slot: "icon", "aria-hidden": "true" }))))), h("digi-util-keydown-handler", { key: '5080246278db71745444dcd40d0722a64e8c80b5', onAfOnDown: (e) => this.navigateHandler(e, 7), onAfOnUp: (e) => this.navigateHandler(e, -7), onAfOnLeft: (e) => this.navigateHandler(e, -1), onAfOnRight: (e) => this.navigateHandler(e, 1) }, h("table", { key: '9052f9c8135d95110f927c6a5a949fbd63daec7a', role: "grid", class: "digi-calendar__table" }, h("thead", { key: '428467866c49e65d348db796a006611542aabc02' }, h("tr", { key: '260024069438dadff553bc3391a37bbb533b5d11', role: "row" }, this.afShowWeekNumber && (h("th", { key: '2c22102011ade9125e61416ac78eaed16dec2e26', role: "columnheader", abbr: _t.calendar.week, class: "digi-calendar__table-header-week" }, _t.calendar.week.toLowerCase())), Object.keys(_t.calendar.weekdays).map((day) => (h("th", { role: "columnheader", "aria-label": _t.calendar.weekdays[day], abbr: _t.calendar.weekdays[day], class: "digi-calendar__table-header" }, _t.calendar.weekdays_short[day].toLowerCase()))))), h("tbody", { key: 'cbe3d290919c35ad27799c17e6b6236557dbe126', ref: (el) => (this._tbody = el) }, this.activeCalendar.map((week) => {
|
|
481
481
|
return (h("tr", null, week.map((day, i) => {
|
|
482
482
|
if (this.afShowWeekNumber && i === 0) {
|
|
483
483
|
return (h("th", { role: "rowheader", "aria-label": _t.calendar.week + ' ' + day, class: "digi-calendar__td-week digi-calendar__date--week-number", id: 'digi-calendar__week-' + day }, day));
|
|
@@ -492,7 +492,7 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
|
|
|
492
492
|
: null }, h("span", { "aria-hidden": "true" }, day.getDate()))));
|
|
493
493
|
}
|
|
494
494
|
})));
|
|
495
|
-
})))), h("slot", { key: '
|
|
495
|
+
})))), h("slot", { key: 'e97e8147fc91a3b401665eeeb8db6be7036f678b', name: "calendar-footer" })));
|
|
496
496
|
}
|
|
497
497
|
static get watchers() { return {
|
|
498
498
|
"focusedDate": ["focusedDateChanged"],
|
|
@@ -92,9 +92,9 @@ const FormRadiobutton = /*@__PURE__*/ proxyCustomElement(class FormRadiobutton e
|
|
|
92
92
|
this.afOnInput.emit(e);
|
|
93
93
|
}
|
|
94
94
|
render() {
|
|
95
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: 'c219f20c710f23829a44887396b31f03860b5071', tabindex: -1 }, h("div", { key: '8a79373d73a6a2285694738d15e735dffa06f058', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: 'eaf8472603390c55b3857f1918094494b0ff38f9', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
|
|
96
96
|
? 'true'
|
|
97
|
-
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '
|
|
97
|
+
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: 'f3049d0f425c3f756f6e157a0a9f243541dbd468', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '3114e3bc85e870e916dd642a448bd4016e7b648e', class: "digi-form-radiobutton__circle" }), this.afLabel))));
|
|
98
98
|
}
|
|
99
99
|
get hostElement() { return this; }
|
|
100
100
|
static get watchers() { return {
|
|
@@ -144,17 +144,17 @@ const FormSelect = /*@__PURE__*/ proxyCustomElement(class FormSelect extends H {
|
|
|
144
144
|
: false;
|
|
145
145
|
}
|
|
146
146
|
render() {
|
|
147
|
-
return (h(Host, { key: '
|
|
147
|
+
return (h(Host, { key: 'd0422f1a779704cd2e9192f81199c58738c6f4db', tabindex: -1 }, h("div", { key: 'f6a49628a7d5d3d2d633e816aaf260242478fc4c', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: '755b1b576bb8847570426d982d1a3445fb44edff', class: "digi-form-select__label-group" }, h("digi-form-label", { key: 'eda13cccb65792193b318bf9c21bd0b52384dbc5', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '0ae5338fd5aa2b7fffe60935ddae9fec0cbaf379', class: "digi-form-select__select-wrapper" }, h("select", { key: 'bd758e92e3fb977be5bad8530062d9b5c71f7e11', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
|
|
148
148
|
? 'true'
|
|
149
|
-
: 'false', "aria-describedby": `${this.afId}--validation-message`, ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (h("option", { key: '
|
|
149
|
+
: 'false', "aria-describedby": `${this.afId}--validation-message`, ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (h("option", { key: '85d60c1b04d3a48773d7a25e79d6e6896abc4334', class: {
|
|
150
150
|
'digi-form-select__select-option': true,
|
|
151
151
|
'digi-form-select__select-option--initial-value': true
|
|
152
152
|
}, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index) => {
|
|
153
153
|
return (h("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
|
|
154
|
-
})), h("digi-icon-input-select-marker", { key: '
|
|
154
|
+
})), h("digi-icon-input-select-marker", { key: 'e9ab4ef12562679223aaa7f60e20936d2a1e078e', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '188b27eb0a27f9bb81eb8211e67df8d8c54b7485', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
|
|
155
155
|
e.stopImmediatePropagation();
|
|
156
156
|
this.getOptions();
|
|
157
|
-
} }, h("slot", { key: '
|
|
157
|
+
} }, h("slot", { key: '70b2eeb015a08bfc2379f30eb4cf7e6281066d56' })), h("div", { key: 'd8aa1c5d5de3e847136d29b14a236d6cf73ecad4', class: "digi-form-select__footer" }, h("div", { key: '27f8450662d599b55aa22a3a82f268de8ecd7cbc', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'e7f512be5ea01c8bb2c6a1e20bacafd43acf2770', "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
158
158
|
}
|
|
159
159
|
get hostElement() { return this; }
|
|
160
160
|
static get watchers() { return {
|
|
@@ -176,12 +176,12 @@ const FormInput = /*@__PURE__*/ proxyCustomElement(class FormInput extends H {
|
|
|
176
176
|
this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
|
|
177
177
|
}
|
|
178
178
|
render() {
|
|
179
|
-
return (h(Host, { key: '
|
|
179
|
+
return (h(Host, { key: 'bd32d602a4fa625394c8bcf3b7a8916092c91aae', tabindex: -1 }, h("div", { key: '25ded0f93bd3078bec0aab16242c960487fd657f', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '0fa8b13f155a3acd0bf23691c156f34e8a0aa214', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '4b001af998878a6dadbaada1e56d4ef64f71da9a', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: 'b0082240f8d3b59ed36ad1d9ed8bec6aab536b54', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": `${this.afAriaDescribedby} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR
|
|
180
180
|
? 'true'
|
|
181
181
|
: 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == FormInputMode.DEFAULT
|
|
182
182
|
? {}
|
|
183
|
-
: { inputmode: this.afInputmode }))), h("slot", { key: '
|
|
184
|
-
this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: '
|
|
183
|
+
: { inputmode: this.afInputmode }))), h("slot", { key: '46eef3d0ba7c02517ef3824410a1c0cfc74baaa7', name: "button" })), h("div", { key: '4024a3bcab31173d947bfe70e9064e31b2a23a8f', class: "digi-form-input__footer" }, h("div", { key: '55455e4bd8de053c35f1ca727b5e41f71f47a295', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
|
|
184
|
+
this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'c8c0c2d8468b09076a513c70e068c956386c64a5', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
185
185
|
}
|
|
186
186
|
get hostElement() { return this; }
|
|
187
187
|
static get watchers() { return {
|
|
@@ -103,7 +103,7 @@ const FormCheckbox = /*@__PURE__*/ proxyCustomElement(class FormCheckbox extends
|
|
|
103
103
|
this.afOnInput.emit(e);
|
|
104
104
|
}
|
|
105
105
|
render() {
|
|
106
|
-
return (h(Host, { key: '
|
|
106
|
+
return (h(Host, { key: '119dd4d2bd465e027f4d5c79f8334b0bb9491048', tabindex: -1 }, h("div", { key: '4bb8e86d4323bfe5f079f3c082bf64b6f7eec750', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '5c780e58b7df31cd9c13563b920b5e06ea74022c', class: "digi-form-checkbox__input", ref: (el) => {
|
|
107
107
|
var _a;
|
|
108
108
|
this._input = el;
|
|
109
109
|
(_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
|
|
@@ -111,7 +111,7 @@ const FormCheckbox = /*@__PURE__*/ proxyCustomElement(class FormCheckbox extends
|
|
|
111
111
|
? null
|
|
112
112
|
: `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormCheckboxValidation.ERROR
|
|
113
113
|
? 'true'
|
|
114
|
-
: '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: '
|
|
114
|
+
: '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: '71599f05c3436521e96f2210606ad3c71f6d341e', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: '6f2ecde62ef62aa8a286aa2e64b1932d1d605e0a', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: '2ca8d8ddfb9578b236712cbb761348fb1c456f18', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
|
|
115
115
|
}
|
|
116
116
|
get hostElement() { return this; }
|
|
117
117
|
static get watchers() { return {
|
|
@@ -326,17 +326,17 @@ const FormSelect = class {
|
|
|
326
326
|
: false;
|
|
327
327
|
}
|
|
328
328
|
render() {
|
|
329
|
-
return (index.h(index.Host, { key: '
|
|
329
|
+
return (index.h(index.Host, { key: 'd0422f1a779704cd2e9192f81199c58738c6f4db', tabindex: -1 }, index.h("div", { key: 'f6a49628a7d5d3d2d633e816aaf260242478fc4c', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, index.h("div", { key: '755b1b576bb8847570426d982d1a3445fb44edff', class: "digi-form-select__label-group" }, index.h("digi-form-label", { key: 'eda13cccb65792193b318bf9c21bd0b52384dbc5', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), index.h("div", { key: '0ae5338fd5aa2b7fffe60935ddae9fec0cbaf379', class: "digi-form-select__select-wrapper" }, index.h("select", { key: 'bd758e92e3fb977be5bad8530062d9b5c71f7e11', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === formSelectVariation_enum.FormSelectValidation.ERROR
|
|
330
330
|
? 'true'
|
|
331
|
-
: 'false', "aria-describedby": `${this.afId}--validation-message`, ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (index.h("option", { key: '
|
|
331
|
+
: 'false', "aria-describedby": `${this.afId}--validation-message`, ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (index.h("option", { key: '85d60c1b04d3a48773d7a25e79d6e6896abc4334', class: {
|
|
332
332
|
'digi-form-select__select-option': true,
|
|
333
333
|
'digi-form-select__select-option--initial-value': true
|
|
334
334
|
}, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index$1) => {
|
|
335
335
|
return (index.h("option", { key: index$1, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
|
|
336
|
-
})), index.h("digi-icon-input-select-marker", { key: '
|
|
336
|
+
})), index.h("digi-icon-input-select-marker", { key: 'e9ab4ef12562679223aaa7f60e20936d2a1e078e', class: "digi-form-select__icon", slot: "icon" })), index.h("digi-util-mutation-observer", { key: '188b27eb0a27f9bb81eb8211e67df8d8c54b7485', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
|
|
337
337
|
e.stopImmediatePropagation();
|
|
338
338
|
this.getOptions();
|
|
339
|
-
} }, index.h("slot", { key: '
|
|
339
|
+
} }, index.h("slot", { key: '70b2eeb015a08bfc2379f30eb4cf7e6281066d56' })), index.h("div", { key: 'd8aa1c5d5de3e847136d29b14a236d6cf73ecad4', class: "digi-form-select__footer" }, index.h("div", { key: '27f8450662d599b55aa22a3a82f268de8ecd7cbc', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'e7f512be5ea01c8bb2c6a1e20bacafd43acf2770', "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
340
340
|
}
|
|
341
341
|
get hostElement() { return index.getElement(this); }
|
|
342
342
|
static get watchers() { return {
|
|
@@ -2552,7 +2552,7 @@ const CalendarDatepicker = class {
|
|
|
2552
2552
|
return this.afSelectedDates;
|
|
2553
2553
|
}
|
|
2554
2554
|
render() {
|
|
2555
|
-
return (index$2.h(index$2.Host, { key: '
|
|
2555
|
+
return (index$2.h(index$2.Host, { key: 'e6dcf21e94a0cf58081b2cc351291a9489eadcb6', tabindex: -1 }, index$2.h("div", { key: '4040e430dd3c55e9ed0a0e6ed5aa69dea906e7c3', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, index$2.h("div", { key: '823f9480cb8a77c1e3cecdc1f3982e426ab2e658', class: "digi-calendar-datepicker__input-field" }, index$2.h("digi-form-input", { key: '454ca3d0a8d489826891da25bba8d9e0359c1df0', 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()
|
|
2556
2556
|
? formInputVariation_enum.FormInputValidation.ERROR
|
|
2557
2557
|
: this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
|
|
2558
2558
|
evt.stopImmediatePropagation();
|
|
@@ -2569,11 +2569,11 @@ const CalendarDatepicker = class {
|
|
|
2569
2569
|
e.preventDefault();
|
|
2570
2570
|
const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
|
|
2571
2571
|
focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
|
|
2572
|
-
} }, index$2.h("button", { key: '
|
|
2572
|
+
} }, index$2.h("button", { key: '0ea8d3a9092c41f96a0cf24a2cdc4aa764e40bce', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
|
|
2573
2573
|
? this.afCloseCalendarAriaLabel
|
|
2574
|
-
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, index$2.h("digi-icon-calendar-alt", { key: '
|
|
2574
|
+
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, index$2.h("digi-icon-calendar-alt", { key: '31ceefc7f2be65159840b1ba6d998a71ba0c5543', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), index$2.h("div", { key: 'f8105569c6065a353300f87d1eabd88a10227081', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, index$2.h("p", { key: 'b7e3556711de8ddb43a17874dada58193341ffcc', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
|
|
2575
2575
|
? `${text._t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
|
|
2576
|
-
: ''), index$2.h("digi-calendar", { key: '
|
|
2576
|
+
: ''), index$2.h("digi-calendar", { key: '55286f75c9ff74bb5f11a5098d06aac6f5120017', 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) => {
|
|
2577
2577
|
evt.stopImmediatePropagation();
|
|
2578
2578
|
this.parseCalendar(evt);
|
|
2579
2579
|
}, onKeyDown: (e) => {
|
|
@@ -2584,7 +2584,7 @@ const CalendarDatepicker = class {
|
|
|
2584
2584
|
return;
|
|
2585
2585
|
e.preventDefault();
|
|
2586
2586
|
this.focusOnCalendarInput();
|
|
2587
|
-
} })), this.afCloseOnSelect && !this.afMultipleDates && (index$2.h("div", { key: '
|
|
2587
|
+
} })), this.afCloseOnSelect && !this.afMultipleDates && (index$2.h("div", { key: 'f3d56c38d789cb0874ef1510e9ddd3e618255a76', class: "digi-calendar-datepicker__selected-date-alert", role: this.errorMessageIsAlert ? 'alert' : null }, this.afSelectedDates.length > 0
|
|
2588
2588
|
? `${text._t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
|
|
2589
2589
|
: '')))));
|
|
2590
2590
|
}
|