@designsystem-se/af 35.2.1-beta.1 → 35.2.1-beta.3

package/components/{p-0dd35954.js → p-d0470b9a.js}

@@ -3,17 +3,17 @@ import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { d as detectClickOutside } from './p-430607cb.js';
 import { d as detectFocusOutside } from './p-ee33960b.js';
 import { l as logger } from './p-e3d2e899.js';
-import { _ as _t } from './p-08cf2c0e.js';
-import { d as defineCustomElement$b } from './p-98765f91.js';
-import { d as defineCustomElement$a } from './p-05a97800.js';
-import { d as defineCustomElement$9 } from './p-49a67d97.js';
-import { d as defineCustomElement$8 } from './p-be3cec41.js';
-import { d as defineCustomElement$7 } from './p-b54d76b7.js';
-import { d as defineCustomElement$6 } from './p-1e698eb3.js';
-import { d as defineCustomElement$5 } from './p-bd19f8cd.js';
-import { d as defineCustomElement$4 } from './p-e795bd84.js';
-import { d as defineCustomElement$3 } from './p-522414d8.js';
-import { d as defineCustomElement$2 } from './p-f1059907.js';
+import { _ as _t } from './p-903a27d9.js';
+import { d as defineCustomElement$b } from './p-a27dc6a3.js';
+import { d as defineCustomElement$a } from './p-143dffff.js';
+import { d as defineCustomElement$9 } from './p-a6001e50.js';
+import { d as defineCustomElement$8 } from './p-180dcdc1.js';
+import { d as defineCustomElement$7 } from './p-57d59cdd.js';
+import { d as defineCustomElement$6 } from './p-97bea754.js';
+import { d as defineCustomElement$5 } from './p-29c225d0.js';
+import { d as defineCustomElement$4 } from './p-aa4711fc.js';
+import { d as defineCustomElement$3 } from './p-e9b3ee0d.js';
+import { d as defineCustomElement$2 } from './p-a811f765.js';
 import { d as defineCustomElement$1 } from './p-a223734b.js';
 import { r as requiredArgs, t as toDate, i as isValid } from './p-7aacd45f.js';
 
@@ -88,15 +88,11 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
         this.afOnFocusOutside = createEvent(this, "afOnFocusOutside", 7);
         this.afOnClickOutside = createEvent(this, "afOnClickOutside", 7);
         this.afOnDirty = createEvent(this, "afOnDirty", 7);
-        var _a;
-        this.locale = ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.lang) || 'sv-SE';
-        this.activeCalendar = [];
-        this.months = [];
         this.selectedDates = [];
         this.focusedDate = undefined;
         this.dirty = false;
         this.afId = randomIdGenerator('digi-calendar');
-        this.afInitFocusDate = undefined;
+        this.afOpenCalendarTo = undefined;
         this.afShowWeekNumber = false;
         this.afSelectedDate = undefined;
         this.afSelectedDates = [];
@@ -105,6 +101,13 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
         this.afMaxDate = undefined;
         this.afMultipleDates = false;
         this.afYearSelect = false;
+        this.activeCalendar = [];
+    }
+    focusedDateChanged() {
+        this.drawCalendar(this.focusedDate);
+    }
+    afOpenCalendarToChangeHandler() {
+        this.determineFocusedDate();
     }
     afSelectedDateChangeHandler() {
         this.afSelectedDates = isValid(this.afSelectedDate)
@@ -117,24 +120,12 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
                 const invalidDate = this.afSelectedDates.find((date) => !isValid(date));
                 if (invalidDate === undefined) {
                     this.selectedDates = this.afSelectedDates;
-                    if (this.afInitFocusDate && isValid(this.afInitFocusDate)) {
-                        this.focusedDate = this.afInitFocusDate;
-                    }
-                    else {
-                        this.focusedDate = new Date(this.afSelectedDates
-                            .slice()
-                            .sort((a, b) => a.getTime() - b.getTime())[0]);
-                    }
+                    this.determineFocusedDate();
                 }
             }
             else if (isValid(this.afSelectedDates[0])) {
                 this.selectedDates = [this.afSelectedDates[0]];
-                if (this.afInitFocusDate && isValid(this.afInitFocusDate)) {
-                    this.focusedDate = this.afInitFocusDate;
-                }
-                else {
-                    this.focusedDate = new Date(this.afSelectedDates[0]);
-                }
+                this.determineFocusedDate();
             }
         }
         else {
@@ -155,6 +146,20 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
             this.afOnClickOutside.emit(e);
         }
     }
+    determineFocusedDate() {
+        if (this.dirty) {
+            return; // Don't change focused date if user has already interacted with the calendar
+        }
+        else if (this.afOpenCalendarTo && isValid(this.afOpenCalendarTo)) {
+            this.focusedDate = this.afOpenCalendarTo;
+        }
+        else if (this.selectedDates.length > 0) {
+            this.focusedDate = this.selectedDates[0];
+        }
+        else {
+            this.focusedDate = new Date();
+        }
+    }
     drawCalendar(focusedDate) {
         const date = {
             year: focusedDate.getFullYear(),
@@ -164,20 +169,6 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
         this.firstWeekOfNextMonth = this.getWeekDays(this.getFirstDayOfNextMonth(date));
         this.weeksBetween = this.getWeeksBetween(this.getLastDayOfPrevMonth(date), this.getFirstDayOfNextMonth(date));
         this.weekDaysbetween = this.getWeekdaysOfMonth(this.weeksBetween);
-        this.months = [
-            'januari',
-            'februari',
-            'mars',
-            'april',
-            'maj',
-            'juni',
-            'juli',
-            'augusti',
-            'september',
-            'oktober',
-            'november',
-            'december'
-        ];
         this.activeCalendar = this.appendFirstWeekOfNextMonth()
             ? [
                 this.lastWeekOfPreviousMonth,
@@ -208,10 +199,9 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
     getWeekDays(date) {
         const today = date || new Date();
         const week = [];
+        const dayOffset = today.getDay(); // 0=söndag
         for (let i = 1; i <= 7; i++) {
-            const first = today.getDate() - today.getDay() + i;
-            const day = new Date(today.setDate(first));
-            week.push(day);
+            week.push(new Date(today.getFullYear(), today.getMonth(), today.getDate() - dayOffset + i));
         }
         return week;
     }
@@ -262,13 +252,13 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
     }
     getMonthName(monthNumber) {
         return new Date(1992, monthNumber, 1)
-            .toLocaleDateString(this.locale, {
+            .toLocaleDateString(_t.locale, {
             month: 'short'
         })
             .replace('.', '');
     }
     getFullMonthName(monthNumber) {
-        return new Date(this.focusedDate.getFullYear(), monthNumber, 1).toLocaleDateString(this.locale, {
+        return new Date(this.focusedDate.getFullYear(), monthNumber, 1).toLocaleDateString(_t.locale, {
             month: 'long',
             year: 'numeric'
         });
@@ -393,8 +383,8 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
         if (this.dirty) {
             return this.isSameDate(date, this.focusedDate);
         }
-        if (this.afInitFocusDate) {
-            return this.isSameDate(date, this.afInitFocusDate);
+        if (this.afOpenCalendarTo) {
+            return this.isSameDate(date, this.afOpenCalendarTo);
         }
         return this.isSameMonth(date, new Date())
             ? this.isSameDate(date, new Date())
@@ -415,14 +405,14 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
         const lastDayOfSelectedMonth = new Date(tempDate.getFullYear(), selectedMonth + 1, 0).getDate();
         tempDate.setDate(Math.min(currentDay, lastDayOfSelectedMonth));
         this.focusedDate = tempDate;
-        this.drawCalendar(this.focusedDate);
     }
     selectYear(evt) {
         this.onDirty();
-        const tempDate = this.focusedDate;
-        tempDate.setFullYear(evt.target.value);
-        this.focusedDate = tempDate;
-        this.drawCalendar(this.focusedDate);
+        const selectedYear = parseInt(evt.target.value, 10);
+        // Skydda mot ogiltiga datum som 29 februari
+        const day = Math.min(this.focusedDate.getDate(), new Date(selectedYear, this.focusedDate.getMonth() + 1, 0).getDate());
+        const newDate = new Date(selectedYear, this.focusedDate.getMonth(), day);
+        this.focusedDate = newDate;
     }
     earliestSelectableYear() {
         if (this.afMinDate)
@@ -452,20 +442,7 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
             if (valid.length > 0)
                 this.selectedDates = valid;
         }
-        if (this.afInitFocusDate && isValid(this.afInitFocusDate)) {
-            this.focusedDate = this.afInitFocusDate;
-        }
-        else if (this.selectedDates.length > 0) {
-            this.focusedDate = this.selectedDates
-                .slice()
-                .sort((a, b) => a.getTime() - b.getTime())[0];
-        }
-        else {
-            this.focusedDate = new Date();
-        }
-        this.drawCalendar(this.focusedDate);
-    }
-    componentWillUpdate() {
+        this.determineFocusedDate();
         this.drawCalendar(this.focusedDate);
     }
     async componentDidLoad() {
@@ -486,18 +463,18 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
         };
     }
     render() {
-        return (h("div", { key: 'a65aa1b63553ff82c432a81fa9fd9821b88a39ab', class: {
+        return (h("div", { key: '2951c3cb75fbace29267998e7e17ed48fd7c934f', class: {
                 'digi-calendar': true,
                 'digi-calendar--hide': !this.afActive
-            }, id: `${this.afId}-calendar` }, this.afYearSelect && (h("div", { key: '9cdea2a354a094a7dbe68bc7dd796143ed21acb6', class: "digi-calendar__header" }, h("div", { key: '3731070e6c432b2bed6985034db41b141a27214e', class: "digi-calendar__header--year-select" }, h("digi-form-select", { key: '06e3d06b3ef6d7ad262f9eeb927a12167ca8a48b', afLabel: "M\u00E5nad", "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
+            }, id: `${this.afId}-calendar` }, this.afYearSelect && (h("div", { key: '0afa63be62669edd3ecef28953711892810a308b', class: "digi-calendar__header" }, h("div", { key: '37d19ca99a173d0195179a361d7460c18e3e75db', class: "digi-calendar__header--year-select" }, h("digi-form-select", { key: '6c5cde1508e7948b675d4495190f04a69c321570', afLabel: _t.calendar.month, "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
                 this.selectMonth(evt);
-            } }, this.months.map((month, index) => {
+            } }, _t.calendar.months.map((month, index) => {
             return h("option", { value: index }, month);
-        })), h("digi-form-select", { key: '60bde04287db50b5d887ddcb31839f1fe159b09a', afLabel: "\u00C5r", "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
+        })), h("digi-form-select", { key: '2ac58393e542efb8dab01da4aa3367107646f524', afLabel: _t.calendar.year, "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
                 this.selectYear(evt);
-            } }, this.allSelectableYears().map((year) => (h("option", { value: year.toString() }, year))))))), !this.afYearSelect && (h("div", { key: '75b68570a03ee6f921a4b36f3fa08d6c7b52c277', class: "digi-calendar__header" }, h("div", { key: 'c4a4f28576b93368e1eca7a0fab5f88866b98cf7', class: "digi-calendar__header--month-step" }, h("button", { key: '69058f8bd1eff3d2e54a6436c36e5c4b8441422e', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() - 1) +
-                ', föregående månad', onClick: () => this.subtractMonth() }, h("digi-icon-chevron-left", { key: 'af76697caee12f4f88920cd0fdb869b02f2b9ce5', slot: "icon", "aria-hidden": "true" }), h("span", { key: '6a0692868882f344f0a32f9d73c0c0a0ddd2b826', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() - 1))), h("div", { key: '9224acc84fc325ff9d15dbfc8a9dd6592f11e9f8', class: "digi-calendar__month" }, this.getFullMonthName(this.focusedDate.getMonth())), h("button", { key: '15346caa9359c8eed3c14315b7fd862ed4786bf6', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() + 1) +
-                ', nästa månad', onClick: () => this.addMonth() }, h("span", { key: '69046c2421fc47d7e840ce79a30ea201846872b1', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() + 1)), h("digi-icon-chevron-right", { key: '0c08338d76c0137d4a001cef22d2eff8d8b347ea', slot: "icon", "aria-hidden": "true" }))))), h("digi-util-keydown-handler", { key: 'f49051c6fe7d5f9aa922988a681c6fc6ed981ff8', onAfOnDown: (e) => this.navigateHandler(e, 7), onAfOnUp: (e) => this.navigateHandler(e, -7), onAfOnLeft: (e) => this.navigateHandler(e, -1), onAfOnRight: (e) => this.navigateHandler(e, 1) }, h("table", { key: 'e1b09f2fb0c93c46804dfce34ac2e9e367a9d79d', role: "grid", class: "digi-calendar__table" }, h("thead", { key: 'bc8915a5cbf3093cab17fb2778f892e1fd099d9a' }, h("tr", { key: '1b72c4136c864d3af56b1ab9db8b2963a7b0fbca', role: "row" }, this.afShowWeekNumber && (h("th", { key: 'ab422d5c5e5a23b9debdb9225a53430d4f8ec302', role: "columnheader", abbr: _t.calendar.week, class: "digi-calendar__table-header-week" }, _t.calendar.week.toLowerCase())), Object.keys(_t.calendar.weekdays).map((day) => (h("th", { role: "columnheader", "aria-label": _t.calendar.weekdays[day], abbr: _t.calendar.weekdays[day], class: "digi-calendar__table-header" }, _t.calendar.weekdays_short[day].toLowerCase()))))), h("tbody", { key: 'af2273dae429b8d3d67f5df853d49f6508fe8f41', ref: (el) => (this._tbody = el) }, this.activeCalendar.map((week) => {
+            } }, this.allSelectableYears().map((year) => (h("option", { value: year.toString() }, year))))))), !this.afYearSelect && (h("div", { key: '0c715aeece50ada4c13173e95a431b4bf3b2d584', class: "digi-calendar__header" }, h("div", { key: '7183e490dbfe41f705b06e525907c63a11d13c7d', class: "digi-calendar__header--month-step" }, h("button", { key: '1ac729938041d87ee0a2588211c09ff8eaedafae', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() - 1) +
+                ', ' + _t.calendar.previousMonth, onClick: () => this.subtractMonth() }, h("digi-icon-chevron-left", { key: '2fc849f377c0d817d2c03b2f365f5f35ae2ae422', slot: "icon", "aria-hidden": "true" }), h("span", { key: '9a454f6a75c8525d0559013f420083461e59e38c', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() - 1))), h("div", { key: 'fe11bd1a3e7fe57152136e6cd05763735d64c164', class: "digi-calendar__month" }, this.getFullMonthName(this.focusedDate.getMonth())), h("button", { key: '1b46134446f5fb21be57b3d9b492a227c732aded', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() + 1) +
+                ', ' + _t.calendar.nextMonth, onClick: () => this.addMonth() }, h("span", { key: '07efeb5a1b3341814e6a9fd3cbe9c81fdf8d55fb', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() + 1)), h("digi-icon-chevron-right", { key: 'f16b49b2d05d06a928b944f515b9706d21a860d7', slot: "icon", "aria-hidden": "true" }))))), h("digi-util-keydown-handler", { key: 'dc86ed3df6e5f70384b9e2ada473f4af2a11ccca', onAfOnDown: (e) => this.navigateHandler(e, 7), onAfOnUp: (e) => this.navigateHandler(e, -7), onAfOnLeft: (e) => this.navigateHandler(e, -1), onAfOnRight: (e) => this.navigateHandler(e, 1) }, h("table", { key: 'f493df85506b3482066bc542e19630311180d224', role: "grid", class: "digi-calendar__table" }, h("thead", { key: 'b2f33f1dc3b75c4406df209e0cd37ff6e915dfa4' }, h("tr", { key: '74baa5b744116ad187f5cb04ff5b160117698adc', role: "row" }, this.afShowWeekNumber && (h("th", { key: '4cd7f3261eb3fb270a0299a23f4ced5d21301270', role: "columnheader", abbr: _t.calendar.week, class: "digi-calendar__table-header-week" }, _t.calendar.week.toLowerCase())), Object.keys(_t.calendar.weekdays).map((day) => (h("th", { role: "columnheader", "aria-label": _t.calendar.weekdays[day], abbr: _t.calendar.weekdays[day], class: "digi-calendar__table-header" }, _t.calendar.weekdays_short[day].toLowerCase()))))), h("tbody", { key: '40266516692ee0a3b67781ff51881bf71fa325ba', ref: (el) => (this._tbody = el) }, this.activeCalendar.map((week) => {
             return (h("tr", null, week.map((day, i) => {
                 if (this.afShowWeekNumber && i === 0) {
                     return (h("th", { role: "rowheader", "aria-label": _t.calendar.week + ' ' + day, class: "digi-calendar__td-week digi-calendar__date--week-number", id: 'digi-calendar__week-' + day }, day));
@@ -512,16 +489,18 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
                             : null }, h("span", { "aria-hidden": "true" }, day.getDate()))));
                 }
             })));
-        })))), h("slot", { key: '081dffb3256ce8febd43fc0842bed7bee26cd228', name: "calendar-footer" })));
+        })))), h("slot", { key: 'a1d6061116378a7f60fbc8d779999db45cf04b86', name: "calendar-footer" })));
     }
     static get watchers() { return {
+        "focusedDate": ["focusedDateChanged"],
+        "afOpenCalendarTo": ["afOpenCalendarToChangeHandler"],
         "afSelectedDate": ["afSelectedDateChangeHandler"],
         "afSelectedDates": ["afSelectedDatesChangeHandler"]
     }; }
     static get style() { return DigiCalendarStyle0; }
 }, [6, "digi-calendar", {
         "afId": [1, "af-id"],
-        "afInitFocusDate": [16],
+        "afOpenCalendarTo": [16],
         "afShowWeekNumber": [4, "af-show-week-number"],
         "afSelectedDate": [16],
         "afSelectedDates": [16],
@@ -532,8 +511,11 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
         "afYearSelect": [4, "af-year-select"],
         "selectedDates": [32],
         "focusedDate": [32],
-        "dirty": [32]
+        "dirty": [32],
+        "activeCalendar": [32]
     }, [[4, "focusin", "focusoutHandler"], [8, "click", "clickHandler"]], {
+        "focusedDate": ["focusedDateChanged"],
+        "afOpenCalendarTo": ["afOpenCalendarToChangeHandler"],
         "afSelectedDate": ["afSelectedDateChangeHandler"],
         "afSelectedDates": ["afSelectedDatesChangeHandler"]
     }]);

package/components/{p-ee1fd6ad.js → p-d2b14c95.js}

@@ -50,12 +50,12 @@ import './p-a6ca40fc.js';
 import './p-b0e88537.js';
 import './p-cdcaf0eb.js';
 import { d as defineCustomElement$7 } from './p-4a9363d9.js';
-import { d as defineCustomElement$6 } from './p-2839514b.js';
-import { d as defineCustomElement$5 } from './p-de5a26e5.js';
-import { d as defineCustomElement$4 } from './p-6bc2f864.js';
-import { d as defineCustomElement$3 } from './p-2d6d5d42.js';
-import { d as defineCustomElement$2 } from './p-cc72fc59.js';
-import { d as defineCustomElement$1 } from './p-c3f7a643.js';
+import { d as defineCustomElement$6 } from './p-51b0afaa.js';
+import { d as defineCustomElement$5 } from './p-2a7cc47f.js';
+import { d as defineCustomElement$4 } from './p-417c39c4.js';
+import { d as defineCustomElement$3 } from './p-6bfab447.js';
+import { d as defineCustomElement$2 } from './p-6f63c244.js';
+import { d as defineCustomElement$1 } from './p-94500ceb.js';
 
 const notificationAlertCss = ".sc-digi-notification-alert-h{--digi--notification-alert--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--notification-alert--heading--font-size:var(--digi--typography--heading-3--font-size--desktop);--digi--notification-alert--heading--font-size--large:var(--digi--typography--heading-3--font-size--desktop-large);--digi--notification-alert--icon--padding--large:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--medium:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--small:var(--digi--gutter--large);--digi--notification-alert--icon--width--large:2.25rem;--digi--notification-alert--icon--width--medium:1.4375rem;--digi--notification-alert--icon--width--small:1.4375rem;--digi--notification-alert--max-width--large:100%;--digi--notification-alert--max-width--medium:31.25rem;--digi--notification-alert--max-width--small:18.75rem;--digi--notification-alert--border--informative:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--info);--digi--notification-alert--icon--color--informative:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--informative:var(--digi--color--background--sentiment--info--primary);--digi--notification-alert--border--success:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--success);--digi--notification-alert--icon--color--success:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--success:var(--digi--color--background--sentiment--success--primary);--digi--notification-alert--border--warning:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);--digi--notification-alert--icon--color--warning:var(--digi--color--icon--primary);--digi--notification-alert--icon--background--warning:var(--digi--color--background--sentiment--warning--primary);--digi--notification-alert--border--danger:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);--digi--notification-alert--icon--color--danger:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--danger:var(--digi--color--background--sentiment--error--primary)}.sc-digi-notification-alert-h .digi-notification-alert.sc-digi-notification-alert{position:relative;max-width:var(--MAX-WIDTH)}.sc-digi-notification-alert-h .digi-notification-alert--variation-info.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--informative);--ICON--COLOR:var(--digi--notification-alert--icon--color--informative);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--informative)}.sc-digi-notification-alert-h .digi-notification-alert--variation-success.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--success);--ICON--COLOR:var(--digi--notification-alert--icon--color--success);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--success)}.sc-digi-notification-alert-h .digi-notification-alert--variation-danger.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--danger);--ICON--COLOR:var(--digi--notification-alert--icon--color--danger);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--danger)}.sc-digi-notification-alert-h .digi-notification-alert--variation-warning.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--warning);--ICON--COLOR:var(--digi--notification-alert--icon--color--warning);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--warning)}.sc-digi-notification-alert-h .digi-notification-alert--size-large.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--large);--ICON--PADDING:var(--digi--notification-alert--icon--padding--large);--ICON--WIDTH:var(--digi--notification-alert--icon--width--large)}.sc-digi-notification-alert-h .digi-notification-alert--size-medium.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--medium);--ICON--PADDING:var(--digi--notification-alert--icon--padding--medium);--ICON--WIDTH:var(--digi--notification-alert--icon--width--medium)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--small);--ICON--PADDING:var(--digi--notification-alert--icon--padding--small);--ICON--WIDTH:var(--digi--notification-alert--icon--width--small)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert .digi-notification-alert__close-button__text.sc-digi-notification-alert{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;justify-content:space-between;flex-direction:row-reverse}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__text.sc-digi-notification-alert{padding-right:0}.sc-digi-notification-alert-h .digi-notification-alert__layout.sc-digi-notification-alert{display:flex;align-items:stretch;gap:0}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert{background:var(--ICON--BACKGROUND);padding:var(--ICON--PADDING);display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--icon--width:var(--ICON--WIDTH);--digi--icon--color:var(--ICON--COLOR)}.sc-digi-notification-alert-h .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;border:var(--BORDER);background-color:var(--digi--color--background--primary);border-left:none;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__text.sc-digi-notification-alert{padding:var(--digi--gutter--largest)}.sc-digi-notification-alert-h .digi-notification-alert__close-button.sc-digi-notification-alert{--digi--button--color--function:var(--digi--color--text--primary);--digi--button--color--function--hover:var(--digi--color--text--primary)}@media screen and (max-width: 47.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__close-button__text.sc-digi-notification-alert{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--notification-alert--heading--font-size);font-weight:var(--digi--notification-alert--heading--font-weight);color:var(--digi--color--text--primary);margin:0;display:block}@media (min-width: 61.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-size:var(--digi--notification-alert--heading--font-size--large)}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert:focus{outline:none}.sc-digi-notification-alert-h .digi-notification-alert__content.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--typography--max-width:var(--MAX-WIDTH);--digi--typography--margin-top--text:var(--digi--gutter--small)}.sc-digi-notification-alert-h .icon-wrapper.sc-digi-notification-alert{align-items:stretch}.sc-digi-notification-alert-h .main-wrapper.sc-digi-notification-alert{flex:1}";
 const DigiNotificationAlertStyle0 = notificationAlertCss;
