@designsystem-se/af 35.4.1-beta.10 → 35.4.1-beta.12

package/dist/cjs/digi-bar-chart_27.cjs.entry.js

@@ -866,7 +866,7 @@ const barChart = class {
                         .select('digi-icon-caret-down')
                         .style('position', 'absolute')
                         .style('left', `calc(${50 + inlineAdjustment}% - 6px)`)
-                        .style('bottom', '-12px');
+                        .style('bottom', '-11.5px');
                 }
             }
             else {
@@ -895,7 +895,7 @@ const barChart = class {
                         .select('digi-icon-caret-down')
                         .style('position', 'absolute')
                         .style('left', `calc(${50 + inlineAdjustment}% - 6px)`)
-                        .style('bottom', '-12px');
+                        .style('bottom', '-11.5px');
                 }
             }
         };
@@ -1033,6 +1033,7 @@ const barChart = class {
             legendData.push(this.chartData.data.averageLine.text);
         const legendChips = linear.select(this.legendDiv).select('.legend')
             .style('margin-left', `${this.margin.left + this.tickPadding + this.yTickSize}px`)
+            .style('margin-top', '0.5rem')
             .selectAll('.legendChip')
             .data(legendData)
             .join('div')
@@ -1055,7 +1056,7 @@ const barChart = class {
             .attr('rx', 4)
             .attr('ry', 4)
             .attr('fill', (title) => this.colorFunction(title));
-        legendChips.append('span').style('text-wrap', 'nowrap').text((d) => d);
+        legendChips.append('span').style('text-wrap', 'nowrap').style('font-size', '0.875rem').text((d) => d);
         if (this.chartData.data.averageLine) {
             const averageLine = legendChips.filter(':last-child')
                 .on('mouseenter', (_event, serie) => this.highlightAverageLine(serie));
@@ -1637,7 +1638,7 @@ const barChart = class {
             if (this.chartData.infoText)
                 heading = `${heading}<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>`;
         }
-        return (index.h(index.Host, { key: '1ab10d9ffdace070cb03283feebedca4e863861f', ref: (el) => (this.host = el) }, index.h("svg", { key: 'a3c9e8fefde5e65e72bc8fc58dcbaa8ff826209c', xmlns: "http://www.w3.org/2000/svg", width: "0", height: "0" }, index.h("defs", { key: '1d09a39b88541e40f0b214868c5643c093f5937b' }, index.h("pattern", { key: '7b970d7058d72cc3e45142f4579258732ceb42de', id: "prognosis", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, index.h("line", { key: 'f6df583f921009b48870147aeab0ea8889f93579', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar(this.colorPalettes[0]), "stroke-width": "8" })), index.h("pattern", { key: '84a37cff5cbedea49dc838b242256582f802bcde', id: "prognosisInactive", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, index.h("line", { key: 'db7b1a0adbe3882020f5c11c3e551dc01b800feb', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar('--digi--color--background--secondary-accent'), "stroke-width": "8" })), index.h("pattern", { key: '9f8cda9f0d61c4159a4fbffea57a26fe703b4385', id: "prognosisHighlight", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, index.h("line", { key: '449db0c35d6853268ebfc9b5c6fe079a13e456f1', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.adjustColor(this.colorFunction(0), 50), "stroke-width": "8" })))), index.h("div", { key: '894d4c17158b1a1a328ef4fcb5804433ea52ccee', class: "topWrapper", ref: (el) => (this.titleDiv = el) }, index.h("digi-typography", { key: '08d2233139ac5d56da76fab35627e7b1627396b3', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: '3c839ebd4a0ba1c06728bbe741e83616aaf1f36f', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_a = this.chartData) === null || _a === void 0 ? void 0 : _a.title) ? (_b = this.chartData) === null || _b === void 0 ? void 0 : _b.title.toLowerCase() : ''}` }, index.h("digi-icon-table", { key: 'e1eadf2efd8dac8983f192e3006fa123e0282374', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: 'ce46449ea0795643670e518ef0b8f2e63255b3fe', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_c = this.chartData) === null || _c === void 0 ? void 0 : _c.title) ? (_d = this.chartData) === null || _d === void 0 ? void 0 : _d.title.toLowerCase() : ''}` }, index.h("digi-icon-chart", { key: '96dd86955745ec735a877e53578330e36bf1ef8f', slot: "icon" }), "Visa diagram"), index.h("div", { key: 'f1202a3b4fc36f8b2636e4d271340d2ffc2c32a6', class: "scChartStatus", role: "status", ref: (el) => (this.status = el) })), index.h("div", { key: '1b656ca1316129c21458c25eb2365b3a0401ef61', class: "svgWrap", ref: (el) => (this.chartDiv = el) }, index.h("div", { key: '467fcb6c584348fc5a0a033ad6ea9615bfaa5b02', class: "chartTooltip", id: this.afId }, index.h("div", { key: 'c9e5df91c0b8190698992413edc43d386870b494', class: "tooltipHead" }, index.h("digi-icon-x", { key: 'ce913cb114fde0466046c6de08cc66790af456fb', class: "tooltipClose" })), index.h("div", { key: 'ddfb4de44d8835d5d36cfea6c7da26dcbbab69bc', class: "tooltipBody" }), this.afVariation === typographyVariation_enum.BarChartVariation.Horizontal ? (index.h("digi-icon-caret-up", { class: "caret" })) : (index.h("digi-icon-caret-down", { class: "caret" })))), index.h("div", { key: '5ee958d222be39bf89be5be1396a45099872c8e4', class: "legendWrap", ref: (el) => (this.legendDiv = el) }, index.h("div", { key: '74051676296db5c3a7d21a51000e42f6b64beec9', class: "legend" })), index.h("div", { key: '6e7777302ed87cf1a3d63147486b89a990341b60', class: "table", ref: (el) => (this.tableDiv = el) }, ' ')));
+        return (index.h(index.Host, { key: 'd39019eecd4013769648a7cdb1e5dc48712de934', ref: (el) => (this.host = el) }, index.h("svg", { key: '9e4dbfcd19038c6b9c8cfe26b4e8b3c5ef624896', xmlns: "http://www.w3.org/2000/svg", width: "0", height: "0" }, index.h("defs", { key: '9ed2bc8b3064642d01e9028fa91c55577ed2da1c' }, index.h("pattern", { key: 'ca867a03dac364d29de422bc074c7ff3a8bac858', id: "prognosis", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, index.h("rect", { key: '2f2169ba84fcbb198a8f109bc57971beb3c3ca09', width: "8", height: "8", fill: 'white' }), index.h("line", { key: 'ad51412cb272233eb58a82a293643c4e865e34e9', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar(this.colorPalettes[0]), "stroke-width": "8" })), index.h("pattern", { key: 'ecc0ffeb0eda0d84102678c17163d0afc472cde5', id: "prognosisInactive", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, index.h("rect", { key: 'ca9a51785850ea8e26f4ca3b84dc28401325af63', width: "8", height: "8", fill: 'white' }), index.h("line", { key: 'd7dd225c20b588f74bff91d44ff5abc8839bc445', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar('--digi--color--background--secondary-accent'), "stroke-width": "8" })), index.h("pattern", { key: '654a002d89f6ce33fc4958afe3997829511b867e', id: "prognosisHighlight", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, index.h("rect", { key: '6d0286f1d11de92c88083618d4acb3300f36857d', width: "8", height: "8", fill: 'white' }), index.h("line", { key: '4acd94253dbdb1fc85090d677d246028a6e595d6', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.adjustColor(this.colorFunction(0), 50), "stroke-width": "8" })))), index.h("div", { key: '9022c75fa8077b2c025aac91b8c1a565b50ad8f0', class: "topWrapper", ref: (el) => (this.titleDiv = el) }, index.h("digi-typography", { key: '4a28b8506806ca2418fd21512460baebe84614d5', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: '69f4603b0fde842906e17abee241c6e3b4de1059', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_a = this.chartData) === null || _a === void 0 ? void 0 : _a.title) ? (_b = this.chartData) === null || _b === void 0 ? void 0 : _b.title.toLowerCase() : ''}` }, index.h("digi-icon-table", { key: '803f63ac1912c5979c43e7c58d28591a1d6ce461', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: '7d87badd6ae3df65127bdfe4c4308c0d38d5ccb7', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_c = this.chartData) === null || _c === void 0 ? void 0 : _c.title) ? (_d = this.chartData) === null || _d === void 0 ? void 0 : _d.title.toLowerCase() : ''}` }, index.h("digi-icon-chart", { key: 'f92c2eb9f08bf7f13a7eaea287b80a233efd95ef', slot: "icon" }), "Visa diagram"), index.h("div", { key: 'ee5b3ad8cdcfcf00891f56f7a7e738adf76f36c1', class: "scChartStatus", role: "status", ref: (el) => (this.status = el) })), index.h("div", { key: 'cbc0c8724ac73a07a4f2d01044d4928214e63f43', class: "svgWrap", ref: (el) => (this.chartDiv = el) }, index.h("div", { key: '52cb24ae1a29f5381860031513b7b9e835044935', class: "chartTooltip", id: this.afId }, index.h("div", { key: '17c4c08dcf63cd263db4f32fecae7ec5216e3014', class: "tooltipHead" }, index.h("digi-icon-x", { key: 'f44a9a534ae02fe674fc0f9161e5c4b5a3eecb30', class: "tooltipClose" })), index.h("div", { key: 'ffbe44f6a8db4dc67d6980bd69ca2209e4a75745', class: "tooltipBody" }), this.afVariation === typographyVariation_enum.BarChartVariation.Horizontal ? (index.h("digi-icon-caret-up", { class: "caret" })) : (index.h("digi-icon-caret-down", { class: "caret" })))), index.h("div", { key: '5d9cce591ea02a7b8ebdb42af55f378ee064a48a', class: "legendWrap", ref: (el) => (this.legendDiv = el) }, index.h("div", { key: '8b8b7cd614e5d6202bfce04e57c98ee040f15dab', class: "legend" })), index.h("div", { key: '64a35d431e28638ffece4dd12bdf04678ed13768', class: "table", ref: (el) => (this.tableDiv = el) }, ' ')));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -1849,7 +1850,7 @@ const Header = class {
         return (index.h("div", { class: "digi-header__wrapper" }, index.h("slot", { name: "header-logo" }), index.h("div", { class: "digi-header__content" }, index.h("slot", { name: "header-content" })), this.hasNavigation && this.isMobile && (index.h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
     }
     render() {
-        return (index.h("header", { key: '1fde33690866be488eb23959e3e76f31a91f2ab3', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: '0588ccb62902be24a2f4153877eae225677f1863', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), index.h("digi-layout-block", { key: '20a3a21170f52093b9b9e42df4d8106175d15de2', afContainer: typographyVariation_enum.LayoutBlockContainer.NONE }, this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), index.h("div", { key: 'de8922c8b23cc80abd5f124a97f8ffde66a7cf73', class: "digi-header__border" }), index.h("slot", { key: '21682884e8264b02ae2dea84c028c4ec4ee61ee4', name: "header-navigation" }))));
+        return (index.h("header", { key: '516b77bfe2d1dfe003133ebac92ff7d4d71d1c60', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: 'f89d54c1ad48e5452dd5df7bfed4a6df86c0f7e5', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), index.h("digi-layout-block", { key: '46b9736bfdfa355be5483cc83104716f2020c8d1', afContainer: typographyVariation_enum.LayoutBlockContainer.NONE }, this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), index.h("div", { key: '4314b63dfe2bdb9b99ceea40b8beaed68e4753d9', class: "digi-header__border" }), index.h("slot", { key: 'fa38515d8a8da19e1d17eaac5c9b40c1f3bb03e8', name: "header-navigation" }))));
     }
     get hostElement() { return index.getElement(this); }
 };
@@ -1957,7 +1958,7 @@ const NavigationAvatar = class {
         if (this.afShowPlaceholderImage) {
             this.afHideImage = true;
         }
-        return (index.h("div", { key: 'd92a2c1a9352fd2a56df7cbad6a6c3f2c68caecd', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (index.h("digi-media-image", { key: 'b9aecc4059a8e69b946c54c74371c1804f699a25', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (index.h("span", { key: 'dc6b66cab7b8bdb46060123130627289a6d8b12b', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, index.h(this.currentAvatar, { key: 'b893994829ece85bebe5fbc168724b36c54da5e3' }, index.h("title", { key: '2d00431f10f5d1c4bcad4b8cec60cee95763c78f' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (index.h("span", { key: '3e7abd2b59568800b56b31aa055e34ac7e8407ea', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (index.h("span", { key: '1fc58de76baf36c2591fec08e10ef90daa1701e8', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, index.h(this.currentAvatar, { key: '69221a6797b1c8c96a11ee8d8654a6aeee5a8d53' }, index.h("title", { key: 'abea1ff5fae414ae81323a3d47348ffcc58aeb36' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && index.h("slot", { key: 'f129fa9f48732c2dc0fae65c76f90315d53ee8ee' })));
+        return (index.h("div", { key: 'ad4a6fbb56f329d2de7e3da505204e5907e2edff', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (index.h("digi-media-image", { key: '88698d3b3e264b0c75006b449e1ce053baaea595', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (index.h("span", { key: '0d2f3035ada5926f0b2e967f75129d800cc500d6', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, index.h(this.currentAvatar, { key: '54b8cfd82f8cc663a9cbf428717de5acd1904147' }, index.h("title", { key: 'c3d9aa1dd81a22e6546696c1d64f3899c74ab32e' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (index.h("span", { key: '8d139eff27551f63846c2a75279438ca8fd913b6', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (index.h("span", { key: '92429c3baff14e6fa269b465ea953843878438c7', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, index.h(this.currentAvatar, { key: '02cc5522f465fdda8b3ec93f71a5c1b43528d278' }, index.h("title", { key: '3565ed9d119fb1cb8ea72de6806e9c7f785acc18' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && index.h("slot", { key: 'a24cc7907825dbee8389b6d26ccb18d4bea5e2fb' })));
     }
 };
 NavigationAvatar.style = DigiHeaderAvatarStyle0;
@@ -2124,10 +2125,10 @@ const HeaderNavigation = class {
         };
     }
     render() {
-        return (index.h("div", { key: '20ee5ecde5a57ddcb5b387b48811975ce324e7e2', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: '52ed2d9ec166e385acc7f7166bb049cfb258418a', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }, index.h("digi-util-keydown-handler", { key: 'ab0e0ff9224086bdc3e4ece7f0fb751062999451', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, index.h("div", { key: '62bbc4e6b08a9eaa271b1ef06e1decf8c4de0455' }, this.isMobile && (index.h("div", { key: 'c7b685db77ec70425fb28416934457c1d3fff844', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), index.h("nav", { key: 'a6034a2d893e78c373e04e9a84c79fd8e43ab5f9', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
+        return (index.h("div", { key: '121c72d40552f28dba749b4396316766478f0b09', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: 'f88dddc98531eaa9ee02d845f84ae87072291038', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }, index.h("digi-util-keydown-handler", { key: '0cf7888905c1445d901b56453c6097bc65f1fa99', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, index.h("div", { key: 'ea6f5eb7d720d56b50b619379c341f0926c07876' }, this.isMobile && (index.h("div", { key: 'cdf39a5c739732a39bf05b4f29da58e0895de974', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), index.h("nav", { key: 'bc1d7c45ea0f6565f82f4ec8c9a22c76c10b1ed1', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
                 this._wrapper = el;
-            } }, this.isMobile && (index.h("digi-button", { key: '125bacb20ca6ee684a4972df754e404333341668', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, index.h("digi-icon-x", { key: '05bbb20a4b57c4976fbcd36af4a723cf1c6db373', slot: "icon-secondary" }))), this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))) : (index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))))))));
+            } }, this.isMobile && (index.h("digi-button", { key: '838ad3369efd0f09fc42236ac361c8f71eddd22a', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, index.h("digi-icon-x", { key: '1053d972fbac618f9c0a5dac8362f982a331b132', slot: "icon-secondary" }))), this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))) : (index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -2151,7 +2152,7 @@ const HeaderNavigationItem = class {
         };
     }
     render() {
-        return (index.h("div", { key: '36bef41cd9174f120643146eca6033c435240747', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, index.h("slot", { key: '2b9a054a7a852a1ac6c48cfb8ce79564fc39236f' }), index.h("div", { key: '2d3600551c948df806486ddaa1326137cf40b74a', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
+        return (index.h("div", { key: '09574618b951d57f256a5bcb74c456e4c6c51b43', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, index.h("slot", { key: '4aa00a54099d93b9428f5106aa0d53e5e49e26a5' }), index.h("div", { key: '5b74e7195dbc0810252dadd334c8f1f4804e9b36', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
     }
 };
 HeaderNavigationItem.style = DigiHeaderNavigationItemStyle0;
@@ -2165,9 +2166,9 @@ const HeaderNotification = class {
         this.afNotificationAmount = undefined;
     }
     render() {
-        return (index.h("div", { key: 'b871eb5455115ed11f41ec63e9ccf3b430a54a78', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (index.h("span", { key: '8274d842bd908fc8c69dc0bcbf87c1e1c612a22a', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
+        return (index.h("div", { key: '550ca6a7db32322a4f141b30ecdeb5bd5fba9885', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (index.h("span", { key: 'bf072f1ff0db43568159abcf7ad1692a0d57b20e', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
             ? this.afNotificationAmount
-            : '+99')), index.h("slot", { key: '773b37898e58d0b6195dbe4997bce3bfc4d71552' })));
+            : '+99')), index.h("slot", { key: 'cff400f7310c0345ede4bb35371485c7378145a8' })));
     }
 };
 HeaderNotification.style = DigiHeaderNotificationStyle0;
@@ -2185,11 +2186,11 @@ const IconBars = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'bef6f5ee77c771511fb0d3cf38aaaf5bca86dfcb', class: "digi-icon-bars", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'cd3395c1acf4ac442dd674c357530752e455b239', class: "digi-icon-bars", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: '82730161077f91880da35f1bf8f271b4a69e2934', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '903aaa31e517a038af7b6163487191d2812b29b7' }, this.afDesc), index.h("path", { key: '061743c536636d040cac99dbbb833bc353f0bd33', class: "digi-icon-bars__shape", d: "M0.8,6.9h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,3.4,0,3.7,0,4.2v2C0,6.6,0.4,6.9,0.8,6.9z M0.8,14.8 h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,11.2,0,11.6,0,12v2C0,14.4,0.4,14.8,0.8,14.8z M0.8,22.6h20.4 c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8c-0.4,0-0.8,0.4-0.8,0.8v2C0,22.3,0.4,22.6,0.8,22.6z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && index.h("title", { key: '2477201a6ccc5b32c600f7e08f2365b492c1ca63', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '33792ccb1400a29a8cf9b145a607dff52a52438e' }, this.afDesc), index.h("path", { key: 'f10dc8d2d5bfc46fab4636145f0c47e0d148c32c', class: "digi-icon-bars__shape", d: "M0.8,6.9h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,3.4,0,3.7,0,4.2v2C0,6.6,0.4,6.9,0.8,6.9z M0.8,14.8 h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,11.2,0,11.6,0,12v2C0,14.4,0.4,14.8,0.8,14.8z M0.8,22.6h20.4 c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8c-0.4,0-0.8,0.4-0.8,0.8v2C0,22.3,0.4,22.6,0.8,22.6z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconBars.style = DigiIconBarsStyle0;
@@ -2207,11 +2208,11 @@ const IconBellFilled = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '90a72380ab2d3627daa59e71261e2e6510b5f50e', class: "digi-icon-bell-filled", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '9bbfc954b67b436d2e20b97f5d44344c68cc99b9', class: "digi-icon-bell-filled", width: "48", height: "48", viewBox: "0 0 48 48", "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 && index.h("title", { key: '395960b7e86c99c6887996917a9d0896c21154a6', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'fc6442bca1b2958566ccfa9f9d31e70c46a2664e' }, this.afDesc), index.h("path", { key: '7e4718de53f168925d01a7abb8e6c74e8e31d065', class: "digi-icon-bell-filled__shape", d: "M23.555833,48 C26.8859842,48 29.5872534,45.3140625 29.5872534,42 L17.5244126,42 C17.5244126,45.3140625 20.2256818,48 23.555833,48 Z M43.8639093,33.9646875 C42.0423204,32.0184375 38.6339126,29.090625 38.6339126,19.5 C38.6339126,12.215625 33.4972582,6.384375 26.5710718,4.95375 L26.5710718,3 C26.5710718,1.3434375 25.2209086,0 23.555833,0 C21.8907574,0 20.5405942,1.3434375 20.5405942,3 L20.5405942,4.95375 C13.6144078,6.384375 8.47775338,12.215625 8.47775338,19.5 C8.47775338,29.090625 5.06934557,32.0184375 3.24775666,33.9646875 C2.68204582,34.569375 2.43124734,35.2921875 2.43589641,36 C2.44633297,37.5375 3.65978272,39 5.4625146,39 L41.6491514,39 C43.4518833,39 44.6662759,37.5375 44.6757696,36 C44.6804187,35.2921875 44.4296202,34.5684375 43.8639093,33.9646875 L43.8639093,33.9646875 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '805d01a696e1ceae218dd6a48b03db050eb64f04', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '3203f64bd0388be0df68e095571a332c30c53270' }, this.afDesc), index.h("path", { key: 'c757b8e44e2500101d1f013fbdc2ab8a753e213e', class: "digi-icon-bell-filled__shape", d: "M23.555833,48 C26.8859842,48 29.5872534,45.3140625 29.5872534,42 L17.5244126,42 C17.5244126,45.3140625 20.2256818,48 23.555833,48 Z M43.8639093,33.9646875 C42.0423204,32.0184375 38.6339126,29.090625 38.6339126,19.5 C38.6339126,12.215625 33.4972582,6.384375 26.5710718,4.95375 L26.5710718,3 C26.5710718,1.3434375 25.2209086,0 23.555833,0 C21.8907574,0 20.5405942,1.3434375 20.5405942,3 L20.5405942,4.95375 C13.6144078,6.384375 8.47775338,12.215625 8.47775338,19.5 C8.47775338,29.090625 5.06934557,32.0184375 3.24775666,33.9646875 C2.68204582,34.569375 2.43124734,35.2921875 2.43589641,36 C2.44633297,37.5375 3.65978272,39 5.4625146,39 L41.6491514,39 C43.4518833,39 44.6662759,37.5375 44.6757696,36 C44.6804187,35.2921875 44.4296202,34.5684375 43.8639093,33.9646875 L43.8639093,33.9646875 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconBellFilled.style = DigiIconBellFilledStyle0;
@@ -2229,11 +2230,11 @@ const IconCaretDown = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '143ce7c45e8fbf23ad43ca1f8d4eb2b76606098f', 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 (index.h("svg", { key: '675d10c9b02f5aed58e4d0148a22cf6230b31815', 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 && index.h("title", { key: '7529f00fd56a2c435658086e91a28558e67d808f', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'a9858acd14974af565295e5f0a1b427fe5614fc4' }, this.afDesc), index.h("path", { key: 'df3f1870dccbe9db3ca1e505327fd4ff673e9534', 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 && index.h("title", { key: '6894db0b24015f58b6e223ca270c3c6a1fa3efd1', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '1224fbe99d514a2f450e7815bea1a81be9eacd6d' }, this.afDesc), index.h("path", { key: '451fc715a183d99c4b139122189f5c0d02a691fe', 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;
@@ -2251,11 +2252,11 @@ const IconCaretUp = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '0e7768c8ed4771629ca2b76024d0f3355f2fe898', 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 (index.h("svg", { key: 'eaacfb3cc975129ffff11ab0ca468080f051fce8', 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 && index.h("title", { key: 'a1ad68b01ad2dfe162a6f54d413d51163bfcdf51', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'ab1879003512d02a348d8ffae20e38d44b9593b7' }, this.afDesc), index.h("path", { key: '0047dcfd13655849563c61d6901d4212915e7bc3', 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 && index.h("title", { key: '96d83bbd565178f2269c586156db6432b180ccc8', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'b23371ee899c7d0054f046be028f2e4d5ac3735c' }, this.afDesc), index.h("path", { key: 'b05cdd67f4b1e5cf8a28c0d23c40d7b601938241', 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;
@@ -2273,11 +2274,11 @@ const IconChart = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '537c643d0a02cc36f8f0fefe04ca2b1b804b614f', 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 (index.h("svg", { key: '1118147e96f2db712c8b56da72e6c6fbb1e3498c', 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 }, index.h("title", { key: 'd0cd28d1c0cb4dfe9cc396f4c2a22360a76b587e' }, "Chart"), this.afTitle && index.h("title", { key: 'ce68117e20a4f688ff43776242157b045933e6dd', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'a13eeddb991ff14b5b85f239ea4eecb1d3f9269c' }, this.afDesc), index.h("defs", { key: '374252777f65f92d6cb379ef7bca83452a1074dc' }, index.h("polygon", { key: 'd4cf1297c14577cd2c577cfa64774ae5bc50b5c2', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("polygon", { key: 'e7cfd612c48cc8d781e03505f1ec0e517df9691e', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" })), index.h("g", { key: '78fe0cf804122a6ef0c772883276661533022610', id: "Ikonguide", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: 'c1455a2c43f5744d164f2c78502b93b4c844b47d', transform: "translate(-1012.000000, -804.000000)", id: "Chart" }, index.h("g", { key: '2febe3b3fdabe7922b69656ccbd961e05f1f976a', transform: "translate(1013.063248, 823.768116)" }, index.h("g", { key: '94140cc2a33101eb9628b3848fe61a1b90bf12ed', id: "Group", transform: "translate(-0.000000, 0.000000)" }, index.h("path", { key: '9cbbd7368665cc2db5faebdc2bc2cc2e94fca7bc', 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" }), index.h("path", { key: '2429843041e03087e3d9d5384fdfba97717de9fa', 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" }), index.h("path", { key: '5525dc19d994d517baa265081e25a4bb6b9764dd', 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" }), index.h("polygon", { key: 'ef18f585393c925d806796366f3a6e4735a1fcd1', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("g", { key: '7fa1d9559f3ea34d5ebb74233b473548a82ec0d0', id: "Clip-4" }), index.h("polygon", { key: '0931d1895249735f64e4212536d47a0d74981674', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" }), index.h("g", { key: '165f6da7b27ad6cfe1e3fd6ecbde8224ac031e72', id: "Clip-9" }), index.h("path", { key: '87beed782a382cd37652638d14d80b142b75da3d', 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 }, index.h("title", { key: '8b94e8d922abadbae0dd661a806e97d6fe9992ed' }, "Chart"), this.afTitle && index.h("title", { key: '5d0b722a84f3a6d5f822a69c62774a6bad497331', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '5fb92dbb0834566d7dc220486fb737edb602ab29' }, this.afDesc), index.h("defs", { key: 'aa6448c8895bee05d0b88ee76c7563bebe5d7c15' }, index.h("polygon", { key: 'cccad3ca1e1bcc86d706cc5334304e96f007ea16', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("polygon", { key: 'd08792b838b7a53fff12ff4aad7c990ac7af2baa', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" })), index.h("g", { key: '12f4c3cb2a78743067371a0aee924232c98afe6e', id: "Ikonguide", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '359eb010b12bcfabbc276282b06de418b86c0376', transform: "translate(-1012.000000, -804.000000)", id: "Chart" }, index.h("g", { key: 'd55973b8e1f8b3e251da2b3f8c74a223af5b2f15', transform: "translate(1013.063248, 823.768116)" }, index.h("g", { key: 'b3f9d168e83db9478adcbcc6ede76d3491c9b7ea', id: "Group", transform: "translate(-0.000000, 0.000000)" }, index.h("path", { key: 'ecd79aec0b963b521a6c842e96381094e0cd3b6d', 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" }), index.h("path", { key: '8208421dffa647569f3b11d0589054c9222f1c69', 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" }), index.h("path", { key: 'a14adb079b3eeb3bdc76b1a75a7362276a54ba82', 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" }), index.h("polygon", { key: 'f0e39a56ea9768ffa9f2b5054b60795da62f4b29', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("g", { key: '34b6562258c9cc6f87cec31c62506ab86e227685', id: "Clip-4" }), index.h("polygon", { key: 'b2e59dcfd853ceae78cae1503e174af4f0edc6ca', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" }), index.h("g", { key: '608a16e4420710c377a1770b7e398bee4e8217eb', id: "Clip-9" }), index.h("path", { key: '706cc18e4c125a9e9dc9da7aebf7a90a55efb1d9', 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;
@@ -2295,11 +2296,11 @@ const IconMinus = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '26919827944eac76fbb7fc3e1687f4f8688fd206', class: "digi-icon-minus", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'fa06434e782160a3c7dbf01d590700108cde6f17', class: "digi-icon-minus", 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 && index.h("title", { key: '2f875914f3cd4b08be16d48fe7cdb9bca0549bbb', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '7d6f49a82b4565886ff9d47e16dbe144bf8cedfd' }, this.afDesc), index.h("path", { key: 'eae47756fc85eadc5be8a20f78e8b8ad69a99d17', class: "digi-icon-minus__shape", d: "M21.2,13c0,0.7-0.5,1.2-1.2,1.2H2c-0.7,0-1.2-0.5-1.2-1.2c0-0.6,0.5-1.2,1.2-1.2H20C20.7,11.8,21.2,12.4,21.2,13z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '86c042921f0e88e179db119fea8f4351a86b6cbd', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '488d0d9d0f3c7a9c765e15f22dfa79335fb2d764' }, this.afDesc), index.h("path", { key: '19b0dfdc235446421f2a15b6cab741702abf32d9', class: "digi-icon-minus__shape", d: "M21.2,13c0,0.7-0.5,1.2-1.2,1.2H2c-0.7,0-1.2-0.5-1.2-1.2c0-0.6,0.5-1.2,1.2-1.2H20C20.7,11.8,21.2,12.4,21.2,13z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconMinus.style = DigiIconMinusStyle0;
@@ -2317,11 +2318,11 @@ const IconPlus = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '5f13fb6dbea898cf4f6fe5931a5fa5a8c50b30ff', class: "digi-icon-plus", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'ca73f1f13c31ad1f4a10c81d4ca451b93e9853cc', class: "digi-icon-plus", 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 && index.h("title", { key: '8404f13f05faa0f9b1cdc624d85a38aecc4b73fc', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'b2318c8ce9f2a989527ea17fca314bdc3cf5450f' }, this.afDesc), index.h("path", { key: 'e14ae8b688178d1a0023f5afde1eef8a70f8e68a', class: "digi-icon-plus__shape", d: "M21.6,13c0,0.7-0.5,1.2-1.2,1.2h-7.9V22c0,0.7-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2v-7.9H2.3c-0.7,0-1.2-0.5-1.2-1.2 c0-0.6,0.5-1.2,1.2-1.2h7.9V4c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v7.9h7.9C21.1,11.8,21.6,12.4,21.6,13z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'b6ce297c3fbde4dd09a703d0e9e594999b8145f3', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '45b1ea941f724c263897007871b2fda58f775aa3' }, this.afDesc), index.h("path", { key: '43ce466a817df98b348cc1ad80d71d462fd2e945', class: "digi-icon-plus__shape", d: "M21.6,13c0,0.7-0.5,1.2-1.2,1.2h-7.9V22c0,0.7-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2v-7.9H2.3c-0.7,0-1.2-0.5-1.2-1.2 c0-0.6,0.5-1.2,1.2-1.2h7.9V4c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v7.9h7.9C21.1,11.8,21.6,12.4,21.6,13z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconPlus.style = DigiIconPlusStyle0;
@@ -2339,11 +2340,11 @@ const IconTable = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '78e1ea08e567124021c44722f3fa1751ee0b02ce', class: "digi-icon-table", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'b49d205462200268d44fc7b725d4a08798f30a4c', 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 && index.h("title", { key: '4b2ee8c5728db7cba1614d45bf05a4b982b7e9c5', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '4ac0442ca7a474293d65022afd6c4abc6639446d' }, this.afDesc), index.h("defs", { key: 'f1dc8d67f4c44facd0d6b807b4047277a0145aea' }, index.h("polygon", { key: '5191ea2621ef806c335b3afc75681317f703dc40', points: "0 62 62 62 62 0 0 0" })), index.h("g", { key: '9aaebf40c0a0136b563f8b9a57ccf19f4be74943', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '0d3331de7a5c1e100420b87292519a3cc8ba16c5', transform: "translate(-302, -975)" }, index.h("g", { key: 'f1e280b71c9c717a9ad2ba776d799dc93685924a', transform: "translate(302, 975)" }, index.h("polygon", { key: 'fe1810b628cf5789cb045615b97735c055fe9116', fill: "currentColor", points: "29.6502083 9.05264249 32.3497917 9.05264249 32.3497917 6.36704663 29.6502083 6.36704663" }), index.h("g", { key: '5cdee5a38ffbc2512fbaa510748a5c0775501cd7' }, index.h("path", { key: 'dcfabe36e9192f9b44ca5ac3dc0fbe2135db7f97', 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" }), index.h("polygon", { key: '58129cf271414a17a547454c656dfbce9a8bbf33', fill: "currentColor", points: "6.40020833 9.05264249 9.09979167 9.05264249 9.09979167 6.36704663 6.40020833 6.36704663" }), index.h("path", { key: 'cbcb4dd7a867cb261374f88d732928d3f424ca3f', 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" }), index.h("polygon", { key: '39741d356c60c592e528ebd28339f7be2466e586', fill: "currentColor", points: "52.9002083 9.05264249 55.5997917 9.05264249 55.5997917 6.36704663 52.9002083 6.36704663" }), index.h("path", { key: 'b713cdff0623c6046b8c357c09d55b8021c0aa77', 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" }), index.h("polygon", { key: '86a85bf2233e4013d5f9c7c0423e185e504f28cd', fill: "currentColor", points: "29.6502083 55.6329534 32.3497917 55.6329534 32.3497917 52.9473575 29.6502083 52.9473575" }), index.h("path", { key: '3f18ab2751b9661e66d55d6f6012315029d87954', 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" }), index.h("polygon", { key: '8bcb6ac577cc12116c1b2fa4eb9fcc9f26f842f1', fill: "currentColor", points: "6.40020833 55.6329534 9.09979167 55.6329534 9.09979167 52.9473575 6.40020833 52.9473575" }), index.h("path", { key: '1ae2754a5d91c703c9d4de6f8da73d164c3a49e4', 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" }), index.h("polygon", { key: '48edbca1ea605c22bb59e9f99cbdaf5d82d71e82', fill: "currentColor", points: "52.9002083 55.6329534 55.5997917 55.6329534 55.5997917 52.9473575 52.9002083 52.9473575" }), index.h("path", { key: '4f370adc7a2c8d20be3d98efde9e06f8d0b4fadb', 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" }), index.h("polygon", { key: '4ceb3d298fa9baece16a78629afc70e40cfd4910', fill: "currentColor", points: "29.6502083 32.3427979 32.3497917 32.3427979 32.3497917 29.6572021 29.6502083 29.6572021" }), index.h("path", { key: '6da2f0700a4b8d58cc2930d30b71438b45c0e1f8', 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" }), index.h("polygon", { key: '3035c9bbbae0c6d6b094dfefa196a96ec7613441', fill: "currentColor", points: "6.40020833 32.3427979 9.09979167 32.3427979 9.09979167 29.6572021 6.40020833 29.6572021" }), index.h("path", { key: '769aa20647571e765d34ba02e9fea15dc4675f30', 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" }), index.h("polygon", { key: 'f1673edb2a74afaf64698697bd78e5f62d2aebf2', fill: "currentColor", points: "52.9002083 32.3427979 55.5997917 32.3427979 55.5997917 29.6572021 52.9002083 29.6572021" }), index.h("path", { key: '3da2d384a5d86340fc058a6eb2a9864a70a5c0e2', 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 && index.h("title", { key: 'f63b63cd60930376f64a7a15e9f3c6d5ee741b0f', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'c51782e65754ae035617fb28732823a1ea4b7ac1' }, this.afDesc), index.h("defs", { key: '1ffad888da2788c668415a2b4294e9b9e83be595' }, index.h("polygon", { key: '6fbbe98004c5cf4254e23efc535eb81eef8da93f', points: "0 62 62 62 62 0 0 0" })), index.h("g", { key: 'cc7248ad18a3bc826c4eedbf850c42e18385d583', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: 'e80dbd6a5fd97ea2abed626633a71706d92e32cc', transform: "translate(-302, -975)" }, index.h("g", { key: 'b5f1e5ae78fa13fde915046537e4141fa8cca716', transform: "translate(302, 975)" }, index.h("polygon", { key: 'b86f0c31aed24a0f9d02efa3192ae950a19ce91d', fill: "currentColor", points: "29.6502083 9.05264249 32.3497917 9.05264249 32.3497917 6.36704663 29.6502083 6.36704663" }), index.h("g", { key: '42e867469c971291acddacd1885aad0c5156d4d5' }, index.h("path", { key: '06cd03aeaccebd3dc08d5f3e623f1be226ebbd90', 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" }), index.h("polygon", { key: '87de0af2cd137153159c66d2d2301778a9582019', fill: "currentColor", points: "6.40020833 9.05264249 9.09979167 9.05264249 9.09979167 6.36704663 6.40020833 6.36704663" }), index.h("path", { key: '0fcebd6cbc5e5b29f36efee24739c53481a14cd0', 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" }), index.h("polygon", { key: 'e670f4df58c5928bbd2004e4d5cf6a3a50d0ec8b', fill: "currentColor", points: "52.9002083 9.05264249 55.5997917 9.05264249 55.5997917 6.36704663 52.9002083 6.36704663" }), index.h("path", { key: '1669f6f834f3ada0b2b0fdff539b325238a15d22', 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" }), index.h("polygon", { key: 'ab4ef443685a1eac51f88d34b4282a30c39e89b6', fill: "currentColor", points: "29.6502083 55.6329534 32.3497917 55.6329534 32.3497917 52.9473575 29.6502083 52.9473575" }), index.h("path", { key: '2d4caf2222ea359d0be3f27b64b517bf3c3475d9', 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" }), index.h("polygon", { key: '9eb03da5c3cbd10a155c99030dea35e841be4c17', fill: "currentColor", points: "6.40020833 55.6329534 9.09979167 55.6329534 9.09979167 52.9473575 6.40020833 52.9473575" }), index.h("path", { key: '034a3aa1559d77c20610bc47f49e6ffd4eba85c9', 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" }), index.h("polygon", { key: 'd82607c06058c8ba5217a6ebb7e91e98a83d4a49', fill: "currentColor", points: "52.9002083 55.6329534 55.5997917 55.6329534 55.5997917 52.9473575 52.9002083 52.9473575" }), index.h("path", { key: '2d515bf6855bed3cb8ffaeaa1099238daa84d0ea', 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" }), index.h("polygon", { key: 'e85f2c57e91425222c6c5f3e997dc2d06c70d1c3', fill: "currentColor", points: "29.6502083 32.3427979 32.3497917 32.3427979 32.3497917 29.6572021 29.6502083 29.6572021" }), index.h("path", { key: 'fbd0d5b5123dc0d902a8b1d824d6dd3de17cf7eb', 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" }), index.h("polygon", { key: 'a44146a18f74075eb09b5114c713c3e0bc544da2', fill: "currentColor", points: "6.40020833 32.3427979 9.09979167 32.3427979 9.09979167 29.6572021 6.40020833 29.6572021" }), index.h("path", { key: '5ad2a986f873e438a5573fa58b566aa84e2da5c4', 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" }), index.h("polygon", { key: '3876a450e96e622a551e6789042a7ff1d47392e5', fill: "currentColor", points: "52.9002083 32.3427979 55.5997917 32.3427979 55.5997917 29.6572021 52.9002083 29.6572021" }), index.h("path", { key: '86ac02fd318eec1d97516a16b52b75bf380500da', 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;
@@ -2361,11 +2362,11 @@ const IconX = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'f08bf884ed64347f389aac73ffde12d94ebefa03', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'b37ba57e85860e0a50560504d19abae3f9074b86', 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 && index.h("title", { key: '79100790569cf89f7e66b0b1ccdbe223f7adba6e', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '5426aea323409d08ad3b3615dbeae8864deb4352' }, this.afDesc), index.h("g", { key: 'ed225b9507ffd6dcb48418b82c979f357f5ba566', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, index.h("path", { key: 'b7ff387d316a1cedf57946a27936eac590d80fd5', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'e6e32beacee90cd776cac159369b4195c19c3c94', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '733715351c70082d3648a18d417d2aa3726ddced' }, this.afDesc), index.h("g", { key: 'c734024fc558d2ecbf09f94bfd9debf88f2b1e01', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, index.h("path", { key: '6a548dae43ee06648c18b03b3dcb67e1c704fe7a', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
     }
 };
 IconX.style = DigiIconXStyle0;
@@ -2400,7 +2401,7 @@ const LayoutBlock = class {
         };
     }
     render() {
-        return (index.h("div", { key: '4f60428c8b9d42ad916ca5112121cc8f9f2e04b6', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === typographyVariation_enum.LayoutBlockContainer.NONE ? (index.h(index.Fragment, null, index.h("slot", null))) : (index.h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, index.h("slot", null)))));
+        return (index.h("div", { key: 'fd12165df25faadfb73a0df452d91805fd784406', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === typographyVariation_enum.LayoutBlockContainer.NONE ? (index.h(index.Fragment, null, index.h("slot", null))) : (index.h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, index.h("slot", null)))));
     }
     static get watchers() { return {
         "afContainer": ["containerChangeHandler"]
@@ -2444,7 +2445,7 @@ const LayoutContainer = class {
         };
     }
     render() {
-        return (index.h("div", { key: '5ff028ab3d09d71a5c5de4a4e88d50b3f17f367f', class: Object.assign({}, this.cssModifiers) }, index.h("slot", { key: '56ee75891bfd6f55909841bc4acdf57b867dc235' })));
+        return (index.h("div", { key: '0dc19859f25ece31e266ad11bea2af0b1ad0db13', class: Object.assign({}, this.cssModifiers) }, index.h("slot", { key: '36ac6345da26289a63cf0bf8fc2e70ffd2ced85e' })));
     }
     static get watchers() { return {
         "afVariation": ["variationChangeHandler"]
@@ -2533,11 +2534,11 @@ const MediaImage = class {
         };
     }
     render() {
-        return (index.h("host", { key: '9cfb435b346ea2c850e9ad1c8623d1372e194b12' }, index.h("div", { key: 'c81e1c86fcc1457924cdb05d03c2a2d3f3fcca97', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
+        return (index.h("host", { key: 'c7b5685291cdeee6fe5993c4b38679f1e790fd51' }, index.h("div", { key: 'ba3a6089b4e98535acff797d8607923bbba6a795', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
                 '--digi--media-image--width': this.afWidth
                     ? `${this.afWidth}px`
                     : null
-            } }, index.h("digi-util-intersection-observer", { key: '3cec484d599d030b923983294d1e49643acfb98e', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (index.h("div", { key: 'be09f16a35bde1db6b0ef7f9bf62553761b5c1ff', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), index.h("img", { key: '22c705fa7866f99f741e0c852d319b57d37145a3', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
+            } }, index.h("digi-util-intersection-observer", { key: '793127f147db9ed2bc71be489ee3fd00499900cd', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (index.h("div", { key: '51eaaba343d34633999395e2a176036fc25bb62f', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), index.h("img", { key: 'adb35f409fcb04301ff476c1ef2bae23537fcbe1', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
     }
     static get watchers() { return {
         "afSrc": ["srcChangeHandler"]
@@ -2562,7 +2563,7 @@ const NavigationSidebarButton = class {
         this.afOnToggle.emit(this.isActive);
     }
     render() {
-        return (index.h("digi-button", { key: 'ebfd163ec7bde3817ff97b83d7300df6962f0261', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, index.h("digi-icon-bars", { key: '1ffc8c89027d2f6b06edb412d1b64becdb1a9437', slot: "icon" })));
+        return (index.h("digi-button", { key: '30e533fedf4346bf5d1cdddd6eedbda55104e37b', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, index.h("digi-icon-bars", { key: 'f2878d2c219653ca77ad39ccfbef4aaa01d5b226', slot: "icon" })));
     }
 };
 NavigationSidebarButton.style = DigiNavigationSidebarButtonStyle0;
@@ -2728,7 +2729,7 @@ const NavigationVerticalMenu = class {
         };
     }
     render() {
-        return (index.h("nav", { key: '2215782cbec68d4c6a02068576c9ddedb64c8530', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, index.h("slot", { key: 'f9ed700f21284c69b969b42fb6f12b1623b1185a' })));
+        return (index.h("nav", { key: '6bfe043a155fec7ca12b329f26f9fe3d88a1ce90', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, index.h("slot", { key: '280aa0dc9656afccd0890d278ed2ade21cd927a0' })));
     }
     get hostElement() { return index.getElement(this); }
 };
@@ -2849,24 +2850,24 @@ const NavigationVerticalMenuItem = class {
         }
     }
     render() {
-        return (index.h("host", { key: '4034a13fcdb1057df5b88815be9eb37dba601a87', class: {
+        return (index.h("host", { key: 'b008de69c96417bd000c4c4fa345910a19d1fc2c', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, index.h("div", { key: '4980f784e2c75e6f0acec17e5af2c395b884b8db', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (index.h("div", { key: '335b03a7123d65c6ce8f247136a37ceae32f6798', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, index.h("a", { key: '713f3ddab78e64abb6045008f2d773f7f0e2f8ba', id: `${this.afId}-link`, href: this.afHref, class: {
+            } }, index.h("div", { key: 'beba2e7303abb687d69c516148ab9cb2ceec6397', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (index.h("div", { key: '131f7f0423cf65d03dd119211697ad3c182cd361', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, index.h("a", { key: '7a5df68c81673e574c1e48ce621a5a00c7e54450', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__has-subnav': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive,
                 'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
-            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'c20202f05ab4b8e9b23fcd89613f30e88e3b66d7', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '699126ccd002240e5bf13905ed2b1d03805230a4', name: "icon" })), index.h("span", { key: '0fd8bfe80480ac6dd299c7b9419e0f87dd4d8227', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '4576c36918ebead122134139f586e9be47d0273d', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '3320ebac27d8ce208e469d40083699d4596ea9f0', name: "badge" }))), index.h("button", { key: 'ec9ee669f4db79f4f98d06492f37b8f7ff338330', type: "button", id: `${this.afId}-toggle-button`, class: {
+            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '4626c8903fe0c30b1899f45b2160da9f864d7154', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '77b31c7dce3d8dc4180f7a90e17d2370362ee834', name: "icon" })), index.h("span", { key: 'acf8a10408370f2419514443d0ab45081a6dad3f', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'd541aa1f6405374b84d042449f02b2883a04a195', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'ea14d278ad07c60fea424c76abd28f0504a72468', name: "badge" }))), index.h("button", { key: '2fec0f5b8ce3a490c894a4facc2cb7fd43b1b6a6', type: "button", id: `${this.afId}-toggle-button`, class: {
                 'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
                 'digi-navigation-vertical-menu-item__button--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, index.h("span", { key: '010519c486d071b2e80e70a6aba7cf3bab97b329', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: 'f922fc7be5bb789ac411bd2ba5eb63ac64a15fed', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (index.h("div", { key: '45c9d0ae0a1073ae11d5b29b0e5d6d303a4eea83', class: "digi-navigation-vertical-menu-item__inner" }, index.h("button", { key: '28d8337697b6c2796d86841b87a0b9a11d3eb539', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, index.h("span", { key: 'd94f4e8b85c0be6a8f282086bce352b3a6eccc5a', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '3245aea52c63c01c6ed2b60b67539b44a5a12d55', name: "icon" })), index.h("span", { key: '0ec740d571391b45270be0a81df9e87c4cb2cd27', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'e7ecbe1b97debc26c4f33788a0cd8948e794d2de', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '87561faf7d006134c879bbb2ecccb20d35cbcc40', name: "badge" })), index.h("span", { key: '230dfc05b2c0c3ad64feddc308c1ae7f2b80bd16', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: 'c563c4c3de12113cbc83af4566e971f141477dd3' }, this.toggleIcon))))), !this.hasSubnav && (index.h("div", { key: '3899bdf29953349f5f705c2bb7eecab4602ecaf8', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (index.h("a", { key: 'fb90be5417c3cb76174fe59dbde17b6f20776f4e', id: `${this.afId}-link`, href: this.afHref, class: {
+            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, index.h("span", { key: '7b8f7eb50850a9cd0b8c4f5bd540ee8db11542fd', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: 'c0d9a48dfa22f3010576b0f29c212c9d5a31d44d', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (index.h("div", { key: 'f9af1c1e34a6c52cf26b5c185517b88b2c389f97', class: "digi-navigation-vertical-menu-item__inner" }, index.h("button", { key: '407abc931c07b4dbdb87ef8e53ed8319bd3f30ac', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, index.h("span", { key: '845a6903f28f97e89d6fc62a134233b12f12bc32', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '7668a487b51aced8e227ea03f98d291a7b372995', name: "icon" })), index.h("span", { key: '6a606039e0c72a0fbd9b5b35cb89bf9b9ad07a2f', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'f7f58186c3397e552928e22f06cc39b0ef5c35b5', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'e7b18a30518fa3c9689db8639b478f5445e401c9', name: "badge" })), index.h("span", { key: 'f55a20be40e0512b2d7e99832899f2597930160a', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: '620ce5c869972cd332c69ccd73433f83f7413b96' }, this.toggleIcon))))), !this.hasSubnav && (index.h("div", { key: '508b9df37b90d0409737bf24a4a81e6e161994e2', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (index.h("a", { key: '4516ff318f441274bac19df6b1807c4e73db64ef', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'f04416cc6c14114834bfaed522546fc77c84a9ed', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '28b5934e236acf522fc243eca1fbb896cf30d389', name: "icon" })), index.h("span", { key: 'ef064f03fb347b35c571f923c8c105fd897b3294', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'a3d4eb270f45123648944157f937ea28feb7e258', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'fe65ca6f1d00579765ce8a6550d6583c7772ad1d', name: "badge" })))), this.isActive && (index.h("a", { key: '439489e2388a2eaca7509749763c423e58dbff91', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
+            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '8d87d230fdfc69a962c1d8b5ba0e347f30d160d4', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '3a76b7bb22241161a93a28b8da2fee4a8bc187cc', name: "icon" })), index.h("span", { key: '22a004383f4e3c8ea4c5cacf814bb4e5cdb32e80', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'ac1c1e4d8bf80e3f5dbcd0d2167371da084874e1', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'aba9cd8a14fe7d995907ed48e8e7a24581fbbebc', name: "badge" })))), this.isActive && (index.h("a", { key: 'c6e1f5fad0ed55b8cd05dd428fa4bdff6349b5e9', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'c37a3158554cc3496e43aa8e57bd07eb72201fd3', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: 'ac4617afe1bbf5510ceb7533553099ac855dcf7a', name: "icon" })), index.h("span", { key: '4cfa666a58ee43c67d5232839f9457a4181974b5', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '49d931e36fe2a43249cb69ea0a19086a335ef0e3', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'd76c01d73407d8264932808df69547f7dc352a6b', name: "badge" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'a75d83b50be5a8880d772b7ad437923c319413c5', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '60f589dac1f507138fae09c374523de98831027c', name: "icon" })), index.h("span", { key: '652e47dd7b5a8804cae11c7c5ae87f67a1183632', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '58bea6f0f43d27d3670080794968c7e12b02293f', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '160a3be67b528508619c74f9e5d142efc30b5bcb', name: "badge" })))))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -2947,7 +2948,7 @@ const TitleLogo = class {
         };
     }
     render() {
-        return (index.h("div", { key: '776d1ba17ce9f24ece25ed6f1f2528e3ae5a64e2', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: '8201fc140d3aa7bfa7acaae2072951751f604f8b', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), index.h("div", { key: 'b8f09d2272ed959cae038f25b2050386e5584bf4', class: "digi-title-logo-symbol" }, index.h("svg", { key: '3af2c2419b035bd2e228a9acf3f039638a82b26d', viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.h("path", { key: '562b1b6d22d1b2b438f6e48b21bf7a98a3b0a32b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z", class: "main-symbol" }))), index.h("div", { key: '47758a4ff3d7661ca130c1f6e70f706b60e59cc0', class: "digi-title-logo-name-wrapper" }, index.h("slot", { key: 'fc2a4b750091c4e5a8efdb16fb978d945626f0ba', name: "logo-one-row" }), index.h("slot", { key: '1250d720df8b80bf2b114cd95790039be8335a5e', name: "logo-two-rows" }))));
+        return (index.h("div", { key: '3529ae2c761883716e7ef698ea2ce35f70108bb9', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: '5404aac52451d6041e5a6e60d430b6d81a24a63f', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), index.h("div", { key: 'f417c914c65d6898d34187a1aa3f31e9c7137bf2', class: "digi-title-logo-symbol" }, index.h("svg", { key: '6d3a73a4b112f93af24d2bee57278380d7f1ab4e', viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.h("path", { key: 'eee432df3edbb799bc79dd4b47521499ed73ce39', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z", class: "main-symbol" }))), index.h("div", { key: 'd4367443a500da7d0767c1525ca5af1704ff13d7', class: "digi-title-logo-name-wrapper" }, index.h("slot", { key: 'f508b45dc39f72a2ec5626a8bc5d550a61c2a43c', name: "logo-one-row" }), index.h("slot", { key: 'faa09969cd0a8149e58bcf93a065c5956c766477', name: "logo-two-rows" }))));
     }
     get hostElement() { return index.getElement(this); }
 };
@@ -2967,7 +2968,7 @@ const Typography = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'c2b9b76abeff5d4f45d8841e7d748b747e985534', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, index.h("slot", { key: 'd1f57634bc23c7e2b0c70c7620ada023796bea44' })));
+        return (index.h("div", { key: 'a99d053379cc19d579603d972573477070909937', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, index.h("slot", { key: '74ab273311e46d20480867356728363196e5d0de' })));
     }
 };
 Typography.style = DigiTypographyStyle0;
@@ -3006,7 +3007,7 @@ const UtilBreakpointObserver = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1bf96336017e1cde539c6e3052ef1713a3b4dba1' }, index.h("div", { key: 'a27cdafe003d9ea0dc6ae1e835beb9be4f220668', class: "digi-util-breakpoint-observer" }, index.h("div", { key: '1f6b04b187a97efd64da61d1bcb1a824b343336b', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: '67603f4f2832820c4ceea5592fe4b50be88ea7fe' }))));
+        return (index.h(index.Host, { key: '2401a348a719b634b60ef6b186da7cf297c16743' }, index.h("div", { key: '06625da48adae31e39f21e78d27987f6a595b808', class: "digi-util-breakpoint-observer" }, index.h("div", { key: 'd925d3ce668b84f45f85666becfd66196979c304', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: '20f02ba8824f6c6d9c44f417670fc3e19c3a1e4b' }))));
     }
     get hostElement() { return index.getElement(this); }
 };
@@ -3070,7 +3071,7 @@ const UtilIntersectionObserver = class {
         this._hasIntersected = false;
     }
     render() {
-        return index.h("slot", { key: '93927cf4e9ba5053bfb64a6a8cb2aa9172a6481c' });
+        return index.h("slot", { key: 'c4676917362d0208334bad5cb2e6043158dffe39' });
     }
     get $el() { return index.getElement(this); }
     static get watchers() { return {
@@ -3149,7 +3150,7 @@ const UtilKeydownHandler = class {
         }
     }
     render() {
-        return index.h("slot", { key: '807fb9ade1831ce31ff901f15bb28825085926e1' });
+        return index.h("slot", { key: 'de87afd79ff43b195340ff92ae7ca0ab178820a7' });
     }
 };
 

package/dist/cjs/digi-calendar_2.cjs.entry.js

@@ -456,11 +456,11 @@ const IconCalendarAlt = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'bab32e9f7ad56f58c32a0ac318808d0244d4cc83', 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 (index.h("svg", { key: '8fa5ed3d91d5451738f3237262ff47aafc709ac7', 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 && index.h("title", { key: '8da2626a9d4c3acc1b09276ba08a48ed5d4df7d5', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '4ad2fdd2b0a45a3287f7400764797b9a409c77d8' }, this.afDesc), index.h("path", { key: '0e20b7b5f9f988d7ef914c844ed208487911ebde', 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 && index.h("title", { key: 'd9205afd3cd9e8d3c7e39688fba26ac675ce2453', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '2d0c3d12c0ed358ddbb0d4144ae5cfce0d2ed1e0' }, this.afDesc), index.h("path", { key: 'b705ac5c5f77bb160509a716f9905a9ff94ef083', 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/cjs/digi-chart-line.cjs.entry.js

@@ -2305,7 +2305,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 (index.h("host", { key: '2660390a27d10e08cede6fbc9baa2f6f2c23b598', ref: (el) => (this._host = el) }, index.h("div", { key: '28f684dbcf23122b496b506979da55556c7441d9', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '1790454fa384ac0f0443462f4f307108dc3950ac', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: 'ede9024c57dd001053645e052326e36caca932c0', 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() : ''}` }, index.h("digi-icon-table", { key: 'a8ff4b212951ea76a3bca93e7ffacb08053ebf35', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: 'e97d0302da660694c7ec5d451c794d9ae3d187c6', 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() : ''}` }, index.h("digi-icon-chart", { key: '2ca654591868fb8ef85016b2fcaec0655f53ea3f', slot: "icon" }), "Visa diagram"), index.h("div", { key: '409521a949a75753d8ad998861e8f53f8f2cda62', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: '19b8343c5039da7ead9a50ac7de74d0ce0324681', class: "chartTooltip", id: this.afId }, index.h("div", { key: '28767d138814122bdec3c0f83d67772f3eb2be79', class: "tooltipHead" }, index.h("digi-icon-x", { key: '0bb56bb3793b1a686b6f9adc4fb511fac02b2be8', class: "close" }), ' '), index.h("div", { key: '8c26e79ac3581ea677b483f56830c9d410cf88a9', class: "tooltipBody" })), index.h("div", { key: 'b52f49ec54de82fe47903b3d02951b4067989e86', class: "chart", ref: (el) => (this._chartDiv = el) }), index.h("div", { key: 'd203c6a181d727459e2832392adaf9474c10d2ce', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: 'f4f0302c22507f874e5916b4ce11a706d54de1d5', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (index.h("host", { key: 'eedf8d79973aa2d15f474e93134acbdfb9ef3d0c', ref: (el) => (this._host = el) }, index.h("div", { key: 'd8500c2d3ca271fac9ebf5ec35c4c4da9aef0abd', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '5c9b87f00f5bba14becd10154e3b13cac48124b7', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: '859a31da8c6afc1c07474ea4914af732588cef5b', 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() : ''}` }, index.h("digi-icon-table", { key: '3852def8d78f96314ee1a304a8b4b5d787e6f456', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: 'b4c53c45553bce7c77d20653d52a39c431597491', 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() : ''}` }, index.h("digi-icon-chart", { key: '8f5fabf6d507e5e664dcf9c89a73a2bfb5572645', slot: "icon" }), "Visa diagram"), index.h("div", { key: '7678960d000f436d5b0a9dce2f4489f9b48a0fee', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: '64edcbc78f51256719674dc4f9dc01af0ee7998a', class: "chartTooltip", id: this.afId }, index.h("div", { key: '0e9d9ffed55146e7aef132df07eea7ff2f5996c0', class: "tooltipHead" }, index.h("digi-icon-x", { key: '0463a7d4892199fb684f536a07a45132ad458c62', class: "close" }), ' '), index.h("div", { key: 'a703ec0152cee394b60a9110dfba8090c8e2e0bb', class: "tooltipBody" })), index.h("div", { key: '36fe4d1b5ede71ff5fd0e04be1ce33a6a5dfa7bd', class: "chart", ref: (el) => (this._chartDiv = el) }), index.h("div", { key: '558f1c0c8d1c6921d76a2e017197914af3b4e83c', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: 'f003d37dd680bf77a0fda37ba976edce57a7fcfe', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-code-block_3.cjs.entry.js

@@ -87,7 +87,7 @@ const CodeBlock = class {
         };
     }
     render() {
-        return (index.h("div", { key: '0e303cbfa97ce3236ed4371b4c45936081f0b8b3', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'b0ed125798e6a05dcfc29af8b35b483492be1e6e', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: 'fe91928297c3833d7e17cefe283c75a47b0e229b', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '1bde0cbe8ef10b1eb08cca1e2eac67ea2caf7eb2', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: '66823907ac7bb38d4b6b23fdd3a875b4fe38ddff', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: codeExampleVariation_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: '4329fa1556960690d691b32b59801fbdbd07d390', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
+        return (index.h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: codeExampleVariation_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
     }
     static get watchers() { return {
         "afCode": ["formatCode"]
@@ -107,7 +107,7 @@ const FormFieldset = class {
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-fieldset');
     }
     render() {
-        return (index.h("fieldset", { key: 'd8cfa4b3327565bd8c480783ffe63ec305347ea3', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (index.h("legend", { key: 'e625744d0d70e80ba53f55825c616d49a4b7b46c', class: "digi-form-fieldset__legend" }, this.afLegend)), index.h("slot", { key: '0ebfd14cb6e8c83a2aa9b5679909f529c9a3127a' })));
+        return (index.h("fieldset", { key: 'a7a58d88cd63c80e2ea6a1dabb87e047e9c00b2c', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (index.h("legend", { key: 'a6042cfa25c5fd53fd7efd27de0a041ba36eb24b', class: "digi-form-fieldset__legend" }, this.afLegend)), index.h("slot", { key: '0c301feeafa741c6ec844d3b55cb1ef487f74c3b' })));
     }
 };
 FormFieldset.style = DigiFormFieldsetStyle0;
@@ -194,9 +194,9 @@ const FormRadiobutton = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h("div", { key: '1b046e21ba80dbb97f44e0634ea6298c0a2556b1', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: 'a8dc1005905e4c0c4ac50acda225b4a1a6b6687a', 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 === typographyVariation_enum.FormRadiobuttonValidation.ERROR
+        return (index.h("div", { key: '737e9170ca2163d53242b72a0879d5f2da68d0b5', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '41378b14eef9d3d368d80af26da4bfd9f02735fd', 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 === typographyVariation_enum.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 }), index.h("label", { key: '3488133e2d6395c47729e94b0a6d03bd5ebeb05d', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: '3a19b4ee6390bb041a96372b07f4ff71b3f5193a', 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 }), index.h("label", { key: '0c4271258b15b2f8cecdd9762ed092b95afae3a2', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: '5a1de90ad6c18d08d947261936b03b131d6b9d46', class: "digi-form-radiobutton__circle" }), this.afLabel)));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {