@designsystem-se/af 35.0.0 → 35.0.2

package/components/{p-915bc79f.js → p-d60c0b9a.js}

@@ -54,7 +54,7 @@ const FormLabel = /*@__PURE__*/ proxyCustomElement(class FormLabel extends H {
         }
     }
     render() {
-        return (h("div", { key: '188381f52cc24517ea48faadf137d68c396d2f7a', class: "digi-form-label" }, h("div", { key: 'a3ea6f320b3463bb583f779014b5eec5f31df32f', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: 'e98b00ec329036b1e029c68e5d7ec44a3adf5365', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: 'a200d099f8d9be48e68851de06ecbd66853cc1d1', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '8121aa5cd8cc33cc2b5c2d5c3212888b1214551b', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '62514a7151641c311d0cc41f3d049041403520e7', class: "digi-form-label__actions" }, h("slot", { key: 'c59e5090f35c0a47cd744fbc6c8ad10ad196e21c', name: "actions" }))))));
+        return (h("div", { key: '49750e16792d0b5078896035bcb99792e6d9f589', class: "digi-form-label" }, h("div", { key: '81fddd3e4fcc34ba9c8324f5cae0fd1cde00c3fb', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '01feb27d7f79c818ad7124f85fb6db671a7af847', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '0d484a84b46230a10df0e88a48ebf03880892bad', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '2fc41f3cfe8d3057260f65b6e0700b92f47a82b9', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '466cd22c12eca1390b0051766efe7acd34cf732b', class: "digi-form-label__actions" }, h("slot", { key: 'acc3c7a1ab59f4031c80f90a32c66a15de025180', name: "actions" }))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/{p-731a77a4.js → p-d68a2616.js}

@@ -91,9 +91,9 @@ const FormRadiobutton = /*@__PURE__*/ proxyCustomElement(class FormRadiobutton e
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: '1b77f817e541271e29892b127944744bc3daf3cf', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '45500681490dcbd0b7b75b6de5882c07642deff8', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
+        return (h("div", { key: 'ad3ab77013c500a21c82d171077293be4b8a1d7e', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '4491cca214d38754bb6215e14e00a5eb5c8b5336', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '64994ceec9af57adf6fe47f94ece9f1fc56ed42c', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '62307a52326ecfa3d6f941cf7e5088a33b25de40', class: "digi-form-radiobutton__circle" }), this.afLabel)));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '8e6a2bcfffa5da53edf122118c68f395ca6851fa', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '81403daa92652914cf76259a1f4a0d22023818fe', class: "digi-form-radiobutton__circle" }), this.afLabel)));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/{p-05cd6627.js → p-dabc44e6.js}

@@ -30,7 +30,7 @@ const UtilResizeObserver = /*@__PURE__*/ proxyCustomElement(class UtilResizeObse
         this.afOnChange.emit(e);
     }
     render() {
-        return h("slot", { key: 'b217fe66dcf0daf5d1b8faa1173b3198fafd551d' });
+        return h("slot", { key: '65c577f1cd20653cfe0dfb57d37c04c6aff9a91b' });
     }
     get hostElement() { return this; }
     static get style() { return DigiUtilResizeObserverStyle0; }

package/components/{p-3b13960f.js → p-dbc51547.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
 import { F as FormValidationMessageVariation } from './p-7933b555.js';
-import { d as defineCustomElement$3 } from './p-d486a92a.js';
-import { d as defineCustomElement$2 } from './p-b19d38bd.js';
-import { d as defineCustomElement$1 } from './p-bb851add.js';
+import { d as defineCustomElement$3 } from './p-b3d47218.js';
+import { d as defineCustomElement$2 } from './p-92d96d90.js';
+import { d as defineCustomElement$1 } from './p-c132c0be.js';
 
 const formValidationMessageCss = ".sc-digi-form-validation-message-h{--digi--form-validation-message--icon-color--success:var(--digi--color--icon--validation--success);--digi--form-validation-message--icon-color--warning:var(--digi--color--icon--validation--warning);--digi--form-validation-message--icon-color--error:var(--digi--color--icon--validation--error)}.sc-digi-form-validation-message-h .digi-form-validation-message.sc-digi-form-validation-message{display:flex;flex-wrap:wrap;align-items:center}.sc-digi-form-validation-message-h .digi-form-validation-message--success.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--success)}.sc-digi-form-validation-message-h .digi-form-validation-message--warning.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--warning)}.sc-digi-form-validation-message-h .digi-form-validation-message--error.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--error)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message{color:var(--ICON-COLOR);margin-inline-end:var(--digi--gutter--icon)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message>*.sc-digi-form-validation-message{--digi--icon--width:1.25em;--digi--icon--height:1.25em;--digi--icon--color:var(--ICON-COLOR);display:flex}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message .warning.sc-digi-form-validation-message{top:3px;position:relative}.sc-digi-form-validation-message-h .digi-form-validation-message__text.sc-digi-form-validation-message{flex:1;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);color:var(--digi--color--text--primary)}";
 const DigiFormValidationMessageStyle0 = formValidationMessageCss;
@@ -31,7 +31,7 @@ const FormValidationMessage = /*@__PURE__*/ proxyCustomElement(class FormValidat
         }
     }
     render() {
-        return (h("div", { key: '18f52b4ebf44ba3e2c3e1bffc1067b4b3edcc7b8', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: '70c60e70b5f3bda2fe52c0d14afca5fa235ecdc7', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '243aa014e575dd029e372bf63ec1cc59d7e2d355', class: "digi-form-validation-message__text" }, h("slot", { key: 'ddc134438d834d64a3890bc72e26ed662a73ab5d' }))));
+        return (h("div", { key: 'b4d77f58e8c289295892fe8c6bbd128f0ac0bfe8', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: 'ccf07b383eed2f696e2108bc2b11d50a0a37aee2', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: 'fe5c2456fcc88c666463205c7c735048697f37d2', class: "digi-form-validation-message__text" }, h("slot", { key: '8d47bef18ec9c7b255f8ee3ec94af6620a0c0dd4' }))));
     }
     get hostElement() { return this; }
     static get style() { return DigiFormValidationMessageStyle0; }

package/components/{p-2bb55f97.js → p-de70fbde.js}

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

package/components/{p-7113a764.js → p-e1c1f015.js}

