npm - @designsystem-se/af - Versions diffs - 35.0.0 → 35.0.1 - Mend

@designsystem-se/af 35.0.0 → 35.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1370) hide show

package/dist/esm/digi-bar-chart_8.entry.js CHANGED Viewed

@@ -187,7 +187,7 @@ const barChart = class {
         };
         // Setting Y-scale
         this.setYScale = (empty) => {
-            var _a;
+            var _a, _b, _c;
             if (this.afVariation == BarChartVariation.Horizontal) {
                 this._yScale = band(empty
                     ? ['0', '1', '2', '3', '4', '5', '6', '7']
@@ -199,8 +199,8 @@ const barChart = class {
             else {
                 this._yScale = linear()
                     .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,
@@ -243,8 +243,10 @@ const barChart = class {
             // 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) => {
@@ -252,7 +254,7 @@ const barChart = class {
                 .selectAll('.barGroup')
                 .data(this.reshapeData)
                 .join((enter) => {
-                var _a;
+                var _a, _b;
                 const tempSelection = enter
                     .append('g')
                     .attr('class', 'barGroup')
@@ -293,7 +295,7 @@ const barChart = class {
                         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')
@@ -413,7 +415,7 @@ const barChart = class {
                 }
                 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(polyInOut)
@@ -463,8 +465,8 @@ const barChart = class {
         };
         // 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
@@ -549,6 +551,7 @@ const barChart = class {
         };
         // Setting margins given text size
         this.setMargins = (fromLoading) => {
+            var _a;
             this._pixelSize =
                 Number(window
                     .getComputedStyle(document.body)
@@ -556,7 +559,11 @@ const barChart = class {
                     .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
@@ -702,7 +709,8 @@ const barChart = class {
         };
         // 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');
@@ -837,12 +845,12 @@ const barChart = class {
         };
         // 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();
         };
@@ -908,9 +916,6 @@ const barChart = class {
         this.afChartData = undefined;
     }
     afChartDataUpdate(data) {
-        if (!data) {
-            return;
-        }
         if (typeof data != 'string')
             this._chartData = data;
         else
@@ -919,9 +924,6 @@ const barChart = class {
     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)
@@ -1132,16 +1134,19 @@ const barChart = class {
     }
     // 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 = max(this._chartData.data.series[0].yValues);
-        this._minVal = min([0, 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$1 = max((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.data.series[0].yValues)
+            ? max((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.data.series[0].yValues)
+            : 0;
+        const min$1 = min([0, min((_c = this._chartData) === null || _c === void 0 ? void 0 : _c.data.series[0].yValues)])
+            ? min([0, min((_d = this._chartData) === null || _d === void 0 ? void 0 : _d.data.series[0].yValues)])
+            : 0;
+        this._maxVal = max$1;
+        this._minVal = min$1;
         this._tempScale = linear()
             .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();
     }
@@ -1213,7 +1218,7 @@ const barChart = class {
             : 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() {
@@ -1225,11 +1230,11 @@ const barChart = class {
         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'
         };
@@ -1387,16 +1392,10 @@ const barChart = class {
         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();
         }
@@ -1469,35 +1468,36 @@ const barChart = class {
     // 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) }, ' ')));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -1638,11 +1638,11 @@ const IconCaretDown = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'b59af7e6235c84c6c9ae560f43ff5bff17fb5f08', class: "digi-icon-caret-down", width: "12", height: "6", viewBox: "0 0 12 6", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '5762feb25ab3ba144e90043a2a2711789a29ead8', class: "digi-icon-caret-down", width: "12", height: "6", viewBox: "0 0 12 6", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '224e67caa7fee3e8ac6ad8426501404d79a259f1', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '4e01779c8a8aba8cc823c66724bd377a68cab527' }, this.afDesc), h("path", { key: '16dfefbedb6a9bb5cce9b56a7ff8f299f28343ca', class: "digi-icon-caret-down__shape", d: "M11.777.198A.608.608 0 0112 .667c0 .18-.074.336-.223.468l-5.25 4.667A.768.768 0 016 6a.768.768 0 01-.527-.198L.223 1.135A.608.608 0 010 .667C0 .487.074.33.223.197A.768.768 0 01.75 0h10.5c.203 0 .379.066.527.198z", fill: "currentColor", "fill-rule": "evenodd" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'f867614d282dfb041ac9d318da6ba4ef39b69d3f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ea3d077e98955cf44fc86510fadc946f764c7f2f' }, this.afDesc), h("path", { key: '14175c4970e2f2222f7e7781e7335f99476ae5c2', class: "digi-icon-caret-down__shape", d: "M11.777.198A.608.608 0 0112 .667c0 .18-.074.336-.223.468l-5.25 4.667A.768.768 0 016 6a.768.768 0 01-.527-.198L.223 1.135A.608.608 0 010 .667C0 .487.074.33.223.197A.768.768 0 01.75 0h10.5c.203 0 .379.066.527.198z", fill: "currentColor", "fill-rule": "evenodd" })));
     }
 };
 IconCaretDown.style = DigiIconCaretDownStyle0;
@@ -1660,11 +1660,11 @@ const IconCaretUp = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '4ed75801789cbc0f99d605e9d8aadf67543c42a1', class: "digi-icon-caret-up", width: "12", height: "7", viewBox: "0 0 12 7", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'f3bdbe4035127e9269a7604575367b5f86e9f7c1', class: "digi-icon-caret-up", width: "12", height: "7", viewBox: "0 0 12 7", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '7c8bf17242fe69b3831bd91f23a59bc205508a2a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f6f2c51bddfebc38c8735908c7b73d43fb553b47' }, this.afDesc), h("path", { key: '2faecdb8741910e56fd302ffce6efcd9d0b55765', class: "digi-icon-caret-up__shape", d: "M11.777 5.65A.608.608 0 0112 6.12c0 .18-.074.337-.223.469a.768.768 0 01-.527.198H.75a.768.768 0 01-.527-.198A.608.608 0 010 6.119c0-.18.074-.337.223-.469L5.473.984A.768.768 0 016 .786c.203 0 .379.066.527.198l5.25 4.666z", fill: "currentColor", "fill-rule": "evenodd" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '3a5d4ff00d8b49ef829ad2f94004cf2fe8b4792f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e86737f68071534b5ee6a03d8b6bf04b109d9bf2' }, this.afDesc), h("path", { key: '1b63cf81af0b10859c07018bc6172b8d46276e8f', class: "digi-icon-caret-up__shape", d: "M11.777 5.65A.608.608 0 0112 6.12c0 .18-.074.337-.223.469a.768.768 0 01-.527.198H.75a.768.768 0 01-.527-.198A.608.608 0 010 6.119c0-.18.074-.337.223-.469L5.473.984A.768.768 0 016 .786c.203 0 .379.066.527.198l5.25 4.666z", fill: "currentColor", "fill-rule": "evenodd" })));
     }
 };
 IconCaretUp.style = DigiIconCaretUpStyle0;
@@ -1682,11 +1682,11 @@ const IconChart = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'd7f7d20482939830e7b62bd4639cca184609fd34', width: "56", height: "62", viewBox: "0 0 56 62", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '800d54ef3296bceb62bd0529814bb8dfdc0af93a', width: "56", height: "62", viewBox: "0 0 56 62", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, h("title", { key: 'ec3b5e08e45c39b1954be4d2cb82cc344ccd188b' }, "Chart"), this.afTitle && h("title", { key: 'eb7abeb0f23c78397dcdc5d0cc28452b201085bf', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fb0d0a49425843267c97f5f9d221962b0e9b1aa6' }, this.afDesc), h("defs", { key: 'f7012da4e8093e2903fae29477c45e2fb07b946d' }, h("polygon", { key: 'd5a0aaad8b41c4202f2d1425ea8c67f03c60caa3', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), h("polygon", { key: '380c101d538b42f59e1e686bbcc78f13d082bbdc', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" })), h("g", { key: '657ec5c7e5028370b8c00cd9228a63a5ba70e87c', id: "Ikonguide", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '2aee9448955de995005d733400e9a3db2ec0bfbf', transform: "translate(-1012.000000, -804.000000)", id: "Chart" }, h("g", { key: 'a6b2ac43f45d9283d67183ec05c64061cb232378', transform: "translate(1013.063248, 823.768116)" }, h("g", { key: 'c1c83ea00f8b1757918df60d8fdae1932cf3edc4', id: "Group", transform: "translate(-0.000000, 0.000000)" }, h("path", { key: '7d6d823156bccf55803359670bd9c8ac571cfbcd', d: "M11.2871933,17.0724638 L3.19179715,17.0724638 C1.47642907,17.0724638 0.0891563449,18.5157634 0.0891563449,20.3004089 L0,39.003939 C0,40.7885845 1.38727273,42.2318841 3.1026408,42.2318841 L11.1980369,42.2318841 C12.913405,42.2318841 14.3006777,40.7885845 14.3006777,39.003939 L14.3898341,20.3004089 C14.3898341,18.5157634 12.9989951,17.0724638 11.2871933,17.0724638", id: "Fill-1", fill: "currentColor" }), h("path", { key: '7e1a5b2da5474c46584b5a9071b524f70ac25d23', d: "M31.292107,11.2318841 L23.077661,11.2318841 C21.3370669,11.2318841 19.9293931,12.6247 19.9293931,14.3469222 L19.8389256,39.1168459 C19.8389256,40.8354877 21.2465994,42.2318841 22.9871935,42.2318841 L31.2016396,42.2318841 C32.9422337,42.2318841 34.3499075,40.8354877 34.3499075,39.1168459 L34.4403749,14.3469222 C34.4403749,12.6247 33.0290824,11.2318841 31.292107,11.2318841", id: "Fill-3", fill: "currentColor" }), h("path", { key: '436bb355b28219a3ccb89d1430b50a0cc9218a09', d: "M51.0899571,0 L43.0444095,0 C41.339604,0 39.9608736,1.42791855 39.9608736,3.19354534 L39.7836589,39.0420095 C39.7836589,40.8039655 41.1659336,42.2318841 42.8671948,42.2318841 L50.9162867,42.2318841 C52.6175479,42.2318841 53.9962783,40.8039655 53.9962783,39.0420095 L54.173493,3.19354534 C54.173493,1.42791855 52.7912183,0 51.0899571,0", id: "Fill-6", fill: "currentColor" }), h("polygon", { key: 'cac30bb30a388ec0df486d67144b0f78d66f2a96', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), h("g", { key: '98e7164d00eeb9f005407ca0100c146dd46d1aa6', id: "Clip-4" }), h("polygon", { key: '3da22594113cdb11257b2b4b1737a22d5368983c', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" }), h("g", { key: '6608366793160e7b9cce14a0aafc6fb18a223308', id: "Clip-9" }), h("path", { key: 'c7517c6a704571b2c5f639ada70a71b6734e309e', d: "M2.64246183,-0.393115942 L24.287738,-0.393115942 C24.783165,-0.393115942 25.2716142,-0.501190406 25.7216852,-0.713736852 L51.853716,-12.8829215 C53.6086441,-13.6970825 54.3936517,-15.8297519 53.5981773,-17.6454029 C52.8027029,-19.4610539 50.7372607,-20.2680099 48.9858215,-19.4466439 L23.5376196,-7.59808021 L2.64246183,-7.59808021 C0.716576525,-7.59808021 -0.846460828,-5.98777069 -0.846460828,-3.99559807 C-0.846460828,-2.00342546 0.716576525,-0.393115942 2.64246183,-0.393115942", id: "Fill-8", fill: "currentColor", mask: "url(#mask-4)" })))))));
+                    : undefined }, h("title", { key: 'b8e669442f6b8440ee45edfc270df770ca37aae7' }, "Chart"), this.afTitle && h("title", { key: 'cfc592e5d007c33d3253f0394320a6dbc8a6e401', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '78ede7c52f2e71b93bfd79dc87e70e4e36eadd74' }, this.afDesc), h("defs", { key: '354c59d22c0b7af0d51fe495b4f300a3953c7016' }, h("polygon", { key: '27d541e9ee854c36a9263edbba6227f97724b837', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), h("polygon", { key: '892d9de4f4dd622c0c33c08eecc8fcb8b9986cbb', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" })), h("g", { key: '7a2d1c553dfdb6f180fa11ff0331d8efbb4aed23', id: "Ikonguide", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '2bdf3d7d8d976dd53932c882eea91f1e7d5aa196', transform: "translate(-1012.000000, -804.000000)", id: "Chart" }, h("g", { key: '5022070508747105362db722621a8a5b4cbc1a0f', transform: "translate(1013.063248, 823.768116)" }, h("g", { key: '54673a110aabf6b369b285e7b0c63a4e17af05d5', id: "Group", transform: "translate(-0.000000, 0.000000)" }, h("path", { key: '3bd17066733547c3b145d7634a2980c8b1e0a27e', d: "M11.2871933,17.0724638 L3.19179715,17.0724638 C1.47642907,17.0724638 0.0891563449,18.5157634 0.0891563449,20.3004089 L0,39.003939 C0,40.7885845 1.38727273,42.2318841 3.1026408,42.2318841 L11.1980369,42.2318841 C12.913405,42.2318841 14.3006777,40.7885845 14.3006777,39.003939 L14.3898341,20.3004089 C14.3898341,18.5157634 12.9989951,17.0724638 11.2871933,17.0724638", id: "Fill-1", fill: "currentColor" }), h("path", { key: '5beb77295deeb8ce99b6a52ba784c333d67a2930', d: "M31.292107,11.2318841 L23.077661,11.2318841 C21.3370669,11.2318841 19.9293931,12.6247 19.9293931,14.3469222 L19.8389256,39.1168459 C19.8389256,40.8354877 21.2465994,42.2318841 22.9871935,42.2318841 L31.2016396,42.2318841 C32.9422337,42.2318841 34.3499075,40.8354877 34.3499075,39.1168459 L34.4403749,14.3469222 C34.4403749,12.6247 33.0290824,11.2318841 31.292107,11.2318841", id: "Fill-3", fill: "currentColor" }), h("path", { key: 'b1b0a2c3386c8a4b1e43aa22eb1e70061dd739a7', d: "M51.0899571,0 L43.0444095,0 C41.339604,0 39.9608736,1.42791855 39.9608736,3.19354534 L39.7836589,39.0420095 C39.7836589,40.8039655 41.1659336,42.2318841 42.8671948,42.2318841 L50.9162867,42.2318841 C52.6175479,42.2318841 53.9962783,40.8039655 53.9962783,39.0420095 L54.173493,3.19354534 C54.173493,1.42791855 52.7912183,0 51.0899571,0", id: "Fill-6", fill: "currentColor" }), h("polygon", { key: 'e72c09638a55cf7d4ca4cb9bec588666af4ae8ee', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), h("g", { key: 'cfb1fd2afa4043c321c9a048c6307fb5bbcadf2c', id: "Clip-4" }), h("polygon", { key: 'a183c51976d36ca3a6a4ce64fb38b68096d78a99', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" }), h("g", { key: '5e084828c2432129517e43e003d4a45e2a22519c', id: "Clip-9" }), h("path", { key: '345a3c16d5d179001fb6e349ddb369e8f2fbf591', d: "M2.64246183,-0.393115942 L24.287738,-0.393115942 C24.783165,-0.393115942 25.2716142,-0.501190406 25.7216852,-0.713736852 L51.853716,-12.8829215 C53.6086441,-13.6970825 54.3936517,-15.8297519 53.5981773,-17.6454029 C52.8027029,-19.4610539 50.7372607,-20.2680099 48.9858215,-19.4466439 L23.5376196,-7.59808021 L2.64246183,-7.59808021 C0.716576525,-7.59808021 -0.846460828,-5.98777069 -0.846460828,-3.99559807 C-0.846460828,-2.00342546 0.716576525,-0.393115942 2.64246183,-0.393115942", id: "Fill-8", fill: "currentColor", mask: "url(#mask-4)" })))))));
     }
 };
 IconChart.style = DigiIconChartStyle0;
@@ -1704,11 +1704,11 @@ const IconTable = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'c3f5bf778685b55992bda59c0b73e53dafbae3a6', class: "digi-icon-table", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'f9516ee2b07aa409be2fb23bc835287b5f05359e', class: "digi-icon-table", width: "62px", height: "62px", viewBox: "0 0 62 62", "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: 'a81c1e4883431767d2732e447f8955de5735178b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ecaaf0091e07be8f1a885230786ba44ab1382415' }, this.afDesc), h("defs", { key: 'ed65c1a1914d82bfb6568a8ab003265644bfbf2d' }, h("polygon", { key: '9baf1d4c19ba90694e1e70ff150d157ae2a49b66', points: "0 62 62 62 62 0 0 0" })), h("g", { key: '5ce00632e6df37fb47bca7cb9992ac80142420fc', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '7165c9e55f3616186fdfff27f1fa0deec09bb0b4', transform: "translate(-302, -975)" }, h("g", { key: '4268991af6c941f17040f6ea0badbdf2a399e87d', transform: "translate(302, 975)" }, h("polygon", { key: '83512ff70e02dbf99102f3760329385921f2f529', fill: "currentColor", points: "29.6502083 9.05264249 32.3497917 9.05264249 32.3497917 6.36704663 29.6502083 6.36704663" }), h("g", { key: '4719a20f3a2bb6181c587b666e307d484c2a221f' }, h("path", { key: '9deb756c68dd3455270d9617177ae93a4966e52b', d: "M35.3073208,0 L26.6931958,0 C24.7918625,0 23.2496125,1.53297409 23.2496125,3.42574093 L23.2496125,11.9939482 C23.2496125,13.886715 24.7918625,15.4196891 26.6931958,15.4196891 L35.3073208,15.4196891 C37.2086542,15.4196891 38.7496125,13.886715 38.7496125,11.9939482 L38.7496125,3.42574093 C38.7496125,1.53297409 37.2086542,0 35.3073208,0", fill: "currentColor" }), h("polygon", { key: '908f01f1f68d32d5c07bc160cc2c40ecca2aee4e', fill: "currentColor", points: "6.40020833 9.05264249 9.09979167 9.05264249 9.09979167 6.36704663 6.40020833 6.36704663" }), h("path", { key: '504dd39b547893df93802a453d8397dd06d113d6', d: "M12.0573208,0 L3.44319583,0 C1.5418625,0 -0.0003875,1.53297409 -0.0003875,3.42574093 L-0.0003875,11.9939482 C-0.0003875,13.886715 1.5418625,15.4196891 3.44319583,15.4196891 L12.0573208,15.4196891 C13.9586542,15.4196891 15.4996125,13.886715 15.4996125,11.9939482 L15.4996125,3.42574093 C15.4996125,1.53297409 13.9586542,0 12.0573208,0", fill: "currentColor" }), h("polygon", { key: '39b854381dc1e4ff3ccd3a7ef4b2bd153fc8b952', fill: "currentColor", points: "52.9002083 9.05264249 55.5997917 9.05264249 55.5997917 6.36704663 52.9002083 6.36704663" }), h("path", { key: '6e41892e259315a504b5e807c03adb6b342466ca', d: "M58.5573208,0 L49.9431958,0 C48.0418625,0 46.4996125,1.53297409 46.4996125,3.42574093 L46.4996125,11.9939482 C46.4996125,13.886715 48.0418625,15.4196891 49.9431958,15.4196891 L58.5573208,15.4196891 C60.4586542,15.4196891 61.9996125,13.886715 61.9996125,11.9939482 L61.9996125,3.42574093 C61.9996125,1.53297409 60.4586542,0 58.5573208,0", fill: "currentColor" }), h("polygon", { key: '3678e05362633d6059ca47a33342839d4fc675e8', fill: "currentColor", points: "29.6502083 55.6329534 32.3497917 55.6329534 32.3497917 52.9473575 29.6502083 52.9473575" }), h("path", { key: 'ba6410b02719b28a550245631cd8841a7a23c737', d: "M35.3073208,46.5803109 L26.6931958,46.5803109 C24.7918625,46.5803109 23.2496125,48.113285 23.2496125,50.0060518 L23.2496125,58.5742591 C23.2496125,60.4670259 24.7918625,62 26.6931958,62 L35.3073208,62 C37.2086542,62 38.7496125,60.4670259 38.7496125,58.5742591 L38.7496125,50.0060518 C38.7496125,48.113285 37.2086542,46.5803109 35.3073208,46.5803109", fill: "currentColor" }), h("polygon", { key: 'a7bf4060d14ffd261cd99e6fef0c3879be2c7142', fill: "currentColor", points: "6.40020833 55.6329534 9.09979167 55.6329534 9.09979167 52.9473575 6.40020833 52.9473575" }), h("path", { key: '5470cac7124f704f358f91dd8296bbc2478332a4', d: "M12.0573208,46.5803109 L3.44319583,46.5803109 C1.5418625,46.5803109 -0.0003875,48.113285 -0.0003875,50.0060518 L-0.0003875,58.5742591 C-0.0003875,60.4670259 1.5418625,62 3.44319583,62 L12.0573208,62 C13.9586542,62 15.4996125,60.4670259 15.4996125,58.5742591 L15.4996125,50.0060518 C15.4996125,48.113285 13.9586542,46.5803109 12.0573208,46.5803109", fill: "currentColor" }), h("polygon", { key: '11de27f6b60493419c13386f51e83dada0f8b238', fill: "currentColor", points: "52.9002083 55.6329534 55.5997917 55.6329534 55.5997917 52.9473575 52.9002083 52.9473575" }), h("path", { key: '38559c3cdc4983f7bf4a814acbaf0c717667b941', d: "M58.5573208,46.5803109 L49.9431958,46.5803109 C48.0418625,46.5803109 46.4996125,48.113285 46.4996125,50.0060518 L46.4996125,58.5742591 C46.4996125,60.4670259 48.0418625,62 49.9431958,62 L58.5573208,62 C60.4586542,62 61.9996125,60.4670259 61.9996125,58.5742591 L61.9996125,50.0060518 C61.9996125,48.113285 60.4586542,46.5803109 58.5573208,46.5803109", fill: "currentColor" }), h("polygon", { key: '107672305c4e2e919b6749ec6b446d3ee443ea82', fill: "currentColor", points: "29.6502083 32.3427979 32.3497917 32.3427979 32.3497917 29.6572021 29.6502083 29.6572021" }), h("path", { key: '276a9e1e365fdf59a623b517aa6bb8355aad4be9', d: "M35.3073208,23.2901554 L26.6931958,23.2901554 C24.7918625,23.2901554 23.2496125,24.8231295 23.2496125,26.7158964 L23.2496125,35.2841036 C23.2496125,37.1768705 24.7918625,38.7098446 26.6931958,38.7098446 L35.3073208,38.7098446 C37.2086542,38.7098446 38.7496125,37.1768705 38.7496125,35.2841036 L38.7496125,26.7158964 C38.7496125,24.8231295 37.2086542,23.2901554 35.3073208,23.2901554", fill: "currentColor" }), h("polygon", { key: '5e668401cd584215e4b6f06556d6b53fd3c2cb99', fill: "currentColor", points: "6.40020833 32.3427979 9.09979167 32.3427979 9.09979167 29.6572021 6.40020833 29.6572021" }), h("path", { key: 'ee102a4dde7340c02bf6e72d8e3b1d8bca2dd00a', d: "M12.0573208,23.2901554 L3.44319583,23.2901554 C1.5418625,23.2901554 -0.0003875,24.8231295 -0.0003875,26.7158964 L-0.0003875,35.2841036 C-0.0003875,37.1768705 1.5418625,38.7098446 3.44319583,38.7098446 L12.0573208,38.7098446 C13.9586542,38.7098446 15.4996125,37.1768705 15.4996125,35.2841036 L15.4996125,26.7158964 C15.4996125,24.8231295 13.9586542,23.2901554 12.0573208,23.2901554", fill: "currentColor" }), h("polygon", { key: 'f0ac7ea4766f3bdcecdc2ca76a645d98bb6bf3ff', fill: "currentColor", points: "52.9002083 32.3427979 55.5997917 32.3427979 55.5997917 29.6572021 52.9002083 29.6572021" }), h("path", { key: '965707e2dc206c9db4af97757c9a78c92648635f', d: "M58.5573208,23.2901554 L49.9431958,23.2901554 C48.0418625,23.2901554 46.4996125,24.8231295 46.4996125,26.7158964 L46.4996125,35.2841036 C46.4996125,37.1768705 48.0418625,38.7098446 49.9431958,38.7098446 L58.5573208,38.7098446 C60.4586542,38.7098446 61.9996125,37.1768705 61.9996125,35.2841036 L61.9996125,26.7158964 C61.9996125,24.8231295 60.4586542,23.2901554 58.5573208,23.2901554", fill: "currentColor" })))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: 'b68cdfa7787ae35ca3b42d28dda3f6645f05d705', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fd039f5ea949e413d65bc5384583a97f7b609e23' }, this.afDesc), h("defs", { key: 'e77288a82e7d09ff5ced74a4350aec8a4f501d5b' }, h("polygon", { key: '2ca5664e2af764e4e24e93d0a4128b84e15e91a5', points: "0 62 62 62 62 0 0 0" })), h("g", { key: '95a38bbf3cd26149437faad020f987b6883f1ff2', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '8cdbe06b5799d43fb77626ce927603c50aae313a', transform: "translate(-302, -975)" }, h("g", { key: '47b9253e735cf901bce5d1692b4f2fee38e03f3c', transform: "translate(302, 975)" }, h("polygon", { key: '522198b4262161d56e98d29a11a349aa9d2d384f', fill: "currentColor", points: "29.6502083 9.05264249 32.3497917 9.05264249 32.3497917 6.36704663 29.6502083 6.36704663" }), h("g", { key: '69c07bf39287cf89bc5eeb3f8a06c9cb6a2aeaad' }, h("path", { key: '039f969c9f4f7377cfc321270deb81cb7b74b3c7', d: "M35.3073208,0 L26.6931958,0 C24.7918625,0 23.2496125,1.53297409 23.2496125,3.42574093 L23.2496125,11.9939482 C23.2496125,13.886715 24.7918625,15.4196891 26.6931958,15.4196891 L35.3073208,15.4196891 C37.2086542,15.4196891 38.7496125,13.886715 38.7496125,11.9939482 L38.7496125,3.42574093 C38.7496125,1.53297409 37.2086542,0 35.3073208,0", fill: "currentColor" }), h("polygon", { key: '1c8499062b75a3f98069775d07ec8451b2fed1a0', fill: "currentColor", points: "6.40020833 9.05264249 9.09979167 9.05264249 9.09979167 6.36704663 6.40020833 6.36704663" }), h("path", { key: 'de7b1c8afd7016f2acd0678d61f373cdb3a7c657', d: "M12.0573208,0 L3.44319583,0 C1.5418625,0 -0.0003875,1.53297409 -0.0003875,3.42574093 L-0.0003875,11.9939482 C-0.0003875,13.886715 1.5418625,15.4196891 3.44319583,15.4196891 L12.0573208,15.4196891 C13.9586542,15.4196891 15.4996125,13.886715 15.4996125,11.9939482 L15.4996125,3.42574093 C15.4996125,1.53297409 13.9586542,0 12.0573208,0", fill: "currentColor" }), h("polygon", { key: '2916bdcfe13249d490fce3c9efa5dba7bfb49611', fill: "currentColor", points: "52.9002083 9.05264249 55.5997917 9.05264249 55.5997917 6.36704663 52.9002083 6.36704663" }), h("path", { key: '9c5bba14c2fd99c8b0631fc1ddee6e46ecceedc3', d: "M58.5573208,0 L49.9431958,0 C48.0418625,0 46.4996125,1.53297409 46.4996125,3.42574093 L46.4996125,11.9939482 C46.4996125,13.886715 48.0418625,15.4196891 49.9431958,15.4196891 L58.5573208,15.4196891 C60.4586542,15.4196891 61.9996125,13.886715 61.9996125,11.9939482 L61.9996125,3.42574093 C61.9996125,1.53297409 60.4586542,0 58.5573208,0", fill: "currentColor" }), h("polygon", { key: 'e6b29308b475e810a764e21e9d59cdcd2428f314', fill: "currentColor", points: "29.6502083 55.6329534 32.3497917 55.6329534 32.3497917 52.9473575 29.6502083 52.9473575" }), h("path", { key: '8cd815b0cbc7b9c051e6f599774b19eadeea383a', d: "M35.3073208,46.5803109 L26.6931958,46.5803109 C24.7918625,46.5803109 23.2496125,48.113285 23.2496125,50.0060518 L23.2496125,58.5742591 C23.2496125,60.4670259 24.7918625,62 26.6931958,62 L35.3073208,62 C37.2086542,62 38.7496125,60.4670259 38.7496125,58.5742591 L38.7496125,50.0060518 C38.7496125,48.113285 37.2086542,46.5803109 35.3073208,46.5803109", fill: "currentColor" }), h("polygon", { key: 'c2537c2120132597f5baec3d0c892a3422cb9d32', fill: "currentColor", points: "6.40020833 55.6329534 9.09979167 55.6329534 9.09979167 52.9473575 6.40020833 52.9473575" }), h("path", { key: '6f965c34c133835810b58cfa242da42b28747849', d: "M12.0573208,46.5803109 L3.44319583,46.5803109 C1.5418625,46.5803109 -0.0003875,48.113285 -0.0003875,50.0060518 L-0.0003875,58.5742591 C-0.0003875,60.4670259 1.5418625,62 3.44319583,62 L12.0573208,62 C13.9586542,62 15.4996125,60.4670259 15.4996125,58.5742591 L15.4996125,50.0060518 C15.4996125,48.113285 13.9586542,46.5803109 12.0573208,46.5803109", fill: "currentColor" }), h("polygon", { key: '8b78f149e5ee435bbbb93b0c9037b05ae021d344', fill: "currentColor", points: "52.9002083 55.6329534 55.5997917 55.6329534 55.5997917 52.9473575 52.9002083 52.9473575" }), h("path", { key: '1534d20135fa2fd6f3e9fc769badf68f3970c241', d: "M58.5573208,46.5803109 L49.9431958,46.5803109 C48.0418625,46.5803109 46.4996125,48.113285 46.4996125,50.0060518 L46.4996125,58.5742591 C46.4996125,60.4670259 48.0418625,62 49.9431958,62 L58.5573208,62 C60.4586542,62 61.9996125,60.4670259 61.9996125,58.5742591 L61.9996125,50.0060518 C61.9996125,48.113285 60.4586542,46.5803109 58.5573208,46.5803109", fill: "currentColor" }), h("polygon", { key: '28539a451997c53a2ecafed74dc7c98848359bea', fill: "currentColor", points: "29.6502083 32.3427979 32.3497917 32.3427979 32.3497917 29.6572021 29.6502083 29.6572021" }), h("path", { key: '6907f0ae5b8e0a26cf242d1565e812a4f29fb6b1', d: "M35.3073208,23.2901554 L26.6931958,23.2901554 C24.7918625,23.2901554 23.2496125,24.8231295 23.2496125,26.7158964 L23.2496125,35.2841036 C23.2496125,37.1768705 24.7918625,38.7098446 26.6931958,38.7098446 L35.3073208,38.7098446 C37.2086542,38.7098446 38.7496125,37.1768705 38.7496125,35.2841036 L38.7496125,26.7158964 C38.7496125,24.8231295 37.2086542,23.2901554 35.3073208,23.2901554", fill: "currentColor" }), h("polygon", { key: 'aa374a24e6433ecf8426a447c34b51ae8a15f571', fill: "currentColor", points: "6.40020833 32.3427979 9.09979167 32.3427979 9.09979167 29.6572021 6.40020833 29.6572021" }), h("path", { key: '6812e4f686fa0424dc5ad74d6a238e8135e83380', d: "M12.0573208,23.2901554 L3.44319583,23.2901554 C1.5418625,23.2901554 -0.0003875,24.8231295 -0.0003875,26.7158964 L-0.0003875,35.2841036 C-0.0003875,37.1768705 1.5418625,38.7098446 3.44319583,38.7098446 L12.0573208,38.7098446 C13.9586542,38.7098446 15.4996125,37.1768705 15.4996125,35.2841036 L15.4996125,26.7158964 C15.4996125,24.8231295 13.9586542,23.2901554 12.0573208,23.2901554", fill: "currentColor" }), h("polygon", { key: 'f0a7310f4eebfb84791040d2bbe9125358f3a6d8', fill: "currentColor", points: "52.9002083 32.3427979 55.5997917 32.3427979 55.5997917 29.6572021 52.9002083 29.6572021" }), h("path", { key: '6e1791440ae164705579c153163dd5cc0a2a2498', d: "M58.5573208,23.2901554 L49.9431958,23.2901554 C48.0418625,23.2901554 46.4996125,24.8231295 46.4996125,26.7158964 L46.4996125,35.2841036 C46.4996125,37.1768705 48.0418625,38.7098446 49.9431958,38.7098446 L58.5573208,38.7098446 C60.4586542,38.7098446 61.9996125,37.1768705 61.9996125,35.2841036 L61.9996125,26.7158964 C61.9996125,24.8231295 60.4586542,23.2901554 58.5573208,23.2901554", fill: "currentColor" })))))));
     }
 };
 IconTable.style = DigiIconTableStyle0;
@@ -1726,11 +1726,11 @@ const IconX = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '4ff9d54b66ccdeeabee01f58ea4aab3977c254db', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '7aa95142f5b6d2f3e53aa8a94d956346e4b11d64', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '0f335c381885115a77270a8b8118dd6c5bca427b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0abc142ce2655224a3b2806aeb0c0b6593aa5a7f' }, this.afDesc), h("g", { key: 'f5f2237bb86e7c47a7dde959df53956959ad6522', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: 'bb861523767f75be5eef3b5f56d1583f69dbb4a7', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'bf5fd04f0bb5fe6ee5a89f312d8c7d185bd4d3ca', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '20e09c4c58c0ea69f1335c8cdaedebec67548b99' }, this.afDesc), h("g", { key: '35167408b13a4f65211ebe347d2e96cca53fe592', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: 'a0ce6a3f6110b488a97478334c27fe52eaf07b01', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
     }
 };
 IconX.style = DigiIconXStyle0;
@@ -1749,7 +1749,7 @@ const Typography = class {
         };
     }
     render() {
-        return (h("div", { key: '3fa0921aef69e263ba374a11f1b9b8f4b12cdb96', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '79e9abb96eb5db1fd7ddda8fb0419abbef89f0b2' })));
+        return (h("div", { key: '85c3c6c0b06ab8164b20945c0e75fe34043ccdf6', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '5a1ccbd36d655dbf475c241f24163d53f8d05185' })));
     }
 };
 Typography.style = DigiTypographyStyle0;

