@designsystem-se/af 35.0.0 → 35.0.1

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

@@ -96,7 +96,7 @@ const Quote = class {
         return (index.h("div", { class: "digi-quote__variation--highlight-wrapper" }, index.h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), index.h("div", { class: "digi-quote-icon-flex" }, index.h("span", { class: "quote-icon" }, this.renderQuotationMark()), index.h("div", { class: "quote-content" }, index.h("digi-typography", null, index.h("blockquote", null, index.h("slot", null))), index.h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), index.h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (index.h(index.Host, { key: '87877e2a6673408528a948d9b30819cd6ac2b8bc' }, index.h("digi-util-breakpoint-observer", { key: '694b3b0af533dc63ab7f8376d4f31be0aec03bb7', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: 'b0e58828e47831efccd8134a727e8fa09830c635', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (index.h(index.Host, { key: '525ba7fbd71b2a31a8b050d300af0e580bb6a98e' }, index.h("digi-util-breakpoint-observer", { key: 'e6a0cea740192e9f12f7d636d3baee7fb7261f36', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '0e1bb67754db4cc513e5db22f475f59f77aab797', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
 };
 Quote.style = DigiQuoteStyle0;

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

@@ -25,7 +25,7 @@ const Table = class {
         };
     }
     render() {
-        return (index.h("div", { key: '8ac08323eaac5cc315114a986497362ab605d891', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: '607592e7cdf1606691b26eb2bf2338d73ef32dce', class: "digi-table__scroll-container" }, index.h("slot", { key: '33299011515a9f4dfbe0b317a69e61fcb2bb6e7c' }))));
+        return (index.h("div", { key: '672c0d88ee2057829da46509f4a3ed678715242a', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: 'f197d78db93c1b22cf727a1322b1781939aa4d98', class: "digi-table__scroll-container" }, index.h("slot", { key: 'b35255291276b12e0b7661a5d257c8038c4b6b41' }))));
     }
 };
 Table.style = DigiTableStyle0;

package/dist/cjs/digi-tablist-panel.cjs.entry.js

@@ -11,11 +11,11 @@ const NavigationTabPanel = class {
         this.isVisible = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'e4cfd11c6f4bbb2487c0ff743e8ebf7dd5659ae2' }, index.h("div", { key: '6c88d83d97f6192b59138bcedb262c5bf6c609a4', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (index.h(index.Host, { key: 'b89f13e04d43b15eaa39221387ca24ab8db74821' }, index.h("div", { key: 'cb11153b3b6b42ebc11d5d4a650684b72cd35a0c', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, index.h("slot", { key: 'fecd78af4cb75e725d1df5fc39c2b56786f73414' }))));
+            } }, index.h("slot", { key: '82547d5268852f00080baed6250f86b258e082f7' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -245,14 +245,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (index.h(index.Host, { key: '984dcccc1c59d1d0d8516a0da050f6da14ac4bda' }, index.h("div", { key: '242017c856b2afb3776314b5a4203ef969627d47', class: {
+        return (index.h(index.Host, { key: 'cd0e1b6864fd6626c4353d3ba6ce87ae9ada03f1' }, index.h("div", { key: '58615534f1ba0a9419e732378990be13c0d41f1e', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === navigationTablist_types.OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === navigationTablist_types.OverflowMode.Controls
-            } }, index.h("div", { key: 'e29a128663f7e46eed7eae365ac5821341b13e08', class: "control-wrapper", style: {
+            } }, index.h("div", { key: 'e356625ac7f8fc34d05c2bcbc8ce88ece6279ee6', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, index.h("button", { key: 'f86ad9656b7450f13e568d029e4f2a9c0ff68dad', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: '0f127badcf5fd6a527a0c727820b9b34baba5c3c' }))), index.h("div", { key: '0d42040ba9f1ea0c5647da3000922fd6f5c0ef43', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, index.h("button", { key: 'b1e4d8cd6a55c2e50e2fd5a081553c953bd3c650', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: 'c630e957ba8228fab9a38ddf2a28015fcf9c352b' }))), index.h("div", { key: 'd1a17aafd851954ba9d4530ecbbc2430095c77c5', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
             const focusable = tab.id === this.tabs[this.selectedTab].id;
             const isActive = tab.id === this.tabs[this.activeTab].id;
             const Icon = `digi-icon-${tab.icon}`;
@@ -261,10 +261,10 @@ const NavigationTablist = class {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, index.h("div", { class: "content-wrapper" }, index.h("span", { class: "tablist-content" }, tab.icon && index.h(Icon, { "aria-hidden": "true" }), index.h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (index.h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), index.h("div", { class: "indicator" }))));
-        })), index.h("div", { key: '6b11bef0a81bf78077379a6785e535424cd6b9d1', class: "control-wrapper", style: {
+        })), index.h("div", { key: 'ffec77b5eee5eb4bfe9cfa8bfe79d1f576ff85d5', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '94cb2c7233e90d96d9b9fd7ef367f7d1246dce81', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: 'b11e774bc5314e0cb1ef3bd6d44dd73d449e4443' })))), index.h("div", { key: 'dd959e9ffdc3e09b10ce4c3d444fc8ef8d5cf293', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: '7d32d706b18c5896088fef6d84e6e64fb9d1648d' }))));
+            } }, index.h("button", { key: 'fe1a428304f6b4c1447dfa017bbec9a397022499', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: '2ae47a6ac521a2f237f7b82efb3745776e05617c' })))), index.h("div", { key: 'ec52d456d4229b0e7611dbce988894e95d2ba28e', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: 'b500ff8ccb8a823052f20f26c5568cf9a0cf2245' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

package/dist/cjs/digi-tag-media.cjs.entry.js

@@ -36,9 +36,9 @@ const TagMedia = class {
         return index.h("digi-icon-news", { class: "digi-tag-media__icon" });
     }
     render() {
-        return (index.h(index.Host, { key: 'b056b523f0be742d2af41b9734e0db41d665eeaa' }, index.h("div", { key: '366e0e530ff486178a1667ecdab71dcb34c96b0d', class: {
+        return (index.h(index.Host, { key: 'efd13fdeab1128b75e97d558dcae6686e3942124' }, index.h("div", { key: 'd2465b967077f22e5410870a044b637cdb2ba850', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, index.h("span", { key: '65d35f0234bab6039154145b3e444424c671baaa', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, index.h("span", { key: 'd9a9bb25e48873ba99d9ef96f528cc4fd979504b', class: "digi-tag-media__text" }, this.afText))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -34,7 +34,7 @@ const Tag = class {
         return this.afText;
     }
     render() {
-        return (index.h("digi-button", { key: '6cd1e8bd2b86cfc5dc56f9a8f608af04f8b9bd38', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && index.h("digi-icon-x", { key: '7552bb5b2151effbdb3cb887387b5d6966632795', slot: "icon-secondary" })));
+        return (index.h("digi-button", { key: '25cd85aae8ecef406e405a7334aebd9386cea51c', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && index.h("digi-icon-x", { key: '92a8316a636f60cd25b4da9a4b542ccf703f8b76', slot: "icon-secondary" })));
     }
 };
 Tag.style = DigiTagStyle0;

package/dist/cjs/digi-tools-feedback-banner.cjs.entry.js

@@ -90,7 +90,7 @@ const FeedbackBanner = class {
             }), index.h("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, index.h("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, index.h("slot", null))))));
     }
     render() {
-        return (index.h("div", { key: '9b1bb5f17bd98360101a595a39317ae2e3d3ee90', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && (index.h("digi-layout-block", { key: '92a071cfa238d90541e04e5cc02253646c51cb76', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (index.h("div", { key: '68e63e78c9dc40593f31eb05ca0dd2d07bde9446', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && (index.h("digi-layout-block", { key: 'b9f88ac069668d7b767ad3d9d651be4b0c73b89e', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-tools-feedback-rating.cjs.entry.js

@@ -170,7 +170,7 @@ const ToolsFeedbackRating = class {
             {}).text.toLowerCase() || null}`)), index.h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (index.h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, index.h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, index.h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, index.h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, index.h("g", { transform: "translate(1663, 2565)" }, index.h("g", { transform: "translate(190, 0)" }, index.h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (index.h("div", { class: "digi-tools-feedback-rating__thankyou" }, index.h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, index.h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), index.h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), index.h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (index.h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (index.h("div", { class: "digi-tools-feedback-rating__link" }, index.h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
     }
     render() {
-        return (index.h("div", { key: '30c3b503e8a9cbb4c3a7f5f2ee6ab7f5cf8fd902', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: 'e40bc40068bd12d7f2a42c6a94c58943366acd46', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (index.h("div", { key: '967490d85c65f835f61f9722e9c4f2b94ae1904f', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: 'd355387d252bd2c7f557474d0a3659840aa2e55e', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-tools-feedback.cjs.entry.js

@@ -119,7 +119,7 @@ const ToolsFeedback = class {
         this.afOnReady.emit();
     }
     render() {
-        return (index.h("div", { key: '1f5143d0753d083ce4c6414e7fef0fae421907ea', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && (index.h("digi-layout-block", { key: '48691aeca81929244d8d3aa89d45937b80d595d8', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && this.content));
+        return (index.h("div", { key: '8b5324384461950afeefb05016ac9a50b26a0f98', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && (index.h("digi-layout-block", { key: '4a5389e739712975c6c1561cc3592e3c682c00d8', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && this.content));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-tools-theme-provider.cjs.entry.js

@@ -20,7 +20,7 @@ const ToolsThemeProvider = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'abee476e758c439570721e97ad1a823ba735b4ac' }, index.h("div", { key: 'ac14be06f3dc8ea4fea7e6e73b85f12900e28704', class: this.cssModifiers }, index.h("slot", { key: '359808b5467a64d0475c9ce83c25941a2136f716' }))));
+        return (index.h(index.Host, { key: '3d85bfe083df9d1feada59943c68d95d800f3db5' }, index.h("div", { key: '74d720cb1d027f2e38bb8aeed19b541cb9cf9f8e', class: this.cssModifiers }, index.h("slot", { key: '42555ba2aba34139d098d0ad96cf64e3499e04ae' }))));
     }
 };
 ToolsThemeProvider.style = DigiToolsThemeProviderStyle0;

package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js

@@ -30,7 +30,7 @@ const TypographyHeadingJumbo = class {
         };
     }
     render() {
-        return (index.h(this.afLevel, { key: 'a7415708610fc7695ebc44c13a00f8af694ef885', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+        return (index.h(this.afLevel, { key: 'def5efef7bab80df7a371eb00cf9bd5bc3cc73e1', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
     }
 };
 TypographyHeadingJumbo.style = DigiTypographyHeadingJumboStyle0;

package/dist/cjs/digi-typography-meta.cjs.entry.js

@@ -19,7 +19,7 @@ const TypographyMeta = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'f13545fb85df51846eadc1a23bd79da674851caf', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, index.h("div", { key: '52a6d669d1b480c5226a22518379164b0f228d6d', class: "digi-typography-meta__meta" }, index.h("slot", { key: '0b05a2b4d29f28c76e2aaf3c8dc032ae714aa4ac' })), index.h("div", { key: 'ef78bd85632741210a3dab1a3475471a8ef7a5ef', class: "digi-typography-meta__meta-secondary" }, index.h("slot", { key: '34fad6e489891596e7c68e9f3e6b9193a07c782b', name: "secondary" }))));
+        return (index.h("div", { key: '5d86b5fab03697a08c456f30efd43c270e5ecc13', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, index.h("div", { key: 'caaf5aa1edd6233c2613ca3fee3ff4549e66e35c', class: "digi-typography-meta__meta" }, index.h("slot", { key: '35c6b0a568f0ed44f00184f5038210d1245f68fa' })), index.h("div", { key: 'b83127e93dc0091b8aa0edc262b76643cf25693a', class: "digi-typography-meta__meta-secondary" }, index.h("slot", { key: 'faf4e8c8da51bce680c2cbd174b101cde86d2413', name: "secondary" }))));
     }
 };
 TypographyMeta.style = DigiTypographyMetaStyle0;

package/dist/cjs/digi-typography-preamble.cjs.entry.js

@@ -12,7 +12,7 @@ const TypographyPreamble = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("p", { key: 'a7aa20ba92ca92dd62a7d215edb3e0fb0d267ddc', class: "digi-typography-preamble" }, index.h("slot", { key: 'aacc61d671c2d7cb2ea5d42d5452c46ec4edcb9e' })));
+        return (index.h("p", { key: 'eb1c8dc2c62957198905635e3ed5db049083fffe', class: "digi-typography-preamble" }, index.h("slot", { key: '4260930021c7fe3b0ecc848f9e233b1537959083' })));
     }
 };
 TypographyPreamble.style = DigiTypographyPreambleStyle0;

package/dist/cjs/digi-typography-time.cjs.entry.js

@@ -60,7 +60,7 @@ const TypographyTime = class {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (index.h("time", { key: 'e269be85b935c92e76038f2111e04fb7a3d905ff', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (index.h("time", { key: 'f7c87f0cd80dd1aeb556d30676273e724c3c76de', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get watchers() { return {
         "afDateTime": ["formatDate"]

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

@@ -39,7 +39,7 @@ const UtilBreakpointObserver = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '117a6274faa0c709162a6f6a176784b0553a736a' }, index.h("div", { key: '1cbd6bf86b846ad67f340e73b9bf5afc7e2a2125', class: "digi-util-breakpoint-observer" }, index.h("div", { key: 'e9e9ceff5ad75ed50ac752c1439915f5bb4a2bc8', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: '2ac13582e56ef551982c8894e5507ae21201f9f2' }))));
+        return (index.h(index.Host, { key: '4424bda29d60cd0145cd444840492784458bc036' }, index.h("div", { key: 'aac9dad240a4d6c13cb1ccbdb9a726e61aaad1cb', class: "digi-util-breakpoint-observer" }, index.h("div", { key: 'b5afcb0f0f82052411fa6f625e55d486867593ea', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: '543d436c99ddf2c56f85bcb452f0d9f7f8f2e44a' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-util-detect-click-outside.cjs.entry.js

@@ -28,7 +28,7 @@ const UtilDetectClickOutside = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'a8ce93ee77f1b6e346eb0ad1205f2ae44d685fde' });
+        return index.h("slot", { key: '0f02774e807bd71017910839e0b0220138efc42c' });
     }
     get $el() { return index.getElement(this); }
 };

package/dist/cjs/digi-util-detect-focus-outside.cjs.entry.js

@@ -28,7 +28,7 @@ const UtilDetectFocusOutside = class {
         }
     }
     render() {
-        return index.h("slot", { key: '878287c0a2c1c4380e0eacdec9c9dfc793066728' });
+        return index.h("slot", { key: 'b8089a6a260239f98b6b8cd1942e9a6ed439589d' });
     }
     get $el() { return index.getElement(this); }
 };

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

@@ -76,7 +76,7 @@ const UtilKeydownHandler = class {
         }
     }
     render() {
-        return index.h("slot", { key: '9a0385a00a61d75f479e7bf74ec372f5c805d396' });
+        return index.h("slot", { key: 'd7f48cfd9a71e8e14b457f93ffd79f0d17becf37' });
     }
 };
 

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

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

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

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

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

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

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

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