@@ -108,8 +108,8 @@ const NotificationAlert = /*@__PURE__*/ proxyCustomElement(class NotificationAle
         }
     }
     render() {
-        return (h("div", { key: '871cb3f4c67efc6195f6c69396053a393040f07f', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '8181c5c4f7fb08faf85854ab198e5cf94001b06b', class: "digi-notification-alert__layout" }, h("div", { key: '1a2b93deb9e97fdc59378ec514682f2709c13f17', class: "icon-wrapper" }, h("div", { key: 'e12811735d7b8785e1954b7de094abfceb9ccf13', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '4cf5b0fa5006b62555a05c1760d245c43efb173e', class: "main-wrapper" }, h("div", { key: '097c5ed4537643c5834b9443a2b5df64f5ea83c7', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'eb8e4fa10925737b5aa5f302b1d261d597b7e6b1', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '138f627776040f3ca6f67ea955ab029c41bacb21', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '29f87e120d5d1349b50567e774a3c1730c00da0b', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '4b9d8d8a50fff03ee2191d1892ed2addc68edf71', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '67ad03f173afebe5f04cc03ad081655a889cbe3a', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'f2441e049b02db3c7dbb52f3b2bd245abfdf11ca', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'a91a180491a469141d943b9ef0f37457ca1d5207', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'ed156dbb099dab6c596e8f8f8cd1f614ae6fdd0e' })))))))));
+        return (h("div", { key: 'b1755e485968d9dce523bcbbaa65d177f5c84a93', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: 'f2a7a319500d1c50f4505939c820cd698ab3e1e6', class: "digi-notification-alert__layout" }, h("div", { key: '9e373fb47db78aac04f39ae58f5ee2a2e170ad5e', class: "icon-wrapper" }, h("div", { key: '34f7c4b362546d7c54581274b7f5b3e6c2ec553d', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '60b25ea1d89105fe7eab607e7cf398de7734c60f', class: "main-wrapper" }, h("div", { key: '5558f420c32210212b4b80ba4c4c198a6dceada5', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '8fa7771fe15270151afc8d7e9f482e1468b9780d', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '9472fad199949438d4fd94c1495be6cda7e23e21', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '8e3d3b9c1285016205e15e9d619e9c57279870c4', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'f070f41bb34a642dad375aeda8493d4d9795bda3', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '429f3fb5c0b7315eec7b0295f293691523cbf979', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'bd12dab5cafbf78e920faf4ac70b8f213836eb4b', class: "digi-notification-alert__content" }, h("digi-typography", { key: '951ee7f4a289d75e6cadae7afcd5c2d330474212', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '1d36b2ad6cece046b0755a825a6be2c3a81bd2dd' })))))))));
     }
     get hostElement() { return this; }
     static get style() { return DigiNotificationAlertStyle0; }