package/dist/esm/digi-calendar_2.entry.js CHANGED Viewed

@@ -286,11 +286,6 @@ const Calendar = class {
         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');
@@ -392,15 +387,11 @@ const Calendar = class {
         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();
@@ -413,18 +404,18 @@ const Calendar = class {
         };
     }
     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));
@@ -439,7 +430,7 @@ const Calendar = class {
                             : null }, h("span", { "aria-hidden": "true" }, day.getDate()))));
                 }
             })));
-        })))), h("slot", { key: '1d51fd6cf7c43cc0770b8e96692b8e3aa738acdf', name: "calendar-footer" })));
+        })))), h("slot", { key: 'ed2cf3c305f6db73a00e838beb786fc088045634', name: "calendar-footer" })));
     }
     static get watchers() { return {
         "afSelectedDate": ["afSelectedDateChangeHandler"],
@@ -461,11 +452,11 @@ const IconCalendarAlt = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'ccdde2bb6b5c3662987d2bc6499071f3147f7eb0', class: "digi-icon-calendar-alt", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '85ca4c57713e98799bbcf554a98d446a26c66601', class: "digi-icon-calendar-alt", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '6c2bfef4d7a5ea15d92c8c11d42e8cf9adf6346a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8031e9c96faf4118b11db4323582ff36dc44b357' }, this.afDesc), h("path", { key: '42a931f637b461c0db3a5a76b683e89721afad71', class: "digi-icon-calendar-alt__shape", d: "M21.41 8.125H.59a.601.601 0 01-.59-.61V5.689C0 4.341 1.056 3.25 2.357 3.25h2.357V.61c0-.336.265-.61.59-.61h1.964c.324 0 .59.274.59.61v2.64h6.285V.61c0-.336.265-.61.59-.61h1.963c.325 0 .59.274.59.61v2.64h2.357C20.944 3.25 22 4.342 22 5.688v1.828c0 .335-.265.609-.59.609zM.59 9.75h20.82c.325 0 .59.274.59.61v13.203C22 24.907 20.944 26 19.643 26H2.357C1.056 26 0 24.908 0 23.562V10.36c0-.335.265-.609.59-.609zm5.696 10.36a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm6.285 6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm6.286 6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'f60681387210c607c10525b3a734e6ee9f332934', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '815e9187f7b608ca1c645f40fcb209d92d02dbe2' }, this.afDesc), h("path", { key: '580861f52fcd05336ada9918962980320cd37c24', class: "digi-icon-calendar-alt__shape", d: "M21.41 8.125H.59a.601.601 0 01-.59-.61V5.689C0 4.341 1.056 3.25 2.357 3.25h2.357V.61c0-.336.265-.61.59-.61h1.964c.324 0 .59.274.59.61v2.64h6.285V.61c0-.336.265-.61.59-.61h1.963c.325 0 .59.274.59.61v2.64h2.357C20.944 3.25 22 4.342 22 5.688v1.828c0 .335-.265.609-.59.609zM.59 9.75h20.82c.325 0 .59.274.59.61v13.203C22 24.907 20.944 26 19.643 26H2.357C1.056 26 0 24.908 0 23.562V10.36c0-.335.265-.609.59-.609zm5.696 10.36a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm6.285 6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm6.286 6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconCalendarAlt.style = DigiIconCalendarAltStyle0;

package/dist/esm/digi-chart-line.entry.js CHANGED Viewed

@@ -2307,7 +2307,7 @@ const ChartLine = class {
             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) }, ' ')));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-code-block_3.entry.js CHANGED Viewed

