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

package/components/digi-bar-chart.js

@@ -919,11 +919,11 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
             this._chartData = JSON.parse(data);
     }
     initSvg() {
-        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'
         };
@@ -1473,19 +1473,19 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
         return body;
     }
     render() {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         // Setting header
         let heading = '';
         if (!((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle))
-            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
+            heading = `<${this.afHeadingLevel}>${(_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title}</${this.afHeadingLevel}>`;
         else {
-            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>`;
+            if (!((_c = this._chartData) === null || _c === void 0 ? void 0 : _c.infoText))
+                heading = `<${this.afHeadingLevel}>${(_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title}</${this.afHeadingLevel}><p>${(_e = this._chartData) === null || _e === void 0 ? void 0 : _e.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>`;
+                heading = `<${this.afHeadingLevel}>${(_f = this._chartData) === null || _f === void 0 ? void 0 : _f.title}</${this.afHeadingLevel}><p>${(_g = this._chartData) === null || _g === void 0 ? void 0 : _g.subTitle}
+				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${(_h = this._chartData) === null || _h === void 0 ? void 0 : _h.infoText}</span></p>`;
         }
-        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) }, ' ')));
+        return (h(Host, { key: '60dbb085a6452ed338db2bba7ff3645748ad8326', ref: (el) => (this._host = el) }, h("div", { key: '5cb7833018e174f3ca2fc8e36370488317487245', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '0d73ef4b85cfe585715c7595de1a70c021e28525', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: 'fc02c34e9bc2c23cd6239d5da2f4bf8109f04b7a', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_j = this._chartData) === null || _j === void 0 ? void 0 : _j.title) ? (_k = this._chartData) === null || _k === void 0 ? void 0 : _k.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: 'a49b19041a0d561497bb0e5f130e82b0d62169ab', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '7c16a7151a66c16570763e57a3e6ea65fe6ad4d0', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_l = this._chartData) === null || _l === void 0 ? void 0 : _l.title) ? (_m = this._chartData) === null || _m === void 0 ? void 0 : _m.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: 'a83e7bd2696e4c0e300f653ef948962bc7d43703', slot: "icon" }), "Visa diagram"), h("div", { key: 'aa52040fa0360f81527b6d2c1033f415089874e7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '584052388aa98029110838bf0b1a94c236f0b6b4', class: "chartTooltip", id: this.afId }, h("div", { key: 'f06eb94bfca1b6daf7f1045b41bef5e1d5315a18', class: "tooltipBody" }), h("digi-icon-x", { key: 'c94c9c8ab2da7c9b4cc1bee7ce5cec8056a17c0a', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: 'ccd8718435b439852d276f2f228beb55d0b66209', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: '290c7df8b1122b1eba94f62a0e47176744887944', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '20fe0851359f8c21f278f63e59e10164826ddcd9', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-form-input-search.js

@@ -14,7 +14,7 @@ import { d as defineCustomElement$4 } from './p-b3d47218.js';
 import { d as defineCustomElement$3 } from './p-92d96d90.js';
 import { d as defineCustomElement$2 } from './p-c132c0be.js';
 
-const formInputSearchCss = ".sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(--digi--form-input-search--input--border-radius--default)}";
+const formInputSearchCss = ".sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(--digi--form-input-search--input--border-radius--default)}.sc-digi-form-input-search-h .digi-form-input-search--large.sc-digi-form-input-search .digi-form-input-search__button.sc-digi-form-input-search button.sc-digi-form-input-search{font-size:var(--digi--global--typography--font-size--interaction-large);padding:var(--digi--gutter--button-block-large) var(--digi--gutter--button-inline-large)}";
 const DigiFormInputSearchStyle0 = formInputSearchCss;
 
 const FormInputSearch = /*@__PURE__*/ proxyCustomElement(class FormInputSearch extends H {