package/components/{p-aab9351c.js → p-d3bb4002.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e5abfc2d.js';
-import { d as defineCustomElement$2 } from './p-b14bdfcc.js';
-import { d as defineCustomElement$1 } from './p-75659814.js';
+import { d as defineCustomElement$2 } from './p-5d463eb4.js';
+import { d as defineCustomElement$1 } from './p-394a58e2.js';
 
 const linkExternalCss = ".sc-digi-link-external-h{--digi--link-external--gap:var(--digi--gutter--medium);--digi--link-external--color--default:var(--digi--color--text--interactive--primary);--digi--link-external--color--hover:var(--digi--color--text--interactive--primary);--digi--link-external--color--visited:var(--digi--color--text--interactive--visited);--digi--link-external--font-size:var(--digi--typography--link--font-size--desktop);--digi--link-external--font-family:var(--digi--global--typography--font-family--default);--digi--link-external--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link-external--text-decoration--default:var(--digi--global--typography--text-decoration--default);--digi--link-external--text-decoration--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-external--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link-external--text-decoration--icon--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-external--text-decoration-thickness:0.156em;--digi--link-external--text-underline-offset:3px}.sc-digi-link-external-h .digi-link-external.sc-digi-link-external{--digi--link--gap:var(--digi--link-external--gap);--digi--link--color--default:var(--digi--link-external--color--default);--digi--link--color--hover:var(--digi--link-external--color--hover);--digi--link--color--visited:var(--digi--link-external--color--visited);--digi--link--font-size:var(--digi--link-external--font-size);--digi--link--font-family:var(--digi--link-external--font-family);--digi--link--font-weight:var(--digi--link-external--font-weight);--digi--link--text-decoration--default:var(--digi--link-external--text-decoration--default);--digi--link--text-decoration--hover:var(--digi--link-external--text-decoration--hover);--digi--link--text-decoration--icon--default:var(--digi--link-external--text-decoration--icon--default);--digi--link--text-decoration--icon--hover:var(--digi--link-external--text-decoration--icon--hover)}";
 const DigiLinkExternalStyle0 = linkExternalCss;
@@ -26,7 +26,7 @@ const LinkExternal = /*@__PURE__*/ proxyCustomElement(class LinkExternal extends
         };
     }
     render() {
-        return (h(Host, { key: '920225a171758706523ea686d537dc6e08b4d0e9' }, h("digi-link", { key: '30c0b7a5a4b1e896f3e3186f69c7a86ad878d07f', class: Object.assign({ 'digi-link-external': true }, this.cssModifiers), afHref: this.afHref, onAfOnClick: (e) => this.clickLinkHandler(e), afTarget: this.afTarget, afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-external-link-alt", { key: '0dc13c43f836991996595d220e49cacc464bd6e3', class: "digi-link-external__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '0ddc109178aa3df7d2602dcb319bb7c8770f3fd3' }))));
+        return (h(Host, { key: '90e20d8ffdbc9ba9651d296944797e1283273e29' }, h("digi-link", { key: 'a3836ccff727be6fd0649a037dea2a3095385a1e', class: Object.assign({ 'digi-link-external': true }, this.cssModifiers), afHref: this.afHref, onAfOnClick: (e) => this.clickLinkHandler(e), afTarget: this.afTarget, afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-external-link-alt", { key: '48b4f541d1f4d7cd3c4304d1302bc575bf48dd0c', class: "digi-link-external__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '31464aa7a561cfffc7e8f77c391092a1c0f675d9' }))));
     }
     get hostElement() { return this; }
     static get style() { return DigiLinkExternalStyle0; }

