@designsystem-se/af 34.2.1-beta.0 → 34.2.1-beta.1

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

@@ -1381,9 +1381,11 @@ const barChart = class {
         this.afChartDataUpdate(this.afChartData);
     }
     componentDidLoad() {
-        if (Object.keys(this._chartData).length === 0) {
-            this._loading = true;
-            return this.initEmpty();
+        if (this._chartData) {
+            if (Object.keys(this._chartData).length === 0) {
+                this._loading = true;
+                return this.initEmpty();
+            }
         }
         this.initChain();
         document.fonts.ready.then(() => {
@@ -1467,18 +1469,19 @@ const barChart = class {
         return body;
     }
     render() {
+        var _a, _b;
         // Setting header
         let heading = '';
-        if (!this._chartData.subTitle)
+        if (!((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle))
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else {
-            if (!this._chartData.infoText)
+            if (!((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.infoText))
                 heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
             else
                 heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.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 (index.h(index.Host, { key: '0d5eb5792e8d25a8fad9ebbda37ee8647cf9b84a', ref: (el) => (this._host = el) }, index.h("div", { key: '738ee52c5e65e6d59c43e026e107831e98dcb556', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '271fdeb27b9a2fcb9c7b95efd99c9bd8d1f759d9', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: '79757e4842d07012606260d5d8cb42fb167e12bc', 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: '6680d0631ad83420af0d83092c903ad80589c0f8', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: '235ce1a9720421389ec75badd84063160ea1287c', 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: 'a5cb22ffb739b5a8b6df149839093e50126d5695', slot: "icon" }), "Visa diagram"), index.h("div", { key: 'b99d25897ac6fbe3573dfd674ebe87300087afdc', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: '8cdfc4c6275a796c222724b6ada958caa7ee52a3', class: "chartTooltip", id: this.afId }, index.h("div", { key: '390c549f11664dad62033e9ff0d214597a7610ee', class: "tooltipBody" }), index.h("digi-icon-x", { key: 'd9ec5ef1cc984ed75660fa8b5d75b118c36b2246', class: "close" }), this.afVariation === barChartVariation_enum.BarChartVariation.Horizontal ? (index.h("digi-icon-caret-up", null)) : (index.h("digi-icon-caret-down", null))), index.h("div", { key: '60e68bb115ba913b4bf65209f09b38064e68b6a4', ref: (el) => (this._chartDiv = el) }, " "), index.h("div", { key: '4e1236c68e6fb74fbd7149b02db6435bcde25e31', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: '4597cab3173e312db11c062548adcf01e4f74c29', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (index.h(index.Host, { key: '65836a662f14a32081c4beb04abfc08e7da3eb18', ref: (el) => (this._host = el) }, index.h("div", { key: 'cf78cea14dc3bb2926afb5616f13d7e2d62a8d2b', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '8127fdc8b9762e4a709a9037fb98d2af23f09ba6', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: 'b82f6d3b89bcb02514b71327b64ca482b17d2254', 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: '4731bb94d37da719a9f554d8f133663eef5b1052', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: 'b3c90d4d746a05afbc7c7296bd62495bbea6dac8', 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: '61ee373c52d08b84ff0a503baf19978dc133ad83', slot: "icon" }), "Visa diagram"), index.h("div", { key: 'e5a42338598719c5e0a579a1f55c4b52af8a2b39', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: '996cea89ee18b97ae4e30f114a55e576731cd41f', class: "chartTooltip", id: this.afId }, index.h("div", { key: '38ad74f0e2c7893ffff0d7e393c9b102dbf147d0', class: "tooltipBody" }), index.h("digi-icon-x", { key: '18542513029a014b64ae4409c27cceb194a0b117', class: "close" }), this.afVariation === barChartVariation_enum.BarChartVariation.Horizontal ? (index.h("digi-icon-caret-up", null)) : (index.h("digi-icon-caret-down", null))), index.h("div", { key: '1183ff38c4bd6bb2f77caa52d8b9411ae13f475e', ref: (el) => (this._chartDiv = el) }, " "), index.h("div", { key: '4f85243d2d3fb71227f6dcdb969b160ced048b46', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: '49ad729059843ca703e69a838d0cb953f574600c', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1308,9 +1308,11 @@ export class barChart {
         this.afChartDataUpdate(this.afChartData);
     }
     componentDidLoad() {
-        if (Object.keys(this._chartData).length === 0) {
-            this._loading = true;
-            return this.initEmpty();
+        if (this._chartData) {
+            if (Object.keys(this._chartData).length === 0) {
+                this._loading = true;
+                return this.initEmpty();
+            }
         }
         this.initChain();
         document.fonts.ready.then(() => {
@@ -1394,18 +1396,19 @@ export class barChart {
         return body;
     }
     render() {
+        var _a, _b;
         // Setting header
         let heading = '';
-        if (!this._chartData.subTitle)
+        if (!((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle))
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else {
-            if (!this._chartData.infoText)
+            if (!((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.infoText))
                 heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
             else
                 heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.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, { key: '0d5eb5792e8d25a8fad9ebbda37ee8647cf9b84a', ref: (el) => (this._host = el) }, h("div", { key: '738ee52c5e65e6d59c43e026e107831e98dcb556', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '271fdeb27b9a2fcb9c7b95efd99c9bd8d1f759d9', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '79757e4842d07012606260d5d8cb42fb167e12bc', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '6680d0631ad83420af0d83092c903ad80589c0f8', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '235ce1a9720421389ec75badd84063160ea1287c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: 'a5cb22ffb739b5a8b6df149839093e50126d5695', slot: "icon" }), "Visa diagram"), h("div", { key: 'b99d25897ac6fbe3573dfd674ebe87300087afdc', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '8cdfc4c6275a796c222724b6ada958caa7ee52a3', class: "chartTooltip", id: this.afId }, h("div", { key: '390c549f11664dad62033e9ff0d214597a7610ee', class: "tooltipBody" }), h("digi-icon-x", { key: 'd9ec5ef1cc984ed75660fa8b5d75b118c36b2246', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: '60e68bb115ba913b4bf65209f09b38064e68b6a4', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: '4e1236c68e6fb74fbd7149b02db6435bcde25e31', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '4597cab3173e312db11c062548adcf01e4f74c29', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h(Host, { key: '65836a662f14a32081c4beb04abfc08e7da3eb18', ref: (el) => (this._host = el) }, h("div", { key: 'cf78cea14dc3bb2926afb5616f13d7e2d62a8d2b', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '8127fdc8b9762e4a709a9037fb98d2af23f09ba6', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: 'b82f6d3b89bcb02514b71327b64ca482b17d2254', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '4731bb94d37da719a9f554d8f133663eef5b1052', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'b3c90d4d746a05afbc7c7296bd62495bbea6dac8', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '61ee373c52d08b84ff0a503baf19978dc133ad83', slot: "icon" }), "Visa diagram"), h("div", { key: 'e5a42338598719c5e0a579a1f55c4b52af8a2b39', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '996cea89ee18b97ae4e30f114a55e576731cd41f', class: "chartTooltip", id: this.afId }, h("div", { key: '38ad74f0e2c7893ffff0d7e393c9b102dbf147d0', class: "tooltipBody" }), h("digi-icon-x", { key: '18542513029a014b64ae4409c27cceb194a0b117', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: '1183ff38c4bd6bb2f77caa52d8b9411ae13f475e', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: '4f85243d2d3fb71227f6dcdb969b160ced048b46', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '49ad729059843ca703e69a838d0cb953f574600c', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     static get is() { return "digi-bar-chart"; }
     static get encapsulation() { return "scoped"; }