@designsystem-se/af 35.0.0 → 35.0.2

package/dist/cjs/digi-util-keyup-handler.cjs.entry.js

@@ -76,7 +76,7 @@ const UtilKeyupHandler = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'b7ec62ef5b0c9d982cef6ebed88308531fd074be' });
+        return index.h("slot", { key: 'cd4f228ad73f212debe63c118e78e029e554fcb3' });
     }
 };
 

package/dist/cjs/digi-util-resize-observer.cjs.entry.js

@@ -33,7 +33,7 @@ const UtilResizeObserver = class {
         this.afOnChange.emit(e);
     }
     render() {
-        return index.h("slot", { key: 'b217fe66dcf0daf5d1b8faa1173b3198fafd551d' });
+        return index.h("slot", { key: '65c577f1cd20653cfe0dfb57d37c04c6aff9a91b' });
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/collection/components/_calendar/calendar/calendar.js

@@ -278,11 +278,6 @@ export class Calendar {
         this.afInitSelectedMonth = this.focusedDate.getMonth();
         this.resetFocus();
     }
-    shiftTabHandler() {
-        this.afYearSelect
-            ? this._yearSelectInputElement.focus()
-            : this._nextButton.focus();
-    }
     resetFocus() {
         setTimeout(() => {
             const dates = this._tbody.querySelectorAll('.digi-calendar__date');
@@ -384,15 +379,11 @@ export class Calendar {
         this.drawCalendar(this.focusedDate);
     }
     async componentDidLoad() {
-        var _a;
         if (isValid(this.afSelectedDate))
             this.selectedDates = [this.afSelectedDate];
         else
             this.afSelectedDatesChangeHandler();
         await customElements.whenDefined('digi-form-select');
-        if (this.afYearSelect)
-            this._yearSelectInputElement =
-                await ((_a = this === null || this === void 0 ? void 0 : this._yearSelect) === null || _a === void 0 ? void 0 : _a.afMGetFormControlElement());
     }
     cssDateModifiers(date) {
         const shownMonth = this.focusedDate.getMonth();
@@ -405,18 +396,18 @@ export class Calendar {
         };
     }
     render() {
-        return (h("div", { key: 'dd8d041a34c874f43bc399f96c508dc170eddfc3', class: {
+        return (h("div", { key: 'f2d44d7100e9aec3a91c56663360624f83745c0f', class: {
                 'digi-calendar': true,
                 'digi-calendar--hide': !this.afActive
-            }, id: `${this.afId}-calendar` }, this.afYearSelect && (h("div", { key: 'c53f38e0aef3675fa7b97e2dcb32a1bc9c19abd3', class: "digi-calendar__header" }, h("div", { key: '244d99b0652bfb7ad5c585078ab2af91548fa579', class: "digi-calendar__header--year-select" }, h("digi-form-select", { key: '765feb5cb8269d57bbdf1a400a3a3f3e01ca0413', afLabel: "M\u00E5nad", "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
+            }, id: `${this.afId}-calendar` }, this.afYearSelect && (h("div", { key: 'fbc3332a363201be4ece13ce849fa10ab324ac13', class: "digi-calendar__header" }, h("div", { key: '88de6a25891a17617d6d59cc79ff40a16c1f8467', class: "digi-calendar__header--year-select" }, h("digi-form-select", { key: 'bf76a067c841709388f5d8d9dc7ce572f370ca49', afLabel: "M\u00E5nad", "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
                 this.selectMonth(evt);
             } }, this.months.map((month, index) => {
             return h("option", { value: index }, month);
-        })), h("digi-form-select", { key: 'fe3960bc47e7a5ae27a4c1bef1a9f1b0bb56a9a8', afLabel: "\u00C5r", "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
+        })), h("digi-form-select", { key: '8f822faced5e7dff2aa72a0ce678ea1013d9e299', afLabel: "\u00C5r", "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
                 this.selectYear(evt);
-            }, ref: (el) => (this._yearSelect = el) }, this.allSelectableYears().map((year) => (h("option", { value: year.toString() }, year))))))), !this.afYearSelect && (h("div", { key: 'e5fc63f78caf20e86e7c34264389aba72f69a802', class: "digi-calendar__header" }, h("div", { key: '1f4c4a04c7697efdf94ee01079eb4f86ba550374', class: "digi-calendar__header--month-step" }, h("button", { key: 'fd036825cd957402bef9433d9c0e4145ac5e39d8', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.afInitSelectedMonth - 1) +
-                ', föregående månad', onClick: () => this.subtractMonth() }, h("digi-icon-chevron-left", { key: 'bb77e1335ffd12d9e56839cbfcbe1a685f884eb2', slot: "icon", "aria-hidden": "true" }), h("span", { key: '3ca7e44aeb5c5183091b07cbb19ecd6af69ec91f', class: "digi-calendar__month-select-name" }, this.getMonthName(this.afInitSelectedMonth - 1))), h("div", { key: 'c885c4c385ee57d3c8d4dc71db03c3556e3d3ec6', class: "digi-calendar__month" }, this.getFullMonthName(this.afInitSelectedMonth)), h("button", { key: 'fc31cd40cef9e10764b93d25e54e45dd83fad5ae', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.afInitSelectedMonth + 1) +
-                ', nästa månad', onClick: () => this.addMonth(), ref: (el) => (this._nextButton = el) }, h("span", { key: 'ae0f70e300888630aee53b6d63ce5dbc29766292', class: "digi-calendar__month-select-name" }, this.getMonthName(this.afInitSelectedMonth + 1)), h("digi-icon-chevron-right", { key: '46af22c36d21f41969b06415e00aaf565d14c448', slot: "icon", "aria-hidden": "true" }))))), h("digi-util-keydown-handler", { key: '88aab0d648cc5b1dfb926275dad5eb0934185f2d', onAfOnDown: (e) => this.navigateHandler(e, 7), onAfOnUp: (e) => this.navigateHandler(e, -7), onAfOnLeft: (e) => this.navigateHandler(e, -1), onAfOnRight: (e) => this.navigateHandler(e, 1), onAfOnShiftTab: () => this.shiftTabHandler() }, h("table", { key: 'f55d1cc3c923bb1f39d1fc30f1e600b815521cab', role: "grid", class: "digi-calendar__table" }, h("thead", { key: 'e2b2c774fe7b1031a8aa587bc9927ab9fc5d7313' }, h("tr", { key: 'cd0770091bd86a269a29bbaa440f83c9eda7e273', role: "row" }, this.afShowWeekNumber && (h("th", { key: '0e11243cf38ea7d7ef3bfb87aab6f3641198d37c', 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: 'af971b06248a9571260ec27f18472ef12c1de994', ref: (el) => (this._tbody = el) }, this.activeCalendar.map((week) => {
+            } }, this.allSelectableYears().map((year) => (h("option", { value: year.toString() }, year))))))), !this.afYearSelect && (h("div", { key: 'f51013760c858eb00656e8596fb04adb619cc0eb', class: "digi-calendar__header" }, h("div", { key: 'a37f3fd65b74345d4c8bfeaa64185a0ba046317d', class: "digi-calendar__header--month-step" }, h("button", { key: 'da8f4803fc250194a567bcc7df6582adb35f8510', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.afInitSelectedMonth - 1) +
+                ', föregående månad', onClick: () => this.subtractMonth() }, h("digi-icon-chevron-left", { key: '6019efab7ae1dc1fa643459d7c2b5feb977cf6aa', slot: "icon", "aria-hidden": "true" }), h("span", { key: 'f5e14ed6c5e6cbf31bceeed46bf78454a30e76d5', class: "digi-calendar__month-select-name" }, this.getMonthName(this.afInitSelectedMonth - 1))), h("div", { key: '5426dea9943af11f1e537318b44450c4504f63a4', class: "digi-calendar__month" }, this.getFullMonthName(this.afInitSelectedMonth)), h("button", { key: '8c836f8ed0b7027569fdb9b2fec5d295d0fc417e', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.afInitSelectedMonth + 1) +
+                ', nästa månad', onClick: () => this.addMonth() }, h("span", { key: '9403efa5fa67432f7f23f885d8f99ebc54473516', class: "digi-calendar__month-select-name" }, this.getMonthName(this.afInitSelectedMonth + 1)), h("digi-icon-chevron-right", { key: '02eafcde2c6327a23e8ffe82682430af43eb4d02', slot: "icon", "aria-hidden": "true" }))))), h("digi-util-keydown-handler", { key: '233fc35cb48bf86f84fb8c781a5bdf1e53c153c5', 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: 'ea2e505e70411a3d07119130b0788dafbbbeef07', role: "grid", class: "digi-calendar__table" }, h("thead", { key: 'eace14b22601d0f85cf6f8c276716491140389fb' }, h("tr", { key: 'f6678cdfa52220c5e19729fc7bc567ba8c5e06c6', role: "row" }, this.afShowWeekNumber && (h("th", { key: '7fa670bd34fd0186c8f154ed6cac0481c30b90cd', 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: '7ecdf08d9a497dfe74f7e95b3d89566ea8789489', 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));
@@ -431,7 +422,7 @@ export class Calendar {
                             : null }, h("span", { "aria-hidden": "true" }, day.getDate()))));
                 }
             })));
-        })))), h("slot", { key: '1d51fd6cf7c43cc0770b8e96692b8e3aa738acdf', name: "calendar-footer" })));
+        })))), h("slot", { key: 'ed2cf3c305f6db73a00e838beb786fc088045634', name: "calendar-footer" })));
     }
     static get is() { return "digi-calendar"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css

@@ -16,13 +16,13 @@ License: none (public domain)
   --digi--grayscale--900: #333333;
   --digi--grayscale--1000: #000000;
   --digi--sentiment--informative--200: #e9e9ff;
-  --digi--sentiment--informative--500: #0000ff;
+  --digi--sentiment--informative--500: #0A4DD1;
   --digi--sentiment--informative--700: #0058a3;
   --digi--sentiment--error--200: #fdeded;
   --digi--sentiment--error--500: #da0000;
   --digi--sentiment--error--700: #c7311a;
   --digi--sentiment--success--200: #e9f6ec;
-  --digi--sentiment--success--500: #009322;
+  --digi--sentiment--success--500: #008A20;
   --digi--sentiment--success--700: #02703c;
   --digi--sentiment--warning--200: #fff398;
   --digi--sentiment--warning--50: #fffbdd;

package/dist/collection/components/_chart/bar-chart/bar-chart.js

@@ -106,7 +106,7 @@ export class barChart {
         };
         // Setting Y-scale
         this.setYScale = (empty) => {
-            var _a;
+            var _a, _b, _c;
             if (this.afVariation == BarChartVariation.Horizontal) {
                 this._yScale = d3
                     .scaleBand(empty
@@ -120,8 +120,8 @@ export class barChart {
                 this._yScale = d3
                     .scaleLinear()
                     .domain(empty ? [0, 10] : [this._minVal, this._maxVal])
-                    .nice(((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.numberOfReferenceLines)
-                    ? this._chartData.meta.numberOfReferenceLines
+                    .nice(((_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.numberOfReferenceLines)
+                    ? (_c = this._chartData) === null || _c === void 0 ? void 0 : _c.meta.numberOfReferenceLines
                     : 3);
                 this._yScale.range([
                     this._dims.height - this._margin.bottom,
@@ -166,8 +166,10 @@ export class barChart {
             // Initializing tick size array
             this._namedTickSizes = [];
             this._ellipsisSize = this.getTextSize('...');
-            for (let i = 0; i < this._chartData.data.xValueNames.length; i++) {
-                this._namedTickSizes.push(Math.ceil(this.getTextSize(this._chartData.data.xValueNames[i])));
+            if (this._chartData && this._chartData.data) {
+                for (let i = 0; i < this._chartData.data.xValueNames.length; i++) {
+                    this._namedTickSizes.push(Math.ceil(this.getTextSize(this._chartData.data.xValueNames[i])));
+                }
             }
         };
         this.updateBars = (fromLoading) => {
@@ -175,7 +177,7 @@ export class barChart {
                 .selectAll('.barGroup')
                 .data(this.reshapeData)
                 .join((enter) => {
-                var _a;
+                var _a, _b;
                 const tempSelection = enter
                     .append('g')
                     .attr('class', 'barGroup')
@@ -216,7 +218,7 @@ export class barChart {
                         this._margin.bottom -
                         this._yScale(d.value))
                     .attr('fill', '#00005a');
-                if (!((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.valueLabels))
+                if (!((_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.valueLabels))
                     return tempSelection;
                 tempSelection
                     .append('text')
@@ -336,7 +338,7 @@ export class barChart {
                 }
                 return update
                     .select('text')
-                    .style('display', () => { var _a; return ((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.valueLabels) ? null : 'none'; })
+                    .style('display', () => { var _a, _b; return ((_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.valueLabels) ? null : 'none'; })
                     .transition()
                     .duration(this.defaultDuration)
                     .ease(d3.easePolyInOut)
@@ -386,8 +388,8 @@ export class barChart {
         };
         // Setting position of text according to bar size
         this.adjustBarText = () => {
-            var _a;
-            if (!((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.valueLabels))
+            var _a, _b;
+            if (!((_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.valueLabels))
                 return;
             this._textSelection
                 .attr('y', (d) => this.afVariation === BarChartVariation.Horizontal
@@ -472,6 +474,7 @@ export class barChart {
         };
         // Setting margins given text size
         this.setMargins = (fromLoading) => {
+            var _a;
             this._pixelSize =
                 Number(window
                     .getComputedStyle(document.body)
@@ -479,7 +482,11 @@ export class barChart {
                     .match(/\d+/)[0]) * Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g, ''));
             // Getting the longest word, assuming it will also be the widest in terms of pixels
             if (this.afVariation === BarChartVariation.Horizontal) {
-                this._margin.left = this.getLargestText(this._chartData.data.xValueNames);
+                const left = ((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.data) &&
+                    this.getLargestText(this._chartData.data.xValueNames)
+                    ? this.getLargestText(this._chartData.data.xValueNames)
+                    : 0;
+                this._margin.left = left;
             }
             else
                 this._margin.left = this.getLargestText(fromLoading
@@ -625,7 +632,8 @@ export class barChart {
         };
         // Positioning the ticks of the value bearing axis
         this.setValueTicks = (transition = false) => {
-            if (this._chartData.meta && this._chartData.meta.hideXAxis) {
+            var _a, _b;
+            if (((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) && ((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.meta.hideXAxis)) {
                 this.afVariation === BarChartVariation.Horizontal
                     ? this._xAxisHandle.attr('display', 'none')
                     : this._yAxisHandle.attr('display', 'none');
@@ -760,12 +768,12 @@ export class barChart {
         };
         // Once texts has fully loaded, we can recompute some sizes
         this.recomputeTextSize = () => {
-            var _a;
+            var _a, _b;
             if (this.afVariation == BarChartVariation.Horizontal)
                 this._tickWidth = this.getLargestText(this._xScale.ticks().map((tick) => tick.toLocaleString()));
             this.tickSizes();
             this._barChartContainer.selectAll('.barGroup').data(this.reshapeData);
-            if ((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.valueLabels)
+            if ((_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.valueLabels)
                 this._textSelection.remove();
             this.initBarText();
         };
@@ -831,9 +839,6 @@ export class barChart {
         this.afChartData = undefined;
     }
     afChartDataUpdate(data) {
-        if (!data) {
-            return;
-        }
         if (typeof data != 'string')
             this._chartData = data;
         else
@@ -842,9 +847,6 @@ export class barChart {
     initSvg() {
         var _a, _b, _c, _d, _e, _f, _g;
         // Fetch number formatting
-        if (!this._chartData) {
-            return;
-        }
         this._numberFormat = {
             maximumSignificantDigits: (_c = (_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.labelProperties) === null || _c === void 0 ? void 0 : _c.significantDigits,
             notation: ((_f = (_e = (_d = this._chartData) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.labelProperties) === null || _f === void 0 ? void 0 : _f.shortHand)
@@ -1059,17 +1061,20 @@ export class barChart {
     }
     // Sets the largest and smallest value from series 0, Should only be used when not loading
     setMinMax() {
-        var _a, _b, _c;
-        if (!this._chartData) {
-            return;
-        }
-        this._maxVal = d3.max(this._chartData.data.series[0].yValues);
-        this._minVal = d3.min([0, d3.min((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.data.series[0].yValues)]);
+        var _a, _b, _c, _d, _e, _f, _g;
+        const max = d3.max((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.data.series[0].yValues)
+            ? d3.max((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.data.series[0].yValues)
+            : 0;
+        const min = d3.min([0, d3.min((_c = this._chartData) === null || _c === void 0 ? void 0 : _c.data.series[0].yValues)])
+            ? d3.min([0, d3.min((_d = this._chartData) === null || _d === void 0 ? void 0 : _d.data.series[0].yValues)])
+            : 0;
+        this._maxVal = max;
+        this._minVal = min;
         this._tempScale = d3
             .scaleLinear()
             .domain([this._minVal, this._maxVal])
-            .nice(((_b = this._chartData.meta) === null || _b === void 0 ? void 0 : _b.numberOfReferenceLines)
-            ? (_c = this._chartData) === null || _c === void 0 ? void 0 : _c.meta.numberOfReferenceLines
+            .nice(((_f = (_e = this._chartData) === null || _e === void 0 ? void 0 : _e.meta) === null || _f === void 0 ? void 0 : _f.numberOfReferenceLines)
+            ? (_g = this._chartData) === null || _g === void 0 ? void 0 : _g.meta.numberOfReferenceLines
             : 3)
             .domain();
     }
@@ -1141,7 +1146,7 @@ export class barChart {
             : this._xScale(d.key) + this._xScale.bandwidth())
             .attr('dy', () => this.afVariation == BarChartVariation.Horizontal ? '0.35em' : '-0.25em')
             .style('pointer-events', 'none')
-            .style('display', () => { var _a; return ((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.valueLabels) ? null : 'none'; });
+            .style('display', () => { var _a, _b; return ((_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.valueLabels) ? null : 'none'; });
         this.adjustBarText();
     }
     initChain() {
@@ -1153,11 +1158,11 @@ export class barChart {
         this.initBarText();
     }
     async updateChain() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         // Fetch number formatting
         this._numberFormat = {
-            maximumSignificantDigits: (_b = (_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.labelProperties) === null || _b === void 0 ? void 0 : _b.significantDigits,
-            notation: ((_d = (_c = this._chartData.meta) === null || _c === void 0 ? void 0 : _c.labelProperties) === null || _d === void 0 ? void 0 : _d.shortHand)
+            maximumSignificantDigits: (_c = (_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.labelProperties) === null || _c === void 0 ? void 0 : _c.significantDigits,
+            notation: ((_f = (_e = (_d = this._chartData) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.labelProperties) === null || _f === void 0 ? void 0 : _f.shortHand)
                 ? 'compact'
                 : 'standard'
         };
@@ -1315,16 +1320,10 @@ export class barChart {
         return width;
     }
     componentWillLoad() {
-        if (!this._chartData) {
-            return;
-        }
         this.afChartDataUpdate(this.afChartData);
     }
     componentDidLoad() {
-        if (!this._chartData) {
-            return;
-        }
-        if (Object.keys(this._chartData).length === 0) {
+        if (!this._chartData || Object.keys(this._chartData).length === 0) {
             this._loading = true;
             return this.initEmpty();
         }
@@ -1397,35 +1396,36 @@ export class barChart {
     // Building the table body
     tableBody() {
         let body = '';
-        const loopable = this._chartData.data.xValueNames
-            ? this._chartData.data.xValueNames
-            : this._chartData.data.xValues;
-        loopable.forEach((elem, index) => {
-            let cells = '';
-            this._chartData.data.series.forEach((serie) => {
-                cells = cells.concat(`<td>${serie.yValues[index] != null ? serie.yValues[index].toLocaleString() : '-'}</td>`);
+        if (this._chartData && this._chartData.data) {
+            const loopable = this._chartData.data.xValueNames
+                ? this._chartData.data.xValueNames
+                : this._chartData.data.xValues;
+            loopable.forEach((elem, index) => {
+                let cells = '';
+                this._chartData.data.series.forEach((serie) => {
+                    cells = cells.concat(`<td>${serie.yValues[index] != null ? serie.yValues[index].toLocaleString() : '-'}</td>`);
+                });
+                body = body.concat(`<tr><th scope='row'>${elem}${cells}</th></tr>`);
             });
-            body = body.concat(`<tr><th scope='row'>${elem}${cells}</th></tr>`);
-        });
+        }
         return body;
     }
     render() {
         var _a, _b, _c, _d, _e;
-        if (!this._chartData) {
-            return;
-        }
         // Setting header
         let heading = '';
-        if (!this._chartData.subTitle)
-            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
-        else {
-            if (!this._chartData.infoText)
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-            else
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${(_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle}
+        if (this._chartData) {
+            if (!this._chartData.subTitle)
+                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
+            else {
+                if (!this._chartData.infoText)
+                    heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
+                else
+                    heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${(_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle}
 				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
+            }
         }
-        return (h(Host, { ref: (el) => (this._host = el) }, h("div", { class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { class: "chartTitle", innerHTML: heading }), h("digi-button", { class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title) ? (_c = this._chartData) === null || _c === void 0 ? void 0 : _c.title.toLowerCase() : ''}` }, h("digi-icon-table", { slot: "icon" }), "Visa tabell"), h("digi-button", { style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title) ? (_e = this._chartData) === null || _e === void 0 ? void 0 : _e.title.toLowerCase() : ''}` }, h("digi-icon-chart", { slot: "icon" }), "Visa diagram"), h("div", { class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { class: "chartTooltip", id: this.afId }, h("div", { class: "tooltipBody" }), h("digi-icon-x", { class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { ref: (el) => (this._chartDiv = el) }, " "), h("div", { class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h(Host, { key: '7659fcc4817cdfb3f19f2bd11a41464c13b5e19e', ref: (el) => (this._host = el) }, h("div", { key: '063611cf8dbb2554904d972ed3fc1f89d714772e', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: 'ad58c43c2629e7b2b97e3ad1658646e5171b1531', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '2234460c0ffab8e7d251f099f4f2d38e1e5ebede', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title) ? (_c = this._chartData) === null || _c === void 0 ? void 0 : _c.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: 'b82a89d578d997ab878d44a2928e5e31773bd34f', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'b5dc532f7655bd383d0dcf42f8851edbc81b448c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title) ? (_e = this._chartData) === null || _e === void 0 ? void 0 : _e.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: 'f868d9fd2c37c247e8abdd59cf2b9342ad120fef', slot: "icon" }), "Visa diagram"), h("div", { key: '6a0f7838d86a43b46d9a036ad935f50ebb2b523f', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '5f37b9eaf1030cd1d5b1b0360cdaaa61f953b624', class: "chartTooltip", id: this.afId }, h("div", { key: 'a89608cb64620456a165ba4fb57db823870d2231', class: "tooltipBody" }), h("digi-icon-x", { key: 'e842c2b42f6bc7d6dfdad1d1b8a7acb9f8df5a1a', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: 'f07154ab370a948016aa30a2547c4c9b25fae03b', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: '385151df18d373779257040d298bf8c108184500', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'd5f07fc01a628aa2035a96d86621b6bab1e73f01', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     static get is() { return "digi-bar-chart"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_chart/chart-line/chart-line.js

@@ -1622,7 +1622,7 @@ export class ChartLine {
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-        return (h("host", { key: 'ed9629788c6a659836d1eae4366ef07b40f4e2bb', ref: (el) => (this._host = el) }, h("div", { key: '1d7582dcaa7c6c3946347eb4c9f02b235fe87d2e', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '8153782bd48faa924e6c3b1cfbff847ca44df2f5', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '0b184a97090fb5ebefac957068dba9e6898b679b', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '639e05211ffc73176d2b22501593a2f827f2c4de', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '7d068d03d0c11010bb8c18da368fdad6fe2c9c47', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '386b4524700010500e57880d12930f74a77035fa', slot: "icon" }), "Visa diagram"), h("div", { key: 'a727a7f2c904139595e2d1dd5ea866dd59ef3db7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: 'f224525a6fbfd4348ac1cbcc572d9241b9dd6ab8', class: "chartTooltip", id: this.afId }, h("div", { key: '3577ddb4fe44171b039c7dc140983d0ca190222a', class: "tooltipHead" }, h("digi-icon-x", { key: 'b7f637ae4aeccd89dcf1b4d244b7bc9c060febec', class: "close" }), ' '), h("div", { key: '34a815e30845bc5af89bcfb3e3ff50679f3a5468', class: "tooltipBody" })), h("div", { key: 'd55a1dca0fa21caa5f9519723d6bda3e4f136f8d', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: 'e4a3e7b759aa76ced71b5797f5488403ff35614b', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '1be02cc4f4ab593b5762f1ca7cc5906b55ea62b9', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h("host", { key: '81c9a82b54de8ed3ffab5e91ce54f897bb93540d', ref: (el) => (this._host = el) }, h("div", { key: '9d9f04205ebc0c96e503640f66bb045ec54930e6', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '832b4bad8e526443bae9b034087850f22e69948f', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: 'f6af1648ae04981e03b9e0adcebcdc2505e9d13d', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '3fbb40ee7e69bb2fa3ef6d0421359c9fc6052173', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'c1598d0a7fb415e73ff90fb27825b3eb45d8c5e2', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '5705100c1fb1781ab83f49e5d267d17fee72cc65', slot: "icon" }), "Visa diagram"), h("div", { key: '0faac4fd820e577dd80d0201c7f64ca58b999708', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '763139851e7139dad00ac97eb0100cf97aa41812', class: "chartTooltip", id: this.afId }, h("div", { key: 'c6c1a49fd0761dfde4323ac82c2548ddc4ee1e4d', class: "tooltipHead" }, h("digi-icon-x", { key: 'd74a8c648eaacfe1a9be3fd9067599ed214784e4', class: "close" }), ' '), h("div", { key: '951072f7c6942b89e0df2c25b648e0b33b2a81ba', class: "tooltipBody" })), h("div", { key: 'c2342d0616ae3f24ae88e5072b41aa0cc98dedd2', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '10383520bbb1a9b25008664654710147236cf543', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'a97820b1c13b69f73cf3794136f107c3d2999962', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     static get is() { return "digi-chart-line"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_code/code/code.js

@@ -36,7 +36,7 @@ export class Code {
         };
     }
     render() {
-        return (h("span", { key: '2fdec60c874558f5701dea34dd7fe95aa4119a9e', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: '6bcd34a653467922a84438821cc648dacac31906', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
+        return (h("span", { key: '8b58df902f5d794e1874e6b0f6f7790b5a10985d', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: '3e26521ae19d2c7e08ab30a24e1c328ee709fa94', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
     }
     static get is() { return "digi-code"; }
     static get originalStyleUrls() {

package/dist/collection/components/_code/code-block/code-block.js

@@ -46,7 +46,7 @@ export class CodeBlock {
         };
     }
     render() {
-        return (h("div", { key: '3e7aecc32e3b253a9f01f860963b1ea7dbf3fe2e', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: 'f84040b2479f9fdf29ddc41d66f2e829ad622403', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: 'a44f2fa078fc8cbe227fa4592911a2513161c210', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '0bd2b56ce76fd1c3873c22236863c44c1527edd9', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'bc87e86aa87355fc74123298ed5a96a03d1553cd', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: '3ebdebc1e25895ed26cbd95c652cdee54659f92f', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
+        return (h("div", { key: 'efc4eab4b814bc5ec01559f89d951d694ed695e1', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: '85b42423a9f62a227739e3107972251f9a825a97', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '266c28f90184f60eab0fc1febf743a53f46aab3b', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '6230d33b96b03f7ea584d3b93efff81f636bad18', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'b54ad1cc57faafeb0f82cc0de0865cf3e585fddf', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'f223bd2e83be5d853c78c0322d69c7fe34cd257a', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
     }
     static get is() { return "digi-code-block"; }
     static get originalStyleUrls() {

package/dist/collection/components/_code/code-example/code-example.js

@@ -137,17 +137,17 @@ export class CodeExample {
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (h("div", { key: '697345f34598e65f08cb7aa00760546c1d22da3e', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: '27b9324c425f3a39e42663c994e31b98d6e59593', class: {
+        return (h("div", { key: '2504eb214d681d53d5db5f7ee4bbf070da4ac6bd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'a0ceb68001efe0e88fa477ad8c2d01c9b1dd8644', class: {
                 'digi-code-example__container': true
-            } }, h("div", { key: '3774504be05b7e0fa4f206d3fad5f01115b51cfa', class: "digi-code-example__example" }, h("slot", { key: '3f0e9f4d72f516b7fd8621eebf5443a716073494' })), !this.afHideCode && (h("div", { key: 'e01db43c73ee155a3dde3be388f9fb27c94495a6', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '4cf375458734cfd5be471583cec6ada8f105f2ed', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: '55df4b5954830735bf03b3154ad1bcd6aeddf89a', class: {
+            } }, h("div", { key: '175257f48da6faf68791e79cca21b7ac32fcc7bf', class: "digi-code-example__example" }, h("slot", { key: '9f4c44dcc64eb3b3b8a471218052a59c2fd415e5' })), !this.afHideCode && (h("div", { key: '438208775e65656d25cccae3870a5efb892d176e', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '8fcbeaa3373450f5811d27bae2a2e7920f7949ea', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: 'df424b79ffa72a86c9af76c5445d8ba6af01c0bc', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: '40928d2979455bfdf363dc6e7098de6e671f3491', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: 'bda1ff7309767aafa1feef42769b197d16c4484b', class: {
                 'digi-code-example__codeblock': true,
                 'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
                 'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
-            } }, h("digi-code-block", { key: '4edbe57a661d4654fd0b641fe73970c80c0aa541', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
+            } }, h("digi-code-block", { key: 'e9a3ac82bbe4a6aca0ce15aa697efdb5ec5ec9f5', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'

package/dist/collection/components/_dialog/dialog/dialog.js

@@ -234,11 +234,11 @@ export class Dialog {
         };
     }
     render() {
-        return (h(Host, { key: '47db653acf1fb1bd4ba8c33e00758f96dfa4bb8a', ref: (el) => {
+        return (h(Host, { key: 'b6fa143b71709908623eda3f8fda037f523a4f90', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (h("div", { key: '991380f4910eeba8b37d85c93a19ce504a49ebbe', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: 'bd13c26c054a624e7e7b607678929bf7a9903284', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: '455526aacc52a617f7ac8d94dbd69625995904bb', ref: (el) => {
+            } }, this.afShowDialog && (h("div", { key: '46ae05735ed8f54c75a82b5cc5e23effae77e745', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: '0740b3466fc4a3ac52bfe0a3d5d58fe2399c4474', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: 'd6da8ca0633774200dff4ade8fb170f2fd19b6b9', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: '8b64f760f5e1dbbc7ca4ec5478c26a410fcc812e' }, this.afCloseButtonText && (h("digi-button", { key: '77dff2e268dc667a6dc2dcea9512d53acb9f3125', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '5b8099b95484bd659ab2eed7cec11bdd75b7644d', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'aa3324de33951b6386ab4f00c623cb2cedac5848', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '27749285154ce7e376f208041744015e649b9d0f', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '1f60c3fade5acf3c3fe338cad999c745772862db' }), h("div", { key: 'db378fd98ed0759d9a2213525f059aedf8bdd83f', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: '51387edf100b73435e09b932a17850cfb0e7dba6', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '800befa156ee562a29b9dd304cc6a5d79df40c19', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac' }, this.afCloseButtonText && (h("digi-button", { key: 'e52c53a254adfca3c0e7d22500f381877feb798d', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '78b867c769a5f170a7b09270f0a466358febd0df', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: '20b204bea4212367ed6202e73185ee0f63ab85f3', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '20b227dc35ebe307589e097cb64bcd7c47913729', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '2c5f707d8a5db9957a252e1a6a454824521b6541' }), h("div", { key: '167c44e5b9827f66b9355180d6af6a9fc8f783ad', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: 'bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '1208655a175f323aa4bff70b0cf8daa28e2f3e86', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     static get is() { return "digi-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/_expandable/expandable-accordion/expandable-accordion.js

@@ -76,7 +76,7 @@ export class ExpandableAccordion {
         this.afOnClick.emit(e);
     }
     render() {
-        return (h("article", { key: '0dbfe0a7e9703a333f8f8aa61450015a45406afb', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'a80a605c0f9cf47fb294fe3a741e259098e6ae4f', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: 'b93fa8e72327e517b6a7dee880617f468b1352e5', class: "digi-expandable-accordion__heading" }, h("button", { key: '442428448ae2174384f39823d5ae5ea626769114', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: '5d901f852d56ee413e1f5ac4d00cb2b52f66abb7', class: "digi-expandable-accordion__toggle-icon" }), this.afHeading))), h("section", { key: '0ca52283c1785dcd95a73e05ec8cf2a2fea34a40', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'e9c761a867d41a445d121f7591dcd8a66b25961f' }, h("digi-typography", { key: '943e3d4bb15d0a495cd6706a23a4a7d8919d5600' }, h("slot", { key: 'f88b1a4d933eccc36cce59b8d5b4dcffda2effaa' }))))));
+        return (h("article", { key: '02340aea532ecb7415f74c39fc9d0105b3b3000c', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'da98703b8a2fb69c202570255a525f513dd5e99e', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: 'a666f55b00e451ebdf75cb3675e5f8f07c12f887', class: "digi-expandable-accordion__heading" }, h("button", { key: '0b5668f4d32b0b31ac627b0b787eb2795e756cee', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: 'b2c63b1a5afe9dcc8c96b72856ac16ddfb61a38c', class: "digi-expandable-accordion__toggle-icon" }), this.afHeading))), h("section", { key: '7ee9a822e15da2212df6980c4b813730df44a90e', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'f0b3eb9abff27c9ee4e06c6924654a8874ee247f' }, h("digi-typography", { key: '970ae11eebb5358ebae1457dcd1f8ac8996d8336' }, h("slot", { key: 'aa44a79ce9417911ad9974ed5d84f7b012a0aa5a' }))))));
     }
     static get is() { return "digi-expandable-accordion"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_expandable/expandable-faq/expandable-faq.js

@@ -50,9 +50,9 @@ export class ExpandableFaq {
             });
     }
     render() {
-        return (h("div", { key: 'd3f8bc5ca102da492ea2fe0255c0fa456be252d7', class: {
+        return (h("div", { key: '1f3dcc55e6e60e2624a647817174a2dd1f8574e6', class: {
                 'digi-expandable-faq': true
-            } }, h(this.afHeadingLevel, { key: 'ccca4d8ef47d21a0035d3ff9035eee6ecd46c2ba' }, this.afHeading), h("slot", { key: '95e31c31561a8a425fb5c9ed49a32f95a7d49af4' })));
+            } }, h(this.afHeadingLevel, { key: 'b557cac87e08ff794989dc92d9e7c405859707f1' }, this.afHeading), h("slot", { key: '694f4df0a65c40eae1e4e260fad27377f31fd31d' })));
     }
     static get is() { return "digi-expandable-faq"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.js

@@ -68,18 +68,18 @@ export class ExpandableFaqItem {
         }
     }
     render() {
-        return (h("article", { key: '8524070a89e5c11ec59c080217beeef05ab2a638', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '2855bff991c7913d572f1c7a69e6633df9164e8a', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '57c0c4fe4a31e56864d7d51f2d63d2866cf6fc6c' }, h("button", { key: 'a5bc9d20dc5d85cf09d2dea7f632656a6b954dcd', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: '586884d3f2c91a7597743198cdab5758735943ed', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '51e944438c6ccf3ff713f838da0117436acdd88a', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '1e976960a26b0bab61886351c3ed4137c98ec06b' }, h("button", { key: 'e52835b2541c1ffc3a7becf76e59aef097240604', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: 'ec1ff662f5d57d8b6f86d3d5df25dc696f281a59', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '36b8f9c563b9ef4417a21fbcba204b914ea96506', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), this.afHeading))), h("section", { key: 'c0ead6a1cc3cdb612691284bdcd8d98bb60bc7f2', class: {
+            } }), this.afHeading))), h("section", { key: '8f384f65f08a5d84649f40ad1c441ab3733fdc62', class: {
                 'digi-expandable-faq-item__content': true,
                 'digi-expandable-faq-item__content--animation': this.afAnimation,
                 'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, h("div", { key: '32230776fd30ef70ff0c5e88093d6f5b5eb06407' }, h("digi-typography", { key: 'b2d27bda9cb6f45ce1a83a3721aa02fe5828311c' }, h("slot", { key: 'b803445513973e37034a5101ec4194ee83269a92' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '0af73c452462f4436ef90ca4c9d5b77dba1ee1d4' }, h("digi-typography", { key: 'f2079bf2c748440255eafc9052e6a0b671a662fc' }, h("slot", { key: 'bf723138101e6ab11cfe245089eea195e8950ee0' }))))));
     }
     static get is() { return "digi-expandable-faq-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_footer/footer/footer.js

@@ -22,7 +22,7 @@ export class FooterFooter {
         };
     }
     render() {
-        return (h(Host, { key: '2a4bbea16d72f4bc24ccae7cbbc4677b6fb51e3c' }, h("footer", { key: '6069a641a3d2a3abea5eddc1d3281a517a332e4b', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'fae14090a98ddef94f06eaa511ffcb4acf97b591' }, h("digi-layout-block", { key: '9d0446a66733a834d89f8eebe57fdf9415543922', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '5f15765122c9247cdcd40995b3f2a1582ed933c5', "af-no-gutter": true }, h("div", { key: '6364df43ea5f6bf12e8b8015aa22e47c6ea1e63d', class: "digi-footer__content-top" }, h("slot", { key: 'cc274cf1a8eb7ea55156aebbcdaa417fa88ddc4a', name: "content-top" })), h("div", { key: '4576f62180f1505da9c1aafce49496d05be08997', class: "digi-footer__content-bottom" }, h("slot", { key: 'c5a9c32a4e86aae5b4f039467ede1d58e92ef3a1', name: "content-bottom-left" }), h("slot", { key: '01f932d193a99d90a4d2fb1746e36edac9a4eba7', name: "content-bottom-right" }))))))));
+        return (h(Host, { key: '27eaaeb6323b8eab2c9e676e52baff22e3931b59' }, h("footer", { key: 'a18d1fbd40129804018f9768db4f3aa27cd3ecdf', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: '87b429e38f0eb8d589b7522cff7130f0cbf30634' }, h("digi-layout-block", { key: 'd983d8d03811df520b946e701e50f8a7d88259aa', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '3213388b3b270fedbb848c1d6d129d693f8876cd', "af-no-gutter": true }, h("div", { key: '4b8725eaead3c4b9ce57d7b77af3fcb3fa3522da', class: "digi-footer__content-top" }, h("slot", { key: 'c21f38065a406da56631f1f9345eb92e8d8f834d', name: "content-top" })), h("div", { key: 'b3fc3c7fc7f8f6ba18865c5e58b7cda17ccc38ca', class: "digi-footer__content-bottom" }, h("slot", { key: 'f16a990a7608e2f673b39e1bc7191024afdfaac4', name: "content-bottom-left" }), h("slot", { key: '848d34e8d04affe50fab869bba06fb03625db725', name: "content-bottom-right" }))))))));
     }
     static get is() { return "digi-footer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_footer/footer-card/footer-card.js

@@ -20,7 +20,7 @@ export class FooterFooterCard {
         };
     }
     render() {
-        return (h(Host, { key: '1faa15a472160bfaf8917c740f5146c528f14b9d' }, h("div", { key: '66927f1f478491fb666039519f24349b0212a18e', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '3792d6650842c95a98ff86f91337a3df0880849d', class: "digi-footer-card__content" }, h("slot", { key: '25992c4cb3054fcd1cef6a6db469e0d63a3236e5' })))));
+        return (h(Host, { key: 'fd1e970c930fad36d18c848db7325b02bacf1cee' }, h("div", { key: '3db638133e06a7c248679a8c0660637d1310e0ff', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '15ab93d8bc71a42f9b65482d20294240c4cf777d', class: "digi-footer-card__content" }, h("slot", { key: '052855b6532d652dd380f5a40771ed03f9a47907' })))));
     }
     static get is() { return "digi-footer-card"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-category-filter/form-category-filter.js

@@ -92,7 +92,7 @@ export class FormCategoryFilter {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (h(Host, { key: '73bedbbdcca2a1cf6d2a312db7e86f4c5c3b2ab6' }, h("div", { key: '46132dcd6b7d7172ec7b8f505dfe80c944f10c97', class: {
+        return (h(Host, { key: '546117d0885502aef20ee5e1c3027a14c038dd8b' }, h("div", { key: '1ebd8d6a3f18b0248556783f8b7cecd984dbcc8d', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -100,7 +100,7 @@ export class FormCategoryFilter {
             }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
                 this.toggleCategory(category);
             } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (h("span", null, category.name, ' ', h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: 'b7c80f9f6c46b6cf1b2f0cfb91e0a56768e3af6c' }, h("digi-button", { key: 'c774535256dd9a6ea81f1c58cdd37458bdbeff00', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: 'f0dae2df00b4c6484f54995352eb6411d4d568da' }, h("digi-button", { key: '1dc1028d7e7407ee724c294e02c52246f39e6025', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }

package/dist/collection/components/_form/form-checkbox/form-checkbox.css

@@ -16,13 +16,13 @@ License: none (public domain)
   --digi--grayscale--900: #333333;
   --digi--grayscale--1000: #000000;
   --digi--sentiment--informative--200: #e9e9ff;
-  --digi--sentiment--informative--500: #0000ff;
+  --digi--sentiment--informative--500: #0A4DD1;
   --digi--sentiment--informative--700: #0058a3;
   --digi--sentiment--error--200: #fdeded;
   --digi--sentiment--error--500: #da0000;
   --digi--sentiment--error--700: #c7311a;
   --digi--sentiment--success--200: #e9f6ec;
-  --digi--sentiment--success--500: #009322;
+  --digi--sentiment--success--500: #008A20;
   --digi--sentiment--success--700: #02703c;
   --digi--sentiment--warning--200: #fff398;
   --digi--sentiment--warning--50: #fffbdd;