@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.mjs
CHANGED
|
@@ -8433,18 +8433,18 @@ class Calendar {
|
|
|
8433
8433
|
};
|
|
8434
8434
|
}
|
|
8435
8435
|
render() {
|
|
8436
|
-
return (hAsync("div", { key: '
|
|
8436
|
+
return (hAsync("div", { key: '1077a770af823d9e0c0f59cdc6f1fef2a49d761a', class: {
|
|
8437
8437
|
'digi-calendar': true,
|
|
8438
8438
|
'digi-calendar--hide': !this.afActive
|
|
8439
|
-
}, id: `${this.afId}-calendar` }, this.afYearSelect && (hAsync("div", { key: '
|
|
8439
|
+
}, 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) => {
|
|
8440
8440
|
this.selectMonth(evt);
|
|
8441
8441
|
} }, _t.calendar.months.map((month, index) => {
|
|
8442
8442
|
return hAsync("option", { value: index }, month);
|
|
8443
|
-
})), hAsync("digi-form-select", { key: '
|
|
8443
|
+
})), hAsync("digi-form-select", { key: 'ddcd90917d6dba315f8018c4311c852f3471d3c0', afLabel: _t.calendar.year, "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
|
|
8444
8444
|
this.selectYear(evt);
|
|
8445
|
-
} }, this.allSelectableYears().map((year) => (hAsync("option", { value: year.toString() }, year))))))), !this.afYearSelect && (hAsync("div", { key: '
|
|
8446
|
-
', ' + _t.calendar.previousMonth, onClick: () => this.subtractMonth() }, hAsync("digi-icon-chevron-left", { key: '
|
|
8447
|
-
', ' + _t.calendar.nextMonth, onClick: () => this.addMonth() }, hAsync("span", { key: '
|
|
8445
|
+
} }, 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) +
|
|
8446
|
+
', ' + _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) +
|
|
8447
|
+
', ' + _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) => {
|
|
8448
8448
|
return (hAsync("tr", null, week.map((day, i) => {
|
|
8449
8449
|
if (this.afShowWeekNumber && i === 0) {
|
|
8450
8450
|
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));
|
|
@@ -8459,7 +8459,7 @@ class Calendar {
|
|
|
8459
8459
|
: null }, hAsync("span", { "aria-hidden": "true" }, day.getDate()))));
|
|
8460
8460
|
}
|
|
8461
8461
|
})));
|
|
8462
|
-
})))), hAsync("slot", { key: '
|
|
8462
|
+
})))), hAsync("slot", { key: 'e97e8147fc91a3b401665eeeb8db6be7036f678b', name: "calendar-footer" })));
|
|
8463
8463
|
}
|
|
8464
8464
|
static get watchers() { return {
|
|
8465
8465
|
"focusedDate": ["focusedDateChanged"],
|
|
@@ -9405,6 +9405,7 @@ var DigiCalendarDatepickerStyle0 = calendarDatepickerCss;
|
|
|
9405
9405
|
/**
|
|
9406
9406
|
* @swedishName Datumväljare
|
|
9407
9407
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
|
|
9408
|
+
* @valueAccessor TextValueAccessor
|
|
9408
9409
|
*/
|
|
9409
9410
|
class CalendarDatepicker {
|
|
9410
9411
|
constructor(hostRef) {
|
|
@@ -9772,7 +9773,7 @@ class CalendarDatepicker {
|
|
|
9772
9773
|
return this.afSelectedDates;
|
|
9773
9774
|
}
|
|
9774
9775
|
render() {
|
|
9775
|
-
return (hAsync(Host, { key: '
|
|
9776
|
+
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()
|
|
9776
9777
|
? FormInputValidation.ERROR
|
|
9777
9778
|
: this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
|
|
9778
9779
|
evt.stopImmediatePropagation();
|
|
@@ -9789,11 +9790,11 @@ class CalendarDatepicker {
|
|
|
9789
9790
|
e.preventDefault();
|
|
9790
9791
|
const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
|
|
9791
9792
|
focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
|
|
9792
|
-
} }, hAsync("button", { key: '
|
|
9793
|
+
} }, hAsync("button", { key: '0ea8d3a9092c41f96a0cf24a2cdc4aa764e40bce', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
|
|
9793
9794
|
? this.afCloseCalendarAriaLabel
|
|
9794
|
-
: this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, hAsync("digi-icon-calendar-alt", { key: '
|
|
9795
|
+
: 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
|
|
9795
9796
|
? `${_t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
|
|
9796
|
-
: ''), hAsync("digi-calendar", { key: '
|
|
9797
|
+
: ''), 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) => {
|
|
9797
9798
|
evt.stopImmediatePropagation();
|
|
9798
9799
|
this.parseCalendar(evt);
|
|
9799
9800
|
}, onKeyDown: (e) => {
|
|
@@ -9804,7 +9805,7 @@ class CalendarDatepicker {
|
|
|
9804
9805
|
return;
|
|
9805
9806
|
e.preventDefault();
|
|
9806
9807
|
this.focusOnCalendarInput();
|
|
9807
|
-
} })), this.afCloseOnSelect && !this.afMultipleDates && (hAsync("div", { key: '
|
|
9808
|
+
} })), this.afCloseOnSelect && !this.afMultipleDates && (hAsync("div", { key: 'f3d56c38d789cb0874ef1510e9ddd3e618255a76', class: "digi-calendar-datepicker__selected-date-alert", role: this.errorMessageIsAlert ? 'alert' : null }, this.afSelectedDates.length > 0
|
|
9808
9809
|
? `${_t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
|
|
9809
9810
|
: '')))));
|
|
9810
9811
|
}
|
|
@@ -20719,6 +20720,7 @@ var DigiFormCheckboxStyle0 = formCheckboxCss;
|
|
|
20719
20720
|
* @enums FormCheckboxVariation - form-checkbox-variation.enum.ts
|
|
20720
20721
|
* @swedishName Kryssruta
|
|
20721
20722
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
|
|
20723
|
+
* @valueAccessor BooleanValueAccessor
|
|
20722
20724
|
*/
|
|
20723
20725
|
class FormCheckbox {
|
|
20724
20726
|
constructor(hostRef) {
|
|
@@ -20817,7 +20819,7 @@ class FormCheckbox {
|
|
|
20817
20819
|
this.afOnInput.emit(e);
|
|
20818
20820
|
}
|
|
20819
20821
|
render() {
|
|
20820
|
-
return (hAsync(Host, { key: '
|
|
20822
|
+
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) => {
|
|
20821
20823
|
var _a;
|
|
20822
20824
|
this._input = el;
|
|
20823
20825
|
(_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
|
|
@@ -20825,7 +20827,7 @@ class FormCheckbox {
|
|
|
20825
20827
|
? null
|
|
20826
20828
|
: `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormCheckboxValidation.ERROR
|
|
20827
20829
|
? 'true'
|
|
20828
|
-
: '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: '
|
|
20830
|
+
: '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)))));
|
|
20829
20831
|
}
|
|
20830
20832
|
get hostElement() { return getElement(this); }
|
|
20831
20833
|
static get watchers() { return {
|
|
@@ -21889,6 +21891,7 @@ var DigiFormInputStyle0 = formInputCss;
|
|
|
21889
21891
|
* @enums FormInputVariation - form-input-variation.enum.ts
|
|
21890
21892
|
* @swedishName Inmatningsfält
|
|
21891
21893
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
|
|
21894
|
+
* @valueAccessor NumericValueAccessor TextValueAccessor
|
|
21892
21895
|
*/
|
|
21893
21896
|
class FormInput {
|
|
21894
21897
|
constructor(hostRef) {
|
|
@@ -22055,12 +22058,12 @@ class FormInput {
|
|
|
22055
22058
|
this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
|
|
22056
22059
|
}
|
|
22057
22060
|
render() {
|
|
22058
|
-
return (hAsync(Host, { key: '
|
|
22061
|
+
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
|
|
22059
22062
|
? 'true'
|
|
22060
22063
|
: '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
|
|
22061
22064
|
? {}
|
|
22062
|
-
: { inputmode: this.afInputmode }))), hAsync("slot", { key: '
|
|
22063
|
-
this.afValidation != FormInputValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: '
|
|
22065
|
+
: { 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 &&
|
|
22066
|
+
this.afValidation != FormInputValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: 'c8c0c2d8468b09076a513c70e068c956386c64a5', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
22064
22067
|
}
|
|
22065
22068
|
get hostElement() { return getElement(this); }
|
|
22066
22069
|
static get watchers() { return {
|
|
@@ -22125,6 +22128,7 @@ var DigiFormInputSearchStyle0 = formInputSearchCss;
|
|
|
22125
22128
|
* @enums FormInputSearchVariation - form-input-search-variation.enum.ts
|
|
22126
22129
|
* @swedishName Sökfält
|
|
22127
22130
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
|
|
22131
|
+
* @valueAccessor TextValueAccessor
|
|
22128
22132
|
*/
|
|
22129
22133
|
class FormInputSearch {
|
|
22130
22134
|
constructor(hostRef) {
|
|
@@ -22247,10 +22251,10 @@ class FormInputSearch {
|
|
|
22247
22251
|
};
|
|
22248
22252
|
}
|
|
22249
22253
|
render() {
|
|
22250
|
-
return (hAsync(Host, { key: '
|
|
22254
|
+
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: {
|
|
22251
22255
|
'digi-form-input-search__input': true,
|
|
22252
22256
|
'digi-form-input-search__input--no-button': this.afHideButton
|
|
22253
|
-
}, 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: '
|
|
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: '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))))));
|
|
22254
22258
|
}
|
|
22255
22259
|
get hostElement() { return getElement(this); }
|
|
22256
22260
|
static get watchers() { return {
|
|
@@ -22381,6 +22385,7 @@ var DigiFormRadiobuttonStyle0 = formRadiobuttonCss;
|
|
|
22381
22385
|
/**
|
|
22382
22386
|
* @enums FormRadiobuttonValidation - form-radiobutton-validation.enum.ts
|
|
22383
22387
|
* @enums FormRadiobuttonVariation - form-radiobutton-variation.enum.ts
|
|
22388
|
+
* @valueAccessor RadioValueAccessor
|
|
22384
22389
|
* @swedishName Radioknapp
|
|
22385
22390
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
|
|
22386
22391
|
*/
|
|
@@ -22470,9 +22475,9 @@ class FormRadiobutton {
|
|
|
22470
22475
|
this.afOnInput.emit(e);
|
|
22471
22476
|
}
|
|
22472
22477
|
render() {
|
|
22473
|
-
return (hAsync(Host, { key: '
|
|
22478
|
+
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
|
|
22474
22479
|
? 'true'
|
|
22475
|
-
: '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: '
|
|
22480
|
+
: '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))));
|
|
22476
22481
|
}
|
|
22477
22482
|
get hostElement() { return getElement(this); }
|
|
22478
22483
|
static get watchers() { return {
|
|
@@ -22516,6 +22521,7 @@ var DigiFormRadiogroupStyle0 = formRadiogroupCss;
|
|
|
22516
22521
|
* @slot radiobuttons
|
|
22517
22522
|
*
|
|
22518
22523
|
* @swedishName Radiogrupp
|
|
22524
|
+
* @valueAccessor TextValueAccessor
|
|
22519
22525
|
*
|
|
22520
22526
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till den första radioknappen i gruppen
|
|
22521
22527
|
*/
|
|
@@ -22575,9 +22581,9 @@ class FormRadiogroup {
|
|
|
22575
22581
|
});
|
|
22576
22582
|
}
|
|
22577
22583
|
render() {
|
|
22578
|
-
return (hAsync(Host, { key: '
|
|
22584
|
+
return (hAsync(Host, { key: '0b03e0ccdc03d2f06466f9a2527f68b937637e6f', tabindex: -1 }, hAsync("div", { key: '02b0862fc0645ba6c5b12480279078d0b796f5ef', id: this.afId, class: {
|
|
22579
22585
|
'digi-form-radiogroup': true
|
|
22580
|
-
} }, hAsync("digi-util-mutation-observer", { key: '
|
|
22586
|
+
} }, 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)))));
|
|
22581
22587
|
}
|
|
22582
22588
|
get hostElement() { return getElement(this); }
|
|
22583
22589
|
static get watchers() { return {
|
|
@@ -22693,6 +22699,7 @@ var DigiFormSelectStyle0 = formSelectCss;
|
|
|
22693
22699
|
* @enums FormSelectVariation - form-select-variation.enum
|
|
22694
22700
|
* @swedishName Väljare
|
|
22695
22701
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva select-elementet
|
|
22702
|
+
* @valueAccessor SelectValueAccessor
|
|
22696
22703
|
*/
|
|
22697
22704
|
class FormSelect {
|
|
22698
22705
|
constructor(hostRef) {
|
|
@@ -22824,17 +22831,17 @@ class FormSelect {
|
|
|
22824
22831
|
: false;
|
|
22825
22832
|
}
|
|
22826
22833
|
render() {
|
|
22827
|
-
return (hAsync(Host, { key: '
|
|
22834
|
+
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
|
|
22828
22835
|
? 'true'
|
|
22829
|
-
: '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: '
|
|
22836
|
+
: '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: {
|
|
22830
22837
|
'digi-form-select__select-option': true,
|
|
22831
22838
|
'digi-form-select__select-option--initial-value': true
|
|
22832
22839
|
}, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index) => {
|
|
22833
22840
|
return (hAsync("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
|
|
22834
|
-
})), hAsync("digi-icon-input-select-marker", { key: '
|
|
22841
|
+
})), 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) => {
|
|
22835
22842
|
e.stopImmediatePropagation();
|
|
22836
22843
|
this.getOptions();
|
|
22837
|
-
} }, hAsync("slot", { key: '
|
|
22844
|
+
} }, 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)))))));
|
|
22838
22845
|
}
|
|
22839
22846
|
get hostElement() { return getElement(this); }
|
|
22840
22847
|
static get watchers() { return {
|
|
@@ -22883,6 +22890,7 @@ var DigiFormSelectFilterStyle0 = formSelectFilterCss;
|
|
|
22883
22890
|
* @slot empty-search-result - Innehåll som visas om sökningen inte ger några resultat.
|
|
22884
22891
|
* @swedishName Väljare med sök
|
|
22885
22892
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till toggle-knappen
|
|
22893
|
+
* @valueAccessor SelectValueAccessor
|
|
22886
22894
|
*/
|
|
22887
22895
|
class FormSelectFilter {
|
|
22888
22896
|
constructor(hostRef) {
|
|
@@ -23336,15 +23344,15 @@ class FormSelectFilter {
|
|
|
23336
23344
|
} }, hAsync("slot", { name: "empty-search-result" })))));
|
|
23337
23345
|
}
|
|
23338
23346
|
render() {
|
|
23339
|
-
return (hAsync(Host, { key: '
|
|
23347
|
+
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: {
|
|
23340
23348
|
'digi-form-select-filter__dropdown': true,
|
|
23341
23349
|
'digi-form-select-filter__dropdown--right': this.afAlignRight,
|
|
23342
23350
|
'digi-form-select-filter__dropdown--hidden': !this.isOpen
|
|
23343
|
-
} }, hAsync("fieldset", { key: '
|
|
23351
|
+
} }, 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: () => {
|
|
23344
23352
|
this.focusListItemIndex = 0;
|
|
23345
23353
|
}, onAfOnKeyup: (e) => {
|
|
23346
23354
|
this.inputSearchKeyboardHandler(e.detail);
|
|
23347
|
-
}, 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: '
|
|
23355
|
+
}, 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
|
|
23348
23356
|
? 'false'
|
|
23349
23357
|
: this.afValidation ===
|
|
23350
23358
|
FormSelectFilterValidation.ERROR
|
|
@@ -23353,11 +23361,11 @@ class FormSelectFilter {
|
|
|
23353
23361
|
? false
|
|
23354
23362
|
: this.afRequired
|
|
23355
23363
|
? 'true'
|
|
23356
|
-
: 'false' }, this.showNeutralValue && (hAsync("li", { key: '
|
|
23364
|
+
: 'false' }, this.showNeutralValue && (hAsync("li", { key: '4d97c4be7a31dbe830181eefc37929b3bb2f9234', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
|
|
23357
23365
|
? 'false'
|
|
23358
23366
|
: this.afRequired
|
|
23359
23367
|
? 'true'
|
|
23360
|
-
: '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: '
|
|
23368
|
+
: '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 &&
|
|
23361
23369
|
this._filteredResult.map((item, index) => {
|
|
23362
23370
|
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
|
|
23363
23371
|
? 'false'
|
|
@@ -23373,9 +23381,9 @@ class FormSelectFilter {
|
|
|
23373
23381
|
: index === 0
|
|
23374
23382
|
? 0
|
|
23375
23383
|
: -1 }, this.isSelected(item.value) && (hAsync("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
|
|
23376
|
-
}))))), this.afMultipleItems && (hAsync("div", { key: '
|
|
23384
|
+
}))))), 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: () => {
|
|
23377
23385
|
this.setClosed(true);
|
|
23378
|
-
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), hAsync("div", { key: '
|
|
23386
|
+
}, 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)))))));
|
|
23379
23387
|
}
|
|
23380
23388
|
get hostElement() { return getElement(this); }
|
|
23381
23389
|
static get watchers() { return {
|
|
@@ -23436,6 +23444,7 @@ var DigiFormTextareaStyle0 = formTextareaCss;
|
|
|
23436
23444
|
* @enums FormTextareaVariation - form-textarea-variation.enum.ts
|
|
23437
23445
|
* @swedishName Textarea
|
|
23438
23446
|
* @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva textarea-elementet
|
|
23447
|
+
* @valueAccessor TextValueAccessor
|
|
23439
23448
|
*/
|
|
23440
23449
|
class FormTextarea {
|
|
23441
23450
|
constructor(hostRef) {
|
|
@@ -23557,10 +23566,10 @@ class FormTextarea {
|
|
|
23557
23566
|
this.afOnInput.emit(e);
|
|
23558
23567
|
}
|
|
23559
23568
|
render() {
|
|
23560
|
-
return (hAsync(Host, { key: '
|
|
23569
|
+
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
|
|
23561
23570
|
? 'true'
|
|
23562
|
-
: '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: '
|
|
23563
|
-
this.afValidation != FormTextareaValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: '
|
|
23571
|
+
: '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 &&
|
|
23572
|
+
this.afValidation != FormTextareaValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: 'baea13a3e9d6c7a762cce0f0296ee0dcb267ff9f', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
|
|
23564
23573
|
}
|
|
23565
23574
|
get hostElement() { return getElement(this); }
|
|
23566
23575
|
static get watchers() { return {
|
|
@@ -34670,7 +34679,7 @@ class TitleLogo {
|
|
|
34670
34679
|
};
|
|
34671
34680
|
}
|
|
34672
34681
|
render() {
|
|
34673
|
-
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: '
|
|
34682
|
+
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" }))));
|
|
34674
34683
|
}
|
|
34675
34684
|
get hostElement() { return getElement(this); }
|
|
34676
34685
|
static get style() { return DigiTitleLogoStyle0; }
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as o,g as t}from"./p-52e3bb32.js";import"./p-717306ef.js";import{T as l}from"./p-ee4cb21a.js";import"./p-a4a001e1.js";import"./p-cdf86efc.js";import"./p-ee9589e6.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5a602122.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-bc3d2778.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-24fe2189.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import{U as e}from"./p-cdcaf0eb.js";const g=class{constructor(o){i(this,o),this.handleWindowResize=()=>{this.titleLogoVariation=this.setLogoVariation(window.innerWidth)},this.isMobile=void 0,this.isTablet=void 0,this.titleLogoVariation=void 0,this.afAriaLabel=void 0,this.afLogoBreakpoint=void 0}setLogoVariation(i){return this.isMobile?l.MOBILE:(this.afLogoBreakpoint?i<this.afLogoBreakpoint:this.isTablet)?this.hasTwoRowLogoName?l.TWO_ROWS:l.ONE_ROW:this.hasOneRowLogoName?l.ONE_ROW:l.TWO_ROWS}componentWillLoad(){if(this.hasOneRowLogoName=!!this.hostElement.querySelector('[slot="logo-one-row"]'),this.hasTwoRowLogoName=!!this.hostElement.querySelector('[slot="logo-two-rows"]'),!this.hasOneRowLogoName&&!this.hasTwoRowLogoName)throw new Error("Du behöver ange minst en variant av logo-text")}componentDidLoad(){window&&(this.handleWindowResize(),window.addEventListener("resize",this.handleWindowResize,{passive:!0}))}disconnectedCallback(){window&&window.removeEventListener("resize",this.handleWindowResize)}handleBreakpointObserver(i){this.isMobile=i.detail.value===e.SMALL,this.isTablet=i.detail.value===e.MEDIUM}get cssModifiers(){return{"digi-title-logo--mobile":this.titleLogoVariation===l.MOBILE,"digi-title-logo--one-row":this.titleLogoVariation===l.ONE_ROW,"digi-title-logo--two-rows":this.titleLogoVariation===l.TWO_ROWS}}render(){return o("div",{key:"f2d92667466100ff385d2918a8396c95d32cb22c",class:Object.assign({"digi-title-logo":!0},this.cssModifiers)},o("digi-util-breakpoint-observer",{key:"d0a0692c5386725c0ce2fca5c4a6913b8710fa1c",onAfOnChange:i=>this.handleBreakpointObserver(i)}),o("div",{key:"a0a36fd875d4fc2d6874f53ae49ac2e9f17e273f",class:"digi-title-logo-symbol"},o("svg",{key:"79e60164315c41ee55ca1684e6ab1c8af5215ee9",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img"},o("path",{key:"7ba4435c4063372d18cd78cfe176f37e1d733018","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"}))),o("div",{key:"3994c7a05b180b03b86341cc68bf6b3f21b069d4",class:"digi-title-logo-name-wrapper"},o("slot",{key:"c5dba4a1f04be3a1eb6d6914ffb636ab6422d766",name:"logo-one-row"}),o("slot",{key:"bdca25c928462a4eab311ecc9a0142fe651fea20",name:"logo-two-rows"})))}get hostElement(){return t(this)}};g.style=".sc-digi-title-logo-h{display:block;--digi--title-logo-text-color:var(--digi--color--text--primary);--digi--title-logo-font-weight:var(--digi--global--typography--font-weight--bold);--digi--title-logo-font-size:var(--digi--typography--title-logo--font-size--mobile);--digi--title-logo-font-size-small:var(--digi--global--typography--font-size--large);--digi--title-logo-line-height-small:1.25rem;--digi--title-logo-symbol-color:var(--digi--color--logotype-color);--digi--title-logo-symbol-width:36px;--digi--title-logo-symbol-height:36px;--digi--title-logo-symbol-width-mobile:44px;--digi--title-logo-symbol-height-mobile:44px;--digi--title-logo-text-height:40px;--digi--title-logo-border-width:var(--digi--global--border-width--base);--digi--title-logo-vertical-padding:1.375rem;--digi--title-logo-gap:9px}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;align-items:center;padding:var(--digi--title-logo-vertical-padding) 0}@media (min-width: 48rem){.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo{--digi--title-logo-vertical-padding:1.5rem}}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo{height:var(--digi--title-logo-symbol-height);width:var(--digi--title-logo-symbol-width);display:flex;flex-shrink:0;align-items:center}.sc-digi-title-logo-h .digi-title-logo-symbol.sc-digi-title-logo svg.sc-digi-title-logo{fill:var(--digi--title-logo-symbol-color)}.sc-digi-title-logo-h .digi-title-logo-name-wrapper.sc-digi-title-logo{color:var(--digi--title-logo-text-color);display:flex;flex-direction:column;justify-content:center;height:var(--digi--title-logo-text-height);border-left:var(--digi--title-logo-border-width) solid;margin-left:var(--digi--title-logo-gap);padding-left:var(--digi--title-logo-gap);font-weight:var(--digi--title-logo-font-weight);font-size:var(--digi--title-logo-font-size)}.sc-digi-title-logo-h .digi-title-logo.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo .sc-digi-title-logo-s>[slot=logo-two-rows]{display:flex;flex-direction:column;font-size:var(--digi--title-logo-font-size-small);line-height:var(--digi--title-logo-line-height-small)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo{--digi--title-logo-symbol-height:var(--digi--title-logo-symbol-height-mobile);--digi--title-logo-symbol-width:var(--digi--title-logo-symbol-width-mobile)}.sc-digi-title-logo-h .digi-title-logo--mobile.sc-digi-title-logo .digi-title-logo-name-wrapper.sc-digi-title-logo{display:none}.sc-digi-title-logo-h .digi-title-logo--one-row.sc-digi-title-logo-s>[slot=logo-two-rows],.sc-digi-title-logo-h .digi-title-logo--one-row .sc-digi-title-logo-s>[slot=logo-two-rows]{display:none}.sc-digi-title-logo-h .digi-title-logo--two-rows.sc-digi-title-logo-s>[slot=logo-one-row],.sc-digi-title-logo-h .digi-title-logo--two-rows .sc-digi-title-logo-s>[slot=logo-one-row]{display:none}";export{g as digi_title_logo}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as r,H as o,g as s}from"./p-52e3bb32.js";import{r as n}from"./p-ffe5c0e8.js";import{a,F as d}from"./p-88b4d03a.js";import{F as e,b as u,a as h}from"./p-1f956af8.js";const g=class{constructor(r){i(this,r),this.afOnChange=t(this,"afOnChange",7),this.afOnBlur=t(this,"afOnBlur",7),this.afOnKeyup=t(this,"afOnKeyup",7),this.afOnFocus=t(this,"afOnFocus",7),this.afOnFocusout=t(this,"afOnFocusout",7),this.afOnInput=t(this,"afOnInput",7),this.afOnDirty=t(this,"afOnDirty",7),this.afOnTouched=t(this,"afOnTouched",7),this.afOnReady=t(this,"afOnReady",3),this.hasActiveValidationMessage=!1,this.hasButton=void 0,this.dirty=!1,this.touched=!1,this.afLabel=void 0,this.afLabelDescription=void 0,this.afType=a.TEXT,this.afInputmode=e.DEFAULT,this.afButtonVariation=d.PRIMARY,this.afAutofocus=void 0,this.afVariation=u.MEDIUM,this.afName=void 0,this.afId=n("digi-form-input"),this.afMaxlength=void 0,this.afMinlength=void 0,this.afRequired=void 0,this.afRequiredText=void 0,this.afAnnounceIfOptional=!1,this.afAnnounceIfOptionalText=void 0,this.value=void 0,this.afValue=void 0,this.afValidation=h.NEUTRAL,this.afValidationText=void 0,this.afRole=void 0,this.afAutocomplete=void 0,this.afMin=void 0,this.afMax=void 0,this.afList=void 0,this.afStep=void 0,this.afDirname=void 0,this.afAriaAutocomplete=void 0,this.afAriaActivedescendant=void 0,this.afAriaLabelledby=void 0,this.afAriaDescribedby=void 0,this.afAriaControls=void 0,this.afTrimValue=void 0,this.afErrorMessageIsAlert=!0}onValueChanged(i){this.afValue=i}onAfValueChanged(i){this.value=i,this._input&&this._input.value!==String(null!=i?i:"")&&(this._input.value=String(null!=i?i:""))}get errorMessageIsAlert(){return!1!==this.afErrorMessageIsAlert&&"false"!==this.afErrorMessageIsAlert}afValidationTextWatch(){this.setActiveValidationMessage()}async afMGetFormControlElement(){return this._input}focusOnInput(){this._input.focus()}componentWillLoad(){this.afValue?this.value=this.afValue:this.afValue=this.value,this.setActiveValidationMessage(),this.setHasButton()}componentWillUpdate(){this.setHasButton()}componentDidLoad(){this.afOnReady.emit()}setActiveValidationMessage(){this.hasActiveValidationMessage=!!this.afValidationText}get cssModifiers(){return{"digi-form-input--small":this.afVariation===u.SMALL,"digi-form-input--medium":this.afVariation===u.MEDIUM,"digi-form-input--large":this.afVariation===u.LARGE,"digi-form-input--neutral":this.afValidation===h.NEUTRAL,"digi-form-input--success":this.afValidation===h.SUCCESS,"digi-form-input--error":this.afValidation===h.ERROR,"digi-form-input--warning":this.afValidation===h.WARNING,[`digi-form-input--button-variation-${this.afButtonVariation}`]:!!this.afButtonVariation,[`digi-form-input--has-button-${this.hasButton}`]:!0,"digi-form-input--empty":!(this.afValue||this.afValidation&&this.afValidation!==h.NEUTRAL)}}blurHandler(i){if(this.afTrimValue&&[a.TEXT,a.EMAIL,a.SEARCH,a.TEL,a.URL].includes(this.afType)&&"string"==typeof i.target.value){const t=i.target.value.trim();t!==i.target.value&&(this.afValue=this.value=t,this._input&&(this._input.value=t),this.afOnInput.emit(i))}this.touched||(this.afOnTouched.emit(i),this.touched=!0),this.afOnBlur.emit(i)}changeHandler(i){this.setActiveValidationMessage(),this.afOnChange.emit(i)}focusHandler(i){this.afOnFocus.emit(i)}focusoutHandler(i){this.afOnFocusout.emit(i)}keyupHandler(i){this.afOnKeyup.emit(i)}inputHandler(i){this.afValue=this.value=this.afType===a.NUMBER?parseFloat(i.target.value):i.target.value,this.dirty||(this.afOnDirty.emit(i),this.dirty=!0),this.setActiveValidationMessage(),this.afOnInput.emit(i)}setHasButton(){this.hasButton=!!this.hostElement.querySelector('[slot="button"]')}render(){return r(o,{key:"edfa7d318ef191105c367521ba881a2e289643d5",tabindex:-1},r("div",{key:"eb370a2b2143889c40213d9ae80af72c5921003f",class:Object.assign({"digi-form-input":!0},this.cssModifiers)},r("digi-form-label",{key:"9a638bca403fc427ec22b2df46a77fbbe273574c",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}),r("div",{key:"514ab5626cb7b727d731da43f21791e103f05426",class:"digi-form-input__input-wrapper"},r("input",Object.assign({key:"ea37a8d6805e97a0ce7e2c28a3188412c8d173af",class:"digi-form-input__input",ref:i=>this._input=i,onBlur:i=>this.blurHandler(i),onChange:i=>this.changeHandler(i),onFocus:i=>this.focusHandler(i),onFocusout:i=>this.focusoutHandler(i),onKeyUp:i=>this.keyupHandler(i),onInput:i=>this.inputHandler(i),"aria-activedescendant":this.afAriaActivedescendant,"aria-describedby":`${this.afAriaDescribedby} ${this.afId}--validation-message`,"aria-labelledby":this.afAriaLabelledby,"aria-autocomplete":this.afAriaAutocomplete,"aria-invalid":this.afValidation===h.ERROR?"true":"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==e.DEFAULT?{}:{inputmode:this.afInputmode})),r("slot",{key:"fc3d74a5d12951182755844d8c96bc24a6168c4b",name:"button"})),r("div",{key:"7bf5e98956f79b65cca266ae14c631cd064f9459",class:"digi-form-input__footer"},r("div",{key:"8054bea430637a7013ecf554550b37f2b29877d2",class:"digi-form-input__validation","aria-atomic":"true",role:this.errorMessageIsAlert?"alert":null,id:`${this.afId}--validation-message`},this.hasActiveValidationMessage&&this.afValidation!=h.NEUTRAL&&r("digi-form-validation-message",{key:"751b58df8dcdb4e1132d26125047ff72d8e74574",class:"digi-form-input__validation-message","af-variation":this.afValidation},this.afValidationText)))))}get hostElement(){return s(this)}static get watchers(){return{value:["onValueChanged"],afValue:["onAfValueChanged"],afValidationText:["afValidationTextWatch"]}}};g.style=".sc-digi-form-input-h{--digi--form-input--height--small:var(--digi--input-height--small);--digi--form-input--height--medium:var(--digi--input-height--medium);--digi--form-input--height--large:var(--digi--input-height--large);--digi--form-input--border-radius:var(--digi--border-radius--input);--digi--form-input--padding:0 var(--digi--gutter--medium);--digi--form-input--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-input--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-input--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-input--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-input--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-input--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-input--border--error:var(--digi--border-width--input-validation) solid;--digi--form-input--border--success:var(--digi--border-width--input-validation) solid;--digi--form-input--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-input--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-input--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-input--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-input--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-input-h .digi-form-input.sc-digi-form-input{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-input-h .digi-form-input--small.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--small)}.sc-digi-form-input-h .digi-form-input--medium.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--medium)}.sc-digi-form-input-h .digi-form-input--large.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--large)}.sc-digi-form-input-h .digi-form-input--neutral.sc-digi-form-input{--BORDER:var(--digi--form-input--border--neutral);--BORDER-COLOR:var(--digi--form-input--border-color--neutral);--BACKGROUND:var(--digi--form-input--background--neutral)}.sc-digi-form-input-h .digi-form-input--empty.sc-digi-form-input:not(:focus-within){--BACKGROUND:var(--digi--form-input--background--empty)}.sc-digi-form-input-h .digi-form-input--success.sc-digi-form-input{--BORDER:var(--digi--form-input--border--success);--BORDER-COLOR:var(--digi--form-input--border-color--success);--BACKGROUND:var(--digi--form-input--background--success)}.sc-digi-form-input-h .digi-form-input--warning.sc-digi-form-input{--BORDER:var(--digi--form-input--border--warning);--BORDER-COLOR:var(--digi--form-input--border-color--warning);--BACKGROUND:var(--digi--form-input--background--warning)}.sc-digi-form-input-h .digi-form-input--error.sc-digi-form-input{--BORDER:var(--digi--form-input--border--error);--BORDER-COLOR:var(--digi--form-input--border-color--error);--BACKGROUND:var(--digi--form-input--background--error)}.digi-form-input__input-wrapper.sc-digi-form-input{position:relative;display:flex}.digi-form-input__input-wrapper.sc-digi-form-input-s>[slot^=button] button,.digi-form-input__input-wrapper .sc-digi-form-input-s>[slot^=button] button{--MIN-HEIGHT:100%}.digi-form-input--button-variation-primary .digi-form-input__input-wrapper.sc-digi-form-input-s>[slot^=button] button,.digi-form-input__input-wrapper .sc-digi-form-input-s>[slot^=button] button{border-start-start-radius:0;border-end-start-radius:0}.digi-form-input--button-variation-secondary.digi-form-input--has-button-true.sc-digi-form-input .digi-form-input__input-wrapper.sc-digi-form-input{gap:var(--digi--gutter--medium);flex-wrap:wrap}.digi-form-input__input.sc-digi-form-input{flex:1;height:var(--HEIGHT);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-input--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-input--border-radius);box-sizing:border-box}.digi-form-input__input.sc-digi-form-input:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-input--button-variation-primary.digi-form-input--has-button-true.sc-digi-form-input .digi-form-input__input.sc-digi-form-input{border-end-end-radius:0;border-start-end-radius:0}";export{g as digi_form_input}
|