package/components/{p-522414d8.js → p-e9b3ee0d.js}

@@ -15,11 +15,11 @@ const IconValidationWarning = /*@__PURE__*/ proxyCustomElement(class IconValidat
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("div", { key: '2946355e5e95978f5719d070333a890c0bfb5d55' }, h("svg", { key: 'f5eb51220fd9acb37eff03e4c758731498ca3697', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("div", { key: '3d2603c36948ea130fd95859372c1dd8cd7546c2' }, h("svg", { key: '1c9cc8327c739a5705d42dd684811841c0adac21', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: '08370e29e04c815421408b98c2cb2a4a41d06b33', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'bf5fd56abbfb0eb182e0d2b9fda93226ad09fa26' }, this.afDesc), h("g", { key: 'bb1be9aecdb4c76395e408a6dcb0cbb6aa82b41f', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '52b3bca3201cc1c1e2f42a8ae7c6d361679cdbe5', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: '249091506e8315e092b799a7595e872effc0c807', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
+                    : undefined }, this.afTitle && h("title", { key: '4d9d37418650040068cc7e139dc1166070779b6f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '62b30166ecb5960a6f98d06dbf0bb0f8f1e5ffd6' }, this.afDesc), h("g", { key: '6731b721bfb44bd7bc18e7a4948a7a0c04298c61', fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '07f862279ab37e0d898545fddf1264c3b1b2f2ce', cx: "9", cy: "9", r: "6.75", fill: "#333" }), h("path", { key: 'bdd59d64cb3c2235c243dbfa79f18fbeac82306b', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
     }
     static get style() { return DigiIconValidationWarningStyle0; }
 }, [2, "digi-icon-validation-warning", {

package/components/{p-95690ca9.js → p-f6b46af5.js}

@@ -15,11 +15,11 @@ const IconOnlineComputerVideo = /*@__PURE__*/ proxyCustomElement(class IconOnlin
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '38a7af1e02b819fa0dc4876ffa1d398a81b91b2c', class: "digi-icon-online-computervideo", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'c2ecd7b13d0b7d8ff3023a936645d0c7d2bf681f', class: "digi-icon-online-computervideo", width: "62px", height: "63px", viewBox: "0 0 62 63", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '59640b1ad100ad9a2440ddb98646c52446f28eb6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '3f756a0a68f70a6c927bf3087839c88ead117f8a' }, this.afDesc), h("defs", { key: 'b415a67a0e51d31f26c8ef5fbac3d26f3ca4a676' }, h("polygon", { key: '951cd8049951c2d24d539c807bd6e274ad5605c1', points: "0 0 62 0 62 9.21298912 0 9.21298912" })), h("g", { key: 'cd686b099d47e62e00f4a8cd1b537f9f14c4f3e1', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '667cd5655c64ae2feb6871cbfaa4ff0345f25dc3', transform: "translate(-712, -890)" }, h("g", { key: '1e54d2ece51e817be1d17b3b2e549b552588a55c', transform: "translate(712, 897.1169)" }, h("g", { key: 'd747564bd14b238bf8f2733a363953f3ce3bb34a', transform: "translate(0, 0)" }, h("path", { key: '14b8e751182c085175b986fa3360a16dd04a9212', d: "M8.78313943,7.5511486 C8.78313943,6.84208031 9.3379027,6.26282418 10.0151303,6.26282418 L51.9848697,6.26282418 C52.6620973,6.26282418 53.2168606,6.84208031 53.2168606,7.5511486 L53.2168606,34.4369605 L58.8881822,34.4369605 L58.8881822,2.89872993 C58.8881822,1.30424477 57.6414956,0 56.1168151,0 L5.88318486,0 C4.35850436,0 3.1118178,1.30424477 3.1118178,2.89872993 L3.1118178,34.4369605 L8.78313943,34.4369605 L8.78313943,7.5511486 Z", fill: "currentColor" }), h("g", { key: '58e0c1bd0ec6d655befced5a70e85e5089b2ab11', transform: "translate(0, 39.3695)" }, h("mask", { key: '116e1e2c28b43e4b80a00e9f460963f294815302', fill: "white" }, h("use", { key: 'dcbf962db6d8b4f67acc8913bd937920fc84acaa', href: "#path-1" })), h("g", { key: '337bfa26188534563d56aedd66e087ea79cf67cc' }), h("path", { key: 'c75206c81305e8242a9d0e802fe56539c7355dc5', d: "M43.6913426,0 C39.7639125,1.36670156 37.9232741,3.2171371 31.0003674,3.2171371 C24.0774606,3.2171371 22.2368222,1.36670156 18.3093922,0 L-0.000244928595,0 L-0.000244928595,4.37809864 C-0.000244928595,7.03802319 1.44115986,9.21298912 4.70850732,9.21298912 L57.2922275,9.21298912 C60.5595749,9.21298912 62.0009797,7.03802319 62.0009797,4.37809864 L62.0009797,0 L43.6913426,0 Z", fill: "currentColor" })), h("path", { key: '8975ce1bb44dfd5a667285d3edf6cd532687c469', d: "M36.5641654,23.7988544 L27.4993581,29.0329785 C27.348727,29.1199281 27.1809509,29.1627906 27.0131748,29.1627906 C26.8466233,29.1627906 26.6788473,29.1199281 26.5282162,29.0329785 C26.2281786,28.8590791 26.0432576,28.5394473 26.0432576,28.1928734 L26.0432576,17.7246252 C26.0432576,17.3780512 26.2281786,17.0571948 26.5282162,16.8845201 C26.8294783,16.7106208 27.1980959,16.7106208 27.4993581,16.8845201 L36.5641654,22.1186442 C36.8642029,22.2913189 37.049124,22.6121753 37.049124,22.9587493 C37.049124,23.3053232 36.8642029,23.6249551 36.5641654,23.7988544 M44.6002726,11.75694 L17.3997274,11.75694 C16.3306141,11.75694 15.4549944,12.6325597 15.4549944,13.701673 L15.4549944,32.3088984 C15.4549944,33.3780117 16.3306141,34.2524068 17.3997274,34.2524068 L44.6002726,34.2524068 C45.6706105,34.2524068 46.5450056,33.3780117 46.5450056,32.3088984 L46.5450056,13.701673 C46.5450056,12.6325597 45.6706105,11.75694 44.6002726,11.75694", fill: "currentColor" })))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '99b0b0f1224a72e041526eb57788ab0748927f6f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'cd917168013cab1b00f2a0eb850f09b4bb667fd6' }, this.afDesc), h("defs", { key: '2375559caddb2fcac74682986826700bd5a729de' }, h("polygon", { key: '059368b6375b5d90100ca28cd69c9f678c5d9b33', points: "0 0 62 0 62 9.21298912 0 9.21298912" })), h("g", { key: 'df86f0a83c5d01ffd41d23b003cbba0b48dfec86', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'a107b679b3a823f753548f4655466d05aa4d6c41', transform: "translate(-712, -890)" }, h("g", { key: '6f5211af40492432b35d49372d3f61012dc6d6f4', transform: "translate(712, 897.1169)" }, h("g", { key: '0afea741c6225489372a6579db60454859d2843c', transform: "translate(0, 0)" }, h("path", { key: 'c7ffe63177f6297e90888c4229eeb3c7c2080ca8', d: "M8.78313943,7.5511486 C8.78313943,6.84208031 9.3379027,6.26282418 10.0151303,6.26282418 L51.9848697,6.26282418 C52.6620973,6.26282418 53.2168606,6.84208031 53.2168606,7.5511486 L53.2168606,34.4369605 L58.8881822,34.4369605 L58.8881822,2.89872993 C58.8881822,1.30424477 57.6414956,0 56.1168151,0 L5.88318486,0 C4.35850436,0 3.1118178,1.30424477 3.1118178,2.89872993 L3.1118178,34.4369605 L8.78313943,34.4369605 L8.78313943,7.5511486 Z", fill: "currentColor" }), h("g", { key: 'a84abccceba55d3c93bb39fe5faaef3849b16cea', transform: "translate(0, 39.3695)" }, h("mask", { key: 'd3839680468aba007210cf83c18c93344d554e21', fill: "white" }, h("use", { key: '84b891d0f532201840bbec0482e2b6e9303231f4', href: "#path-1" })), h("g", { key: '95f715546cf9eb3e75c255618326ecd6c6f08cf0' }), h("path", { key: '557f61d176be206b08bb27fe37a336f50fa2127c', d: "M43.6913426,0 C39.7639125,1.36670156 37.9232741,3.2171371 31.0003674,3.2171371 C24.0774606,3.2171371 22.2368222,1.36670156 18.3093922,0 L-0.000244928595,0 L-0.000244928595,4.37809864 C-0.000244928595,7.03802319 1.44115986,9.21298912 4.70850732,9.21298912 L57.2922275,9.21298912 C60.5595749,9.21298912 62.0009797,7.03802319 62.0009797,4.37809864 L62.0009797,0 L43.6913426,0 Z", fill: "currentColor" })), h("path", { key: '0e4029bfe254d91d64fb09f1f60ef488953abe4e', d: "M36.5641654,23.7988544 L27.4993581,29.0329785 C27.348727,29.1199281 27.1809509,29.1627906 27.0131748,29.1627906 C26.8466233,29.1627906 26.6788473,29.1199281 26.5282162,29.0329785 C26.2281786,28.8590791 26.0432576,28.5394473 26.0432576,28.1928734 L26.0432576,17.7246252 C26.0432576,17.3780512 26.2281786,17.0571948 26.5282162,16.8845201 C26.8294783,16.7106208 27.1980959,16.7106208 27.4993581,16.8845201 L36.5641654,22.1186442 C36.8642029,22.2913189 37.049124,22.6121753 37.049124,22.9587493 C37.049124,23.3053232 36.8642029,23.6249551 36.5641654,23.7988544 M44.6002726,11.75694 L17.3997274,11.75694 C16.3306141,11.75694 15.4549944,12.6325597 15.4549944,13.701673 L15.4549944,32.3088984 C15.4549944,33.3780117 16.3306141,34.2524068 17.3997274,34.2524068 L44.6002726,34.2524068 C45.6706105,34.2524068 46.5450056,33.3780117 46.5450056,32.3088984 L46.5450056,13.701673 C46.5450056,12.6325597 45.6706105,11.75694 44.6002726,11.75694", fill: "currentColor" })))))));
     }
     static get style() { return DigiIconOnlineComputervideoStyle0; }
 }, [2, "digi-icon-online-computervideo", {

package/custom-elements.json

@@ -207,15 +207,15 @@
         },
         {
           "name": "af-multiple-dates",
-          "description": "Sätt denna till true för att kunna markera mer en ett datum i kalendern. Förvalt är false"
+          "description": "Sätt denna till true för att tillåta val av flera datum"
         },
         {
           "name": "af-show-week-number",
-          "description": "Visa veckonummer i kalender. Förvalt är false"
+          "description": "Visa veckonummer i kalender"
         },
         {
           "name": "af-year-select",
-          "description": "Sätt denna till true för att kunna välja år genom en väljare. Förvalt är false"
+          "description": "Sätt denna till true för att visa väljare för år"
         }
       ]
     },
@@ -232,31 +232,31 @@
         },
         {
           "name": "af-close-on-select",
-          "description": "Sätt denna till true om kalendern ska stängas när användaren väljer ett datum. Förvalt är false"
+          "description": "Sätt denna till true om kalendern ska stängas när användaren väljer ett datum"
         },
         {
           "name": "af-disable-validation",
-          "description": "Sätt denna till true för att stänga av komponentens egna validering."
+          "description": "Sätt denna till true för att stänga av komponentens egna validering"
         },
         {
           "name": "af-id",
-          "description": "Sätter ett id attribut."
+          "description": "Sätter attributet id för inputfältet, och utgör basen för andra id:n i komponenten"
         },
         {
           "name": "af-label",
-          "description": "Texten till labelelementet"
+          "description": "Texten till etiketten"
         },
         {
           "name": "af-label-description",
-          "description": "Valfri beskrivande text"
+          "description": "Beskrivande text som bör ange det förväntade formatet och/eller andra krav"
         },
         {
           "name": "af-multiple-dates",
-          "description": "Sätt denna till true för att kunna markera mer en ett datum i kalendern. Förvalt är false"
+          "description": "Sätt denna till true för att kunna markera mer en ett datum i kalendern"
         },
         {
           "name": "af-name",
-          "description": "Sätter attributet 'name' på det inre input-elementet."
+          "description": "Sätter attributet 'name' på det inre input-elementet"
         },
         {
           "name": "af-open-calendar-aria-label",
@@ -264,15 +264,15 @@
         },
         {
           "name": "af-required",
-          "description": "Sätter attributet 'required'."
+          "description": "Sätter attributet 'required'"
         },
         {
           "name": "af-required-text",
-          "description": "Sätter text för afRequired."
+          "description": "Sätter text för afRequired"
         },
         {
           "name": "af-show-week-number",
-          "description": "Visa veckonummer i kalender. Förvalt är false"
+          "description": "Visa veckonummer i kalender"
         },
         {
           "name": "af-validation",
@@ -280,15 +280,15 @@
         },
         {
           "name": "af-validation-disabled-date",
-          "description": "Sätter valideringsmeddelandet"
+          "description": "Sätter valideringsmeddelandet för den inbyggda valideringen av min/max-datum"
         },
         {
           "name": "af-validation-text",
-          "description": "Sätter valideringsmeddelandet"
+          "description": "Sätter valideringsmeddelandet för egen validering"
         },
         {
           "name": "af-validation-wrong-format",
-          "description": "Sätter valideringsmeddelandet"
+          "description": "Sätter valideringsmeddelandet för den inbyggda formatvalideringen"
         },
         {
           "name": "af-year-select",
@@ -683,19 +683,19 @@
       "attributes": [
         {
           "name": "af-all-categories",
-          "description": "Ifall listan ska börja med en 'Alla kategorier' kategori"
+          "description": "Ifall listan ska börja med en knapp för 'Alla kategorier'"
         },
         {
           "name": "af-all-categories-selected",
-          "description": "Ifall 'Alla kategorier' kategorin ska börja vald"
+          "description": "Ifall 'Alla kategorier' kategorin ska vara vald från start"
         },
         {
           "name": "af-all-categories-text",
-          "description": "Namnet på 'Alla kategorier' kategorin"
+          "description": "Namnet på 'Alla kategorier'-kategorin"
         },
         {
           "name": "af-hide-toggle",
-          "description": "Visa alla kategorier och dölj knappen för att \"visa fler/visa färre"
+          "description": "Visa alla kategorier och dölj knappen för att visa fler/färre"
         },
         {
           "name": "af-multiselect",
@@ -703,7 +703,7 @@
         },
         {
           "name": "af-start-collapsed",
-          "description": "Ifall listan ska var kollapsad från början"
+          "description": "Ifall listan ska vara kollapsad från början"
         },
         {
           "name": "af-visible-collapsed",
@@ -1427,7 +1427,7 @@
         },
         {
           "name": "af-disable-validation",
-          "description": "Inaktiverar valideringen"
+          "description": "Döljer valideringsmeddelandet."
         },
         {
           "name": "af-id",
@@ -1504,7 +1504,7 @@
         },
         {
           "name": "af-disable-validation",
-          "description": "Inaktiverar valideringen"
+          "description": "Döljer valideringsmeddelandet."
         },
         {
           "name": "af-empty-search-message",