@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
package/hydrate/index.js
CHANGED
|
@@ -8437,18 +8437,18 @@ class Calendar {
|
|
|
8437
8437
|
};
|
|
8438
8438
|
}
|
|
8439
8439
|
render() {
|
|
8440
|
-
return (hAsync("div", { key: '
|
|
8440
|
+
return (hAsync("div", { key: '1077a770af823d9e0c0f59cdc6f1fef2a49d761a', class: {
|
|
8441
8441
|
'digi-calendar': true,
|
|
8442
8442
|
'digi-calendar--hide': !this.afActive
|
|
8443
|
-
}, id: `${this.afId}-calendar` }, this.afYearSelect && (hAsync("div", { key: '
|
|
8443
|
+
}, id: `${this.afId}-calendar` }, this.afYearSelect && (hAsync("div", { key: 'cd7dfa8e20efd08afa590cd4e177ddb4c41455d8', class: "digi-calendar__header" }, hAsync("div", { key: 'd1e6e956713de7fe417253be0fc1ec3aea9748b0', class: "digi-calendar__header--year-select" }, hAsync("digi-form-select", { key: 'cf34feec9ed25e0251effe86b3ce393918a32eda', afLabel: _t.calendar.month, "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
|
|
8444
8444
|
this.selectMonth(evt);
|
|
8445
8445
|
} }, _t.calendar.months.map((month, index) => {
|
|
8446
8446
|
return hAsync("option", { value: index }, month);
|
|
8447
|
-
})), hAsync("digi-form-select", { key: '
|
|
8447
|
+
})), hAsync("digi-form-select", { key: 'ddcd90917d6dba315f8018c4311c852f3471d3c0', afLabel: _t.calendar.year, "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
|
|
8448
8448
|
this.selectYear(evt);
|
|
8449
|
-
} }, this.allSelectableYears().map((year) => (hAsync("option", { value: year.toString() }, year))))))), !this.afYearSelect && (hAsync("div", { key: '
|
|
8450
|
-
', ' + _t.calendar.previousMonth, onClick: () => this.subtractMonth() }, hAsync("digi-icon-chevron-left", { key: '
|
|
8451
|
-
', ' + _t.calendar.nextMonth, onClick: () => this.addMonth() }, hAsync("span", { key: '
|
|
8449
|
+
} }, this.allSelectableYears().map((year) => (hAsync("option", { value: year.toString() }, year))))))), !this.afYearSelect && (hAsync("div", { key: '814648caa21619240a5904a809c95024398e9741', class: "digi-calendar__header" }, hAsync("div", { key: 'd3dc54a4d0172d503bff66e5171846f433755c4b', class: "digi-calendar__header--month-step" }, hAsync("button", { key: '7725160aab267e5cdd70618613b2f485d5b7dd7f', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() - 1) +
|
|
8450
|
+
', ' + _t.calendar.previousMonth, onClick: () => this.subtractMonth() }, hAsync("digi-icon-chevron-left", { key: 'e8d1dc80011cb7e79ce6af893df2fd4601d92c74', slot: "icon", "aria-hidden": "true" }), hAsync("span", { key: 'ae56dadf565d819f8e89804596dbe38119fb592e', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() - 1))), hAsync("div", { key: '257ac7d346e084390aba658eb7329cab913e3463', class: "digi-calendar__month" }, this.getFullMonthName(this.focusedDate.getMonth())), hAsync("button", { key: '0c483763c0420f1c172c78364d2ce931ffcd116d', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() + 1) +
|
|
8451
|
+
', ' + _t.calendar.nextMonth, onClick: () => this.addMonth() }, hAsync("span", { key: 'de4617285a713bd9baa375a99f81bb027768c947', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() + 1)), hAsync("digi-icon-chevron-right", { key: '8d6252fcdd7a035ce8fe4e6f4cb468ce7935aeba', slot: "icon", "aria-hidden": "true" }))))), hAsync("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) }, hAsync("table", { key: '9052f9c8135d95110f927c6a5a949fbd63daec7a', role: "grid", class: "digi-calendar__table" }, hAsync("thead", { key: '428467866c49e65d348db796a006611542aabc02' }, hAsync("tr", { key: '260024069438dadff553bc3391a37bbb533b5d11', role: "row" }, this.afShowWeekNumber && (hAsync("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) => (hAsync("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()))))), hAsync("tbody", { key: 'cbe3d290919c35ad27799c17e6b6236557dbe126', ref: (el) => (this._tbody = el) }, this.activeCalendar.map((week) => {
|
|
8452
8452
|
return (hAsync("tr", null, week.map((day, i) => {
|
|
8453
8453
|
if (this.afShowWeekNumber && i === 0) {
|
|
8454
8454
|
return (hAsync("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));
|
|
@@ -8463,7 +8463,7 @@ class Calendar {
|
|
|
8463
8463
|
: null }, hAsync("span", { "aria-hidden": "true" }, day.getDate()))));
|
|
8464
8464
|
}
|
|
8465
8465
|
})));
|
|
8466
|
-
})))), hAsync("slot", { key: '
|
|
8466
|
+
})))), hAsync("slot", { key: 'e97e8147fc91a3b401665eeeb8db6be7036f678b', name: "calendar-footer" })));
|
|
8467
8467
|
}
|
|
8468
8468
|
static get watchers() { return {
|
|
8469
8469
|
"focusedDate": ["focusedDateChanged"],
|
|
@@ -9409,6 +9409,7 @@ var DigiCalendarDatepickerStyle0 = calendarDatepickerCss;
|
|
|
9409
9409
|
/**
|
|
9410
9410
|
* @swedishName Datumväljare
|
|
9411
9411
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
|
|
9412
|
+
* @valueAccessor TextValueAccessor
|
|
9412
9413
|
*/
|
|
9413
9414
|
class CalendarDatepicker {
|
|
9414
9415
|
constructor(hostRef) {
|
|
@@ -9776,7 +9777,7 @@ class CalendarDatepicker {
|
|
|
9776
9777
|
return this.afSelectedDates;
|
|
9777
9778
|
}
|
|
9778
9779
|
render() {
|
|
9779
|
-
return (hAsync(Host, { key: '
|
|
9780
|
+
return (hAsync(Host, { key: 'e6dcf21e94a0cf58081b2cc351291a9489eadcb6', tabindex: -1 }, hAsync("div", { key: '4040e430dd3c55e9ed0a0e6ed5aa69dea906e7c3', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, hAsync("div", { key: '823f9480cb8a77c1e3cecdc1f3982e426ab2e658', class: "digi-calendar-datepicker__input-field" }, hAsync("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()
|
|
9780
9781
|
? FormInputValidation.ERROR
|
|
9781
9782
|
: this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
|
|
9782
9783
|
evt.stopImmediatePropagation();
|
|
@@ -9793,11 +9794,11 @@ class CalendarDatepicker {
|
|
|
9793
9794
|
e.preventDefault();
|
|
9794
9795
|
const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
|
|
9795
9796
|
focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
|
|
9796
|
-
} }, hAsync("button", { key: '
|
|
9797
|
+
} }, hAsync("button", { key: '0ea8d3a9092c41f96a0cf24a2cdc4aa764e40bce', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
|
|
9797
9798
|
? this.afCloseCalendarAriaLabel
|
|
9798
|
-
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, hAsync("digi-icon-calendar-alt", { key: '
|
|
9799
|
+
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, hAsync("digi-icon-calendar-alt", { key: '31ceefc7f2be65159840b1ba6d998a71ba0c5543', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), hAsync("div", { key: 'f8105569c6065a353300f87d1eabd88a10227081', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, hAsync("p", { key: 'b7e3556711de8ddb43a17874dada58193341ffcc', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
|
|
9799
9800
|
? `${_t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
|
|
9800
|
-
: ''), hAsync("digi-calendar", { key: '
|
|
9801
|
+
: ''), hAsync("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) => {
|
|
9801
9802
|
evt.stopImmediatePropagation();
|
|
9802
9803
|
this.parseCalendar(evt);
|
|
9803
9804
|
}, onKeyDown: (e) => {
|
|
@@ -9808,7 +9809,7 @@ class CalendarDatepicker {
|
|
|
9808
9809
|
return;
|
|
9809
9810
|
e.preventDefault();
|
|
9810
9811
|
this.focusOnCalendarInput();
|
|
9811
|
-
} })), this.afCloseOnSelect && !this.afMultipleDates && (hAsync("div", { key: '
|
|
9812
|
+
} })), this.afCloseOnSelect && !this.afMultipleDates && (hAsync("div", { key: 'f3d56c38d789cb0874ef1510e9ddd3e618255a76', class: "digi-calendar-datepicker__selected-date-alert", role: this.errorMessageIsAlert ? 'alert' : null }, this.afSelectedDates.length > 0
|
|
9812
9813
|
? `${_t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
|
|
9813
9814
|
: '')))));
|
|
9814
9815
|
}
|
|
@@ -20723,6 +20724,7 @@ var DigiFormCheckboxStyle0 = formCheckboxCss;
|
|
|
20723
20724
|
* @enums FormCheckboxVariation - form-checkbox-variation.enum.ts
|
|
20724
20725
|
* @swedishName Kryssruta
|
|
20725
20726
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
|
|
20727
|
+
* @valueAccessor BooleanValueAccessor
|
|
20726
20728
|
*/
|
|
20727
20729
|
class FormCheckbox {
|
|
20728
20730
|
constructor(hostRef) {
|
|
@@ -20821,7 +20823,7 @@ class FormCheckbox {
|
|
|
20821
20823
|
this.afOnInput.emit(e);
|
|
20822
20824
|
}
|
|
20823
20825
|
render() {
|
|
20824
|
-
return (hAsync(Host, { key: '
|
|
20826
|
+
return (hAsync(Host, { key: '119dd4d2bd465e027f4d5c79f8334b0bb9491048', tabindex: -1 }, hAsync("div", { key: '4bb8e86d4323bfe5f079f3c082bf64b6f7eec750', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, hAsync("input", { key: '5c780e58b7df31cd9c13563b920b5e06ea74022c', class: "digi-form-checkbox__input", ref: (el) => {
|
|
20825
20827
|
var _a;
|
|
20826
20828
|
this._input = el;
|
|
20827
20829
|
(_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
|
|
@@ -20829,7 +20831,7 @@ class FormCheckbox {
|
|
|
20829
20831
|
? null
|
|
20830
20832
|
: `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormCheckboxValidation.ERROR
|
|
20831
20833
|
? 'true'
|
|
20832
|
-
: '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 }), hAsync("label", { key: '
|
|
20834
|
+
: '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 }), hAsync("label", { key: '71599f05c3436521e96f2210606ad3c71f6d341e', htmlFor: this.afId, class: "digi-form-checkbox__label" }, hAsync("span", { key: '6f2ecde62ef62aa8a286aa2e64b1932d1d605e0a', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (hAsync("p", { key: '2ca8d8ddfb9578b236712cbb761348fb1c456f18', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
|
|
20833
20835
|
}
|
|
20834
20836
|
get hostElement() { return getElement(this); }
|
|
20835
20837
|
static get watchers() { return {
|
|
@@ -21893,6 +21895,7 @@ var DigiFormInputStyle0 = formInputCss;
|
|
|
21893
21895
|
* @enums FormInputVariation - form-input-variation.enum.ts
|
|
21894
21896
|
* @swedishName Inmatningsfält
|
|
21895
21897
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
|
|
21898
|
+
* @valueAccessor NumericValueAccessor TextValueAccessor
|
|
21896
21899
|
*/
|
|
21897
21900
|
class FormInput {
|
|
21898
21901
|
constructor(hostRef) {
|
|
@@ -22059,12 +22062,12 @@ class FormInput {
|
|
|
22059
22062
|
this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
|
|
22060
22063
|
}
|
|
22061
22064
|
render() {
|
|
22062
|
-
return (hAsync(Host, { key: '
|
|
22065
|
+
return (hAsync(Host, { key: 'bd32d602a4fa625394c8bcf3b7a8916092c91aae', tabindex: -1 }, hAsync("div", { key: '25ded0f93bd3078bec0aab16242c960487fd657f', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, hAsync("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 }), hAsync("div", { key: '4b001af998878a6dadbaada1e56d4ef64f71da9a', class: "digi-form-input__input-wrapper" }, hAsync("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
|
|
22063
22066
|
? 'true'
|
|
22064
22067
|
: '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
|
|
22065
22068
|
? {}
|
|
22066
|
-
: { inputmode: this.afInputmode }))), hAsync("slot", { key: '
|
|
22067
|
-
this.afValidation != FormInputValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: '
|
|
22069
|
+
: { inputmode: this.afInputmode }))), hAsync("slot", { key: '46eef3d0ba7c02517ef3824410a1c0cfc74baaa7', name: "button" })), hAsync("div", { key: '4024a3bcab31173d947bfe70e9064e31b2a23a8f', class: "digi-form-input__footer" }, hAsync("div", { key: '55455e4bd8de053c35f1ca727b5e41f71f47a295', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
|
|
22070
|
+
this.afValidation != FormInputValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: 'c8c0c2d8468b09076a513c70e068c956386c64a5', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
22068
22071
|
}
|
|
22069
22072
|
get hostElement() { return getElement(this); }
|
|
22070
22073
|
static get watchers() { return {
|
|
@@ -22129,6 +22132,7 @@ var DigiFormInputSearchStyle0 = formInputSearchCss;
|
|
|
22129
22132
|
* @enums FormInputSearchVariation - form-input-search-variation.enum.ts
|
|
22130
22133
|
* @swedishName Sökfält
|
|
22131
22134
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
|
|
22135
|
+
* @valueAccessor TextValueAccessor
|
|
22132
22136
|
*/
|
|
22133
22137
|
class FormInputSearch {
|
|
22134
22138
|
constructor(hostRef) {
|
|
@@ -22251,10 +22255,10 @@ class FormInputSearch {
|
|
|
22251
22255
|
};
|
|
22252
22256
|
}
|
|
22253
22257
|
render() {
|
|
22254
|
-
return (hAsync(Host, { key: '
|
|
22258
|
+
return (hAsync(Host, { key: '5502afd53a378b67ffaed787a84ffd0e154c6a75', tabindex: -1 }, hAsync("div", { key: '9d76ceba2e057efe2029cb600ce43e3e2d39ebfb', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, hAsync("digi-form-input", { key: 'fbee883f2df35b697093aa7fcdd134704583b350', class: {
|
|
22255
22259
|
'digi-form-input-search__input': true,
|
|
22256
22260
|
'digi-form-input-search__input--no-button': this.afHideButton
|
|
22257
|
-
}, 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 && (hAsync("digi-button", { key: '
|
|
22261
|
+
}, 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 && (hAsync("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" }, hAsync("digi-icon-search", { key: '1860c4ec6f386c16552d959c0b8091e4e88060cb', slot: "icon" }), this.afButtonText))))));
|
|
22258
22262
|
}
|
|
22259
22263
|
get hostElement() { return getElement(this); }
|
|
22260
22264
|
static get watchers() { return {
|
|
@@ -22385,6 +22389,7 @@ var DigiFormRadiobuttonStyle0 = formRadiobuttonCss;
|
|
|
22385
22389
|
/**
|
|
22386
22390
|
* @enums FormRadiobuttonValidation - form-radiobutton-validation.enum.ts
|
|
22387
22391
|
* @enums FormRadiobuttonVariation - form-radiobutton-variation.enum.ts
|
|
22392
|
+
* @valueAccessor RadioValueAccessor
|
|
22388
22393
|
* @swedishName Radioknapp
|
|
22389
22394
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
|
|
22390
22395
|
*/
|
|
@@ -22474,9 +22479,9 @@ class FormRadiobutton {
|
|
|
22474
22479
|
this.afOnInput.emit(e);
|
|
22475
22480
|
}
|
|
22476
22481
|
render() {
|
|
22477
|
-
return (hAsync(Host, { key: '
|
|
22482
|
+
return (hAsync(Host, { key: 'c219f20c710f23829a44887396b31f03860b5071', tabindex: -1 }, hAsync("div", { key: '8a79373d73a6a2285694738d15e735dffa06f058', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, hAsync("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
|
|
22478
22483
|
? 'true'
|
|
22479
|
-
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), hAsync("label", { key: '
|
|
22484
|
+
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), hAsync("label", { key: 'f3049d0f425c3f756f6e157a0a9f243541dbd468', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, hAsync("span", { key: '3114e3bc85e870e916dd642a448bd4016e7b648e', class: "digi-form-radiobutton__circle" }), this.afLabel))));
|
|
22480
22485
|
}
|
|
22481
22486
|
get hostElement() { return getElement(this); }
|
|
22482
22487
|
static get watchers() { return {
|
|
@@ -22520,6 +22525,7 @@ var DigiFormRadiogroupStyle0 = formRadiogroupCss;
|
|
|
22520
22525
|
* @slot radiobuttons
|
|
22521
22526
|
*
|
|
22522
22527
|
* @swedishName Radiogrupp
|
|
22528
|
+
* @valueAccessor TextValueAccessor
|
|
22523
22529
|
*
|
|
22524
22530
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till den första radioknappen i gruppen
|
|
22525
22531
|
*/
|
|
@@ -22579,9 +22585,9 @@ class FormRadiogroup {
|
|
|
22579
22585
|
});
|
|
22580
22586
|
}
|
|
22581
22587
|
render() {
|
|
22582
|
-
return (hAsync(Host, { key: '
|
|
22588
|
+
return (hAsync(Host, { key: '0b03e0ccdc03d2f06466f9a2527f68b937637e6f', tabindex: -1 }, hAsync("div", { key: '02b0862fc0645ba6c5b12480279078d0b796f5ef', id: this.afId, class: {
|
|
22583
22589
|
'digi-form-radiogroup': true
|
|
22584
|
-
} }, hAsync("digi-util-mutation-observer", { key: '
|
|
22590
|
+
} }, hAsync("digi-util-mutation-observer", { key: 'ed9e1a034e5d5221c4c004e12db780077277876e', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, hAsync("slot", { key: '5572449dc6ad235472c92e8524d26688d56e1b10' }))), hAsync("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 && (hAsync("digi-form-validation-message", { key: '63cde6f36e3064bd421c7d162e72ab414f5584cf', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
|
|
22585
22591
|
}
|
|
22586
22592
|
get hostElement() { return getElement(this); }
|
|
22587
22593
|
static get watchers() { return {
|
|
@@ -22697,6 +22703,7 @@ var DigiFormSelectStyle0 = formSelectCss;
|
|
|
22697
22703
|
* @enums FormSelectVariation - form-select-variation.enum
|
|
22698
22704
|
* @swedishName Väljare
|
|
22699
22705
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva select-elementet
|
|
22706
|
+
* @valueAccessor SelectValueAccessor
|
|
22700
22707
|
*/
|
|
22701
22708
|
class FormSelect {
|
|
22702
22709
|
constructor(hostRef) {
|
|
@@ -22828,17 +22835,17 @@ class FormSelect {
|
|
|
22828
22835
|
: false;
|
|
22829
22836
|
}
|
|
22830
22837
|
render() {
|
|
22831
|
-
return (hAsync(Host, { key: '
|
|
22838
|
+
return (hAsync(Host, { key: 'd0422f1a779704cd2e9192f81199c58738c6f4db', tabindex: -1 }, hAsync("div", { key: 'f6a49628a7d5d3d2d633e816aaf260242478fc4c', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, hAsync("div", { key: '755b1b576bb8847570426d982d1a3445fb44edff', class: "digi-form-select__label-group" }, hAsync("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 })), hAsync("div", { key: '0ae5338fd5aa2b7fffe60935ddae9fec0cbaf379', class: "digi-form-select__select-wrapper" }, hAsync("select", { key: 'bd758e92e3fb977be5bad8530062d9b5c71f7e11', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
|
|
22832
22839
|
? 'true'
|
|
22833
|
-
: '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 && (hAsync("option", { key: '
|
|
22840
|
+
: '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 && (hAsync("option", { key: '85d60c1b04d3a48773d7a25e79d6e6896abc4334', class: {
|
|
22834
22841
|
'digi-form-select__select-option': true,
|
|
22835
22842
|
'digi-form-select__select-option--initial-value': true
|
|
22836
22843
|
}, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index) => {
|
|
22837
22844
|
return (hAsync("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
|
|
22838
|
-
})), hAsync("digi-icon-input-select-marker", { key: '
|
|
22845
|
+
})), hAsync("digi-icon-input-select-marker", { key: 'e9ab4ef12562679223aaa7f60e20936d2a1e078e', class: "digi-form-select__icon", slot: "icon" })), hAsync("digi-util-mutation-observer", { key: '188b27eb0a27f9bb81eb8211e67df8d8c54b7485', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
|
|
22839
22846
|
e.stopImmediatePropagation();
|
|
22840
22847
|
this.getOptions();
|
|
22841
|
-
} }, hAsync("slot", { key: '
|
|
22848
|
+
} }, hAsync("slot", { key: '70b2eeb015a08bfc2379f30eb4cf7e6281066d56' })), hAsync("div", { key: 'd8aa1c5d5de3e847136d29b14a236d6cf73ecad4', class: "digi-form-select__footer" }, hAsync("div", { key: '27f8450662d599b55aa22a3a82f268de8ecd7cbc', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (hAsync("digi-form-validation-message", { key: 'e7f512be5ea01c8bb2c6a1e20bacafd43acf2770', "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
22842
22849
|
}
|
|
22843
22850
|
get hostElement() { return getElement(this); }
|
|
22844
22851
|
static get watchers() { return {
|
|
@@ -22887,6 +22894,7 @@ var DigiFormSelectFilterStyle0 = formSelectFilterCss;
|
|
|
22887
22894
|
* @slot empty-search-result - Innehåll som visas om sökningen inte ger några resultat.
|
|
22888
22895
|
* @swedishName Väljare med sök
|
|
22889
22896
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till toggle-knappen
|
|
22897
|
+
* @valueAccessor SelectValueAccessor
|
|
22890
22898
|
*/
|
|
22891
22899
|
class FormSelectFilter {
|
|
22892
22900
|
constructor(hostRef) {
|
|
@@ -23340,15 +23348,15 @@ class FormSelectFilter {
|
|
|
23340
23348
|
} }, hAsync("slot", { name: "empty-search-result" })))));
|
|
23341
23349
|
}
|
|
23342
23350
|
render() {
|
|
23343
|
-
return (hAsync(Host, { key: '
|
|
23351
|
+
return (hAsync(Host, { key: '232ad0fdb8164fb6ed04d1d2fdcdc778a197ae43', tabindex: -1 }, hAsync("div", { key: 'bd384c56a99f54deef5cb2e325bae1e65c53696c', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, hAsync("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 }), hAsync("digi-util-keydown-handler", { key: '06cb88227494648eb5e9861022830562b20fbbb2', onAfOnEsc: () => this.escHandler() }, hAsync("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 }, hAsync("div", { key: '6b28930875126efeea6e011d17567b2de4bf7635', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, hAsync("digi-icon-check", { key: 'afde185a6027a96c0fd75a80bfbf9a462839cd32', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), hAsync("span", { key: '8b846d513be35ffec07b6f1073b24c4fad8b09d0', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), hAsync("digi-icon-chevron-down", { key: '795ac4c5d2cf7e7ddff801cc8224215b8c0f4492', class: "digi-form-select-filter__toggle-icon" })), hAsync("div", { key: '1952bcb6c880cc79263c348067c8e76ee4b2c54d', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
|
|
23344
23352
|
'digi-form-select-filter__dropdown': true,
|
|
23345
23353
|
'digi-form-select-filter__dropdown--right': this.afAlignRight,
|
|
23346
23354
|
'digi-form-select-filter__dropdown--hidden': !this.isOpen
|
|
23347
|
-
} }, hAsync("fieldset", { key: '
|
|
23355
|
+
} }, hAsync("fieldset", { key: '67c787d57885455dc6018b14ee77c5cf8f889269' }, hAsync("div", { key: 'f04990f47e0c842447503c0c669fad9f075e1800', class: "digi-form-select-filter__header" }, hAsync("legend", { key: 'a555f7e77fd3fc35badec8261676746ad0d07a96', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), hAsync("digi-form-input", { key: 'dbbe1895e3f36e9103429510bdaa669839c1509b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
|
|
23348
23356
|
this.focusListItemIndex = 0;
|
|
23349
23357
|
}, onAfOnKeyup: (e) => {
|
|
23350
23358
|
this.inputSearchKeyboardHandler(e.detail);
|
|
23351
|
-
}, 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()), hAsync("div", { key: '
|
|
23359
|
+
}, 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()), hAsync("div", { key: '7a1b963b624783f76d6b938aef4b54b5539a8b19', class: "digi-form-select-filter__scroll" }, hAsync("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() }, hAsync("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
|
|
23352
23360
|
? 'false'
|
|
23353
23361
|
: this.afValidation ===
|
|
23354
23362
|
FormSelectFilterValidation.ERROR
|
|
@@ -23357,11 +23365,11 @@ class FormSelectFilter {
|
|
|
23357
23365
|
? false
|
|
23358
23366
|
: this.afRequired
|
|
23359
23367
|
? 'true'
|
|
23360
|
-
: 'false' }, this.showNeutralValue && (hAsync("li", { key: '
|
|
23368
|
+
: 'false' }, this.showNeutralValue && (hAsync("li", { key: '4d97c4be7a31dbe830181eefc37929b3bb2f9234', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
|
|
23361
23369
|
? 'false'
|
|
23362
23370
|
: this.afRequired
|
|
23363
23371
|
? 'true'
|
|
23364
|
-
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (hAsync("digi-icon-check", { key: '
|
|
23372
|
+
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (hAsync("digi-icon-check", { key: 'c1af26327f9bab4456a3770698cb08e8f0b0be95', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
|
|
23365
23373
|
this._filteredResult.map((item, index) => {
|
|
23366
23374
|
return (hAsync("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
|
|
23367
23375
|
? 'false'
|
|
@@ -23377,9 +23385,9 @@ class FormSelectFilter {
|
|
|
23377
23385
|
: index === 0
|
|
23378
23386
|
? 0
|
|
23379
23387
|
: -1 }, this.isSelected(item.value) && (hAsync("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
|
|
23380
|
-
}))))), this.afMultipleItems && (hAsync("div", { key: '
|
|
23388
|
+
}))))), this.afMultipleItems && (hAsync("div", { key: 'e9617bc3097f670582c1ad9fe9dcc3cdd5a56f5b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (hAsync("digi-button", { key: 'b4899966b541b5d67a32f07a01631509075a7106', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), hAsync("digi-util-keydown-handler", { key: '5662e817b03fb9d04b5a01d726863dca84e23f88', onAfOnUp: () => this.setFocusItem() }, hAsync("digi-button", { key: 'bc7cb5ef64aa7a5f0e3ce29f416fa9995ef2f7c8', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
|
|
23381
23389
|
this.setClosed(true);
|
|
23382
|
-
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), hAsync("div", { key: '
|
|
23390
|
+
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), hAsync("div", { key: '724a4171df75af688ddc34312db71d8c0ddc882e', class: "digi-form-select__footer" }, hAsync("div", { key: 'e6e83f72fa04ff87cc30868dc7b125ad1289e6f2', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (hAsync("digi-form-validation-message", { key: 'ed8426f025854a09aa445734e239dae8574daec4', "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
23383
23391
|
}
|
|
23384
23392
|
get hostElement() { return getElement(this); }
|
|
23385
23393
|
static get watchers() { return {
|
|
@@ -23440,6 +23448,7 @@ var DigiFormTextareaStyle0 = formTextareaCss;
|
|
|
23440
23448
|
* @enums FormTextareaVariation - form-textarea-variation.enum.ts
|
|
23441
23449
|
* @swedishName Textarea
|
|
23442
23450
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva textarea-elementet
|
|
23451
|
+
* @valueAccessor TextValueAccessor
|
|
23443
23452
|
*/
|
|
23444
23453
|
class FormTextarea {
|
|
23445
23454
|
constructor(hostRef) {
|
|
@@ -23561,10 +23570,10 @@ class FormTextarea {
|
|
|
23561
23570
|
this.afOnInput.emit(e);
|
|
23562
23571
|
}
|
|
23563
23572
|
render() {
|
|
23564
|
-
return (hAsync(Host, { key: '
|
|
23573
|
+
return (hAsync(Host, { key: '8fc80d345a10b05e22b3dcd5adb63449d50b07e1', tabindex: -1 }, hAsync("div", { key: '049576151b60c94d55711e696af1262ac6701f34', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, hAsync("div", { key: 'a18d782506a20eb687bd8792a3fb0da3db159d4f', class: "digi-form-textarea__label" }, hAsync("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 })), hAsync("div", { key: 'c3258fb29058a14abae464e8e7f22074675e0115', class: "digi-form-textarea__content" }, hAsync("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
|
|
23565
23574
|
? 'true'
|
|
23566
|
-
: '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 })), hAsync("div", { key: '
|
|
23567
|
-
this.afValidation != FormTextareaValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: '
|
|
23575
|
+
: '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 })), hAsync("div", { key: '38ade9720142b05d65248291749635e061681bad', class: "digi-form-textarea__footer" }, hAsync("div", { key: 'fbe8041652cc9c1bc72bffc98582c5312b9c020b', class: "digi-form-textarea__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
|
|
23576
|
+
this.afValidation != FormTextareaValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: 'baea13a3e9d6c7a762cce0f0296ee0dcb267ff9f', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
23568
23577
|
}
|
|
23569
23578
|
get hostElement() { return getElement(this); }
|
|
23570
23579
|
static get watchers() { return {
|
|
@@ -34674,7 +34683,7 @@ class TitleLogo {
|
|
|
34674
34683
|
};
|
|
34675
34684
|
}
|
|
34676
34685
|
render() {
|
|
34677
|
-
return (hAsync("div", { key: 'f2d92667466100ff385d2918a8396c95d32cb22c', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, hAsync("digi-util-breakpoint-observer", { key: 'd0a0692c5386725c0ce2fca5c4a6913b8710fa1c', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), hAsync("div", { key: 'a0a36fd875d4fc2d6874f53ae49ac2e9f17e273f', class: "digi-title-logo-symbol" }, hAsync("svg", { key: '
|
|
34686
|
+
return (hAsync("div", { key: 'f2d92667466100ff385d2918a8396c95d32cb22c', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, hAsync("digi-util-breakpoint-observer", { key: 'd0a0692c5386725c0ce2fca5c4a6913b8710fa1c', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), hAsync("div", { key: 'a0a36fd875d4fc2d6874f53ae49ac2e9f17e273f', class: "digi-title-logo-symbol" }, hAsync("svg", { key: '489404f99e4b411bd66cc274b60a7fc83bffa126', height: "44px", width: "44px", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, hAsync("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" }))), hAsync("div", { key: '46a1b7b8fd35718591d29093da200d1f79fab483', class: "digi-title-logo-name-wrapper" }, hAsync("slot", { key: 'ec09ce755fcb0bf00045c947199c7c9cda9de689', name: "logo-one-row" }), hAsync("slot", { key: '27eca2b9520cee673f0042d729c4d20a31406a72', name: "logo-two-rows" }))));
|
|
34678
34687
|
}
|
|
34679
34688
|
get hostElement() { return getElement(this); }
|
|
34680
34689
|
static get style() { return DigiTitleLogoStyle0; }
|