@@ -89,7 +89,7 @@ const CodeBlock = class {
         };
     }
     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 watchers() { return {
         "afCode": ["formatCode"]
@@ -109,7 +109,7 @@ const FormFieldset = class {
         this.afId = randomIdGenerator('digi-form-fieldset');
     }
     render() {
-        return (h("fieldset", { key: 'fbb0368315fef49c2d0710674ca3d4ba6dc6da26', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '9fcae905fc0ff2436144d4c838128fe350f1249e', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: '79edc88ee2252659cc613035e0b4764825edd99c' })));
+        return (h("fieldset", { key: 'e3647043394aa3e2c1de3a276551f23cd4ed550b', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '4f1ad8dc5866baa8264daa5260356c2463c9df3d', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: '09a3a7f36f6c10f36e5fa6de0c633a4101517b9d' })));
     }
 };
 FormFieldset.style = DigiFormFieldsetStyle0;
@@ -202,9 +202,9 @@ const FormRadiobutton = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: '1b77f817e541271e29892b127944744bc3daf3cf', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '45500681490dcbd0b7b75b6de5882c07642deff8', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
+        return (h("div", { key: 'ad3ab77013c500a21c82d171077293be4b8a1d7e', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '4491cca214d38754bb6215e14e00a5eb5c8b5336', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '64994ceec9af57adf6fe47f94ece9f1fc56ed42c', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '62307a52326ecfa3d6f941cf7e5088a33b25de40', class: "digi-form-radiobutton__circle" }), this.afLabel)));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '8e6a2bcfffa5da53edf122118c68f395ca6851fa', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '81403daa92652914cf76259a1f4a0d22023818fe', class: "digi-form-radiobutton__circle" }), this.afLabel)));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-code-example.entry.js CHANGED Viewed

@@ -133,17 +133,17 @@ const CodeExample = class {
             .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/esm/digi-code.entry.js CHANGED Viewed

@@ -30,7 +30,7 @@ const Code = class {
         };
     }
     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 watchers() { return {
         "afCode": ["formatCode"]