@@ -16,11 +16,11 @@ const IconSpinner = /*@__PURE__*/ proxyCustomElement(class IconSpinner extends H
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '152bdb53f10467f11c3c3cf9e7bac058faca1a01', class: "digi-icon-spinner", height: "50", viewBox: "0 0 50 50", width: "50", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '0c832b9c5715b38f65c1874b8eb8ef1c2fd6e6a0', class: "digi-icon-spinner", height: "50", viewBox: "0 0 50 50", width: "50", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '5c9817d2ef2c882ff8580cb0add0b270eec9c573', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '475288b46df1658c7246f27c4eb148992e66b8a4' }, this.afDesc), h("g", { key: '55fc67c4b7afa941bc24c65565042ee341ca380f', class: "digi-icon-spinner__shape", fill: "none", "fill-rule": "evenodd" }, h("mask", { key: '6444c74e93f878991ae900386efbbc0fddc0e768', fill: "#fff", id: "iconSpinnerPath" }, h("path", { key: '9962328a5f478b6e95f48447dc7b5b91b2e39679', d: this._path })), h("path", { key: '7dde8fb12a51a115d3bcdaa4966d2021756e063d', d: this._path, fill: "#dddddd", "fill-rule": "nonzero" }), h("path", { key: '972c1be95fdd0ba04e774a888fd77cb1245d8462', d: "M19 26L54-5v62z", fill: "currentColor", mask: "url(#iconSpinnerPath)" }))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '27291c7f268e5d2def4afb05e1ff7799b5308adf', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f94fb49d42b162e929ab337efff6fd72a4a37738' }, this.afDesc), h("g", { key: 'f6a27d7be300b3dc044a644e64d86ef9b06bf46b', class: "digi-icon-spinner__shape", fill: "none", "fill-rule": "evenodd" }, h("mask", { key: '7d8815deb2b120e61384905d184984e5d12494fa', fill: "#fff", id: "iconSpinnerPath" }, h("path", { key: 'f311178af8aeba6ece16402eff41cefe76407698', d: this._path })), h("path", { key: 'd1b81ccb1ba7e0b247b19960b55838b3524f130a', d: this._path, fill: "#dddddd", "fill-rule": "nonzero" }), h("path", { key: '5f4a1ccfd18181c6ef119b86e7c882aa98a8b00e', d: "M19 26L54-5v62z", fill: "currentColor", mask: "url(#iconSpinnerPath)" }))));
     }
     static get style() { return DigiIconSpinnerStyle0; }
 }, [2, "digi-icon-spinner", {

package/components/{p-f8814a22.js → p-ebb241f7.js}

@@ -15,11 +15,11 @@ const IconNotificationError = /*@__PURE__*/ proxyCustomElement(class IconNotific
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '855e066c658c0be9bd1990e1bd5c44d9963f9265', class: "digi-icon-notification-error", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '3efb74511e75d536a177f797025fd2562ea2076e', class: "digi-icon-notification-error", 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 && h("title", { key: '20ca23a8aa754d57f421afb0610c7f739abe945c', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c93cbb3577613938d3b593f700e4d3705acf8a6e' }, this.afDesc), h("path", { key: '977818bfc7609c220e41e3e87719d049a148b4f5', class: "digi-icon-notification-error__shape", d: "M16.3083126,13.5575621 C17.212521,12.6758465 18.6746453,12.6758465 19.4922806,13.5575621 L24.0133226,18.0230248 L28.6209379,13.5575621 C29.5251463,12.6758465 30.9872705,12.6758465 31.8049058,13.5575621 C32.7860681,14.4487585 32.7860681,15.889842 31.8049058,16.6957111 L27.3608176,21.151693 L31.8049058,25.6930023 C32.7860681,26.5841986 32.7860681,28.0252822 31.8049058,28.8311512 C30.9872705,29.7981941 29.5251463,29.7981941 28.6209379,28.8311512 L24.0133226,24.4510158 L19.4922806,28.8311512 C18.6746453,29.7981941 17.212521,29.7981941 16.3083126,28.8311512 C15.4137234,28.0252822 15.4137234,26.5841986 16.3083126,25.6930023 L20.8389739,21.151693 L16.3083126,16.6957111 C15.4137234,15.889842 15.4137234,14.4487585 16.3083126,13.5575621 L16.3083126,13.5575621 Z M9.87119353,3.24 C11.1166068,1.228125 13.3583507,0 15.6767354,0 L32.240732,0 C34.6453376,0 36.8870815,1.228125 38.1324948,3.24 L46.9940893,17.49375 C48.3353036,19.65 48.3353036,22.35 46.9940893,24.50625 L38.1324948,38.75625 C36.8870815,40.771875 34.6453376,42 32.240732,42 L15.6767354,42 C13.3583507,42 11.1166068,40.771875 9.87119353,38.75625 L1.00576702,24.50625 C-0.335255674,22.35 -0.335255674,19.65 1.00576702,17.49375 L9.87119353,3.24 Z M4.95376353,20.0519187 C4.50454509,20.7819413 4.50454509,21.6920993 4.95376353,22.4221219 L13.8554068,36.8329571 C14.2690341,37.5060948 15.0193347,37.9232506 15.7407776,37.9232506 L32.3724409,37.9232506 C33.1804569,37.9232506 33.9307575,37.5060948 34.3443848,36.8329571 L43.2421804,22.4221219 C43.6942846,21.6920993 43.6942846,20.7819413 43.2421804,20.0519187 L34.3443848,5.64297968 C33.9307575,4.96510158 33.1804569,4.55079007 32.3724409,4.55079007 L15.7407776,4.55079007 C15.0193347,4.55079007 14.2690341,4.96510158 13.8554068,5.64297968 L4.95376353,20.0519187 Z M38.2882725,3.27656885 L34.3443848,5.64297968 L38.2882725,3.27656885 Z M1.00987575,24.7828442 L4.95376353,22.4221219 L1.00987575,24.7828442 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '9a041f19c3dcdd32a9211f3a3f8b1326acebc037', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '07c86ce10c08d03ba1e1a7af79d713c26b4d0651' }, this.afDesc), h("path", { key: '13cb55682895de87019f436326ffe23aac19c73e', class: "digi-icon-notification-error__shape", d: "M16.3083126,13.5575621 C17.212521,12.6758465 18.6746453,12.6758465 19.4922806,13.5575621 L24.0133226,18.0230248 L28.6209379,13.5575621 C29.5251463,12.6758465 30.9872705,12.6758465 31.8049058,13.5575621 C32.7860681,14.4487585 32.7860681,15.889842 31.8049058,16.6957111 L27.3608176,21.151693 L31.8049058,25.6930023 C32.7860681,26.5841986 32.7860681,28.0252822 31.8049058,28.8311512 C30.9872705,29.7981941 29.5251463,29.7981941 28.6209379,28.8311512 L24.0133226,24.4510158 L19.4922806,28.8311512 C18.6746453,29.7981941 17.212521,29.7981941 16.3083126,28.8311512 C15.4137234,28.0252822 15.4137234,26.5841986 16.3083126,25.6930023 L20.8389739,21.151693 L16.3083126,16.6957111 C15.4137234,15.889842 15.4137234,14.4487585 16.3083126,13.5575621 L16.3083126,13.5575621 Z M9.87119353,3.24 C11.1166068,1.228125 13.3583507,0 15.6767354,0 L32.240732,0 C34.6453376,0 36.8870815,1.228125 38.1324948,3.24 L46.9940893,17.49375 C48.3353036,19.65 48.3353036,22.35 46.9940893,24.50625 L38.1324948,38.75625 C36.8870815,40.771875 34.6453376,42 32.240732,42 L15.6767354,42 C13.3583507,42 11.1166068,40.771875 9.87119353,38.75625 L1.00576702,24.50625 C-0.335255674,22.35 -0.335255674,19.65 1.00576702,17.49375 L9.87119353,3.24 Z M4.95376353,20.0519187 C4.50454509,20.7819413 4.50454509,21.6920993 4.95376353,22.4221219 L13.8554068,36.8329571 C14.2690341,37.5060948 15.0193347,37.9232506 15.7407776,37.9232506 L32.3724409,37.9232506 C33.1804569,37.9232506 33.9307575,37.5060948 34.3443848,36.8329571 L43.2421804,22.4221219 C43.6942846,21.6920993 43.6942846,20.7819413 43.2421804,20.0519187 L34.3443848,5.64297968 C33.9307575,4.96510158 33.1804569,4.55079007 32.3724409,4.55079007 L15.7407776,4.55079007 C15.0193347,4.55079007 14.2690341,4.96510158 13.8554068,5.64297968 L4.95376353,20.0519187 Z M38.2882725,3.27656885 L34.3443848,5.64297968 L38.2882725,3.27656885 Z M1.00987575,24.7828442 L4.95376353,22.4221219 L1.00987575,24.7828442 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get style() { return DigiIconNotificationErrorStyle0; }
 }, [2, "digi-icon-notification-error", {

package/components/{p-36db493f.js → p-faf705cd.js}

@@ -15,11 +15,11 @@ const IconXButtonOutline = /*@__PURE__*/ proxyCustomElement(class IconXButtonOut
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '38932dac4ef2deb6b0a55961efd628b07dba7197', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'a25189a3c1d953abaa25597b5a09b71c34aa82be', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", 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 && h("title", { key: 'e7361a895fdb90e55c293a109c7e535afb059f7f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1c8b1261a8ff342285b3ef6a0dfdde4dba6a3350' }, this.afDesc), h("path", { key: '16b4e87be77c2529a56034bea96cb82e81d89fd8', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'a0161c1137068e003f52b6064e9dc77bd1011fb4', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7d6c251badde884a823f0d8553a29ee3c204e23d' }, this.afDesc), h("path", { key: '6b8d5f3a21acfb5cc3dd26208c8448c76497802d', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get style() { return DigiIconXButtonOutlineStyle0; }
 }, [2, "digi-icon-x-button-outline", {

package/components/{p-0bab8c4a.js → p-fe64c397.js}

@@ -15,11 +15,11 @@ const IconArrowRight = /*@__PURE__*/ proxyCustomElement(class IconArrowRight ext
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '2c1934fcc9da89ffa21fe684a43ddd62e57db110', class: "digi-icon-arrow-right", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '60d3ce353316e7ee25e7d1574de130dba14b5cc1', class: "digi-icon-arrow-right", width: "48", height: "48", viewBox: "0 0 48 48", 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 && h("title", { key: '74c414a6323d3524b185314a5a6fbe1c154cd7e8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '3a324d356e3e4d59815eab61db2daf7b1f1592da' }, this.afDesc), h("path", { key: 'c2d02e96514029eebfe712b5c5f7974664dcf68e', class: "digi-icon-arrow-right__shape", d: "M0.381032171,24.6320096 L2.52712589,26.7533334 C3.03506039,27.2554054 3.85863836,27.2554054 4.36668125,26.7533334 L21.1817412,10.1322435 L21.1817412,46.7142843 C21.1817412,47.4243208 21.7641425,48 22.4824698,48 L25.5175031,48 C26.2358304,48 26.8182317,47.4243208 26.8182317,46.7142843 L26.8182317,10.1322435 L43.6334,26.7533334 C44.1413345,27.2554054 44.9649125,27.2554054 45.4729554,26.7533334 L47.6190491,24.6320096 C48.1269836,24.1299376 48.1269836,23.3158653 47.6190491,22.8136862 L24.9197099,0.376553992 C24.4117754,-0.125517997 23.5881975,-0.125517997 23.0801546,0.376553992 L0.381032171,22.8137933 C-0.127010724,23.3158653 -0.127010724,24.1299376 0.381032171,24.6320096 Z", id: "Icon", transform: "translate(24.000000, 24.000000) rotate(90.000000) translate(-24.000000, -24.000000) ", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '84ec6440297ef222b285a42a53b613ec4576d762', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9495247954d0beeabf1a49f55f732af244f34d1f' }, this.afDesc), h("path", { key: '545bcc4668d3a14eebaf9d29f6a915c63ae87edf', class: "digi-icon-arrow-right__shape", d: "M0.381032171,24.6320096 L2.52712589,26.7533334 C3.03506039,27.2554054 3.85863836,27.2554054 4.36668125,26.7533334 L21.1817412,10.1322435 L21.1817412,46.7142843 C21.1817412,47.4243208 21.7641425,48 22.4824698,48 L25.5175031,48 C26.2358304,48 26.8182317,47.4243208 26.8182317,46.7142843 L26.8182317,10.1322435 L43.6334,26.7533334 C44.1413345,27.2554054 44.9649125,27.2554054 45.4729554,26.7533334 L47.6190491,24.6320096 C48.1269836,24.1299376 48.1269836,23.3158653 47.6190491,22.8136862 L24.9197099,0.376553992 C24.4117754,-0.125517997 23.5881975,-0.125517997 23.0801546,0.376553992 L0.381032171,22.8137933 C-0.127010724,23.3158653 -0.127010724,24.1299376 0.381032171,24.6320096 Z", id: "Icon", transform: "translate(24.000000, 24.000000) rotate(90.000000) translate(-24.000000, -24.000000) ", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get style() { return DigiIconArrowRightStyle0; }
 }, [2, "digi-icon-arrow-right", {

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

@@ -191,7 +191,7 @@ const barChart = class {
         };
         // Setting Y-scale
         this.setYScale = (empty) => {
-            var _a;
+            var _a, _b, _c;
             if (this.afVariation == barChartVariation_enum.BarChartVariation.Horizontal) {
                 this._yScale = band(empty
                     ? ['0', '1', '2', '3', '4', '5', '6', '7']
@@ -203,8 +203,8 @@ const barChart = class {
             else {
                 this._yScale = linear.linear()
                     .domain(empty ? [0, 10] : [this._minVal, this._maxVal])
-                    .nice(((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.numberOfReferenceLines)
-                    ? this._chartData.meta.numberOfReferenceLines
+                    .nice(((_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.numberOfReferenceLines)
+                    ? (_c = this._chartData) === null || _c === void 0 ? void 0 : _c.meta.numberOfReferenceLines
                     : 3);
                 this._yScale.range([
                     this._dims.height - this._margin.bottom,
@@ -247,8 +247,10 @@ const barChart = class {
             // Initializing tick size array
             this._namedTickSizes = [];
             this._ellipsisSize = this.getTextSize('...');
-            for (let i = 0; i < this._chartData.data.xValueNames.length; i++) {
-                this._namedTickSizes.push(Math.ceil(this.getTextSize(this._chartData.data.xValueNames[i])));
+            if (this._chartData && this._chartData.data) {
+                for (let i = 0; i < this._chartData.data.xValueNames.length; i++) {
+                    this._namedTickSizes.push(Math.ceil(this.getTextSize(this._chartData.data.xValueNames[i])));
+                }
             }
         };
         this.updateBars = (fromLoading) => {
@@ -256,7 +258,7 @@ const barChart = class {
                 .selectAll('.barGroup')
                 .data(this.reshapeData)
                 .join((enter) => {
-                var _a;
+                var _a, _b;
                 const tempSelection = enter
                     .append('g')
                     .attr('class', 'barGroup')
@@ -297,7 +299,7 @@ const barChart = class {
                         this._margin.bottom -
                         this._yScale(d.value))
                     .attr('fill', '#00005a');
-                if (!((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.valueLabels))
+                if (!((_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.valueLabels))
                     return tempSelection;
                 tempSelection
                     .append('text')
@@ -417,7 +419,7 @@ const barChart = class {
                 }
                 return update
                     .select('text')
-                    .style('display', () => { var _a; return ((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.valueLabels) ? null : 'none'; })
+                    .style('display', () => { var _a, _b; return ((_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.valueLabels) ? null : 'none'; })
                     .transition()
                     .duration(this.defaultDuration)
                     .ease(linear.polyInOut)
@@ -467,8 +469,8 @@ const barChart = class {
         };
         // Setting position of text according to bar size
         this.adjustBarText = () => {
-            var _a;
-            if (!((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.valueLabels))
+            var _a, _b;
+            if (!((_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.valueLabels))
                 return;
             this._textSelection
                 .attr('y', (d) => this.afVariation === barChartVariation_enum.BarChartVariation.Horizontal
@@ -553,6 +555,7 @@ const barChart = class {
         };
         // Setting margins given text size
         this.setMargins = (fromLoading) => {
+            var _a;
             this._pixelSize =
                 Number(window
                     .getComputedStyle(document.body)
@@ -560,7 +563,11 @@ const barChart = class {
                     .match(/\d+/)[0]) * Number(this.fontSize.replace(/[^\d.]|\.(?=.*\.)/g, ''));
             // Getting the longest word, assuming it will also be the widest in terms of pixels
             if (this.afVariation === barChartVariation_enum.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
@@ -706,7 +713,8 @@ const barChart = class {
         };
         // Positioning the ticks of the value bearing axis
         this.setValueTicks = (transition = false) => {
-            if (this._chartData.meta && this._chartData.meta.hideXAxis) {
+            var _a, _b;
+            if (((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) && ((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.meta.hideXAxis)) {
                 this.afVariation === barChartVariation_enum.BarChartVariation.Horizontal
                     ? this._xAxisHandle.attr('display', 'none')
                     : this._yAxisHandle.attr('display', 'none');
@@ -841,12 +849,12 @@ const barChart = class {
         };
         // Once texts has fully loaded, we can recompute some sizes
         this.recomputeTextSize = () => {
-            var _a;
+            var _a, _b;
             if (this.afVariation == barChartVariation_enum.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();
         };
@@ -912,9 +920,6 @@ const barChart = class {
         this.afChartData = undefined;
     }
     afChartDataUpdate(data) {
-        if (!data) {
-            return;
-        }
         if (typeof data != 'string')
             this._chartData = data;
         else
@@ -923,9 +928,6 @@ const barChart = class {
     initSvg() {
         var _a, _b, _c, _d, _e, _f, _g;
         // Fetch number formatting
-        if (!this._chartData) {
-            return;
-        }
         this._numberFormat = {
             maximumSignificantDigits: (_c = (_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.labelProperties) === null || _c === void 0 ? void 0 : _c.significantDigits,
             notation: ((_f = (_e = (_d = this._chartData) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.labelProperties) === null || _f === void 0 ? void 0 : _f.shortHand)
@@ -1136,16 +1138,19 @@ const barChart = class {
     }
     // Sets the largest and smallest value from series 0, Should only be used when not loading
     setMinMax() {
-        var _a, _b, _c;
-        if (!this._chartData) {
-            return;
-        }
-        this._maxVal = linear.max(this._chartData.data.series[0].yValues);
-        this._minVal = linear.min([0, linear.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 = linear.max((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.data.series[0].yValues)
+            ? linear.max((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.data.series[0].yValues)
+            : 0;
+        const min = linear.min([0, linear.min((_c = this._chartData) === null || _c === void 0 ? void 0 : _c.data.series[0].yValues)])
+            ? linear.min([0, linear.min((_d = this._chartData) === null || _d === void 0 ? void 0 : _d.data.series[0].yValues)])
+            : 0;
+        this._maxVal = max;
+        this._minVal = min;
         this._tempScale = linear.linear()
             .domain([this._minVal, this._maxVal])
-            .nice(((_b = this._chartData.meta) === null || _b === void 0 ? void 0 : _b.numberOfReferenceLines)
-            ? (_c = this._chartData) === null || _c === void 0 ? void 0 : _c.meta.numberOfReferenceLines
+            .nice(((_f = (_e = this._chartData) === null || _e === void 0 ? void 0 : _e.meta) === null || _f === void 0 ? void 0 : _f.numberOfReferenceLines)
+            ? (_g = this._chartData) === null || _g === void 0 ? void 0 : _g.meta.numberOfReferenceLines
             : 3)
             .domain();
     }
@@ -1217,7 +1222,7 @@ const barChart = class {
             : this._xScale(d.key) + this._xScale.bandwidth())
             .attr('dy', () => this.afVariation == barChartVariation_enum.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() {
@@ -1229,11 +1234,11 @@ const barChart = class {
         this.initBarText();
     }
     async updateChain() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         // Fetch number formatting
         this._numberFormat = {
-            maximumSignificantDigits: (_b = (_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.labelProperties) === null || _b === void 0 ? void 0 : _b.significantDigits,
-            notation: ((_d = (_c = this._chartData.meta) === null || _c === void 0 ? void 0 : _c.labelProperties) === null || _d === void 0 ? void 0 : _d.shortHand)
+            maximumSignificantDigits: (_c = (_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.labelProperties) === null || _c === void 0 ? void 0 : _c.significantDigits,
+            notation: ((_f = (_e = (_d = this._chartData) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.labelProperties) === null || _f === void 0 ? void 0 : _f.shortHand)
                 ? 'compact'
                 : 'standard'
         };
@@ -1391,16 +1396,10 @@ const barChart = class {
         return width;
     }
     componentWillLoad() {
-        if (!this._chartData) {
-            return;
-        }
         this.afChartDataUpdate(this.afChartData);
     }
     componentDidLoad() {
-        if (!this._chartData) {
-            return;
-        }
-        if (Object.keys(this._chartData).length === 0) {
+        if (!this._chartData || Object.keys(this._chartData).length === 0) {
             this._loading = true;
             return this.initEmpty();
         }
@@ -1473,35 +1472,36 @@ const barChart = class {
     // Building the table body
     tableBody() {
         let body = '';
-        const loopable = this._chartData.data.xValueNames
-            ? this._chartData.data.xValueNames
-            : this._chartData.data.xValues;
-        loopable.forEach((elem, index) => {
-            let cells = '';
-            this._chartData.data.series.forEach((serie) => {
-                cells = cells.concat(`<td>${serie.yValues[index] != null ? serie.yValues[index].toLocaleString() : '-'}</td>`);
+        if (this._chartData && this._chartData.data) {
+            const loopable = this._chartData.data.xValueNames
+                ? this._chartData.data.xValueNames
+                : this._chartData.data.xValues;
+            loopable.forEach((elem, index) => {
+                let cells = '';
+                this._chartData.data.series.forEach((serie) => {
+                    cells = cells.concat(`<td>${serie.yValues[index] != null ? serie.yValues[index].toLocaleString() : '-'}</td>`);
+                });
+                body = body.concat(`<tr><th scope='row'>${elem}${cells}</th></tr>`);
             });
-            body = body.concat(`<tr><th scope='row'>${elem}${cells}</th></tr>`);
-        });
+        }
         return body;
     }
     render() {
         var _a, _b, _c, _d, _e;
-        if (!this._chartData) {
-            return;
-        }
         // Setting header
         let heading = '';
-        if (!this._chartData.subTitle)
-            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
-        else {
-            if (!this._chartData.infoText)
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-            else
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${(_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle}
+        if (this._chartData) {
+            if (!this._chartData.subTitle)
+                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
+            else {
+                if (!this._chartData.infoText)
+                    heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
+                else
+                    heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${(_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle}
 				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
+            }
         }
-        return (index.h(index.Host, { ref: (el) => (this._host = el) }, index.h("div", { class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { class: "chartTitle", innerHTML: heading }), index.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() : ''}` }, index.h("digi-icon-table", { slot: "icon" }), "Visa tabell"), index.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() : ''}` }, index.h("digi-icon-chart", { slot: "icon" }), "Visa diagram"), index.h("div", { class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { class: "chartTooltip", id: this.afId }, index.h("div", { class: "tooltipBody" }), index.h("digi-icon-x", { 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", { ref: (el) => (this._chartDiv = el) }, " "), index.h("div", { class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (index.h(index.Host, { key: '7659fcc4817cdfb3f19f2bd11a41464c13b5e19e', ref: (el) => (this._host = el) }, index.h("div", { key: '063611cf8dbb2554904d972ed3fc1f89d714772e', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: 'ad58c43c2629e7b2b97e3ad1658646e5171b1531', class: "chartTitle", innerHTML: heading }), index.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() : ''}` }, index.h("digi-icon-table", { key: 'b82a89d578d997ab878d44a2928e5e31773bd34f', slot: "icon" }), "Visa tabell"), index.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() : ''}` }, index.h("digi-icon-chart", { key: 'f868d9fd2c37c247e8abdd59cf2b9342ad120fef', slot: "icon" }), "Visa diagram"), index.h("div", { key: '6a0f7838d86a43b46d9a036ad935f50ebb2b523f', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: '5f37b9eaf1030cd1d5b1b0360cdaaa61f953b624', class: "chartTooltip", id: this.afId }, index.h("div", { key: 'a89608cb64620456a165ba4fb57db823870d2231', class: "tooltipBody" }), index.h("digi-icon-x", { key: 'e842c2b42f6bc7d6dfdad1d1b8a7acb9f8df5a1a', 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: 'f07154ab370a948016aa30a2547c4c9b25fae03b', ref: (el) => (this._chartDiv = el) }, " "), index.h("div", { key: '385151df18d373779257040d298bf8c108184500', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: 'd5f07fc01a628aa2035a96d86621b6bab1e73f01', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -1642,11 +1642,11 @@ const IconCaretDown = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'b59af7e6235c84c6c9ae560f43ff5bff17fb5f08', class: "digi-icon-caret-down", width: "12", height: "6", viewBox: "0 0 12 6", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '5762feb25ab3ba144e90043a2a2711789a29ead8', class: "digi-icon-caret-down", width: "12", height: "6", viewBox: "0 0 12 6", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '224e67caa7fee3e8ac6ad8426501404d79a259f1', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '4e01779c8a8aba8cc823c66724bd377a68cab527' }, this.afDesc), index.h("path", { key: '16dfefbedb6a9bb5cce9b56a7ff8f299f28343ca', class: "digi-icon-caret-down__shape", d: "M11.777.198A.608.608 0 0112 .667c0 .18-.074.336-.223.468l-5.25 4.667A.768.768 0 016 6a.768.768 0 01-.527-.198L.223 1.135A.608.608 0 010 .667C0 .487.074.33.223.197A.768.768 0 01.75 0h10.5c.203 0 .379.066.527.198z", fill: "currentColor", "fill-rule": "evenodd" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'f867614d282dfb041ac9d318da6ba4ef39b69d3f', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'ea3d077e98955cf44fc86510fadc946f764c7f2f' }, this.afDesc), index.h("path", { key: '14175c4970e2f2222f7e7781e7335f99476ae5c2', class: "digi-icon-caret-down__shape", d: "M11.777.198A.608.608 0 0112 .667c0 .18-.074.336-.223.468l-5.25 4.667A.768.768 0 016 6a.768.768 0 01-.527-.198L.223 1.135A.608.608 0 010 .667C0 .487.074.33.223.197A.768.768 0 01.75 0h10.5c.203 0 .379.066.527.198z", fill: "currentColor", "fill-rule": "evenodd" })));
     }
 };
 IconCaretDown.style = DigiIconCaretDownStyle0;
@@ -1664,11 +1664,11 @@ const IconCaretUp = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '4ed75801789cbc0f99d605e9d8aadf67543c42a1', class: "digi-icon-caret-up", width: "12", height: "7", viewBox: "0 0 12 7", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'f3bdbe4035127e9269a7604575367b5f86e9f7c1', class: "digi-icon-caret-up", width: "12", height: "7", viewBox: "0 0 12 7", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '7c8bf17242fe69b3831bd91f23a59bc205508a2a', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'f6f2c51bddfebc38c8735908c7b73d43fb553b47' }, this.afDesc), index.h("path", { key: '2faecdb8741910e56fd302ffce6efcd9d0b55765', class: "digi-icon-caret-up__shape", d: "M11.777 5.65A.608.608 0 0112 6.12c0 .18-.074.337-.223.469a.768.768 0 01-.527.198H.75a.768.768 0 01-.527-.198A.608.608 0 010 6.119c0-.18.074-.337.223-.469L5.473.984A.768.768 0 016 .786c.203 0 .379.066.527.198l5.25 4.666z", fill: "currentColor", "fill-rule": "evenodd" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '3a5d4ff00d8b49ef829ad2f94004cf2fe8b4792f', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'e86737f68071534b5ee6a03d8b6bf04b109d9bf2' }, this.afDesc), index.h("path", { key: '1b63cf81af0b10859c07018bc6172b8d46276e8f', class: "digi-icon-caret-up__shape", d: "M11.777 5.65A.608.608 0 0112 6.12c0 .18-.074.337-.223.469a.768.768 0 01-.527.198H.75a.768.768 0 01-.527-.198A.608.608 0 010 6.119c0-.18.074-.337.223-.469L5.473.984A.768.768 0 016 .786c.203 0 .379.066.527.198l5.25 4.666z", fill: "currentColor", "fill-rule": "evenodd" })));
     }
 };
 IconCaretUp.style = DigiIconCaretUpStyle0;
@@ -1686,11 +1686,11 @@ const IconChart = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'd7f7d20482939830e7b62bd4639cca184609fd34', width: "56", height: "62", viewBox: "0 0 56 62", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '800d54ef3296bceb62bd0529814bb8dfdc0af93a', width: "56", height: "62", viewBox: "0 0 56 62", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, index.h("title", { key: 'ec3b5e08e45c39b1954be4d2cb82cc344ccd188b' }, "Chart"), this.afTitle && index.h("title", { key: 'eb7abeb0f23c78397dcdc5d0cc28452b201085bf', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'fb0d0a49425843267c97f5f9d221962b0e9b1aa6' }, this.afDesc), index.h("defs", { key: 'f7012da4e8093e2903fae29477c45e2fb07b946d' }, index.h("polygon", { key: 'd5a0aaad8b41c4202f2d1425ea8c67f03c60caa3', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("polygon", { key: '380c101d538b42f59e1e686bbcc78f13d082bbdc', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" })), index.h("g", { key: '657ec5c7e5028370b8c00cd9228a63a5ba70e87c', id: "Ikonguide", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '2aee9448955de995005d733400e9a3db2ec0bfbf', transform: "translate(-1012.000000, -804.000000)", id: "Chart" }, index.h("g", { key: 'a6b2ac43f45d9283d67183ec05c64061cb232378', transform: "translate(1013.063248, 823.768116)" }, index.h("g", { key: 'c1c83ea00f8b1757918df60d8fdae1932cf3edc4', id: "Group", transform: "translate(-0.000000, 0.000000)" }, index.h("path", { key: '7d6d823156bccf55803359670bd9c8ac571cfbcd', d: "M11.2871933,17.0724638 L3.19179715,17.0724638 C1.47642907,17.0724638 0.0891563449,18.5157634 0.0891563449,20.3004089 L0,39.003939 C0,40.7885845 1.38727273,42.2318841 3.1026408,42.2318841 L11.1980369,42.2318841 C12.913405,42.2318841 14.3006777,40.7885845 14.3006777,39.003939 L14.3898341,20.3004089 C14.3898341,18.5157634 12.9989951,17.0724638 11.2871933,17.0724638", id: "Fill-1", fill: "currentColor" }), index.h("path", { key: '7e1a5b2da5474c46584b5a9071b524f70ac25d23', d: "M31.292107,11.2318841 L23.077661,11.2318841 C21.3370669,11.2318841 19.9293931,12.6247 19.9293931,14.3469222 L19.8389256,39.1168459 C19.8389256,40.8354877 21.2465994,42.2318841 22.9871935,42.2318841 L31.2016396,42.2318841 C32.9422337,42.2318841 34.3499075,40.8354877 34.3499075,39.1168459 L34.4403749,14.3469222 C34.4403749,12.6247 33.0290824,11.2318841 31.292107,11.2318841", id: "Fill-3", fill: "currentColor" }), index.h("path", { key: '436bb355b28219a3ccb89d1430b50a0cc9218a09', d: "M51.0899571,0 L43.0444095,0 C41.339604,0 39.9608736,1.42791855 39.9608736,3.19354534 L39.7836589,39.0420095 C39.7836589,40.8039655 41.1659336,42.2318841 42.8671948,42.2318841 L50.9162867,42.2318841 C52.6175479,42.2318841 53.9962783,40.8039655 53.9962783,39.0420095 L54.173493,3.19354534 C54.173493,1.42791855 52.7912183,0 51.0899571,0", id: "Fill-6", fill: "currentColor" }), index.h("polygon", { key: 'cac30bb30a388ec0df486d67144b0f78d66f2a96', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("g", { key: '98e7164d00eeb9f005407ca0100c146dd46d1aa6', id: "Clip-4" }), index.h("polygon", { key: '3da22594113cdb11257b2b4b1737a22d5368983c', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" }), index.h("g", { key: '6608366793160e7b9cce14a0aafc6fb18a223308', id: "Clip-9" }), index.h("path", { key: 'c7517c6a704571b2c5f639ada70a71b6734e309e', d: "M2.64246183,-0.393115942 L24.287738,-0.393115942 C24.783165,-0.393115942 25.2716142,-0.501190406 25.7216852,-0.713736852 L51.853716,-12.8829215 C53.6086441,-13.6970825 54.3936517,-15.8297519 53.5981773,-17.6454029 C52.8027029,-19.4610539 50.7372607,-20.2680099 48.9858215,-19.4466439 L23.5376196,-7.59808021 L2.64246183,-7.59808021 C0.716576525,-7.59808021 -0.846460828,-5.98777069 -0.846460828,-3.99559807 C-0.846460828,-2.00342546 0.716576525,-0.393115942 2.64246183,-0.393115942", id: "Fill-8", fill: "currentColor", mask: "url(#mask-4)" })))))));
+                    : undefined }, index.h("title", { key: 'b8e669442f6b8440ee45edfc270df770ca37aae7' }, "Chart"), this.afTitle && index.h("title", { key: 'cfc592e5d007c33d3253f0394320a6dbc8a6e401', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '78ede7c52f2e71b93bfd79dc87e70e4e36eadd74' }, this.afDesc), index.h("defs", { key: '354c59d22c0b7af0d51fe495b4f300a3953c7016' }, index.h("polygon", { key: '27d541e9ee854c36a9263edbba6227f97724b837', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("polygon", { key: '892d9de4f4dd622c0c33c08eecc8fcb8b9986cbb', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" })), index.h("g", { key: '7a2d1c553dfdb6f180fa11ff0331d8efbb4aed23', id: "Ikonguide", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '2bdf3d7d8d976dd53932c882eea91f1e7d5aa196', transform: "translate(-1012.000000, -804.000000)", id: "Chart" }, index.h("g", { key: '5022070508747105362db722621a8a5b4cbc1a0f', transform: "translate(1013.063248, 823.768116)" }, index.h("g", { key: '54673a110aabf6b369b285e7b0c63a4e17af05d5', id: "Group", transform: "translate(-0.000000, 0.000000)" }, index.h("path", { key: '3bd17066733547c3b145d7634a2980c8b1e0a27e', d: "M11.2871933,17.0724638 L3.19179715,17.0724638 C1.47642907,17.0724638 0.0891563449,18.5157634 0.0891563449,20.3004089 L0,39.003939 C0,40.7885845 1.38727273,42.2318841 3.1026408,42.2318841 L11.1980369,42.2318841 C12.913405,42.2318841 14.3006777,40.7885845 14.3006777,39.003939 L14.3898341,20.3004089 C14.3898341,18.5157634 12.9989951,17.0724638 11.2871933,17.0724638", id: "Fill-1", fill: "currentColor" }), index.h("path", { key: '5beb77295deeb8ce99b6a52ba784c333d67a2930', d: "M31.292107,11.2318841 L23.077661,11.2318841 C21.3370669,11.2318841 19.9293931,12.6247 19.9293931,14.3469222 L19.8389256,39.1168459 C19.8389256,40.8354877 21.2465994,42.2318841 22.9871935,42.2318841 L31.2016396,42.2318841 C32.9422337,42.2318841 34.3499075,40.8354877 34.3499075,39.1168459 L34.4403749,14.3469222 C34.4403749,12.6247 33.0290824,11.2318841 31.292107,11.2318841", id: "Fill-3", fill: "currentColor" }), index.h("path", { key: 'b1b0a2c3386c8a4b1e43aa22eb1e70061dd739a7', d: "M51.0899571,0 L43.0444095,0 C41.339604,0 39.9608736,1.42791855 39.9608736,3.19354534 L39.7836589,39.0420095 C39.7836589,40.8039655 41.1659336,42.2318841 42.8671948,42.2318841 L50.9162867,42.2318841 C52.6175479,42.2318841 53.9962783,40.8039655 53.9962783,39.0420095 L54.173493,3.19354534 C54.173493,1.42791855 52.7912183,0 51.0899571,0", id: "Fill-6", fill: "currentColor" }), index.h("polygon", { key: 'e72c09638a55cf7d4ca4cb9bec588666af4ae8ee', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("g", { key: 'cfb1fd2afa4043c321c9a048c6307fb5bbcadf2c', id: "Clip-4" }), index.h("polygon", { key: 'a183c51976d36ca3a6a4ce64fb38b68096d78a99', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" }), index.h("g", { key: '5e084828c2432129517e43e003d4a45e2a22519c', id: "Clip-9" }), index.h("path", { key: '345a3c16d5d179001fb6e349ddb369e8f2fbf591', d: "M2.64246183,-0.393115942 L24.287738,-0.393115942 C24.783165,-0.393115942 25.2716142,-0.501190406 25.7216852,-0.713736852 L51.853716,-12.8829215 C53.6086441,-13.6970825 54.3936517,-15.8297519 53.5981773,-17.6454029 C52.8027029,-19.4610539 50.7372607,-20.2680099 48.9858215,-19.4466439 L23.5376196,-7.59808021 L2.64246183,-7.59808021 C0.716576525,-7.59808021 -0.846460828,-5.98777069 -0.846460828,-3.99559807 C-0.846460828,-2.00342546 0.716576525,-0.393115942 2.64246183,-0.393115942", id: "Fill-8", fill: "currentColor", mask: "url(#mask-4)" })))))));
     }
 };
 IconChart.style = DigiIconChartStyle0;
@@ -1708,11 +1708,11 @@ const IconTable = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'c3f5bf778685b55992bda59c0b73e53dafbae3a6', class: "digi-icon-table", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'f9516ee2b07aa409be2fb23bc835287b5f05359e', class: "digi-icon-table", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && index.h("title", { key: 'a81c1e4883431767d2732e447f8955de5735178b', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'ecaaf0091e07be8f1a885230786ba44ab1382415' }, this.afDesc), index.h("defs", { key: 'ed65c1a1914d82bfb6568a8ab003265644bfbf2d' }, index.h("polygon", { key: '9baf1d4c19ba90694e1e70ff150d157ae2a49b66', points: "0 62 62 62 62 0 0 0" })), index.h("g", { key: '5ce00632e6df37fb47bca7cb9992ac80142420fc', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '7165c9e55f3616186fdfff27f1fa0deec09bb0b4', transform: "translate(-302, -975)" }, index.h("g", { key: '4268991af6c941f17040f6ea0badbdf2a399e87d', transform: "translate(302, 975)" }, index.h("polygon", { key: '83512ff70e02dbf99102f3760329385921f2f529', fill: "currentColor", points: "29.6502083 9.05264249 32.3497917 9.05264249 32.3497917 6.36704663 29.6502083 6.36704663" }), index.h("g", { key: '4719a20f3a2bb6181c587b666e307d484c2a221f' }, index.h("path", { key: '9deb756c68dd3455270d9617177ae93a4966e52b', d: "M35.3073208,0 L26.6931958,0 C24.7918625,0 23.2496125,1.53297409 23.2496125,3.42574093 L23.2496125,11.9939482 C23.2496125,13.886715 24.7918625,15.4196891 26.6931958,15.4196891 L35.3073208,15.4196891 C37.2086542,15.4196891 38.7496125,13.886715 38.7496125,11.9939482 L38.7496125,3.42574093 C38.7496125,1.53297409 37.2086542,0 35.3073208,0", fill: "currentColor" }), index.h("polygon", { key: '908f01f1f68d32d5c07bc160cc2c40ecca2aee4e', fill: "currentColor", points: "6.40020833 9.05264249 9.09979167 9.05264249 9.09979167 6.36704663 6.40020833 6.36704663" }), index.h("path", { key: '504dd39b547893df93802a453d8397dd06d113d6', d: "M12.0573208,0 L3.44319583,0 C1.5418625,0 -0.0003875,1.53297409 -0.0003875,3.42574093 L-0.0003875,11.9939482 C-0.0003875,13.886715 1.5418625,15.4196891 3.44319583,15.4196891 L12.0573208,15.4196891 C13.9586542,15.4196891 15.4996125,13.886715 15.4996125,11.9939482 L15.4996125,3.42574093 C15.4996125,1.53297409 13.9586542,0 12.0573208,0", fill: "currentColor" }), index.h("polygon", { key: '39b854381dc1e4ff3ccd3a7ef4b2bd153fc8b952', fill: "currentColor", points: "52.9002083 9.05264249 55.5997917 9.05264249 55.5997917 6.36704663 52.9002083 6.36704663" }), index.h("path", { key: '6e41892e259315a504b5e807c03adb6b342466ca', d: "M58.5573208,0 L49.9431958,0 C48.0418625,0 46.4996125,1.53297409 46.4996125,3.42574093 L46.4996125,11.9939482 C46.4996125,13.886715 48.0418625,15.4196891 49.9431958,15.4196891 L58.5573208,15.4196891 C60.4586542,15.4196891 61.9996125,13.886715 61.9996125,11.9939482 L61.9996125,3.42574093 C61.9996125,1.53297409 60.4586542,0 58.5573208,0", fill: "currentColor" }), index.h("polygon", { key: '3678e05362633d6059ca47a33342839d4fc675e8', fill: "currentColor", points: "29.6502083 55.6329534 32.3497917 55.6329534 32.3497917 52.9473575 29.6502083 52.9473575" }), index.h("path", { key: 'ba6410b02719b28a550245631cd8841a7a23c737', d: "M35.3073208,46.5803109 L26.6931958,46.5803109 C24.7918625,46.5803109 23.2496125,48.113285 23.2496125,50.0060518 L23.2496125,58.5742591 C23.2496125,60.4670259 24.7918625,62 26.6931958,62 L35.3073208,62 C37.2086542,62 38.7496125,60.4670259 38.7496125,58.5742591 L38.7496125,50.0060518 C38.7496125,48.113285 37.2086542,46.5803109 35.3073208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: 'a7bf4060d14ffd261cd99e6fef0c3879be2c7142', fill: "currentColor", points: "6.40020833 55.6329534 9.09979167 55.6329534 9.09979167 52.9473575 6.40020833 52.9473575" }), index.h("path", { key: '5470cac7124f704f358f91dd8296bbc2478332a4', d: "M12.0573208,46.5803109 L3.44319583,46.5803109 C1.5418625,46.5803109 -0.0003875,48.113285 -0.0003875,50.0060518 L-0.0003875,58.5742591 C-0.0003875,60.4670259 1.5418625,62 3.44319583,62 L12.0573208,62 C13.9586542,62 15.4996125,60.4670259 15.4996125,58.5742591 L15.4996125,50.0060518 C15.4996125,48.113285 13.9586542,46.5803109 12.0573208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: '11de27f6b60493419c13386f51e83dada0f8b238', fill: "currentColor", points: "52.9002083 55.6329534 55.5997917 55.6329534 55.5997917 52.9473575 52.9002083 52.9473575" }), index.h("path", { key: '38559c3cdc4983f7bf4a814acbaf0c717667b941', d: "M58.5573208,46.5803109 L49.9431958,46.5803109 C48.0418625,46.5803109 46.4996125,48.113285 46.4996125,50.0060518 L46.4996125,58.5742591 C46.4996125,60.4670259 48.0418625,62 49.9431958,62 L58.5573208,62 C60.4586542,62 61.9996125,60.4670259 61.9996125,58.5742591 L61.9996125,50.0060518 C61.9996125,48.113285 60.4586542,46.5803109 58.5573208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: '107672305c4e2e919b6749ec6b446d3ee443ea82', fill: "currentColor", points: "29.6502083 32.3427979 32.3497917 32.3427979 32.3497917 29.6572021 29.6502083 29.6572021" }), index.h("path", { key: '276a9e1e365fdf59a623b517aa6bb8355aad4be9', d: "M35.3073208,23.2901554 L26.6931958,23.2901554 C24.7918625,23.2901554 23.2496125,24.8231295 23.2496125,26.7158964 L23.2496125,35.2841036 C23.2496125,37.1768705 24.7918625,38.7098446 26.6931958,38.7098446 L35.3073208,38.7098446 C37.2086542,38.7098446 38.7496125,37.1768705 38.7496125,35.2841036 L38.7496125,26.7158964 C38.7496125,24.8231295 37.2086542,23.2901554 35.3073208,23.2901554", fill: "currentColor" }), index.h("polygon", { key: '5e668401cd584215e4b6f06556d6b53fd3c2cb99', fill: "currentColor", points: "6.40020833 32.3427979 9.09979167 32.3427979 9.09979167 29.6572021 6.40020833 29.6572021" }), index.h("path", { key: 'ee102a4dde7340c02bf6e72d8e3b1d8bca2dd00a', d: "M12.0573208,23.2901554 L3.44319583,23.2901554 C1.5418625,23.2901554 -0.0003875,24.8231295 -0.0003875,26.7158964 L-0.0003875,35.2841036 C-0.0003875,37.1768705 1.5418625,38.7098446 3.44319583,38.7098446 L12.0573208,38.7098446 C13.9586542,38.7098446 15.4996125,37.1768705 15.4996125,35.2841036 L15.4996125,26.7158964 C15.4996125,24.8231295 13.9586542,23.2901554 12.0573208,23.2901554", fill: "currentColor" }), index.h("polygon", { key: 'f0ac7ea4766f3bdcecdc2ca76a645d98bb6bf3ff', fill: "currentColor", points: "52.9002083 32.3427979 55.5997917 32.3427979 55.5997917 29.6572021 52.9002083 29.6572021" }), index.h("path", { key: '965707e2dc206c9db4af97757c9a78c92648635f', d: "M58.5573208,23.2901554 L49.9431958,23.2901554 C48.0418625,23.2901554 46.4996125,24.8231295 46.4996125,26.7158964 L46.4996125,35.2841036 C46.4996125,37.1768705 48.0418625,38.7098446 49.9431958,38.7098446 L58.5573208,38.7098446 C60.4586542,38.7098446 61.9996125,37.1768705 61.9996125,35.2841036 L61.9996125,26.7158964 C61.9996125,24.8231295 60.4586542,23.2901554 58.5573208,23.2901554", fill: "currentColor" })))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && index.h("title", { key: 'b68cdfa7787ae35ca3b42d28dda3f6645f05d705', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'fd039f5ea949e413d65bc5384583a97f7b609e23' }, this.afDesc), index.h("defs", { key: 'e77288a82e7d09ff5ced74a4350aec8a4f501d5b' }, index.h("polygon", { key: '2ca5664e2af764e4e24e93d0a4128b84e15e91a5', points: "0 62 62 62 62 0 0 0" })), index.h("g", { key: '95a38bbf3cd26149437faad020f987b6883f1ff2', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '8cdbe06b5799d43fb77626ce927603c50aae313a', transform: "translate(-302, -975)" }, index.h("g", { key: '47b9253e735cf901bce5d1692b4f2fee38e03f3c', transform: "translate(302, 975)" }, index.h("polygon", { key: '522198b4262161d56e98d29a11a349aa9d2d384f', fill: "currentColor", points: "29.6502083 9.05264249 32.3497917 9.05264249 32.3497917 6.36704663 29.6502083 6.36704663" }), index.h("g", { key: '69c07bf39287cf89bc5eeb3f8a06c9cb6a2aeaad' }, index.h("path", { key: '039f969c9f4f7377cfc321270deb81cb7b74b3c7', d: "M35.3073208,0 L26.6931958,0 C24.7918625,0 23.2496125,1.53297409 23.2496125,3.42574093 L23.2496125,11.9939482 C23.2496125,13.886715 24.7918625,15.4196891 26.6931958,15.4196891 L35.3073208,15.4196891 C37.2086542,15.4196891 38.7496125,13.886715 38.7496125,11.9939482 L38.7496125,3.42574093 C38.7496125,1.53297409 37.2086542,0 35.3073208,0", fill: "currentColor" }), index.h("polygon", { key: '1c8499062b75a3f98069775d07ec8451b2fed1a0', fill: "currentColor", points: "6.40020833 9.05264249 9.09979167 9.05264249 9.09979167 6.36704663 6.40020833 6.36704663" }), index.h("path", { key: 'de7b1c8afd7016f2acd0678d61f373cdb3a7c657', d: "M12.0573208,0 L3.44319583,0 C1.5418625,0 -0.0003875,1.53297409 -0.0003875,3.42574093 L-0.0003875,11.9939482 C-0.0003875,13.886715 1.5418625,15.4196891 3.44319583,15.4196891 L12.0573208,15.4196891 C13.9586542,15.4196891 15.4996125,13.886715 15.4996125,11.9939482 L15.4996125,3.42574093 C15.4996125,1.53297409 13.9586542,0 12.0573208,0", fill: "currentColor" }), index.h("polygon", { key: '2916bdcfe13249d490fce3c9efa5dba7bfb49611', fill: "currentColor", points: "52.9002083 9.05264249 55.5997917 9.05264249 55.5997917 6.36704663 52.9002083 6.36704663" }), index.h("path", { key: '9c5bba14c2fd99c8b0631fc1ddee6e46ecceedc3', d: "M58.5573208,0 L49.9431958,0 C48.0418625,0 46.4996125,1.53297409 46.4996125,3.42574093 L46.4996125,11.9939482 C46.4996125,13.886715 48.0418625,15.4196891 49.9431958,15.4196891 L58.5573208,15.4196891 C60.4586542,15.4196891 61.9996125,13.886715 61.9996125,11.9939482 L61.9996125,3.42574093 C61.9996125,1.53297409 60.4586542,0 58.5573208,0", fill: "currentColor" }), index.h("polygon", { key: 'e6b29308b475e810a764e21e9d59cdcd2428f314', fill: "currentColor", points: "29.6502083 55.6329534 32.3497917 55.6329534 32.3497917 52.9473575 29.6502083 52.9473575" }), index.h("path", { key: '8cd815b0cbc7b9c051e6f599774b19eadeea383a', d: "M35.3073208,46.5803109 L26.6931958,46.5803109 C24.7918625,46.5803109 23.2496125,48.113285 23.2496125,50.0060518 L23.2496125,58.5742591 C23.2496125,60.4670259 24.7918625,62 26.6931958,62 L35.3073208,62 C37.2086542,62 38.7496125,60.4670259 38.7496125,58.5742591 L38.7496125,50.0060518 C38.7496125,48.113285 37.2086542,46.5803109 35.3073208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: 'c2537c2120132597f5baec3d0c892a3422cb9d32', fill: "currentColor", points: "6.40020833 55.6329534 9.09979167 55.6329534 9.09979167 52.9473575 6.40020833 52.9473575" }), index.h("path", { key: '6f965c34c133835810b58cfa242da42b28747849', d: "M12.0573208,46.5803109 L3.44319583,46.5803109 C1.5418625,46.5803109 -0.0003875,48.113285 -0.0003875,50.0060518 L-0.0003875,58.5742591 C-0.0003875,60.4670259 1.5418625,62 3.44319583,62 L12.0573208,62 C13.9586542,62 15.4996125,60.4670259 15.4996125,58.5742591 L15.4996125,50.0060518 C15.4996125,48.113285 13.9586542,46.5803109 12.0573208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: '8b78f149e5ee435bbbb93b0c9037b05ae021d344', fill: "currentColor", points: "52.9002083 55.6329534 55.5997917 55.6329534 55.5997917 52.9473575 52.9002083 52.9473575" }), index.h("path", { key: '1534d20135fa2fd6f3e9fc769badf68f3970c241', d: "M58.5573208,46.5803109 L49.9431958,46.5803109 C48.0418625,46.5803109 46.4996125,48.113285 46.4996125,50.0060518 L46.4996125,58.5742591 C46.4996125,60.4670259 48.0418625,62 49.9431958,62 L58.5573208,62 C60.4586542,62 61.9996125,60.4670259 61.9996125,58.5742591 L61.9996125,50.0060518 C61.9996125,48.113285 60.4586542,46.5803109 58.5573208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: '28539a451997c53a2ecafed74dc7c98848359bea', fill: "currentColor", points: "29.6502083 32.3427979 32.3497917 32.3427979 32.3497917 29.6572021 29.6502083 29.6572021" }), index.h("path", { key: '6907f0ae5b8e0a26cf242d1565e812a4f29fb6b1', d: "M35.3073208,23.2901554 L26.6931958,23.2901554 C24.7918625,23.2901554 23.2496125,24.8231295 23.2496125,26.7158964 L23.2496125,35.2841036 C23.2496125,37.1768705 24.7918625,38.7098446 26.6931958,38.7098446 L35.3073208,38.7098446 C37.2086542,38.7098446 38.7496125,37.1768705 38.7496125,35.2841036 L38.7496125,26.7158964 C38.7496125,24.8231295 37.2086542,23.2901554 35.3073208,23.2901554", fill: "currentColor" }), index.h("polygon", { key: 'aa374a24e6433ecf8426a447c34b51ae8a15f571', fill: "currentColor", points: "6.40020833 32.3427979 9.09979167 32.3427979 9.09979167 29.6572021 6.40020833 29.6572021" }), index.h("path", { key: '6812e4f686fa0424dc5ad74d6a238e8135e83380', d: "M12.0573208,23.2901554 L3.44319583,23.2901554 C1.5418625,23.2901554 -0.0003875,24.8231295 -0.0003875,26.7158964 L-0.0003875,35.2841036 C-0.0003875,37.1768705 1.5418625,38.7098446 3.44319583,38.7098446 L12.0573208,38.7098446 C13.9586542,38.7098446 15.4996125,37.1768705 15.4996125,35.2841036 L15.4996125,26.7158964 C15.4996125,24.8231295 13.9586542,23.2901554 12.0573208,23.2901554", fill: "currentColor" }), index.h("polygon", { key: 'f0a7310f4eebfb84791040d2bbe9125358f3a6d8', fill: "currentColor", points: "52.9002083 32.3427979 55.5997917 32.3427979 55.5997917 29.6572021 52.9002083 29.6572021" }), index.h("path", { key: '6e1791440ae164705579c153163dd5cc0a2a2498', d: "M58.5573208,23.2901554 L49.9431958,23.2901554 C48.0418625,23.2901554 46.4996125,24.8231295 46.4996125,26.7158964 L46.4996125,35.2841036 C46.4996125,37.1768705 48.0418625,38.7098446 49.9431958,38.7098446 L58.5573208,38.7098446 C60.4586542,38.7098446 61.9996125,37.1768705 61.9996125,35.2841036 L61.9996125,26.7158964 C61.9996125,24.8231295 60.4586542,23.2901554 58.5573208,23.2901554", fill: "currentColor" })))))));
     }
 };
 IconTable.style = DigiIconTableStyle0;
@@ -1730,11 +1730,11 @@ const IconX = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '4ff9d54b66ccdeeabee01f58ea4aab3977c254db', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '7aa95142f5b6d2f3e53aa8a94d956346e4b11d64', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '0f335c381885115a77270a8b8118dd6c5bca427b', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '0abc142ce2655224a3b2806aeb0c0b6593aa5a7f' }, this.afDesc), index.h("g", { key: 'f5f2237bb86e7c47a7dde959df53956959ad6522', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, index.h("path", { key: 'bb861523767f75be5eef3b5f56d1583f69dbb4a7', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'bf5fd04f0bb5fe6ee5a89f312d8c7d185bd4d3ca', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '20e09c4c58c0ea69f1335c8cdaedebec67548b99' }, this.afDesc), index.h("g", { key: '35167408b13a4f65211ebe347d2e96cca53fe592', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, index.h("path", { key: 'a0ce6a3f6110b488a97478334c27fe52eaf07b01', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
     }
 };
 IconX.style = DigiIconXStyle0;
@@ -1753,7 +1753,7 @@ const Typography = class {
         };
     }
     render() {
-        return (index.h("div", { key: '3fa0921aef69e263ba374a11f1b9b8f4b12cdb96', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, index.h("slot", { key: '79e9abb96eb5db1fd7ddda8fb0419abbef89f0b2' })));
+        return (index.h("div", { key: '85c3c6c0b06ab8164b20945c0e75fe34043ccdf6', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, index.h("slot", { key: '5a1ccbd36d655dbf475c241f24163d53f8d05185' })));
     }
 };
 Typography.style = DigiTypographyStyle0;